Анимация огня во flash

Content on this page requires a newer version of Adobe Flash Player.

Увлекаясь actionscript и motiontween, мы часто забываем про силу покадровой анимации! В этом уроке будем делать шикарную, реалистичную, покадровую анимацию огня! Вся магия этого flash урока заключается в настройках фильтров, применяемых к символу-MovieClip. Их, конечно, можно открыть опытным путем, но зачем, ведь они известны!

1 Шаг (самый продолжительный и кропотливый - во всяком случае у меня )

Рисуем угловатый огонь с 1-ого кадра по 21 кадр.

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

Я имею ввиду следующее: если вы нарисовали в одном кадре один маленький пик, то в следующем кадре нужно сделать его больше. А не рисовать на его месте другую хрень. Для наглядности вот те кадры (21 штука) которые нарисовал я в правильной последовательности:

2 Шаг (помещаем все кадры в один единственный символ)

  • Вам нужно с зажатой клавишей shift кликнуть по первому кадру на линии времени и по последнему - таким образом вы выделите все кадры.
  • Кликните правой кнопкой мыши по выделенным кадрам и из контекстного меню выберите команду Cut Frames (вырезать кадры) - таким образом вы вырежете все кадры в буфер обмена.
  • Создайте символ-MovieClip (горячая кнопка F8) и вставте в него все вырезанные кадры.
  • На главной линии времени удалите лишние (все кроме первого) пустые ключевые кадры.
  • На гланой линии времени в первый пустой ключевой кадр вставте, созданный только что символ.

3 Шаг (самый интересный)

Чтобы сделать наши угловатые символы настоящим огнем, нужно применить несколько фильтров к нашему символу. К символу в первом кадре применяем следующие фильтры, это то, где происходит вся магия:

Исходник: 

Похожие записи

Комментарии

Аватар пользователя Aloran

Гениальное просто))))

Аватар пользователя SarGun
Аватар пользователя switcher

парни, теперь мутим воду )))

<i>Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете</i><br /><b>Стив Макконнел. &quot;Совершенный код&quot;</b>

Аватар пользователя Demones

Молодец! Я вообще поражаюсь этому сайту. Такие различные вещи! И во флеш! Для меня ваш сайт это новое открытие! Спасибо администрации

Аватар пользователя STALK3R

народ я нуб во влэше пока, скажите как делать кадр и рисовать ?? Спасибо

Аватар пользователя vitkuz
Цитата: STALK3R

народ я нуб во влэше пока

Самый быстрый и дешевый способ научиться

Аватар пользователя Савелий

шарманъ :) 

Аватар пользователя TeT

Автор - гений :)

Keyboard not found. Press any key to continue

Аватар пользователя lilrom

Ребят, а в каком флеше проет открывается?
у меня AF CS3  и не открывается
в MF тоже

Аватар пользователя switcher

открывайте через CS4
P.S. И потом - в статье написано:
"Скачать исходники CS4"

<i>Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете</i><br /><b>Стив Макконнел. &quot;Совершенный код&quot;</b>

Аватар пользователя TeT

А правда говорят что на огонь можно смотреть вечно 

smile

Keyboard not found. Press any key to continue

Аватар пользователя Fly
Цитата: TeT

А правда говорят что на огонь можно смотреть вечно

ага, а ещё на то, как кто-то работает :)))

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - https://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя biolexxx

просто молодец)

отличный урок,прекрасно!

Аватар пользователя GreyClown

классный огонь!

Аватар пользователя yalexeyka
Создайте символ-MovieClip (горячая кнопка F8) и вставте в него все вырезанные кадры.

F8 после вырезания кадров не активна и не вставляет ничего

Аватар пользователя Insept

Создайте символ-MovieClip (горячая кнопка F8) и вставте в него все вырезанные кадры.

F8 после вырезания кадров не активна и не вставляет ничего

 

ага у меня та сама проблема

Аватар пользователя olsher

Insert > New Symbol >Имя > Вставляете Фреймы

Аватар пользователя XENIUD

У меня MACROMEDIA((((((((((((((

Аватар пользователя Alexandron

Да, полезный урок) Спасибо.