Теперь, когда у нас есть простейшая кнопка, попробуем анимировать ее состояния. Положение Up (нормальное) трогать не будем. Иметь на экране бессмысленно двигающиеся элементы это дурной тон. Наша анимация служит благой цели – показать пользователю, что он идет в нужном направлении и если что-то задвигалось, то и он тоже должен сделать некое действие. Пусть анимация будет видна лишь при наведении на кнопку.
Положение Over
1. Выделяем изображение в этом фрейме и превращаем в клип (F8). Имена нас не интересуют. Пусть будет имя образца по умолчанию.
2. Заходим в режим редактирования этого клипа. Тут можно пойти двумя путями – либо сделать анимацию формы, либо выполнить анимацию движения. Давайте выберем анимацию движения. Для этого нужно еще раз выполнить преобразование объекта в клип. Выделяем и нажимаем F8.
3. Делаем 20 фрейм ключевым.
4. Назначаем анимацию движения для первого фрейма (панель Frame). Должна появиться стрелка без разрывов.
5. Добавляем ключевые фреймы в 5, 10 и 15 позиции.
6. Теперь повернем наш эллипс в каждом из средних ключевых фреймов на соответствующий угол, так чтобы он совершал полный оборот за время анимации движения. Промежуточные фреймы задаются для того, чтобы четко обозначить направление вращения.
7. Проверьте правильность вращения эллипса передвижением курсора в хронометрической линейке.
С положением Over все готово.
Реализация положения Down
Следуем проторенным путем.
1. Превращаем объект во фрейме Down в клип. Сразу же выделяем вновь испеченный клип и снова жмем F8. Получается клип в клипе.
2. Входим в режим редактирования образца.
3. Делаем ключевой фрейм в 20 позиции.
4. Назначаем анимацию движения для первого фрейма.
5. Делаем ключевой фрейм посередине.
6. В среднем ключевом фрейме делаем масштабирование клипа процентов до 50 по обеим осям.
Сделайте воспроизведение фильма (Ctrl+Enter).
В нормальном состоянии видим простую кнопку-эллипс.
При наведении на кнопку курсора эллипс начинает вращаться вокруг оси.
При нажатии на кнопку мыши эллипс циклически уменьшается и увеличивается в размерах
Русская версия