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


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


В этом уроке мы не только будем создавать анимацию пламени свечи, но и научимся рисовать элементарные фигуры во флеш, а также применять инструменты "свободное преобразование" и "преобразование градиента". Работаем в программе 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
Комментарии (24):
MissKcu 10-01-2013-23:23 удалить
а это в какой проге...смотрю можно и в софнике попробовать
Ответ на комментарий MissKcu # это Flash CS5 , Ксюш.
а в Sothink SWF Quicker не пробовала., но там как будто нет операции "анимация формы"
Хотя, возможно , она вполне заменяема другой функцией проги.
MissKcu 10-01-2013-23:32 удалить
Ответ на комментарий Та_ещё_штучка_Я # мне кажется она там по другому называется....хотя я вообще в этих прогах Не спец...пасиб за подсказку....
Franzuzhenka 10-01-2013-23:33 удалить
A ja wsö w kopilochku skladiwaü...wsö rawno rano ili posdno osilü etu nauku... Spasibki Alünchik!
Спасибо и я утащила!!!
TalaNat 11-01-2013-00:24 удалить
Спасибо,солнышко! Утащила в свой сундучок.
jzayka 11-01-2013-00:31 удалить
Спасибо,Алечка..
Я посмотрела на демиарте,пошла дальше..
Не умею я находить..
А у тебя почитала..вроде интересно..
Забираю,конечно..
И еще раз спасибо..
Отличный урок. Спасибо, Алечка
Ответ на комментарий Franzuzhenka # Ну конечно догонишься, Катюш!
Ответ на комментарий Лида_Юринец # Пожалуйста!
Ответ на комментарий TalaNat # Ладушки )
Ответ на комментарий jzayka # на сайте урок оч короткий и ничё шедеврального в нём нет.
а вот комментик с вложением к нему меня чуток зацепил. ну и понеслось
Пожалуйста, Леночка!
Ответ на комментарий Нина_Гуревич # Благодарю, Ниночка!
Umna_ja 11-01-2013-12:40 удалить
Та_ещё_штучка_Я, Спасибо бльшое, буду пробовать!
GanikoZ 11-01-2013-16:24 удалить
Спасибо солнышко.
Ответ на комментарий Umna_ja # Пожалуйста! Пробуйте.
Ответ на комментарий GanikoZ # Пожалуйста, Раечка!
Ответ на комментарий Nella__solneshko # Очень пожалуйста!
koreckolga 12-01-2013-18:23 удалить
Алечка, огромное спасибо за урок! Прихватила себе! Удачного дня тебе, дорогая!
Ответ на комментарий koreckolga # Уютного вечера вам, Оленька!
RADYGA55 14-01-2013-21:19 удалить
Добрый вечер солнышко!!!
Большое спасибо.я утощила в свой сундук.)))
Прекрасного тебе вечера!
Irina-snez 15-01-2013-11:08 удалить
Спасибо, милая Алечка, за хороший урок!


Комментарии (24): вверх^

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

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