Немного поэкспериментировав с траекториями и продолжительностью движения получилось вот так:
- И изменяя цвет...
- Выбрав нужный нам отрезок анимации, клацаем на последний кадр и выделяем нашу точку. Далее меняем стили на нужные вам.
В принципе анимацию можно сделать и по ниже изложенному видео:
Но я решил сделать более наглядный мануал. Добавил картинки и пояснения. И так начнём:
Для текущего примера я создал документ ActionScript 3 размерами 400х80
- Далее
Далее создаём новый слой (я переименовал его в Text) и пишем на нём текст. В данном случае это ссылка на этот форум. Не забыв сделать пробел перед "ru", туда в дальнейшем будет "падать" точка. Пока этот слой можно заблокировать, нажав на значок замка.
Теперь создадим ещё один слой и назвав его T4K, выбрав инструмент овал, нарисуем точку (я её сделал другим цветом и в дальнейшем буду уменьшать её размер). И в этом же слое создадим три ключевых кадра. Для этого поочерёдно на кадрах 40, 60 и 80 клацаем ПКМ и выбираем пункт Вставить ключевой кадр. А на слое Text выбираем 80 кадр и так же вставляем ключевой кадр.
Теперь преобразуем точку в символ, для этого выделяем её и клацнув ПКМ, выбираем пункт Преобразовать в символ... или F8. Задаём имя - T4K, тип - Графика, регистрация - по центру. И жмем ОК.
Ну вот и пришло время создания, в ключевых кадрах, классической анимации движения. Выбираем первый кадр на временной шкале (чёрная точка) и нажав на ПКМ выбираем пункт Создать классическую анимацию движения. Повторяя для всех трёх отрезков анимации.
Теперь передвигаем ползунок на сороковой кадр и перетаскиваем точку в конец текста.
Аналогично делаем и для шестидесятого кадра - перетягивая точку над пробел в тексте, попутно выбрав инструмент Свободное преобразование, уменьшим размер точки.
Практически те же действия проводим и для последнего восьмидесятого кадра, отпустив точку вниз и ещё уменьшив её размер.
Ну на этом бы и можно и закончить но постоянная анимация - как то не смотрится. Будем её останавливать - выбираем последний кадр слоя T4K и нажав ПКМ и выбрав пункт Действияили просто нажать наF9.
И в появившемся окне пишем следующий код:Код: Выделить всё
stop ();