Прыгающий текст

Content on this page requires a newer version of Adobe Flash Player.

Информация
Автор/переводчик: 
TeT

Добрый день. Представляю вашему вниманию текст из прыгающих букв. Делается этот эффект с помощью готовых шаблонов движения Motion Presets

1. Для начала надо написать нужный нам текст:

2. Если вы хотите в дальнейшем применить фильтры, то на переконвертировать текст в MovieClip.

3. Заходим в только-что созданный символ. Надо разбить текст на отдельные буквы\символы\клипы.
Делается это нажатием Ctrl+B.

Текст должен разбится на буквы, но почему-то у меня иногда он разбивается на символы типа Комбинированный объект. Если у вас также, то вам прийдется переконвертировать каждую букву в символ.

4. Теперь надо сделать так, что бы каждая буква была на отдельном слое. Для этого выделяем все нужные буквы инструментом выделения, щелкаем на одну из низ ПКМ и выбираем Distribute to Layers.

5. Не снимая выделения с букв, открываем библиотеку шаблонов движения. Выбираем шаблон с названием bounce-Out-3d и жмем Apply.

6. Теперь поработаем с линейкой времени. Буквы должны прыгать друг за другом. Для этого надо передвинуть каждую анимацию на несколько кадров вперед от анимации сверху.

7.Теперь сделаем так, что бы буквы не исчезали сразу после того, как встанут на место. Это делается простым добавлением кадров в конец. Но есть одно НО! После добавления кадров в конец анимации движения, буквы по неизвестным причинам меняют траекторию.

8. Это можно исправить переконвертировав анимацию движения в покадровую анимацию. Для этого кликаем ПКМ по анимации и выбираем Convert to Frame by Frame Animation. После выбираем например 150 кадр и на каждом слое жмем F5.

9. Вот, в принципе и все. Осталось только подобрать расположение букв так, что бы они не заходили за сцену. Для этого просто двигаем символ, который создали в самом начале по сцене. Так же можно применить к нему фильтры.

Исходник: 

Внимание!

Вы можете изучить все секреты flash анимации всего за 3 недели! Перейти из разряда новичка в разряд опытного пользователя даже без посещения дорогих курсов и чтения толстенных талмудов.

110 видео уроков,

в превосходном качестве помогут пройти, Вам, терни flash анимации самым быстрым и легким путём! +ActionScript 3.0

Подробнее

Похожие записи

Комментарии

Аватар пользователя Вапыф

Просто и гениально :)

Аватар пользователя Sonicobic

Вапыф, а все генальное просто 

ag

Аватар пользователя tokar

TimeLine это страшные муки с CS5 и CS4  не много проще но в ранее версиях это был ппц

ireful

 
вот мое первое приложение сделаное в на линии времени и где работали тогда мои лучшие друзья gotoAndPlay()  и gotoAndStop()  
https://www.weblancer.net/users/tokar/portfolio/951701.html#item 

Аватар пользователя GrayDog

Покадровая анимация - это жесть!

Аватар пользователя ProcXel.A

Oleg Barinov, сделайте проще и умнее, и выложите урок. :)

True Love

Аватар пользователя xzk

 а стать в 150-й кадр и нажать Ф5 пробовали? что б не конвертировать в фрейм бай фрейм анимацию

Аватар пользователя denialls

Спасибо мой первый изученный урок во флеш