Использование анимированных масок

Ранее рассказывалось, как создавать слои-маски, которые прячут или показывают объекты, находящиеся на нижних уровнях. Иногда лучший способ создать иллюзию движения – анимировать маску, так, чтобы она постепенно скрывала или показывала объекты.

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

ПРИМЕР 9.3: Создание растущей радуги

(см. папку Examples раздел_9 пример_9_3)

1.Создайте новый документ и добавьте новый слой. Нижний слой назовите Rainbow, а верхний - Rotating Rectangle.

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

3.Преобразуйте графический объект в символ.

4.На временной шкале щелкните ПКМ по слою Rotating Rectangle. Выберите пункт Mask. Программа преобразует слой в маску, свяжет с ней слой Rainbow и заблокирует оба слоя. Разблокируйте слои (щелкните по иконкам замка).

5.В кадре 1 слоя Rotating Rectangle нарисуйте под нижней частью радуги прямоугольник (см. рис. 9.5.). Этот прямоугольник и есть маска. Использование при заливке прозрачных цветов позволяет увидеть графическое изображение радуги. Чтобы сделать прозрачным цвет заливки прямоугольника, выделите его и затем в панели Color Mixer введите в поле Alphaнебольшую величину.

Рис. 9.5. Пример – растущая радуга

6.Выделите прямоугольник и выберите пункты Insert→ Convert to Symbol. Вы создаете анимацию вращения, поэтому к маске нужно применить кадрирование движения. В поле Nameдиалогового окнаConvert to Symbolвведите название символа.

7.Выделите прямоугольник с помощью инструмента Free Transform. Расположите указатель мыши над белым кружком, показывающий центр объекта. Рядом со стрелкой появится маленький белый кружок. Это значит, что можно перемещать центр выделенного объекта.

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

9.На временной шкале в слое Rainbow выделите 15 кадр и выполните Insert→ Frame.

10.В слое Rotating Rectangle в кадре 15 выполните Insert→ Keyframe.

11.В кадре 15 выделите прямоугольник, и чтобы его переместить (с помощью инструмента Free Transform), нажмите кнопку мыши на левом нижнем углу прямоугольника, перетащите его так, чтобы он полностью покрыл радугу (Рис.9.6.).

12.На временной шкале в слое Rotating Rectangle выделите любой из кадров 1-14, в выпадающем меню Tweenна панели Propertiesвыберите Motion. В выпадающем меню Rotate выберите CW.

13.В поле Timesвведите значение 0. На этом шаге определяется кадрирование движения, с помощью которого прямоугольник будет вращаться, качаясь над радугой до тех пор, пока не закроет ее.

14. Заблокируйте оба слоя.

15.Воспроизведите фильм

Рис. 9.6. Пример – растущая радуга