В уроке 3, "Symbols", говорилось о том, как
работать с графическими символами (graphic
symbols) и образцами (instances). Символы способны
содержать в себе образцы других символов и
анимацию. Проходя этот раздел учебника, вы
создадите символ, демонстрирующий движение
фотографии к дверце холодильника.
Начните с создания символа-клипа (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 (количество
оборотов), нажмите ОК.
Используйте панель
управления (Controller) для
просмотра анимации.
Теперь символ не
только движется, но еще
плавно вращается и
изменяет свою
прозрачность от 0 до 100 %.
Осталось
прилепить магнит в виде
короны поверх фотографии.
Активизируйте ключевой
кадр 20 и перетащите мышкой
образец символа INTRO - CROWN из
библиотеки на фотографию.
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.
Нажмите ОК.