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

Муниципальное автономное образовательное учреждение для детей

г. Владимира

«Городской межшкольный учебный комбинат № 2»

Методическая разработка урока

по теме « Создание GIF – анимации средствами графических редакторов »

Разработал

учитель трудового обучения

БИЧУРЕНКО Павел Андреевич

г. Владимир 2014 г.

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

Данная методическая разработка рассчитана на 2 урока. В ходе занятий осуществляется проверка знаний по теме «растровые и векторные изображения», полученных учащимися на предыдущих уроках. Один урок отводится на выполнение практического задания. Формой проведения данного занятия является урок-практикум.

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

УРОК НА ТЕМУ: СОЗДАНИЕ GIF – АНИМАЦИИ СРЕДСТВАМИ ГРАФИЧЕСКИХ РЕДАКТОРОВ

Цель: Сформировать у учащихся умение создавать GIF-анимацию.

Задачи:

Образовательные: Сформировать знания о способах создания анимации и видах анимации. Дать понятие анимации.

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

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

Личностные:

Проявление познавательного интереса к процессу обучения;

Проявление эмоционально-ценностного отношения к изучаемой теме.

Метапредметные:

Познавательные:

Научится применять полученные знания на практике;

Научиться обобщать полученную информацию;

Давать оценку своим действиям, оценивать результат;

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

Регулятивные:

Работать по предложенному учителем плану, при выполнении практических заданий;

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

Коммуникативные:

Научится высказывать свою точку зрения, формулировать высказывание;

Учиться представлять другим ход работы и ее результат, выслушивать мнение других;

Адекватно использовать речевые средства для дискуссии и аргументации своей позиции.

Предметные:

Усвоить технологию создания GIF -анимации;

Получить умение создавать анимацию;

Тип урока: изучение нового материала

По форме организации: Урок-практикум.

Оснащение: персональные компьютеры, проектор, экран, конспект урока, технологические карты, журнал, программное обеспечение (Inkscape , Paint . NET , UnFREEz ).

План урока:

Организационный момент;

Актуализация знаний;

Постановка целей урока;

Работа по теме урока;

Практическая работа «Создание анимации»;

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

Ход урока:

Организационный момент.

- Приветствие учащихся.

Краткий рассказ о том, что будет изучено на уроке.

2. Актуализация знаний.

Какие типы графики существуют? (растровая, векторная, фрактальная, анимация, 3D).

На чем базируется построение растровых и векторных графических изображений? (на пикселях – строках и столбцах; на графических примитивах).

3. Постановка целей урока.

Что такое анимация?

В каких программах она создается?

Сегодня на уроке мы рассмотрим создание анимации с помощью графических редакторов.

4. Работа по теме урока.

С помощью демонстрации «Анимация» показать различные примеры анимации и их создание.

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

В каких компьютерных программах вы сталкивались с анимационными эффектами? (в компьютерных презентациях).

Какие типы анимации вы использовали? (смену слайдов, размещение объектов на слайдах, анимационные эффекты при появлении текста).

Запишем в тетради определение GIF -анимации.

GIF-анимация – это последовательность растровых графических изображений, хранящихся в одном файле в формате .gif. При создании GIF-анимации можно задать величину задержки каждого кадра; чем она меньше, тем лучше качество анимации. Можно установить количество повторов последовательности кадров. Большое количество кадров ведет к улучшению качества анимации, но при этом увеличивается размер GIF-файла.

Еще один тип анимации – flash -анимация.

Flash-анимация – это последовательность векторных рисунков. Ее огромный плюс в том, что не нужно прорисовывать каждый кадр. Достаточно нарисовать ключевые кадры и задать тип перехода между ними и редактор автоматически построит промежуточные кадры. Если кадров много, то анимация получается плавной, если мало, то быстрой. Поэтому можно задать количество кадров, появляющихся в секунду. Чем их больше, тем качество анимации лучше. Еще один положительный момент в том, что файлы с Flash-анимацией занимают немного места, поэтому широко используются на Web-сайтах в Интернете.

5. Практическая работа «Создание GIF -анимации средствами графических редакторов» (Технологическая карта).

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

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

Что такое пиксель? Пиксель – минимальный участок изображения, для которого независимым образом задается цвет.

Что такое разрешающая способность растрового изображения? Разрешающая способность растрового изображения определяется количеством точек по горизонтали и вертикали на единицу длины изображения.

Что такое глубина цвета? Количество информации, которое используется для кодирования изображения, называется глубиной цвета.

Назовите 3 палитры цветов в системах цветопередачи? (RGB, CMYK, HSB). Какая цветопередача применяется чаще и где? (RGB – для отображения на мониторе)

Что такое растровое изображение? Растровые изображения формируются из точек различного цвета, которые образуют строки и столбцы.

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

Назовите форматы векторных и растровых изображений. (j peg, gif , png , svg , wmf и т.д.)

Приведите примеры растровых и векторных графических редакторов (Paint . NET , GIMP, Photoshop, Inkscape , Corel Draw и др.).

Назовите три базовых цвета, с помощью которых формируется изображение? (красный, зеленый, синий)

Подведение итогов урока. Рефлексия.

Выставление оценок.

Вопросы рефлексии:

Какие достоинства и недостатки GIF-анимации вы узнали на уроке?

Какие трудности возникли при конвертации векторного изображения в растровое?

Знаете ли вы более простой способ создания анимации? Какой?

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

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

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

Профессиональное образование ВИЗУАЛЬНЫЕ ЭФФЕКТЫ Создание реалистичных или, наоборот, фантастических миров в кино, интересных персонажей, эффектных разрушений, взрывов, смерчей, и других спецэффектов – вот далеко не полный перечень функций специалистов по визуальный эффектам. Эта профессия требует не только умения работы в трехмерных пакетах, но и знаний математики, физики и различных художественных дисциплин.

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

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

Компьютерная анимация 30 августа 1877 года запатентован аппарат - праксиноскоп Эмиля Рейно Анимация процесс придания способности двигаться и/или видимости жизни объектам и мёртвым телам. Настоящую революцию в мире анимации произвел УОЛТ ДИСНЕЙ (), американский режиссер, художник и продюсер.

Компьютерная анимация В настоящее время существует различные технологии создания анимации: Классическая (традиционная) анимация; Стоп-кадровая (кукольная) анимация; Спрайтовая анимация; Морфинг; Цветовая анимация; 3D-анимация; Захват движения (Motion Capture).

Компьютерная анимация Захват движения (Motion Capture) – первое направление анимации, которое дает возможность передавать естественные, реалистичные движения в реальном времени. Датчики прикрепляются на живого актера в тех местах, которые будут приведены в соответствие с контрольными точками компьютерной модели для ввода и оцифровки движения. Координаты актера и его ориентация в пространстве передаются графической станции, и анимационные модели оживают.

Профессиональное образование Анимация Аниматор (от лат. anima оживлять) интересная и увлекательная профессия, актуальная не только в мультипликации, но и в кино, рекламе, производстве компьютерных игр, медиасреде. Программа курса направлена на подготовку специалистов для работы в любой области современной индустрии анимации классическом производстве мультипликационного фильма, рекламе, компьютерных играх, кино. Фрагменты мультфильма «Красная шапочка».
Профессиональное образование Архитектурная визуализация Архитектурная визуализация трехмерное графическое отображение объекта или группы объектов в архитектуре, позволяющее максимально точно представить внешние и внутренние характеристики будущего сооружения. Архвиз активно используется при демонстрации конкурсных проектов, создании презентаций в области проектирования и строительства, а также рекламе.
Разработка компьютерных игр Игровая графика Игровая графика одна из самых молодых и востребованных специальностей графического искусства. В обязанности художника игровой индустрии входит создание игровых персонажей, локаций, визуальная разработка игры, дизайн игровых уровней и другие удивительные задачи.

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

Информация:

Цели урока:

• Заинтересовать учащихся и раскрыть перспективу дальнейшего изучения темы на профиле по информационным технологиям;
• Ознакомить учащихся со способами создания мультфильмов;

Задачи урока:

Образовательные:

• познакомить учащихся со способами создания анимированных роликов;

Воспитательные:

• воспитывать у учащихся гармоничное восприятие компьютерных технологий;
• воспитывать интерес к творческой и исследовательской работе.

Развивающие:

• развить представления о принципах создания мультфильма;
• научится применять на практике полученные знания.

ТСО и наглядность:

• компьютерный класс;
• мультимедийный проектор;

Программная поддержка: Программа Macromedia Flash MX.

Ход урока:

Macromedia Flash MX предоставляет несколько способов создания анимационных последовательностей:

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

Анимационные эффекты

Flash MX включает предварительно подготовленные анимационные эффекты (timeline-эффекты), которые позволяют создавать сложные анимации, используя минимальное количество действий. Вы можете применять функцию Timeline Еffects к следующим объектам:

• текст;
• графические объекты, включая формы, сгруппированные объекты и графические символы;
• растровые изображения;
• кнопки.

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

В качестве примера создадим эффект «взрыв» применительно к тексту. Для этого напечатаем некоторую фразу или слово (рис. 1), выделим его с помощью инструмента Arrow и выполним команду Insert → Timeline Effects → Effects → Explode .

Рис. 1. Выделенный текстовый объект

В результате появится одноименная панель (рис. 2), предоставляющая возможность настройки целого ряда параметров эффекта.

Рис. 2. Панель Explode

Наличие окна предпросмотра позволяет анализировать разные вариации эффектов, не покидая панели Explode . После того как вы выберете необходимые параметры, нажмите кнопку ОК и получите примерно такую анимацию .

Аналогично эффекты можно применить к растровому изображению. Рассмотрим пример с плавным исчезновением растровой картинки. Импортируем растровое изображение на сцену по команде File → Import → Import to stage (рис. 3) и применим эффект Вlur по команде Insert → Timeline Effects → Effects → Blur ролик .

Рис. 3. Растровое изображение, импортированное на сцену

Для того чтобы отредактировать анимационный эффект, выделите на сцене объект, ассоциированный с эффектом, и в появившемся окне Properties нажмите кнопку Edit (рис. 4) - в результате появится панель Blur .

Рис. 4. Кнопка Edit находится внизу на панели

В панели Blur можно вновь поменять параметры эффекта и сохранить новые настройки (рис. 5).

Рис. 5. Панель Blur позволяет поменять настройки эффекта

Покадровая анимация

Рассмотрим простейший пример - листочек перемещается из одной точки экрана в другую с поворотом вокруг своей оси.

Рис. 6. Первый ключевой кадр анимации

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

Рис. 7. Второй кадр создадим перетаскиванием и трансформацией первого

Затем щелкнем правой кнопкой мыши по соседнему кадру и вставим еще один ключевой кадр, используя команду Insert Keyframe . В результате в этом кадре появится копия листочка; переместим ее вниз (пользуясь инструментом Arrow) и повернем, используя команду Modify → Transform → Free Transform (рис. 7).

Повторим процедуру таким образом, чтобы в 6-м кадре лист занимал конечное положение (рис. 8).

Рис. 8. Последний кадр анимации

Обратите внимание на панель Properties (рис. 8) - в левой ее части указывается тип объекта. В каждом кадре листок является объектом типа Shape (форма), о других типах объектов будет рассказано чуть позже.

Для того чтобы экспортировать фильм в виде SEF-файла (родной формат Macromedia для Flash-фильмов), выполним команду File → Export → Export Movie . В результате получим следующий фильм . Просмотреть получившийся фильм можно не покидая программы Flash по команде Control → Test Movie . Причем для того, чтобы просмотреть, какой объем занимают отдельные кадры фильма, следует выполнить команду . В результате мы увидим, что каждый из шести кадров занимает около 600 Кбайт (рис. 9). Таким образом, объем всего фильма составляет 3686 байт.

Рис. 9. Просмотр фильма в режиме Bandwidth Profiler

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

Автоматическая анимация

Рис. 10. Объект автоматически превращается в графический символ

Рассмотрим, как можно сделать ту же анимацию и получить более компактный результирующий файл. Выделим на экране нарисованный листок инструментом Arrow и выполним команду Insert → Timeline → Create Motion Tween , в результате листочек будет помещен в рамочку, а в панели Properties появится сообщение, что выделенный объект имеет свойства Grafic (рис. 10). Это означает, что анимируемый объект автоматически преобразован в графический символ. Теперь его уже невозможно произвольно редактировать инструментом Arrow как объект типа Shape. Использование символов является важным понятием во Flash. Однажды создав символ, его можно использовать несколько раз в фильме, не увеличивая размер результирующего файла. Символы делятся на графические (graphic), символы-кнопки (button) и символы-мувиклипы (movie clip). В данном уроке рассмотрим графический символ, а к другим типам символов вернемся позднее. Каждый новый символ сразу становится частью библиотеки текущего документа (рис. 11).

Рис. 11. Каждый новый символ становится частью библиотеки

Если выполнить команду Window → Library , то можно убедиться, что в библиотеке появился символ и ему по умолчанию присвоено имя Tween 1. Для того чтобы присвоить символу другое имя, достаточно дважды щелкнуть по названию и заменить его на желаемое. После того как мы сформировали графический символ, перейдем в конечный кадр нашей анимации (пусть это будет 15-й кадр) и вставим ключевой кадр (по команде Insert Keyframe ). В этом кадре появится копия символа, которую мы переместим и повернем вокруг оси (по команде Modify Transform→Free Transform ), как в предыдущем примере. Как видно из рис. 12, все кадры между двумя ключевыми окрасились в голубой цвет и от первого ключевого кадра к последнему протянулась стрелка, что указывает на создание анимации Motion Tween .

Рис. 12. Стрелка на голубом фоне свидетельствует о создании анимации

Motion Tween

Выполнив команду Control → Test Movie , получим информацию, представленную на рис. 13.

Рис. 13. Просмотр фильма в режиме Bandwidth Profiler

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

Для того чтобы проиллюстрировать падение листа с поворотом вокруг плоскости листа, повторим предыдущий пример, только при модификации последнего ключевого кадра добавим команду Modify → Transform → Flip Horizontal. В результате получим следующий фильм .

Теперь рассмотрим пример, когда листочек приближается к зрителю. Для этого в конечном кадре вместо зеркального отображения (Flip Horizontal ) будем увеличивать размер листка. Для того чтобы не возникало ощущения замедления движения при приближении объекта к зрителю, скорость его движения необходимо увеличивать. Для того чтобы добиться этого эффекта, необходимо щелкнуть по первому кадру и обратиться к разделу Ease в панели Properties . Положительные значения параметра Ease приводят к замедлению движения, а отрицательные - к ускорению. Выберем максимальное ускорение объекта.

Рис. 14. Выберем максимальное ускорение объекта Ease = –100

Для этого выставим значение параметра Ease равным –100 (рис. 14). В результате получим фильм . Отметим, что первый кадр можно поместить и за сценой, тогда мы получим фильм, в котором листок будет влетать в кадр и двигаться навстречу зрителю. Можно моделировать вращение листа вокруг смещенного центра симметрии. Надеюсь, читатель сам сможет поэкспериментировать, усложняя модификацию конечного кадра и изменяя таким образом характер движения листа.

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

Движение по заданной траектории

Flash позволяет задать движение объекта вдоль заданной траектории. Для того чтобы задать эту траекторию, выполните команду Insert → Timeline → Motion Guide .

В результате над текущим слоем появится специальный слой, который по умолчанию будет иметь имя Guide Layer 1 .

Щелкнем мышью по слою траектории и с помощью инструмента «карандаш» нарисуем линию, вдоль которой планируется перемещение листка (рис. 15).

Рис. 15. Пример задания траектории движения

Теперь перейдем в первый кадр (щелкнем по нему мышью) и в появившейся панели Properties установим флажок Snap (задает режим привязки к траектории движения) - рис. 16.

Рис. 16. Параметр Snap задает режим привязки к траектории движения

После того как вы поставите флажок Snap , центр листа совместится с траекторией движения. Пользуясь инструментом Arrow, можно переместить листочек вдоль кривой движения, но если вы попробуете оторвать листок от траектории и расположить его рядом с ней, он будет притягиваться назад и вновь «прилипать» к траектории движения (рис. 17).

Рис. 17. Объект как бы прилипает к траектории движения своим центром

Перейдите на последний кадр и аналогично привяжите листок к конечной точке траектории движения. Для придания фильму объемности добавим трансформацию Flip Horizontal , - в результате получим фильм .

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

Очевидно, что если мы хотим анимировать полет самолета или птицы, то нам нужно, чтобы они все время двигались носом вперед. Во Flash такой характер движения задать очень просто (рис. 18).

Рис. 18. Если поставить флажок Orient to Path , птица будет лететь головой вперед

Необходимо поставить флажок Orient to Path , и движение птицы изменится на вполне привычное.

Рис. 19. Добавление одноцветного фона

Если вы хотите добавить одноцветный фон, щелкните мышью по фону и в появившейся панели Properties (рис. 19) в поле Background выберите необходимый цвет фона.

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

Расположив фоновое изображение и каждый анимируемый объект на своем слое, добиться контроля над ними гораздо проще. Итак, для того чтобы добавить фоновый рисунок, создадим для него новый слой. Для этого щелкнем правой кнопкой мыши по слою, который на рис. 19 обозначен как layer 1, и в выпадающем меню выберем строку Insert layer. В добавленном слое нарисуем солнце. Чтобы не запутаться в номерах слоев, дадим слою название «фон». Для этого необходимо щелкнуть на текущем названии и ввести необходимое имя (рис. 20).

Рис. 20. На новом слое создадим неподвижный фоновый объект

Как видно из рис. 20, птица находится за солнцем, что противоречит здравому смыслу. Для того чтобы поменять местами слои, достаточно в режиме drag-and-drop перетащить слой с именем «фон» вниз.

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

Рис. 21. Для анимации облака создадим отдельный слой

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

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

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

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

Видеоклипы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Анимация

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

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

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

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

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

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

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

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

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

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

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

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

Диаграммы

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

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

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

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

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

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

Анимация своими руками при помощи стандартных программ ОС Windows

Анимация — последовательная демонстрация (показ) графических файлов, которая создает иллюзию движения объектов. Для ее разработки понадобится всего две стандартные программы, которые имеются почти на всех компьютерах с операционной системой Windows — Paint и Movie Maker. Первая позволяет создавать и редактировать графические рисунки, вторая — видео. Качество разработанной анимации будет зависеть от ваших способностей рисования.

1. Создание кадров

Открываем Paint. Выбираем на панели инструментов кисть, подбираем нужный цвети рисуемна рабочем поле любой объект. Сохраняем рисунок в заранее созданную папку под именем «Кадр 1». Затем снова рисуем тот же объект, но немного меняя его положение (например, в первом кадре стрелка часов может стоять на отметке «12», а на втором на «1»). Сохраняем изображение под именем «Кадр 2». Таким образом, разрабатываем несколько кадров. Чем больше их количество, тем плавней будет движение объекта в анимации.

2. Соединение нарисованных кадров в один ролик

Открываем программу Movie Maker. В панели задач выбираем «Импорт изображений» и загружаем кадры. Они будут отображаться в панели «Сборник». Поочередно переносим их на расположенную внизу дорожку. Нажимаем на «Отображение шкалы времени». Если не изменять стандартное для программы время показа, объект анимации будет двигаться резко и медленно. Чтобы изменить это, щелкаем по кадрам и передвигаем появившуюся полоску влево. Кадры будут становиться уже, а значит, время их показа уменьшится.

3. Озвучка анимации

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

4. Сохранение анимации в нужном формате

Выбираем пункт меню «Файл» и последовательно кликаем «Сохранить файл фильма», «Показать дополнительные варианты», «Другие варианты». Затем выбираем формат будущего видеофайла. Рекомендуем сохранять анимацию в популярном формате (например, AVI, MPEG, PAL, и др.), чтобы ее можно было воспроизводить на многих плеерах и проще закачать наYouTube.

Создание GIF анимации

GIF анимация («гифка») состоит из отдельных кадров, для которых задается такой параметр, как длительность показа до появления следующей картинки. Она поддерживает лишь 8-битную палитру, из-за чего отображается не больше 256 цветов, что является преимуществом перед другими форматами. Наиболее часто анимационные GIF файлы применяются как элементы навигации на сайтах и рекламные баннеры.

Наиболее простой программой для создания GIF анимации является Easy GIF Animator Pro . Скачиваем ее, открываем, в главном окне кликаем «Создать новую анимацию», после чего откроется «Мастер анимации». Далее добавляем изображения (подбираем в интернете или самостоятельно рисуем в программе Paint). Нажимаем «Вперед». Устанавливаем продолжительность каждого кадра. При необходимости выбираем показ анимации по кругу.

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

• по центру кадра;
• левый верхний угол кадра;
• увеличить меньшие картинки до размера самого большого изображения.

Также GIF анимацию можно создать при помощи программы UnFREEz. Для этого достаточно разработать кадры и «перетянуть» их в окно программы. Затем нужно выполнить указание времени задержки между кадрами и включение цикличности. В конце необходимо нажать «Make Animated GIF».

Программы для создания анимации

Программа с большим функционалом и понятным интерфейсом. Она позволяет создавать рисованных персонажей и «оживлять» их в 2D-анимации. Ее возможности:

• набор растровых и векторных инструментов для создания и обработки изображений;
• возможность рисовать пером или кистью;
• создание фигур с помощью «ломаной линии»;
• импорт фона;
• работа со слоями,
• добавление аудиофайла для экспорта в формате swf.

Synfig Studio

При помощи этой бесплатной программы можно создать простую анимацию в 2D-формате — похожую на ту, которая используется в художественных фильмах. Ее преимущества:

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

ToonBoom Studio

Программа имеет два рабочих режима: Рисования и Сценарный. Содержит необходимые инструменты для разработки векторных рисунков: кисть, карандаш, «прямоугольник», «ломаная линия», «эллипс». Функции: рисование с применением планшета, векторизация растровых изображений, наложение анимированных сцен на реальный видеоролик, экспорт данных (например, отдельных фрагментов из фотографий).

Это популярная программа для создания 3D-анимации. Ее преимущества:

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

Другие популярные программы для создания анимации своими руками: Plastic animation paper, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop.

Закажите создание анимации, написание сценария или разработку идеи для видеоролика в компании KINESKO — мы качественно выполним свою работу!

Контактная информация:

>