блики

31 Март 2008

posted in animation, lesson, исходники |

ну что же, пора начать рассказывать о различных приёмах анимации.
что чаще всего встречается в баннерной анимации? наверное всё-таки блики и мерцания.

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

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

кстати, если в слое-маске текст сдвинуть немного влево и вверх, то когда блик будет пробегать по тексту создастся ощущение рефлёности текста. скачать: text_blik.fla

что касается мерцания, то «звёздочки» лучше рисовать в фотошопе, сохранять с прозрачным фоном в png, а затем анимировать во флеше.
вот собственно быстренько состряпала для вас баннерок а-ля распродажа всё нарисовано во флеше с добавлением нескольких фильтров, отражение и блики делала в фотошопе.
потрошите исходник, разбирайтесь что к чему, задавайте вопросы в камменты.

This entry was posted on Понедельник, Март 31, 2008 at 9:10 and is filed under animation, lesson, исходники. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

1 On Апрель 1, 2008, Anton said:

Странно когда открываю файлов ваших исходников, пишет ошибку типа не тот формат
PS: у меня стоит FLASH 8

2 On Апрель 1, 2008, Lerika said:

не удивительно )
исходники для adobe flash cs3

3 On Апрель 1, 2008, Anton said:

Вопросов нет )))

4 On Апрель 21, 2008, evgeny said:

Если рисовать в фотошопе и сохранять в png, то размер swf может увеличить во много раз.
png, особенно с прозрачностью весит прилично. поэтоу блики лучше рисовать прямо во флеше используя прозрачноть.

5 On Апрель 22, 2008, Lerika said:

2 evgeny: конечно, решений много, просто всё зависит от поставленной задачи. иногда нужно жертвовать килобайтами ради красивого эффекта, а иногда наоборот )

6 On Июль 2, 2008, xpb7 said:

Хороший пример для начинающих.
А можно что-нибудь посложнее? Например эффект взрыва, смена цветов по окружности, вспышки?

7 On Июль 2, 2008, Lerika said:

2 xpb7: зайдите на блог хитри (http://xitri.com/)

8 On Сентябрь 18, 2008, kastrama said:

спасибо, очень полезно.
а самое гланое понятно для новичков )

9 On Ноябрь 2, 2008, вася said:

нифига не понятно для новичков

10 On Ноябрь 2, 2008, вася said:

фух в первом разобрался
теперь второе попробую осилить

11 On Октябрь 30, 2009, progigi said:

Полезная информация! Спасибо!

12 On Февраль 19, 2010, bigmuzy said:

Опишите, плз, как сделать сам блик?

13 On Октябрь 16, 2010, Salip13 said:

Спасибо за урок!

14 On Ноябрь 1, 2010, Окси said:

с трехмерностью текста понравилось

15 On Декабрь 5, 2010, Дима said:

А Вы анимировали звездочки в самом флеш или в фотошопе?И как нарисовать такую звездочку?

16 On Январь 28, 2011, Валерий said:

Год назад сделал по заказу сайт полностью на Flash. Заказчик очень просил чтобы была надпись на главной с бликом, долго думал как сделать, додумался самостоятельно. Прочитал статью, как оказалось я интуитивно догадался, пример на сайте: надпись- наши акции http://www.chocolate-sp.ru – этот тот самый сайт

17 On Январь 28, 2011, Валерий said:

Да только сейчас заметил, я думаю в описание урока ошибка, в любом случае я сейчас попробовал как то не получается, делал так: Motion Tween делается не на слое-блике (эта таже надпись только более светлая), а на слое маске. Прилагаю исходник fla можете скачать http://www.chocolate-sp.ru/blik.rar

18 On Январь 3, 2012, History Of Animation said: