Создание анимированного символа

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

Начните с создания символа-клипа (movie clip symbol) и добавьте в него другие необходимые символы. Символ-клип является самостоятельным роликом (movie), который помещается внутрь главного ролика в качестве единичного объекта. Символ-клип может включать в себя анимацию и элементы управления – точно так же, как любой обычный ролик.

Примечание: Работая во Flash, полезно помнить о возможности отмены ряда своих предыдущих действий. Для пошаговой отмены используйте Edit > Undo или Ctrl+Z [Windows] (Command+Z [Macintosh]). Чтобы восстановить отмененные вами действия, используйте Edit > Redo или Ctrl+Y [Windows] (Command+Y [Macintosh]).
 
Создание символа-клипа (movie clip symbol).

1 Выберите Insert > New Symbol.
2 В диалоговом окне Symbol Properties впечатайте название “INTRO – ANIMATION”.
3 Пометьте переключатель Movie Clip, чтобы задать поведение символа, и нажмите ОК.
  Flash переключится в режим редактирования символа. Этот режим выглядит почти так же, как и режим редактирования ролика. Обратите внимение на то, что название редактируемого символа появится в левом верхнем углу окна – чуть выше монтажной линейки (Timeline). То же название появится и в окне библиотеки.

 

4 В монтажной линейке сделайте двойной клик на существующем слое и впечатайте “Photo”.
5 Перетащите образец (instance) INTRO – PHOTO из библиотеки в рабочее поле и совместите их регистрационные метки (крестики).
  Вы добавили образец символа INTRO – PHOTO в символ INTRO – ANIMATION.
  Чтобы передвинуть символ INTRO – PHOTO на один пиксел, используйте стрелки курсора. Если при этом держать нажатой клавишу Shift, символ будет смещаться на 10 пикселов.
6 В монтажной линейке кликните на кадре (frame) 20 в слое Photo и выберите Insert > Keyframe.
  Так как вы хотите, чтобы движение объекта начиналось из-за пределов рабочего поля, вам нужно определить новую позицию для символа INTRO – PHOTO в кадре 1.
7 Активизируйте ключевой кадр (keyframe) 1, кликнув на нем мышкой.
8 Переместите образец INTRO – PHOTO пикселов на 400 вправо от регистрационной метки.
  Точное расположение не имеет особого значения.

 

  Теперь вы можете задать схему движения (motion tween) объекта между кадрами 1 и 20.
9 Убедившись, что кадр 1 остался активным, выберите Insert > Create Motion Tween.
  Монтажная линейка будет выглядеть примерно так:
10 Выберите Window > Controller чтобы открыть панель управления (Controller), затем нажмите на перемотку назад (rewind) и проиграйте только что созданную анимацию.
  Фотография начнет скользить по экрану справа и остановится на регистрационной метке.
 

 
 
Вращение (rotation) и постепенное изменение четкости (fade) символа в процессе движения

Пришло время придать символу такие свойства, как вращение и постепенное изменение четкости в процессе движения. Сделайте это, установив в кадре 1 прозрачность (alpha (transparency)) символа равной нулю, и укажите количество оборотов в диалоговом окне Tweening Properties.

1 Активизируйте кадр 1 слоя Photo.
2 В рабочем поле кликните на образце INTRO – PHOTO и выберите Modify > Instance.
3 Кликните по вкладке Color Effect в диалоговом окне Instance Properties и выберите Alpha из выпадающего меню Color Effect.
4 Переместите бегунок Alpha к нулевой отметке и нажмите ОК.
  Фотография стала полностью прозрачной (невидимой). Видимыми остались только границы выделения.
5 Убедившись, что кадр 1 остался активным, выберите Modify > Frame и кликните на вкладке Tweening.
6 Выберите Clockwise (вращение по часовой стрелке) из выпадающего меню Rotate, впечатайте 1 в окне Times (количество оборотов), нажмите ОК.

 

7 Используйте панель управления (Controller) для просмотра анимации.
  Теперь символ не только движется, но еще плавно вращается и изменяет свою прозрачность от 0 до 100 %.
  Осталось прилепить магнит в виде короны поверх фотографии.
8 Активизируйте ключевой кадр 20 и перетащите мышкой образец символа INTRO – CROWN из библиотеки на фотографию.
9 Перемотайте анимацию назад и просмотрите ее, чтобы понять, все ли сделано правильно.
 

 
 
Добавление в кадр команды (action) для остановки анимации

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

Как добавить в кадр команду остановиться при достижении последнего кадра.

1 Активизируйте слой Photo в монтажной линейке и выберите Insert > Layer.
2 Сделайте двойной клик по имени нового слоя и впечатайте “Actions”.
3 Вставьте ключевой кадр в кадр 20 слоя Actions и выберите Modify > Frame.
4 Кликните на вкладке Actions в диалоговом окне Frame Properties, кликните на значке “+” (плюс), выберите Stop из выпадающего меню Actions. Нажмите ОК.
 

 

Создание символа INTRO – ANIMATION завершено.

Рубрика: Введение

Добавить комментарий

Вам надо войти, чтобы написать комментарий.