Создание простых Flash-эффектов
Эффекты для векторной графики / Движение по заданной траектории  

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

Этот эффект можно применять в сочетании с любым другим эффектом.

Создание эффекта

Создайте новый документ нужного размера, задайте фон.
(в нашем примере размер был выбран 200px X 150px, цвет #140282).

На слое № 1 расположите планету, вокруг которой будет двигаться спутник. Для этого воспользуйтесь инструментом Oval Tool.

Для овала создайте градиентную заливку. Для этого на панели Color Mixer (Window/Color Mixer, закладка Color Mixer) измените настройки.
(В нашем примере на планете были нарисованы "материки". Материки были нарисованы средствами Macromedia Flash на слое № 2 , заливка также градиентная, парметр Alpha в заливке был установлен равный 50%).

На слое № 3 расположите спутник, который будет вращаться вокруг планеты. Для этого воспользуйтесь инструментом Oval Tool. Для спутника создайте градиентную заливку. Для этого на панели Color Mixer (Window/Color Mixer, закладка Color Mixer) измените настройки. Подберите цвета так, чтобы спутник был хорошо заметен и на фоне неба и на фоне планеты.

Задайте длительность анимации (в нашем примере - 30 кадров), воспользовавшись клавишей F6. Т.е. создайте ключевой кадр для спутника в 30-м кадре. При помощи клавиши F5 создайте длительность просмотра планеты и материков (30 кадров).

Выделите слой № 3, на котором расположен спутник. Создайте новый слой, на котором будет располагаться траектория движения спутника. Для этого нажмите кнопку Add Motion Guide . (см. рисунок).

При этом создастся новый слой с меткой "Guide".

Создайте на этом слое траекторию движения спутника. Для этого для начала скопируйте изображение планеты на этот слой. Перейдите в слой № 1, скопируйте изображение планеты. Вернитесь на слой "Guide" и вставьте на этот же слой планету, воспользовавшись в меню File вставкой Paste in Place.

Далее воспользуйтесь инструментом Oval Tool и создайте эллипс (лучше создать его в стороне от планеты). Для того, чтобы получить только контур эллипса, выберите цвет контура любой (его не будет видно при проигрывании анимации) и выберите отсутствие заливки.

При помощи инструмента Free Transform Tool измените угол наклона эллипса. Поместите эллипс над изображением планеты.

Для того, чтобы при движении спутник в течение некоторого времени находился "за планетой", необходимо удалить ту часть траектории движения, которая будет находиться за планетой. Для этого воспользуйтесь инструментом Selection Tool и выделите ту часть эллипса, которую необходимо удалить. Удалите ее. Удалив после этого изображение планеты на этом слое, вы получите траекторию движения спутника - эллипс с "вырезанной частью".

Для слоя № 3 (на нем расположен спутник) создайте анимацию движения между первым и вторым улючевыми кадрами (кадрами 1-м и 30-м) типа Motion Tween (поместите указатель мыши между ключевыми кадрами, нажать правую клавишу, выбр ать Greate Motion Tween).

Перейдите в первый ключевой кадр спутника (1-ый кадр). И при помощи инструманта Selection Tool перетащите изображение спутника в начальную точку эллипса.

Перейдите во второй ключевой кадр спутника (30-ый кадр). И при помощи инструманта Selection Tool перетащите изображение спутника в конечную точку эллипса.

Для того, чтобы у нас был эффект того, что в течение какого-то времени спутник находится "за" планетой, необходимо чтобы в течение нескольких кадров спутника не было видно. Для этого продлите видимость планеты и ее материков на 5 кадров больше, чем длится анимация движения для спутника. Т.е. сделайте видимость планеты и ее материков 35 кадров.

Итак, вы получили следующее:

Эффект готов.
(Однако, чтобы в данном примере анимация смотрелась лучше, следует ее немного изменить).


Создадим эффект уменьшения объекта при удалении от нас. Для этого создадайте 2 дополнительных ключевых кадров для слоя № 3, слоя со спутником. В нашем примере созданы ключевыйе кадры в кадрах 10 и 20.

Выделите первый ключевой кадр, и воспользовавшись инстументом Free Transform Tool , измените размер спутника. Выделите последний ключевой кадр и повторите операцию. Теперь кроме движения по эллипсу, у вас будет изменяться размер спутника.

В нашем примере еще был добавлен эффект отбрасывания тени спутником. Для этого создан дополнительный слой № 4, на нем нарисована тень, заливке придана прозрачность, равная 20%. Для того, чтобы тень была видна сверху планеты, то под спутником, слой № 4 следует расположить выше слоев с изображением планеты и материков, но ниже слоя с изображением спутника.

Передвигая ползунок на линии времени, наблюдайте за перемещением спутника. Подберите кадр, в котором спутник появляется над планетой. И именно в этом кадре создайте ключевой кадр для слоя № 4.

Продолжайте передвигать ползунок по линии времени и подберите кадр для окончания "видимости" тени. Создайте в этом кадре второй ключевой кадр для слоя № 4. Создайте между этими двумя кадрами анимацию типа Motion Tween. Укажите начальное и конечное движение теневого пятна.

В нашем примере тень видна незначительное время. И траекторию движения спутника в течение этого времени мы можем считать прямолинейной. Поэтому для первого и последнего ключевых кадров тени были казаны только ее начальное и конечное положение. В других более сложных случаях, чтобы тень двигалась вслед за предметом, следует и для нее создать слой, воспользовавшись клавишей Add Motion Guide и на этот слой скопировать траекторию движения предмета.

Эффект готов.

 

Данный эффект можно применять и для текста, и для растровых картинок.

 

 
Итоговая работа Булка Светланы Константиновны, sbulka@yandex.ru
Хостинг от uCoz