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

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

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

Рис. 1

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

Рис. 2

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

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

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

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

Рис. 3

Рис. 4

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

Рис. 5

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

Рис. 6

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

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

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

Рис. 7

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

Рис. 8

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

Рис. 9

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

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

Рис. 10

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

Рис. 11

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

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

Рис. 12

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

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

Рис. 13

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

Дата добавления: 2015-10-21