Типы анимации в компьютерной графике. Использование простых анимационных графических объектов

На прошлом уроке мы с вами познакоми лись с программой Open Office Impress , рассмотрели интерфейс и основы работы с программой Open Office Impress . Давайте вспомним основные моменты этой темы.

1. Тест.

1. Для чего предназначена программа Libre Office Impress ?

прикладная программа Libre Office Impress

2. Что такое презентация?

3. Libre Office Impress нужен для создания ….

Скачать:

Предварительный просмотр:

Тема: «Размещение графических объектов на слайдах презентации. Применение эффектов анимации к объектам слайда».

Цель: повторить приёмы сохранения и демонстрирования документа презентации, варианты добавления слайдов в презентацию, научить добавлять графические объекты на слайд и применять к ним эффекты анимации; развивать воображение, коммуникативные качества, познавательный интерес учащихся; воспитывать информационную культуру, эстетическое восприятие окружающего мира.

Оборудование: ПО ЭВМ, медиапроектор, образцы презентаций

Ход урока.

I. Организационное начало.

1. Приветствие.

Здравствуйте, ребята и уважаемые гости!

2. Работа с дежурными.

II. Повторительно-обучающая работа.

На прошлом уроке мы с вами познакомились с программой Open Office Impress, рассмотрели интерфейс и основы работы с программой Open Office Impress. Давайте вспомним основные моменты этой темы.

1. Тест.

1. Для чего предназначена программа Libre Office Impress?

1. прикладная программа Libre Office Impress , предназначенная для создания презентаций *
2. прикладная программа для обработки кодовых таблиц
3. устройство компьютера, управляющее его ресурсами в процессе обработки данных в табличной форме
4. системная программа, управляющая ресурсами компьютера

2. Что такое презентация?

a) средство наглядного представления информации*

b) прикладная программа для обработки электронных таблиц

c) устройство компьютера, управляющее демонстрацией слайдов

d) текстовой документ, содержащий набор рисунков, фотографий, диаграмм

3. Libre Office Impress нужен для создания ….

1. таблиц с целью повышения эффективности вычисления формульных выражений
2. текстовых документов, содержащих графические объекты
3. Internet-страниц с целью обеспечения широкого доступа к имеющейся информации
4. презентаций с целью повышения эффективности восприятия и запоминания информации *

4. Элемент презентации, имеющий логическую и содержательную ценность называется…

1. слайд *
2. лист
3. кадр
4. рисунок

5. Совокупность слайдов, собранных в одном файле, образуют…

1. показ
2. презентацию *
3. кадры
4. рисунки

Самопроверка (слайд)

2. Фронтальный опрос.

Назовите структурные элементы окна программы Impress? (на слайде показывается окно и студент у доски рассказывает).

Назовите принципы, используемые при создании презентации?

Перечислите указания для создания эффективной презентации.

3. Подведение итога этапа.

Молодцы, мы с вами вспомнили материал, который пригодится для дальнейшей работы на уроке.

III. Работа по осмыслению и усвоению нового материала.

1. Сообщение темы и цели урока.

Тему урока вы узнаете, если выполните следующее задание: решить анаграммы (в словах изменен порядок букв).

Какие слова зашифрованы?

Актсвва (вставка)

Ъкеобт (объект)
енпязтцеира (презентация),
янтдмиосреац (демонстрация),
манцииая (анимация).

Как вы думаете какая тема зашифрована у нас на доске?

Итак, тема нашего урока – “Размещение графических объектов на слайдах презентации. Применение эффектов анимации к объектам слайда”. Мы должны научиться добавлять графические объекты на слайд, познакомиться с понятием анимации, применять к объектам эффекты анимации и применить полученные знания на практике при разработке своего проекта.

2. изложение нового материала.

переходим на вкладку Макеты и выбираем наиболее подходящий для данного слайда. Например, первый слайд обычно содержит заголовок презентации и для него целесообразно выбирать макеты Текст по центру или Только заголовок. Выбираем Текст по центру, нажимаем на появившийся отцентрированный текст и вписываем своё название:

Чтобы изменить размер, цвет или стиль текста, выделяем его мышью и изменяем нужные параметры:

Напоследок вставим в заглавный слайд рисунок. Это можно сделать как минимум двумя путями:
- воспользоваться меню Вставить->Изображение->Из файла и добавить заранее подготовленное изображение.
- либо взять рисунок из встроенной галереи (кнопка Галерея на панели внизу/меню Сервис->Галерея). Откроется коллекция картинок, любую из которых можно вставить в слайд, нажав на неё и перетащив в нужное место:

Закрывается Галерея повторным нажатием на соответствующую кнопку.

А теперь мы выясним, что же такое анимация? На слайде, вы видите движение Земли вокруг Солнца. (показывается слайд)

Как вы думаете что называется анимацией? (движущаяся картинка)

Это не совсем верно. Нас интересует каким образом достигается это движение. А кто-нибудь знает, как делаются мультфильмы? (Рисуют отдельными картинками).

Это правильно. И эти картинки быстро меняются.

И так, анимация - это создание иллюзии движения объектов на экране монитора, с помощью быстрой смены кадров.

А теперь запишем определение в тетради. (слайд)

Анимация – это мультимедийный эффект, при котором, в ходе быстрой смены кадров, создается иллюзия движения.

- В презентацию можно вставлять уже анимированные изображения, а так же можно применять анимацию к статическим рисункам или тексту.

Чтобы сделать презентацию уникальной, необходимо применять настройки, не являющиеся стандартными.

Для этого в программе Impress есть раздел «Настройка анимации».

Здесь мы можем создавать анимацию для каждого выделенного объекта на слайде,

Запишите, «Настройка анимации» - применение анимации для каждого выделенного объекта на слайде (определение выводится на слайде) .

Добавление анимации. Выделить нужный объект. Справа выбрать эффекты, а затем добавить. Выбрать понравившийся эффект и нажать ok. Готовая схема анимации связывает несколько типов анимированных эффектов, которые дополняют друг друга.

Чтобы добавить анимацию в этом режиме, сначала мы должны выбрать объект, а затем применить один из четырех вариантов анимации: вход, выделение, выход, пути перемещения,

Внутри каждого из этих эффектов есть множество их реализаций, например, вход может быть осуществлен «Появлением с увеличением» ИЛИ в «ромбом» и т.д. то же самое и с остальными эффектами.

К каждому объекту мы можем применить несколько эффектов анимации.

Например, сейчас на слайде вы видите, как объект «Облако» появляется, увеличивается в размере, перемещается по дуге, а потом растворяется. (слайд)

Здесь было применено все четыре вида анимации: вход, выделение, перемещение и выход.

У каждой анимации есть параметры эффектов. Там мы можем менять некоторые особенности эффектов, время и анимацию текста.

3. Обобщение.

Итак, мы рассмотрели с вами как можно вставлять объекты на слайд и применять к ним анимацию. Данный материал для подготовки домашнего задания вы можете найти в читальном зале в папке Информатика. Файл называется как изучаемая сегодня нами тема.

IV. Практическая работа.

1. Сообщение задания.

На столах лежат карточки с заданием давайте прочитаем его. (Один студент читает).

1. Запустить программу OpenOffice.org Impress.

1. На панели рисования выберите инструмент Прямоугольник , используя Стиль/заливка области выберите инструмент Цвет , далее из раскрывающегося списка выберите Текстура , выберите текстуру Космос .

1. Выделите на слайде прямоугольник и вызвав правой кнопкой мыши контекстное меню, в нем выберите команду Расположить , далее выберите За объектом .
2. На панели рисования выберите инструмент Кружок и нарисуйте несколько планет Солнечной системы, солнце; используя Стиль/заливка области раскрасьте планеты и солнце.
3. Для настройки анимации щелкните на изображении одной из планет правой кнопкой мыши и в контекстном меню выберите команду Эффекты . Далее выберите команду Добавить , на вкладке Пути движения выберите Объект кривых , затем нарисуйте путь движения планеты.

1. В группе Эффект выберите начать Вместе с предыдущим , скорость Низкая .

1. Действия 5-6 повторите для настройки параметров анимации других планет.
2. Для просмотра анимации воспользуйтесь функциональной клавишей F5 или командой Демонстрация меню Демонстрация .
3. Дождитесь завершения показа слайда и щелчком мыши вернитесь в рабочую область.
4. Сохраните свою работу под именем Космос .

2. Вводный инструктаж.

(показать слайд с готовой работой ещё раз).

3. Самостоятельная работа студентов.

4. Текущий инструктаж.

5. Итог по практической работе.

V. Итог урока.

1. Фронтальная беседа.

Кто может сказать что такое анимация?

- как применить эффект анимации к объекту?

Каждый из вас научился создавать анимированную презентацию. У всех получились замечательные, красочные презентации.

За последние 10 лет в индустрии видеоигр наблюдается быстрый переход от простых 2D монохроматических игр в полномасштабные, быстрые, а также полностью цветные с высоким разрешением, 3D-игры, которые так популярны сегодня. В это же время, благодаря объектно-ориентированному программированию стало проще создавать анимации высокого качества. Создание анимации можно рассматривать как объекты чертежа в настоящее время с точки зрения на экране компьютера. Например, монстр в игре DOOM является экземпляром объекта класса для такого рода монстра” — сказал гейм-дизайнер игры DOOM.

Гендиректор игры DOOM: ”Проще говоря, объектно-ориентированная анимация приложения определяет различные классы, создаёт экземпляры этих классов, и выполняет операции над экземплярами объекта с помощью методов, имеющихся в классе Graphic Object”.

Графическая абстракция объекта

Основной принцип абстракции в анимации — это представление графического объекта как класс GraphicObject. Все, что рисуется на экране, является объектом класса GraphicObject. Точка, линия, многоугольник, кривая Безье, поверхность Безье, многоугольник с картой текстуры, фон, изображение, спрайт 3D-формы, все создано с помощью многоугольников и является примером GraphicObject. Простые графические объекты могут быть объединены в более сложные графические объекты. Основная проблема, с которой сталкивается аниматор — возможность использовать эти объекты на экране. В процедурном принципе программирования не может быть ничего общего между функциями рисовать куб и шар”, — сказал аниматор игры DOOM.

Продолжил программист игры DOOM: “Одним из основополагающих методов GraphicObject является метод, называемый Draw(). С помощью данного метода происходит рисовка графического объекта. Без этого метода, объект не может быть виден на экране. С помощью класса GraphicObject можно обновлять графический объект каждую миллисекунду, передав управление камере, которая в этот момент будет либо статической либо динамической. Графическая абстракция GraphicObject имеет свойства и методы, которые могут или не могут быть реализованы вне графических классах объектов. Большинство графических объектов имеют свойство позиции, что позволяет использовать метод GraphicObject.Draw() в качестве опорной точки для рисования объекта.

Когда графический движок перемещает графический объект, методу GraphicObject.Draw() необходимо пересчитать расположение всех частей графического объекта и перерисовать их на новом месте, таким образом графический объект появляется на новом месте.
Преимущество использования позиции в GraphicObject является то, что движок просто устанавливает новую позицию на графическом объекте, а графический объект перекраивают оставшуюся часть самого себя в новом месте.

Не все пользовательские видимые графические объекты должны иметь свойство позиции. Примером может служить графический объект, представляющий фон. Рисунок фона не привязан к какой-либо позиции, так как, его только что нарисовали на весь экран. С другой стороны, могут быть графические объекты, которые не видны пользователю, поэтому они должны содержать свойство позиции. Пример такого графического объекта анимации — камера, так как она действительно нуждается в позиции, чтобы вычислить точку зрения остальных видимых объектов.

Графические объекты, имеющие позиции, имеют операции, которые могут над ними выполнятся, например, GraphicObject.Reposition(), GraphicObject.Displace() или GraphicObject.Rotate (), а также GraphicObject.Scale() и GraphicObject.Shear().
GraphicObject.Reposition() – рисовка графического изображения на новой позиции,
GraphicObject.Displace() – удаление графического изображения,
GraphicObject.Rotate () – вращение графического изображения,
GraphicObject.Scale() – увеличение графического изображения,
GraphicObject.Shear() – сдвиг графического изображения”.

На видео: Базовый курс — «Введение в ООП».

Нет похожих записей.

Вставка рисунков и графических объектов:

Выбрать команду Вставка / Рисунок. На слайде будет отображаться выбранный рисунок или графический объект.

Для форматирования рисунка (автофигуры) ее необходимо выделить и выбрать команду Формат / Рисунок (автофигура), откроется окно диалога Формат рисунка (автофигуры).

Видеоклипы

Вставка видеоклипов:

Выбрать команду Вставка / Фильмы и звук / Фильмы из коллекции картинок. Далее на панели Коллекция клипов в области задач можно выбрать клип и просмотреть его. Для этого необходимо навести указатель мыши на клип, и щелкнуть на кнопке раскрывающегося списка, из которого надо выбрать команду «Просмотр и свойства». После просмотра клипа щелкните на кнопке Закрыть.

Для добавления выбранного клипа на слайд щелкните на клипе на панели Коллекция клипов мышью, он будет отображаться на слайде.

Вставка звуков

1. Откройте слайд, к которому требуется добавить музыку или звуковые эффекты.

2. В меню Вставка выберите пункт Фильмы и звук, а затем выполните одно из следующих действий:

Вставка звукового файла

Выберите команду Звук из файла, найдите папку, в которой содержится этот файл, и дважды щелкните нужный файл.

Вставка звука из Коллекции картинок

Выберите команду Звук из коллекции, найдите нужный клип и щелкните его для добавления на слайд.

Запись с компакт-диска

Выберите команду Запись с компакт-диска, найдите требуемый файл и дважды щелкните на нем.

Записать звук

Выберите команду Записать звук, откроется окно диалога Звукозапись, в котором надо щелкнуть на кнопке начать запись. Используя микрофон осуществить запись звука. После записи щелкнуть на кнопке "Остановить запись"

Анимация

Анимация - это добавление к тексту или объекту специального видео- или звукового эффекта. Эффекты анимации могут применяться к таким элементам на слайде как: текст, рисунки, графики, диаграммы и других объектов. Эффекты анимации текста, как правило, можно применить к буквам, словам и абзацам.

В PowerPoint для добавления анимации применяются следующие команды: эффекты анимации и настройка анимации. Готовые эффекты анимации могут применяться ко всем элементам выделенных слайдов или всех слайдов презентации. Настройка анимации может применяться к отдельным элементам на слайде.

Эффекты анимации :

Если схему анимации требуется добавить только к определенным слайдам, выберите нужные слайды в области Слайды.

В меню Показ слайдов выберите команду Эффекты анимации.

В области задач Дизайн слайда выберите из списка Применить к выделенным слайдам требуемый эффект анимации.

Если эффект анимации требуется применить ко всем слайдам, нажмите кнопку Применить ко всем слайдам.

Настройка анимации

В обычном режиме откройте слайд, к тексту или объектам которого требуется применить анимацию.

Выберите объект для анимации.

В меню Показ слайдов выберите команду Настройка анимации.

В области задач Настройка анимации нажмите кнопку Добавить эффект и выберите нужный эффект из появившихся разделов: Вход, Выделение, Выход, Пути перемещения.

Диаграммы

Редактор позволяет добавлять на слайды диаграммы различных типов, которые не основаны на электронных таблицах или числовых значениях. Эти диаграммы используются для иллюстрации материалов, изложенных в презентациях. К ним относятся: циклическая, радиальная, пирамидальная диаграммы, диаграмма Венна и целевая диаграмма.

Добавление диаграммы:

Выбрать команду Вставка / Схематическая диаграмма или на панели инструментов Рисование нажать кнопку Добавить диаграмму.

Выделить один из типов диаграмм и нажать кнопку ОК.

Далее с помощью команд панели инструментов «Диаграмма» можно заменить диаграмму, обратить диаграмму, добавить текст в фигуру диаграммы и добавить фигуру в диаграмму и т.д. Кроме того, можно применить готовый стиль к диаграмме, нажав кнопку Автоформат на панели инструментов «Диаграмма» и на определенные участки диаграммы, можно включить анимацию диаграммы.

Методы создания анимации постоянно развиваются, а разработчики игр и киностудии постоянно ищут талантливых и творческих личностей, которые смогут применить эти методы.

Вот основные виды анимации, с помощью которых могут создаваться цифровые персонажи для телевизионных шоу, коммерческих приложений, логотипов компаний, кино, видео или игр.

• Традиционная анимация.
• 2D векторная анимация.
• 3D компьютерная анимация.
• Графика движения.
• Стоп моушен.

Традиционная анимация

Вы когда-нибудь видели изображения, которые появляются, как быстро сменяющиеся кадры, нарисованные на прозрачных листах бумаги цветными маркерами? Этот вид компьютерной анимации называется традиционным. Он используется для предварительных набросков персонажей.

Этот процесс может быть довольно дорогостоящим и продолжительным, так как аниматорам приходится создавать набор различных кадров, исходя из частоты 24 кадра в секунду. Данный метод используется в основном на ПК, а также планшетах с применением специальных компьютерных программ, позволяющих создавать анимацию в стиле старых диснеевских мультфильмов.

2D векторная анимация

Наиболее часто используемый стиль анимации. Ее кадры создаются на относительно плоской поверхности. Кроме этого векторная анимация переняла кое-какие методы традиционной анимации. На самом деле, это та же традиционная анимация, за исключением того, что к кадрам применяется обработка, известная под названием прорисовка и закрашивание.

Во время этого процесса аниматоры размещают тонкие прозрачные листы целлулоида на бумаге, на которой нарисованы анимационные персонажи, после чего перерисовывают их на пленку. В конце кадры с разными персонажами накладываются друг на друга, и из-за высокой прозрачности пленки это позволяет создать композицию из различных элементов и персонажей.

3D компьютерная анимация

3D анимация полностью отличается от других видов анимации в компьютерной графике. Хотя они используют одинаковые принципы композиции и движения, технические методы, применяемые для решения разнообразных задач, существенно разнятся. В 3D анимации аниматору не нужно быть художником-графиком. Это больше похоже на игру с куклами, чем на рисунок.

Это также называется генерируемые компьютером изображения (CGI ). Они возникают, когда компьютерные аниматоры создают поток изображений, которые сводится воедино, чтобы сформировать анимацию. Объединение динамических и статических изображений выполняется с использованием компьютерной графики. Персонажи, созданные в 3D, в цифровом формате отображаются на экране, а затем объединяются с каркасом, что позволяет анимировать каждую модель по-разному.

Анимация формируется путем создания моделей в отдельных ключевых кадрах, после чего компьютер выполняет их «размножение «, интерпретируя анимацию с помощью добавления промежуточных кадров между ключевыми.

Кроме этого много времени уходит на работу с кривыми, представляющими различные части объекта в разные периоды времени. В 3D-анимации должны учитываться все персонажи, даже те которые в определенный момент времени чем-то перекрыты и не видны.

Основное различие между этими видами анимации заключается в том, что в традиционной и 2D анимации художник работает с отдельными кадрами, в то время как в 3D-анимации всегда существует непрерывный поток. Если он останавливается, это воспринимается, как ошибка. Даже когда персонаж остается на месте, всегда существует непрерывный поток кадров, который создает иллюзию реальности.

Графика движения

Вы когда-нибудь задумывались о том, как создаются промо-ролики, анимированные логотипы, вступительные титры фильмов и реклама приложений? Это делается с помощью движущихся графических текстов и элементов, или, как я это называю, графики движения.

Это процесс, в котором используется »размножение » анимируемых кадров для создания плавного движения между кадрами. Программы для «размножения » кадров поддерживают скрипты, которые автоматически изменяют анимацию для создания многочисленных эффектов.

3D-композиции создаются из плоских элементов, перемещающихся друг относительно друга, что создает иллюзию объема. Они также могут сопровождаться звуковыми эффектами или музыкой. Такие объекты часто используются в мультимедийных проектах.

Stop-motion

Стоп моушен вид компьютерной анимации больше похож на традиционную анимацию. Все, что вам нужно сделать, это сфотографировать объект, а при перемещении объекта на относительно небольшое расстояние, вы берете другую фотографию. Данная процедура повторяется неоднократно, и когда изображения воспроизводятся одно за другим, возникает впечатление движения.

Существует много форм стоп моушен анимации, включая Cut-Outs , Claymation and Puppets и другие. Но суть в том, что для создания анимации объекты, которые должны перемещаться, фотографируются последовательно много раз.

Перевод статьи «Types of Animation in Computer Graphics » был подготовлен дружной командой проекта .

Хорошо Плохо

В документы Microsoft Word можно вставлять два типа графических объектов: рисунки и изображения. На русском языке разница между этими терминами неочевидна, и мы поясним, что под ними понимается в текстовом процессоре Word. Рисунки - объекты векторной природы (линии, прямые и кривые, геометрические фигуры, стандартные и нестандартные). Простейшие средства для их создания есть в самом текстовом процессоре.

Изображения - растровые объекты. Текстовый процессор не имеет средств для их создания, поэтому они вставляются как внешние объекты из файла, подготовленного другими средствами (графическим редактором, с помощью сканера, цифровой фотокамеры, графического планшета).

Когда графический объект напечатан на бумаге (в книге, газете, журнале), нам совершенно все равно, какую природу он имеет: векторную или растровую. Но когда этот объект создается, хранится или обрабатывается на компьютере, разница очень заметная. Дело в том, что эти типы объектов обладают разными наборами свойств, и потому при работе с ними используются разные программные средства. Характерный пример растрового изображения - обычная фотография. Ни одна линия, ни одна фигура на фотографии не имеет собственных свойств - все они состоят из точек. Только точки в растровом изображении имеют уникальные свойства, по которым их можно отличить друг от друга. Для точек этих свойств немного - координаты точки, размер точки, форма точки и цвет точки. Важнейшим из них является цвет. Только благодаря тому, что каждая точка фотографического изображения имеет некий цвет, мы получаем информацию об объекте съемки при рассмотрении фотографии.

Характерный пример векторного изображения - чертеж. Его можно рассматривать как совокупность линий, имеющих уникальные и различимые свойства. Линии обладают толщиной, цветом, формой, типом (сплошная, пунктирная и т. п.), заливкой (только если линия замкнутая). Точки в векторном изображении неразличимы. Мы знаем, что все линии состоят из бесконечного количества точек, но не рассмат­риваем их свойства.

В растровой графике, где линия является совокупностью конечного количества точек, она может быть многоцветной, поскольку каждая точка может обладать цветом. В векторной графике многоцветных линий быть не может - это один объект, обладающий одним свойством цвета.

ª В растровых объектах решающую роль играет цвет, а форма - условна. Рассмотрев прямую линию на фотографии с помощью увеличительно стекла, можно легко убедиться, что она отнюдь не прямая. В векторных объектах форма линий играет решающую роль, а цвет - условен.

В терминологии программы Microsoft Word векторные объекты называются рисунками (pictures ), а растровые - изображениями (images ). Рисунки всегда внедрены в документ - их можно редактировать непосредственно по месту. Изображения вставляют в документ методом связывания или внедрения. Их редактирование средствами текстового процессора невозможно, но возможно управление их положением и их визуализацией. Под визуализацией понимается метод отображения с учетом яркости и контрастности.