Эффект электрошока в 2 кадра
31.08.2009, автор Stormit, рубрики: Анимация, Игровые баннерыМои самые любимые эффекты те, которые симпатично смотрятся и делаются быстро и просто. Один из таких - эффект от удара током, попадания молнии или воздействия электрошокера. В анимации иногда приходится приложить к персонажу 220 и даже больше, если того требует сюжет. Например, на слайде 1, учёный решил испытать на себе установку по повышению настроения - после этого понимаешь, что у тебя не так уж всё и плохо 
Первое что нам нужно - это персонаж для опытов. Можете нарисовать его в любой позе, главное чтобы она контрастировала с той, когда персонаж получает разряд (слайд 2).
Теперь, нужно нарисовать персонажа в момент получения электрического удара. В школе меня учили что под воздействием тока мышцы сокращаются и человек сжимает конечности (пальцы, например). Не знаю как оно на самом деле, но в мультфильмах принято рисовать таких счастливчиков в форме “звезды” когда все конечности (и даже волосы) торчат в разные стороны. Тело при этом может содрогаться в конвульсиях. В нашем случае достаточно будет статической картинки и даже не обязательно рисовать её в цвете - нужен чёрно-белый вариант и его инверсная копия (слайд 3). Дело в том, что электрический разряд не светит постоянно, а выдаёт яркие вспышки в рваном ритме, тем самым ослепляя ненадолго зрителя. В итоге человек сначала видит яркую вспышку, потом не видит ничего, и так много раз. Мы это симитируем контрастными (инверсными) картинками.
Чтобы усилить эффект, добавим электрический ореол от тока (слайд 4). Если вы всё сделали правильно, а тут сложно запутаться, то должно получиться что-то похожее на слайд 5.
Теперь можно в любом месте анимации подменять клип со слайда 2, клипом с анимацией со слайда 5. Вот и вся кухня.
Это самый простой, на мой взгляд, вариант. Можно добавить оттенки для тока, свечение фильтром Glow, цвет, дрожание персонажа. Можно сгладить анимацию промежуточными кадрами. Это уже зависит от графического стиля, который вы выбрали и вашего настроения.
Пример практического применение такого эффекта на слайде 6 - это простой игровой flash-баннер, где вы играете за игрока слева и вам нужно быстро кликать на кнопку в центре.
Интересно на 36%
замечательный урок ! Рад, что блог ожил наконец то)
Прикольно, особенно игрушка на последнем слайде…
Я так же делал удар молнией, только там вспышка должна быть короткой - секунда или даже меньше.
Хочу задать вопрос автору: Вот сделал я флешку, а как поставить к себе на блог не знаю? Подскажи какие-нибудь варианты. Я пока отрыл только HTML код, который загружает ролик на блог с какого-нибудь другого сайта, а дальше чего делать не знаю…
Баг в игрушке….на 6й странице
если жизнь кончается у обоих песонажей, то они оба исчезают и взрывы на сутльях бесконечно продолжаются…:)
а уроки ваши замечательны….
По идее сброс всё равно должен быть, хотя случай редкий чтобы его отловить
Ураа! блог снова в деле!
отличный эыффект! аш трашно стало…
Хороший эффект. Удивился увидев пост в списке RSS ридера, так как думал что он уже все))))
Неплохо.
Он чернобелый)) это явно мне на пользу)
А баг SciFox легко повторился.
про пальцы правда, начинают сокращаться задолго до болевого эффекта, так что не сразу понимаешь что по тебе бежит ток.
можно продолжить идею и сделать полностью программный эффект, там же инверсия цвета. не скажу что это просто, но вполне реально.
Над игрой посмеялся, забавно противник нарисовано, круто)))
вконце когда психи убивают друг друга у меня случилась ощыбка проблема в том что получилось что они друг друга убили одновременно.и анимация что они сгорели всё влемя повторяется.
Ещё в кадрах дрожания можно нарисовать скелет. Принцип тот же что и с линией - когда персонаж белый, скелет чёрный, когда персонаж чёрный, скелет белый.
Ну это в общем то для варианта с более высоким напряжением))
НАРОД АЧ ТО ЭТО ЗА ПРОГРАММА??? подскажите плизз
Круто!!! намотал на ус;)
Да! У меня тоже баг повторился))) Круто! Спасиб вам за уроки!
Спасибо за уроки! Только не останавливайтесь - делайте такие вещи почаще!