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


Реалистичное пламя свечи на AS2 14-03-2017 22:37 к комментариям - к полной версии - понравилось!


Присоединённый файл  Plamya.swf ( 1,4 KB ) Кол-во скачиваний: 13
Присоединённый файл  Plamya.rar ( 29,87 KB ) Кол-во скачиваний: 5


Урок для Adobe Flash CS6, Sothink SWF Quicker. 


1. Создать документ AS2 стандартным размером 550/400.
2. Создать в библиотеке фрагмент ролика (мувик), имя (не важно) - flame, связывание (важно) - flame

Пламя свечи, AS2



3. Взять инструмент "Овал", отключить для него обводку

Пламя свечи, AS2 

4. Зайти в панельку "Цвет", выбрать радиальный градиент

Пламя свечи, AS2

В мувике flame будем рисовать три овала, которые будут отличаться цветами градиентов и размерами. Точнее - нарисуем один овал, а потом, на других ключевых кадрах, трансформируем градиент и размеры!
Итак, создаём радиальный градиент с двумя маркерами:
- первый маркер: цвет жёлтый, непрозрачность = 100%
- второй маркер: цвет красный, непрозрачность = 0%.

Пламя свечи, AS2

5. Рисуем произвольный овал . . Пламя свечи, AS2
6. Брать инструмент "Стрелка" и выделить овал.
7. Идти в панель "Свойства" и задать размеры градиентному овалу: ширина = 20, высота = 40 px

Пламя свечи, AS2

8. В панельке "Выравнивание" выравниваем горизонтально по центру, а вертикально по нижнему краю! Это и есть точка регистрации.

Пламя свечи, AS2

Этот градиентный овал находится на первом кадре мувика =flame=. Продолжаем:
9. На временной шкале на десятом кадре ставим КЛЮЧЕВОЙ кадр: правой кнопкой мыши кликать на десятый кадр и выбрать "Вставить ключевой кадр"

Пламя свечи, AS2

10. Выделить овал, идти в панельку "Цвет" и редактировать градиент:
-первый маркер - красный, непрозрачность = 100%
-второй маркер - оранжевый, непрозрачность = 0%

Пламя свечи, AS2

11. Повторяем действия пп 6,7,8 для овала на кадре 10:
-выделить овал стрелкой
-идти в панель "Свойства" и задать размеры: ширина = 25, высота = 60.
-в панельке "Выравнивание" выравниваем горизонтально по центру, а вертикально по нижнему краю - смотреть пункт 8.

12. Теперь ставим ключевой кадр на 20-м кадре по аналогии с пунктом 9.

13. Повторяем действия пп 10,11:
-редактируем градиент: первый маркер - оранжевый, непрозрачность 100, второй маркер - белый, непрозрачность - 0.
-в свойствах размеры: ширина = 10, высота = 105 px.
-выравниваем горизонтально по центру, а вертикально по нижнему краю - смотреть пункт 8.

Должно быть так: ......... Пламя свечи, AS2

14. Кликайте правой кнопкой мыши на промежутке между первым и 10-м кадрами и в меню выберите "Создать анимацию ФОРМЫ"
15. Повторите пункт 14 между 10-м и 20-м кадрами!
16. Создайте новый слой для скрипта, вставьте на двадцатый кадр скриптового слоя ПУСТОЙ ключевой кадр и, в панельке "Действия", пишите следующий код: 

this.removeMovieClip();

Пламя свечи, AS2

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

var new_x = 275;
var new_y = 250;
onEnterFrame = function ()
{
this.attachMovie("flame","flame_mc",this.getNextHighestDepth(),{_x:new_x, _y:new_y});
flame_mc._visible = false;
Flame();
};

function Flame()
{
for (var count = 0; count < 2; count++)
{
new_flame = flame_mc.duplicateMovieClip('flame_name' + count, this.getNextHighestDepth());
new_flame._x = new_x + Math.random();
new_flame._rotation = 1 + Math.random() * 3 - 3;
new_flame._y = new_y + Math.random();
new_flame._alpha = Math.random() * 50 + 50;
new_flame._xscale = 20 + Math.random() * 80;
new_flame._yscale = 50 + Math.random() * 70;
}
}

Вот такой результат: Присоединённый файл  Plamya1.swf ( 1,41 KB ) Кол-во скачиваний: 3


Немой видео урок поможет и дополнит рассказ. 
"Накликал" урок в видео:
YouTube
Подобрав различные градиенты, а также размеры овальных форм можно получить реалистичное пламя.

На сайте урока найдёте вариант и для AS3.

Урок тут

вверх^ к полной версии понравилось! в evernote
Комментарии (60): вперёд»
Георгий, спасибо за шикарный авторский урок!!! Потрудился на отлично!
Георгий, спасибо за интересный урок!
Спасибо, Георгий!!!Доброго вечера!!!
Jorjorych 14-03-2017-23:43 удалить
Ответ на комментарий Татьяна_Волкова_Литвинова # Как долго я его лелеял!
Jorjorych 14-03-2017-23:45 удалить
Ответ на комментарий Татьяна_НК # Таня, пытаюсь оживить флеш. Мне кажется ничего интереснее и захватывающее не придумано!
Jorjorych 14-03-2017-23:46 удалить
Ответ на комментарий Нина_Гуревич # Доброго вечера, Нина! Попробуем творить с огоньком!
Jorjorych 15-03-2017-00:12 удалить
Ответ на комментарий Kantemirova_Irina # Доброго вечера, Ирина! Успешного творчества!
ВАТ 15-03-2017-00:17 удалить
Спасибо! Отличный результат! Делала анимацию пламя по скрипту Марины Новиковой, но это так давно было.
Jorjorych 15-03-2017-00:32 удалить
Ответ на комментарий Таня_Петербуржская # Для пламенного оформления стихов прекрасных Ваших, Таня!
Jorjorych 15-03-2017-00:35 удалить
Ответ на комментарий ВАТ # Такого типа пламени я не помню. Этот вариант давно пылился у меня, только сейчас стал разбираться с ним. Только не знаю как и когда разовью его.
Ответ на комментарий Jorjorych # Буду вдохновляться!
эжейни 15-03-2017-00:39 удалить
Георгий, желаю Удачи!
Jorjorych 15-03-2017-00:43 удалить
Ответ на комментарий эжейни # И тебе удачи, Женечка!
ВАТ 15-03-2017-01:05 удалить
Ответ на комментарий Jorjorych # Я делала в 2014 году, но у меня почему то даже нет ссылки на урок по которому делала, вот здесь только написала что по скрипту Марины делала. Может быть и по другому у меня получилось, не знаю. Если хочешь вот здесь посмотри http://www.liveinternet.ru/users/5093970/post321800119/
Jorjorych 15-03-2017-01:08 удалить
Ответ на комментарий ВАТ # Завтра обязательно изучу. Всего хорошего!
ВАТ 15-03-2017-01:13 удалить
Ответ на комментарий Jorjorych # Это надо поискать у Марины урок, я у себя не нашла.
LiSu 15-03-2017-06:45 удалить
Цитирую с благодарностью! Давненько уроков не было.
Нина36 15-03-2017-07:01 удалить
От души благодарю Георгий,сколько вникала так и ни чего не поняла! Всего самого доброго и удачи!!!
alexander2012 15-03-2017-08:14 удалить
Георгий ты молодец!!! Так держать!
koreckolga 15-03-2017-08:23 удалить
Георгий, доброе утро! Спасибо большое за твой труд и очень интересный урок! Сколько у тебя поклонников, всем интересно!!!!!!!!!!
Ответ на комментарий ВАТ # Верочка, я на днях у Марины его видела. Там то же пасхальная тема.
S_V_N 15-03-2017-09:32 удалить
Очень красивое пламя, отличный урок,спасибо!
Jorjorych 15-03-2017-10:21 удалить
Ответ на комментарий Татьяна_Волкова_Литвинова # Девочки, я смогу разобраться по флешкам. Только не сильно работать хочется-можется!
Jorjorych 15-03-2017-10:23 удалить
Ответ на комментарий LiSu # Лиля, знаю, что легко осилишь тему! В ожидании твоих работ с использованием эффекта!
Jorjorych 15-03-2017-10:24 удалить
Ответ на комментарий Нина36 # Шаг за шагом аккуратно-внимательно! Потом ещё - я всегда на связи!
Jorjorych 15-03-2017-10:26 удалить
Ответ на комментарий alexander2012 # Привет, Саша! Я не забыл твоего обещания оседлать флеш! Только не помню, то ли с понедельника, то ли с 1-го числа? Давай запрягай!
Jorjorych 15-03-2017-10:28 удалить
Ответ на комментарий koreckolga # Доброго утра, Оля! Ты большой молодец! Твои работы суперовые! Вот и эффект для творчества!
Jorjorych 15-03-2017-10:31 удалить
Ответ на комментарий S_V_N # Света, ты мастер флеша. Предлагаю этот огонёк для новых прекрасных работ! Приглашаю на Демиарт реанимировать флеш-форум!


Комментарии (60): вперёд» вверх^

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

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