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

ТРЕНИРОВОЧНЫЕ ЗАДАНИЯ

Сегодня мы с вами рассмотрим основные принципы создания анимации во Flash.

Анимацию во Flash можно условно разделить на три вида:

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

2. Анимация движения

3. Анимация формы

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

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

В новом документе выберем инструмент Oval Tool (O) запретим создание заливки в палитре Fill Color и нарисуем овал. При помощи инструмента Selection Tool (V) подредактируем его как показано на рисунке. Затем выделим рисунок, и удерживая клавишу Alt сделаем копию рисунка.

Далее создадим новый слой, при этом запретим редактировать первый слой, повесив на него замочек.

Выберем инструмент Oval Tool (O) в панели Color Mixer выберем радиальную заливку для левого ползунка поставим белый цвет а для правого синий.

Нарисуем один глаз а затем при помощи инструмента Selection Tool (V) выделим его, и удерживая клавишу Alt скопируем.

Теперь у нас все готово для того чтобы начать делать анимацию.

На панели Timeline для первого слоя в десятом кадре вставим ключевой кадр.

Insert > Timeline > Keyframe, делается это для того, чтобы он у нас был видим на протяжении всех десяти кадров.

Для второго слоя в третьем кадре вставим ключевой кадр и при помощи инструмента Selection Tool (V) немного перетащим зрачки, далее вставим ключевой кадр в пятом кадре и еще немного переместим зрачки и так продолжаем до десятого кадра.

Вот и все, можно протестировать ролик, как вы уже знаете делается это при помощи сочетания клавиш Ctrl + Enter.

Анимация движения

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

Прежде чем начать что то делать на практике, давайте для себя определим, что же такое анимация? Анимация это изменение свойств объекта с течением времени.

А теперь давайте на примере рассмотрим процесс создания анимации движения.

При помощи инструмента Text Tool (T) напишем какой нибудь текст и преобразуем его в графику, сделать это можно дважды применив команду Break Apart меню Modify или сочетание клавишь (Ctrl+B).

Выделим двадцатый кадр на панели Timeline и сделаем его ключевым, выбрав в контекстном меню комаду Insert Keyframe. В любом кадре между первым и двадцатым вызовем контекстное меню и выберем команду Create Motion Tween (Создать анимацию движения). Если все сделано правильно промежуточные кадры должны окраситься в голубоватый цвет, а первый и двадцатый кадр соеденяться стрелкой, это значит что программа сгенерировала промежуточные кадры между первым ключевым кадром и двадцатым.

Теперь все готово, только никакой анимации мы пока не увидим потому что у нас первый и последний кадр одинаковы, но мы сейчас это исправим.

Давайте сделаем так чтобы текст сначала был невидим но постепенно появлялся.

Для этого выделим первый ключевой кадр и в панели Properties в раскрывающемся списке Color выберем пункт Alpha (прозрачность), с помощью ползунка выставим значение 0.

Протестируем ролик (Ctrl+Enter)

Поиск по сайту: