• Авторизация


"Пламя свечи" Рисуем и анимируем во флеш. 11-01-2013 00:25 к комментариям - к полной версии - понравилось!

Это цитата сообщения Та_ещё_штучка_Я Оригинальное сообщение

"Пламя свечи" Рисуем и анимируем во флеш.

В этом уроке мы не только будем создавать анимацию пламени свечи, но и научимся рисовать элементарные фигуры во флеш, а также применять инструменты "свободное преобразование" и "преобразование градиента". Работаем в программе Flash CS5.


Запустили программу. Открыли новый документ. Встаём на первый слой и с помощью сочетания клавиш Ctrl+F8 создаём символ - Фрагмент ролика (Мувиклип).

[показать]

Нажав Ок, мы окажемся внутри мувика. [показать]

Открываем панель инструментов - выбираем"Овал"(О).

[показать]

Далее кликаем по набору цветов (палитра).Здесь подбираем цветовую гамму пламени.

В моём случае подбор не идеален. Вы можете подобрать собственную палитру. Закрываем обводку (none). Градиент радиальный + галочка в окошечке "Линейный RGB".

[показать]

У меня слева направо следующая гамма:


1. DBBB10
2. E2AA09
3. F18520
4. F77217
5. F99520
6. FCBB10
7. FFE912


Встаём на первый кадр первого же слоя и рисуем вытянутый вертикально овал.

[показать]

На панели инструментов, кликнув на маленький треугольник, выбираем преобразование градиента.

[показать]

Кликаем им по созданному изображению и получаем следующую картинку.

[показать]

Воспользуйтесь для удобства инструментом "лупа". При помощи выделенного приспособления на скриншоте отрегулируйте размер внутреннего градиента пламени.

[показать]

Зажав крохотный кружочек внутри окружности, подтяните внутренний градиент в нижнюю часть пламени.

[показать]

Манипулируйте инструментом аккуратно, без резких движений. )В результате получаем наше, пусть примитивное, пламя.

[показать]

Поменяем инструмент на "свободное преобразование"

[показать]

Кликаем по четвёртому кадру первого слоя, жмём F6.

[показать]

Выбираем подинструмент "Огибающая" и, двигая точки трансформации вокруг изображения, незначительно видоизменяем наше пламя. Перемещайте точки на малое расстояние,тем самым вы добьётесь более реалистичного результата.

[показать]

Кликаем на девятый кадр, жмём F6. [показать]

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

[показать]

Выделяем наш первый и единственный слой. Далее в шапке проги: Вставка - Анимация формы (shape tweening).

[показать]

Всё, анимация завершена и мы возвращаемся на нашу первоначальную сцену. Жмём "монтажный кадр"

[показать]

Открываем библиотеку проги - обнаруживаем наш мувик.

[показать]

Цепляем его мышкой иконку мувика и перетаскиваем из библиотеки на сцену.

[показать]

Протестируйте ваш мувик сочетанием клавиш Сtrl+Enter.
Как вы заметили, наш пламя недостаточно реалистично. Наша задача сделать его более "пламенным" )

Выделяем мувик на сцене, идём в панель "Свойства". Нас интересуют Фильтры, которые расположены в самой нижней папочке свойств.

[показать]

Итак, добавляем фильтры,кликнув на маленькую иконку внизу панели

[показать]

Нам открывается окно с набором фильтров, среди которых выбираем Свечение.

[показать]

Наберёмся терпения и начнём колдовать-преобразовывть наше пламя.Выбираем Качество - высокое.

[показать]

Следующий этап - подберём цвет свечения.

[показать]

[показать]

Все видоизменения пламени вы можете наблюдать непосредственно на сцене.

Далее смотрите по скринам. [показать]

[показать]

[показать]

Кроме свечения я наложила тень на пламя. Вы же можете погулять по фильтрам - поимпровизировать.

[показать]

[показать]

Поигравшись с фильтами, протестируйте ваш мувик. Если он вас устраивает, кликните по пустому пространству сцены и вновь открыв свойства (теперь уже вашей сцены) задайте ей новые параметры. Окно параметров так же можно вызвать сочетанием клавиш Ctrl+J.

Для чего мы это делаем? Чтобы сохранить наш мувик. Размеры новой сцены соответствуют размерам пламени. Эта операция - ни есть необходимость, а только лишь удобство при дальнейшем использовании мувика с пламенем.

[показать]

Сделали подгонку - экспортируем мувик.

[показать]

Урок окончен! )


урок отсюда, дополненный и отредактированный: http://demiart.ru/forum/index.php?showtopic=77502


Успехов вам в творчестве и освоении флеша!

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник "Пламя свечи" Рисуем и анимируем во флеш. | TalaNat - Мой дневничок | Лента друзей TalaNat / Полная версия Добавить в друзья Страницы: раньше»