2015-07-21
355Лабораторная работа №6
Цель работы: научиться создавать анимацию и анимационные эффекты, используя свойства слоя-маски.
Методические рекомендации
С помощью слоя-маски можно создать область, через которую будет видно содержание остальных слоев. Слои-маски могут содержать только одну фигуру или текстовый объект.
В данной лабораторной работе будет создана анимация вращения земного шара с помощью маски.
Ход работы:
1. Создайте новый документ с размерами 550х275 px.
2. Импортируйте в созданный документ изображение с панарамой земли, перетащив его на рабочую область. Вы увидите, что импортированное изображение намного больше размера документа. Измените размер изображения с помощью инструмента свободной трансформации. Для того, чтобы размер изображения изменялся пропорционально, удерживайте клавишу Shift.
3. Создайте новый слой, выполнив команду Вставка >Временная шкала>Слой (Insert>Timeline>Layer) или кликнув по иконке «Создать слой» (Insert Layer), как показано на рис. 1.
Рис. 1. Создание нового слоя
Выберите инструмент «Овал» (Oval Tool (O)). Цвет можно выбрать любой, но создание контура нужно запретить, кликнув по перечеркнутой палитре в разделе настроек цвета контура. Удерживая клавишу Shift, нарисуйте круг, диаметром равным высоте карты (рис. 2).
Рис. 2. Будущая маска
4. В контекстном меню вновь созданного слоя выберите команду «Маска» (Mask). Тем самым, вы сделали второй слой слоем маской, и теперь видно, что на панели «Временная шкала» (Timeline) слои немного изменились (рис. 3),
Рис. 3. Временная шкала после создания слоя маски
а карта стала такой, как показано на рис. 4.
Рис. 4. Внешний вид рабочей области после создания слоя маски
5. Теперь для реалистичности необходимо добавить земному шару объем. Для это го создайте еще один слой и нарисуйте на нем точно такой же круг, как на слое маске (можно скопировать маску и вставить её на новый слой с помощью команды Shift+Ctrl+V) и выберите для него в палитре заливок радиальную градиентную заливку (рис. 5-6).
Рис. 5. Выбор радиальной градиентной заливки
Рис. 6. Результат применения радиальной градиентной заливки
Перетащите слой с градиентной заливкой в самый низ палитры «Временная шкала» и сделайте невидимым слой маску (цифра 1 на рис. 7). Снимите замочек со слоя с картой (цифра 2 на рис. 7).
Рис. 7. Операции с атрибутами слоёв
6. Перейдите на слой с картой. Выделите карту при помощи инструмента «Стрелка» (Selection Tool (V)). Сконвертируйте ее в символ «графика», выбрав в контекстном меню команду «Преобразовать в символ» (Convert to Symbol).
7. На панели «Свойства» (Properties) из раскрывающегося списка «Цветовой эффект>Стиль» (Color) выберите «Альфа-канал» (Alpha) и выставьте прозрачность 30-33%.
8. Теперь осталось сделать так, чтобы планета вращалась. Перейдите в режим редактирования символа, дважды кликнув по символу карты на сцене.
Скопируйте карту в буфер обмена. Затем в меню «Правка» (Edit) выберите команду «Вставить на место» (Paste in Plase (Shift+Ctrl+V)). При помощи клавиши стрелка вправо, разместиnt копию карты сразу за оригиналом, так чтобы они расположились в один ряд без пробелов (рис. 8).
Рис. 8. «Сшитые» части карты
9.Вернитесь на основную сцену. Выделите 60 кадр для всех слоев и нажмите клавишу F5 чтобы вставить промежуточные кадры. Выделите 60 кадр слоя, на котором расположена карта и сделайте его ключевым, нажав клавишу F6.
10. Создайте классическую анимацию движения между кадрами 1 и 60.
11. Активируйте направляющие, выбрав в меню «Просмотр» (View) команду «Линейки» Rulers. Перетащите мышкой вертикальную направляющую на сцену и поместите ее на видимой части карты (рис. 9).
Рис. 9. Установление направляющей
12. Выделите 60 кадр слоя с картой и при помощи клавиши стрелка влево переместите карту влево, чуть не доходя до той точки, на которой вы поставили направляющую (рис. 10).
Рис. 10. Перемещение карты
13. Протестируйте ролик, нажав сочетание клавиш Ctrl + Enter.
14. Вы увидели, что земля вращается в противоположную стороно. Чтобы изменить направление вращения выделите все кадры анимации, кликнув по выделенному слою с анимацией и в контекстном меню любого кадра, выберите команду «Обратить кадры» (Reverse Frames).
15. Сделайте фон черного цвета. Протестируйте ролик Ctrl + Enter.
