Последуем этой традиции.
Рис. 11.4. Анимация вращения флага.
1. Нарисуйте любой флаг.
2. Превратите объект в образец клипа клавишей F8. Назовите этот образец flagBtn.
3. Выделите полученный клип и превратите еще раз в образец. Как его назвать – особой роли не играет. Дайте имя MoveableFlag.
4. Теперь все готово для создания анимации флага. Этот пример анимации уже рассматривался при разборе способов анимации движения. Повторимся еще раз. Для имитации вращения флага при наведении курсора мыши (событие Over), нам достаточно изменять горизонтальные размеры флага и переворачивать его относительно оси Y. Для симметричных флагов даже не требуется переворот.
На Рис. 11.5 показаны два положения флага для простого случая. Для случая с переворотом смотрите главу, посвященную анимации движения.
Рис. 11.5 Крайние положения флага при имитации вращения.
На Рис. 11.4 показаны слои с элементами кнопки с доигрыванием.
5. Компоненты разделены на три части для удобства работы. Самый нижний слой занимает невидимая кнопка. Создается невидимая кнопка очень просто. Нужно лишь нарисовать прямоугольник любого цвета по размерам флага. Контур лучше удалить. Превратить прямоугольник в клип типа Button, войти в режим редактирования образца и перетащить фрейм из положения Up в положение Hit. При этом кнопка не имеет ни одного видимого положения, но имеет область для реагирования на события. Если вы выйдете из режима редактирования кнопки, то увидите ее как голубой полупрозрачный прямоугольник. Так редактор показывает невидимую кнопку в режиме редактирования. При воспроизведении она видима не будет, но будет исправно действовать.
6. После создания кнопки нужно выставить анимацию флага. Но прежде чем начинать создавать ключевые фреймы сделайте одно очень важное действие. Присвойте клипу с флагом имя. Пусть оно будет самое простое, к примеру – f. Позднее станет ясно, почему это действие так важно!
7. Сделайте ключевой фрейм в 20 позиции, как показано на рисунке.
8. Сделайте ключевой фрейм во 2 позиции хронометрической линейки
Русская версия