8 Август 2008
Эффект свечения на Flash.
Posted by Vadim BELLinSKY under: Wwweb .
Урок о том, как на Flash делаются красивые затухающие вспышки на фотографиях — довольно симпатичный и ненадоедающий эффект для появления нового слайда.
На самом деле это моя подборка операций, которая дает хороший результат. Если кто-то знает способ проще/лучше — делимся.
Для начала создаем новый проект и импортируем в него какую-то иллюстрацию:
Как видно, после импорта мы вставляем картинку в сцену и нажав F8 конвертируем ее в Movie Clip со стандартным именем Symbol 1. А, ну еще Frame rate ставим 25 — чтобы анимация была посимпатичнее.
Дальше дублируем слой с картинкой и протягиваем оба до 50-го кадра:
Ну и теперь комплект нехитрых действий для нашего Symbol 1 во втором слое:
Blend изменяем на Add — это даст необходимый пересвет в ярких местах картинки. Параметр Color меняем на Advanced и нажимаем кнопку «Settings…» Я выбрал такие настройки — вспышка получится с «розоватым» уклоном — больше красного, меньше зеленого, умеренно синего.
На картинке видна уже неплохо засвеченная фотография. Но вид какой-то… скорее мутный =)
Переходим к следющуему шагу — Filters. Сначала применим эффект Blur:
Затем повысим яркость с помощью эффекта Adjust Color:
Да вот в принципе и все с начальной фазой вспышки. Осталось ее ме-е-едленно «погасить». Для этого делаем во втором слое 50-й кадр ключевым:
В этом кадре выделяем наш Symbol 1 и в закладке Filters обнуляем значения фильтров Blur и Adjust Color. А в настройках Advanced > Settings уменьшаем до нуля только значение Alpha:
Вот и готова финальная стадия вспышки. Пора сделать переход от первого кадра к последнему:
И нажать Ctrl+Enter:
«Светить всегда, светить везде,
до дней последних донца,
светить — и никаких гвоздей!
Вот лозунг мой и солнца!»
Владимир Владимирович.
13 Comments so far...
Oleg Says:
12 Август 2008 at 12:50.
замечательно светится))
IOHOIIIA Says:
19 Август 2008 at 11:51.
Все гениальное просто :)
А что модный засвет получился. Кто “за” “против”?
Можно с белого сделать :) или с темного засвет? типа вспышка и возникает картинка?
Chris Says:
2 Сентябрь 2008 at 11:34.
Ну для динамической галереи не совсем подходит в такой реализации :) Правда используя сlass Tween во Flash можно программно получить тот же самый эффект :) и встроить в динамическую галерею :)
Смотриться здорово :)
Vadim BELLinSKY Says:
2 Сентябрь 2008 at 11:42.
Хм… для динамики как-то не думал. Наверное ты прав.
Я его использовал для оживления большой иллюстрации — просто картинка скучно смотрелась.
Хотя насчет динамики можно и по старинке - заготовить эту анимацию, запаковать ее в мувик - его дублировать и подгружать в самый нижний уровень новый JPG. Ну и немного программирования для «вращения».
Chris Says:
2 Сентябрь 2008 at 11:55.
Да можно и так :) но могут возникнуть некоторые проблемы тебе нужно подгрузить Жпег в мувик с фильтрами + Жпег в мувик подложки нужно будет синхронизировать это дело (старт анимации к примеру) так как картинка не грузиться мгновенно из библиотеки. Если надо могу помочь расширить твой урок созданием динамической галереи с этим эффектом :)
Vadim BELLinSKY Says:
2 Сентябрь 2008 at 13:32.
Ну на самом деле это решается просто: и в мувике-эффекте и в мувике-подложке один и тот же мувик-контейнер-для-jpg. Так что достаточно будет дождаться загрузки jpg в этот мувик.
Chris Says:
2 Сентябрь 2008 at 19:55.
Нет :) не получиться :) По простой причине Мувик эффект и мувик подложка - 2 разных мувика к примеру на тайм лайне у нас есть мувик подложка (Mc) и мувик эффект (McEffect) в этих мувиках находится один и тотже мувик из библиотеки (Contayner) тоесть Mc.Contayner и McEffect.Contayner в этом случае при Mc.Contayner.loadMovie(url) (не будем париться с классом MovieClipLoader) картинка не подгрузиться в McEffect.Contayner так как пути у этих контейнеров разные, в этом можно убедиться если вызвать свойство мувиклипа _target -> trace(Contayner._target); вписать этот скрипт во фрэйм. все делается намного иначе
Chris Says:
2 Сентябрь 2008 at 19:58.
Mc,McEffect,Contayner - имена клипов на фрэймах, не в библиотеке. например _root.createEmptyMovieClip(”Mc”,_root.getNextHighestDepth());
Vadim BELLinSKY Says:
2 Сентябрь 2008 at 20:02.
Хха! действительно.
Надо будет как-то поразмыслить об этом =)
Vadim BELLinSKY Says:
3 Сентябрь 2008 at 1:51.
Что-то я повелся на эту ерунду =) О чем мы говорим? Даже если речь идет о двойной загрузке jpg — я не помню случая, чтобы не дожидался подобных загрузок с помощью какой-то функции-синхронизатора. И опять же — cache!
Ну и в конце концов - все эти манипуляции действительно можно проделывать с помощью Tween =)
ИТОГО: Это модель вспышки (читай настройки вспышки)… на то он и MiniTutor =) остальное — напильник в руки… и хвастаться успехами! =)
Chris Says:
3 Сентябрь 2008 at 10:57.
Под двойной загрузкой Жпег - там реально получается, что 2 раза будет грузиться картинка правда первый раз она загрузиться в кэш ты тут прав, а потом второй ра произойдет мгновенная загрузка из кэша в другой мувик главное все правильно запрограммировать иначе можно получить двойную загрузку одно и того же файла :) Под синхрониацией я поразумевал то, что анимация должна стартовать после того как картинка загружена в твоем примере анимация стартует сразу так как все данные у тебя уже есть в библиотеке :) а вообще изначально я просто сказал что твой метод не подходит для реализации динамической галереи :) Урок хороший на 5+ для новичков и смотриться хорошо :)
Vadim BELLinSKY Says:
3 Сентябрь 2008 at 11:05.
О! Консенсус! =)
Спасибо за оценку и комментарии — они дополняют урок далеко не лишними размышлениями!
Chris Says:
3 Сентябрь 2008 at 11:14.
Это тебе спасибо за уроки :) Единственный сайт где я нашел нормальную доку по созданию водички в максе и достаточно полезного :) (перерыл весь гугл англоязычные лень было рассматривать) Так что респект ! И Жду новых уроков :) А по поводу этого урока будет время сделаю динамическую галерею с этим эффектом и похвастаюсь :):):)
Урок по созданию морской воды в 3ds max.
Урок об оптимизации просчета глобального освещения в статических сценах с анимированной камерой.
Этот короткий урок поможет освоить эффект Glow (свечение), который есть почти в каждой программе композитинга.