3.2. Анимация с заменой одного объекта другим

5. В конечном ключевом кадре анимации удалите прямоугольник и на

том же месте нарисуйте другой объект, например, овал, вынутый по гори-

зонтали.

6. Проверьте, как работает ваша анимация. Если форма исходного и

конечного объектов схожи, будет происходить плавное перетекание одно-

го объекта в другой. Если же формы объектов имеют резкие отличия , про-

изойдет «поломка».

3.3. Анимация с изменением градиентной заливки

1. Нарисуйте прямоугольник. Выполните радиальную градиентную

заливку с центров в левом верхнем углу.

2. Создайте анимацию формы.

3. В конечном ключевом кадре анимации формы залейте тот же самый

прямоугольник той же самой заливкой, но с центром в правом нижнем уг-

лу (рис. 65).

4. Протестируйте анимацию.

5. Градиентная заливка имеет параметры, которые регулируются ин-

струментом «Редактирование заливки»

. Применяя этот инструмент,

вы можете добиться еще более интересных результатов.

Рис. 65. Анимация градиентной заливки

Задание 4. Задания для самостоятельного выполнения

Далее предлагаются примеры анимаций с использованием изменения

173

формы. Самостоятельно воспроизведите предложенные сюжеты. Наибо-

лее важные моменты построения анимаций подробно рассматриваются.

4.1. Текст

Запустите файл 6-текст.swf. В процессе анимации овал трансформи-

руется в текст. Для создания подобной анимации текст необходимо преоб-

разовать в графический объект. Для этого примените дважды к выделен-

ному тексту команду Modify → Break Apart (Изменить → Разделить от-

дельно).

Вы можете усложнить анимацию, удлинив цепочку преобразований.

4.2. Профиль

Запустите файл 6-профиль.swf. Профиль лица меняет свои очертания:

сначала лицо улыбается, затем на нем отображается неудовольствие и вы-

растает длинный нос. Одновременно меняет форму разрез глаз и двигается

зрачок.

Вы можете видоизменить задачу. Может быть, ваш человечек при-

поднимет бровь или моргнет, а его волосы встанут дыбом от страха. Важно

иметь в виду следующее: чтобы анимация не «ломалась», создавайте на

новом слое, не «делайте резких движений», сведите всю анимацию к не-

скольким коротким и четким изменениям формы.

В анимации формы участвуют профиль и глаз; зрачок движется по

правилам анимации движения; волосы неподвижны (рис. 66).

Рис. 66. Шкала времени задачи «Профиль»

4.3. Труба

Запустите файл 6-труба.swf. Труба медленно разворачивается таким

образом, что становится частично видна ее внутренняя часть. Затем сквозь

трубу катится мячик.

174

В данном примере использованы разные способы анимации: разворот

трубы создан с применением анимации формы, а мяч катится по законам

анимации движения. Рассмотрим отдельно каждый из этих элементов.

Труба

Чтобы можно было «заглянуть» внутрь трубы, ее надо развить на две

составляющие: ближняя к зрителю стенка и дальняя – та, чья внутренняя

область постепенно появляется перед глазами. Каждая половинка находит-

ся на своем слое и в начале анимации представляет собой прямоугольник.

Так как внутренняя неосвещенная поверхность объекта всегда темнее, чем

сам объект, две части трубы следует окрасить в один и тот же цвет, но с

разными оттенками. Часть трубы, расположенная дальше от зрителя, в

первый момент не видна – она прикрыта передней половиной трубы.

Отверстие трубы, лежащей в пол-оборота к зрителю, имеет форму,

близкую к овалу. Значит, вертикальные границы прямоугольника должны

на наших глазах выгибаться. Края ближайшей к нам половины выгибаются

направо, а удаленной половины трубы – налево. Только в этом случае пе-

ред нами приоткроется внутренняя поверхность трубы.

На рис. 67 показано, как должна измениться форма каждой из половин

трубы.

⇒

Верхняя половина трубы

⇒

Нижняя половина трубы

Результат наложения верхней по-

ловины на нижнюю после поворота

Рис. 67. Схема изменения формы трубы

Мяч

С примером движения с одновременным вращением вы уже знакомы

175

(вращение колес автомобиля). Качение мяча ничем не отличается от вра-

щения колес. Но обязательно обратите внимание на то, в какую сторону

будет катиться мяч.

Отдельный слой составляет изображение земли.

На рис. 68 представлена шкала времени с описанием анимации данного

примера.

Труба начинает раз-

ворачиваться. Отвер-

стия трубы посте-

пенно приобретают

округлую форму

(анимация формы)

Труба повернулась в

«пол-оборота» и ос-

тановилась

Начинает двигать-

ся мяч (анимация

движения)

Рис. 68. Шкала времени задачи «Труба»

Усложните задачу с трубой. Пусть мячик, пройдя сквозь трубу, падает

вниз, причем не строго вертикально, а по траектории – по дуге. Мяч может

плыть по воде, прыгать по земле, ударятся об стенку и т. д.