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


пример 1


пример 2


пример 3

В основе этого эффекта лежит применение маски, для которой используется анимация Motion Tween.

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

Например, пользуясь принципами смена цвета, которые показаны в примере 3, можно добиться эффекта наливания жикости в различные емкости, поднятие уровня воды в емкостях, водоемах и т.д.

Этот эффект можно в принципе применять для различных объектов, но необходимо подбирать нужные параметры, чтобы получилось красиво.

Создание эффекта. Примеры 1 и 2.

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

Воспользовавшись инструментом Text, напишите текст, по которому будет пробегать луч.
("Простые Flash-эффекты ").

Задайте длительность клипа. Для этого клавишей F5 щелкните по нужному кадру.
(в наших примерах длительность 45 кадров).

Создайте два новых слоя №2 и №3.

Перейдите на слой №1 с надписью. Скопируйте ее. Перейдите на слой №3 (самый верхний) и вставьте эту надписсь на слой № 3. Должно получиться следующее:

Для того, чтобы надпись в обоих слоях совпадала, необходимо вставку осуществить следующим образом: на слое №1 скопировать в буфер надпись, перейти на слой №3 и в меню File выбрать Paste in Place.

Теперь создадим слой-маску. Для этого выделим мышкой название слоя №3 и нажмем правую клавишу. В появившемся списке выберем Mask.

Должно получиться следующее:

На слое №2 создайте анимацию движения по следующему алгоритму: создайте два ключевых кадра в начале и в конце анимации (клавиша F6). Создайте между этими ключевыми кадрами движение типа Motion Tween (поместить указатель мыши между ключевыми кадрами, нажать правую клавишу, выбрать Greate Motion Tween).
(в наших примерах ключевыми кадрыми являются кадры 1 и 45).

Выберите инструмент Selection Tool .

Поместите указатель мыши в первый ключевой кадр для слоя №2.
(в наших примерах это кадр 1).

Нарисуйте пробегающий луч. Разместите его слева от текста.

В первом примере был нарисован узкий прямоугольник. При помощи инструмента Free Transform прямоугольник был повернут на некоторый угол. После этого для прямоугольника была установлена прозрачность (параметр Alpha = 60%) (подробно о прозрачности см. появление и исчезновение текста). В первом ключевом кадре прямоугольник размещен был слева от сцены, а во втором ключевом кадре - справа от сцены.
(в нашем прмере 1 луч пробегает от 1-го кадра до 45-го по всей длине сцены. При этом слой №1 является текстом, который мы видим, слой №2 - это пробегающий луч, а слой №3 является маской, которая "обрезает" пробегающий луч по форме текста).

Во втором примере был нарисован узкий овал. При помощи инструмента Free Transform овал был повернут на некоторый угол. Для овала была задана градиентная заливка. Для того, чтобы задать градиентную заливку, необходимо открыть панель Color Mixer. Для этого в меню Window выбрать Color Mixer. И в этом меню задать градиентную заливку для луча-овала. Например, такую:

После этого в первом ключевом кадре овал был размещен слева от сцены, а во втором ключевом кадре - справа от сцены.

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

 

 

Создание эффекта. Пример 3.

Первые шаги в осуществлении этого эффекта те же, что и для примера 1 и 2. Рассмотрим анимацию для слоя №2. На слое №2 создайте анимацию движения по следующему алгоритму: создайте два ключевых кадра в начале и в конце анимации (клавиша F6). Создайте между этими ключевыми кадрами движение типа Motion Tween (поместить указатель мыши между ключевыми кадрами, нажать правую клавишу, выбрать Greate Motion Tween).
(в наших примерах ключевыми кадрыми являются кадры 1 и 45).

Вместо пробегающего луча, как в примерах 1 и 2, нарисуйте в первом ключевом кадре слоя №2 вытянутый прямоугольник голубого цвета. Разместите его под сценой. Перейдите ко второму ключевому кадру и при помощи инструмента Free Transform измените размер прямоугольника так, чтобы он закрывал весь текст. Тогда от первого ключевого кадра до второго зеленые буквы будут постепенно заполняться голубым цветом снизу вверх.

То, что было сделано для прямоугольника - было подробно рассмотрено в ээфектах для текста Изменение размера текста, поворот и разворот текста.

Для того, чтобы текст возвращался к своему первоначальному цвету, необходимо продлить анимацию.
(В нашем примере продлим анимацию до 90 кадра. При этом на слое №1 с 46-го по 90-ый кадр создадим надпись копированием, изменим цвет на голубой. Цвет должен быть такой же, что и у прямоугольника, которым мы заливали текст с 1-го по 45-ый кадры. Такую же надпись создадим и на слое №3).
Должно получиться следующее:

Для слоя №2 в третьем ключевом кадре создайте узкий прямоугольник зеленого цвета, разместите его выше сцены. В четвертом ключевом кадре при помощи инструмента Free Transform измените размер прямоугольника так, чтобы он закрывал весь текст. Тогда от третьего ключевого кадра до четвертого голубые буквы будут постепенно заполняться зеленым цветом сверху вниз.
(В нашем примере необходимо создать третий ключевой кадр в 46-ом кадре, а четвертый - в 90-м. Обратите внимание: в 45-м кадре у нас второй ключевой кадр и в нем находится прямоугольник голубого цвета, а в 46-м кадре у нас уже третий ключевой кадр и в нем находится прямоугольник зеленого цвета).

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


 

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