Изучаем Macromedia Flash. Моделирование эффекта «Салют»

Ларичев

 

Салют — это всегда праздник, и в программе Flash мы тоже можем сделать виртуальный салют. Рассмотрим все этапы данного процесса. Вначале смоделируем визуальный эффект разлетающихся частиц салюта. Создадим графический символ с именем trajec (рис. 1), используя команду Insert => New symbol, и с помощью инструмента Brush самого маленького размера нарисуем траектории движения (см. рис. 1).

 

Рис. 1

Рис. 1

Салют будет смотреться наиболее выигрышно на черном фоне, поэтому выберем инструмент Arrow, щелкнем по фону и в окне Properties в разделе Background установим цвет фона черным (рис. 2).

 

Рис. 2

Рис. 2

Создадим еще один графический символ с именем Firecolor-1 и, используя инструмент Oval, нарисуем окружность, а потом зальем ее радиальной градиентной заливкой, использующей три метки (рис. 3 и 4):

• первая (самая левая) — красного цвета со значением Alpha = 0%;

• вторая (средняя) — красного цвета со значением Alpha = 100%;

• третья — оранжевого цвета со значением Alpha = 100%.

 

Рис. 3

Рис. 3

Рис. 4

Рис. 4

На основной сцене создадим слой с именем trajec, перетащим экземпляр одноименного символа в первый кадр этого слоя из библиотеки и создадим автоматическую анимацию движения motion tween, в которой траектории движения частиц салюта будут перемещаться сверху вниз. На рис. 5 это перемещение показано в режиме калькирования.

 

Рис. 5

Рис. 5

Теперь добавим еще один слой, щелкнув правой кнопкой мыши по имени первого слоя и вызвав соответствующее меню, и назовем его firecolor-1. В первый кадр этого слоя перетащим из библиотеки экземпляр символа firecolor-1 и создадим автоматическую анимацию движения на 20 кадрах, в которой символ firecolor-1 будет увеличиваться от минимального радиуса в первом кадре до максимального в последнем. На рис. 6 данный процесс показан в режиме калькирования, параллельно идут два процесса — перемещение траекторий частиц салюта сверху вниз и увеличение радиуса символа firecolor-1.

 

Рис. 6

Рис. 6

Теперь придадим слою с именем trajec свойство маскирующего слоя. Для этого необходимо щелкнуть правой кнопкой мыши по имени слоя trajec и в выпадающем меню выбрать свойство Mask. В результате увеличение круга firecolor-1 будет видно сквозь линии брызг салюта, что и даст нужный эффект.

Если вы выполнили все шаги верно, должна получиться анимация вида (исходник).

Мы смоделировали этап разлета брызг салюта, а теперь усложним нашу задачу и добавим стадию вспышки. Откроем новый Flash-файл. Для того чтобы было удобнее моделировать несколько залпов, этот эффект будем создавать в виде отдельного мувиклипа. Вставим новый символ командой Insert => New Symbol (Ctrl+F8), в открывшемся меню выберем Movie Clip и дадим ему имя fireworks. В библиотеке символов щелкнем дважды на символе fireworks, чтобы открыть его редактирование. Вставим второй слой и назовем слои так же, как в примере trajec и firecolor. В слое firecolor создадим три кадра, моделирующие вспышку: черный кадр, белый и опять черный. В 1-м кадре слоя firecolor

 

Рис. 7

Рис. 7

добавим черный фон (рис. 7), а во 2-м кадре этого слоя вставим ключевой кадр и нарисуем белый прямоугольник размером, превышающим размер сцены. Преобразуем белый прямоугольник в графический символ (рис. 8).

 

Рис. 8

Рис. 8

Чтобы вспышка не была слишком яркой, зададим параметр непрозрачности для этого символа (alpha) около 80% (рис. 9).

 

Рис. 9

Рис. 9

В 3-м кадре слоя firecolor вставим пустой кадр (F7), который тоже будет черным, поскольку у нас настроен черный фон. Далее добавим кадры, имитирующие брызги салюта из предыдущего примера, и получим соответствующий эффект.

Теперь вернемся на основную сцену (в нашем случае scene 1), создадим второй слой (оставим слоям имена, присваиваемые по умолчанию, — Layer 1 и Layer 2). Перетащим из библиотеки в первый кадр слоя Layer 1экземпляр мувиклипа fireworks и в 23-м кадре (мувиклип fireworks у нас состоит из 23 кадров) вставим ключевой кадр (рис. 10). Затем вставим ключевой кадр в 20-м кадре второго слоя и аналогично добавим экземпляр символа fireworks в другой части экрана, в результате чего получим ролик следующего вида (исходник).

 

Рис. 10

Рис. 10

Теперь добавим графический символ firecolor-2 другого цвета и создадим на его базе мувиклип fireworks-2 (рис. 11).

 

Рис. 11

Рис. 11

Добавим на сцене Scene 1 еще один слой, поместим в него экземпляр мувиклипа, имитирующего залп другого цвета, и тогда получим салют следующего вида (исходник).

А поскольку бесшумный салют не воспринимается, то добавим звук. Подходящий звуковой эффект проще всего найти в библиотеке звуков на сайте www.flashkit.com в разделе soundfx в папке Cartoon.

 

Рис. 12

Рис. 12

Итак, загрузим звуковой эффект по имени KABLOOM-sitch_Mass488 в формате Wav

и добавим его на отдельном слое (в нашем примере layer 8) в те моменты, когда производятся выстрелы (рис. 13), в результате чего у нас получится салют со звуком (исходник).

 

Рис. 13

Рис. 13

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

КомпьютерПресс 3'2005


Наш канал на Youtube

1999 1 2 3 4 5 6 7 8 9 10 11 12
2000 1 2 3 4 5 6 7 8 9 10 11 12
2001 1 2 3 4 5 6 7 8 9 10 11 12
2002 1 2 3 4 5 6 7 8 9 10 11 12
2003 1 2 3 4 5 6 7 8 9 10 11 12
2004 1 2 3 4 5 6 7 8 9 10 11 12
2005 1 2 3 4 5 6 7 8 9 10 11 12
2006 1 2 3 4 5 6 7 8 9 10 11 12
2007 1 2 3 4 5 6 7 8 9 10 11 12
2008 1 2 3 4 5 6 7 8 9 10 11 12
2009 1 2 3 4 5 6 7 8 9 10 11 12
2010 1 2 3 4 5 6 7 8 9 10 11 12
2011 1 2 3 4 5 6 7 8 9 10 11 12
2012 1 2 3 4 5 6 7 8 9 10 11 12
2013 1 2 3 4 5 6 7 8 9 10 11 12
Популярные статьи
КомпьютерПресс использует