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


пример 1


пример 2

Этот прием представляет собой один из вариантов использования маски на растре.

В каждом из примеров используются 2 маски, к которым применено движение типа Motion Tween (изменение размера объекта). К слою, который просматривается сквозь маски, также применено движение типа Motion Tween (применение параметров Alpha и Tint).

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

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

Для того, чтобы лучше понять, как создать этот эффект, посмотрите Простейшая маска на растре и Пробегающие огни по растру.

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

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

Сначала создайте отдельно интерференционные круги. Для этого, пользуясь инструментом Oval Tool, создайте круг. Из него "вырежьте" круг меньшего диаметра. Получилось первое кольцо. Сделайте таких колец необходимое количество и сгруппируйте их.

На слой № 1 поместите рисунок, который будет виден вторым в анимации.
(в примере 1 - это прямоугольник с градиентной заливкой, в примере 2 - а 2-ая картинка).

На слой № 2 поместите рисунок, который будет виден в начале анимации.
(в примере 1 это или белый прямоугольник, или можно вообще не создавать слоя № 2, так как у нас белым является фон самого документа (тогда алгоритм перехода от белого цвета к прямоугольнику с градиентом будет несколько другой, что никак не повлияет на отображение анимации. В примере 2 - это рисунок " 1).

Создайте для слоя № 2 анимацию типа Motion Tween и примените к картинке № 1 параметр Alpha (прозрачность). (подробно об использовании этого эффекта см. Появление и исчезновение текста).
(вы получили, что одна картинка постепенно переходит в другую).

Теперь создадим слой № 3 и 4. На слое № 3 у нас будет находиться картинка, которая будет просвечиваться через маску. Поэтому поместим картинку № 2 на этот слой.
(картинку, которая будет видна второй в анимации. В примере 1 это прямоугольник с градиентной заливкой, в примере 2 - это картинка № 2).

Для того, чтобы интерференционные картинки смотрелись лучше, можно к слою № 3 добавить какой-нибудь эффект. Например, анимацию типа Motion Tween с изменением параметра Alpha (Вначале уменьшить видимость картинки до примерно 30%, а в конце анимации видимость сделать равной 100%). Можно применить анимацию типа Motion Tween с изменением параметра Tint. Подберите нужный цвет и нужную интенсивность. (подробнее о применении параметра Alpha см. Появление и исчезновение текста, о применении параметра Tint см. Смена фотографий через "засвечивание пленки" )
(в примере 2 при первой смене картинок для левого интерференционного круга была применена анимация типа Motion Tween с изменением параметра Tint, а для правого - анимация типа Motion Tween с изменением параметра Alpha. При второй смене картинок - наоборот: для левого интерференционного круга была применена анимация типа Motion Tween с изменением параметра Alpha, а для правого - анимация типа Motion Tween с изменением параметраTint).

На слой № 4 поместите созданный отдельно интерференционный круг. Создайте для него анимацию типа Motion Tween. И создайте эффект увеличения размера объекта (см. изменение размера текста, разворот и поворот текста).

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

При этом рядом с названием слоя № 2 и № 3 появятся соответствующие значки.

Создайте еще 2 слоя и проделайте для них аналогичную работу. Для маски таже создайте эффект изменения размера (разместите второй интерференционный круг правее первого).

Потренируйтесь с различными переходами, чтобы анимация смотрелась плавно.

Продолжите анимацию для того, чтобы верняться к первому кадру анимации (чтобы аниация была плавной, без "начала и конца") .

 

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