Сейчас 127 заметки.

Печатающийся шторой текст Adobe Flash

Материал из ЗАметки
Версия от 17:30, 13 апреля 2012; Admin (обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)

Рассмотрим пример печатающегося шторой текст. Эффект основан на анимации движения(Create Classic Tween) и анимации прямоугольника.

Зпустим Adobe Flash Professional CS5.5 и создадим проект.

Flash1.png

Создаем новый проект нажав комбинацию клавиш CTRL+N. Выбираем ActipnScript 2.0 или ActipnScript 3.0 и нажимаем кнопку Ok. По своему усмотрению можно выбрать ширину и высоту в пикселях, частоту кадров, цвет фона и автосохранение.

Flash2.png

Нажимаем OK

1flesh.png

2flesh.png

3flesh.png

Выбираем инструмент TexTool

4flesh.png

Кликаем на рабочую область белого фона.

5flesh.png

Протаскиваем мышью в право до нужного размера.

6flesh.png

Вставляем или пишем текст, фразу.

7flesh.png

Переходим на пятидесятый кадр.

8flesh.png

Нажимаем правой кнопкой мыши и вставляем ключевой кадр.

9flesh.png

Создаем новый слой.

10flesh.png

Выбираем инструмент RectangelToll

11flesh.png

Нажимаем на Stroke Color

12flesh.png

Убираем обводку.

13flesh.png

Жмем также на Fill Color.

14flesh.png

Выбираем белый цвет.

15flesh.png

Рисуем прямоугольник на втором или третьем слое. Прямоугольник делаем таким размером, чтобы он смог перекрыть весь текст. После этого текст будет не виден.

16flesh.png

Жмем между первым и пятидесятым кадром на втором(у меня он третий) слое.

17flesh.png

Кликаем правой кнопкой мыши и создаем для прямоугольника классическую анимацию движения 18flesh.png

Переходим на последний кадр(50-ый) и передвигаем прямоугольник в право до тех пор, пока не увидим полностью весь текст.

19flesh.png

Нажимаем Enter, чтобы просмотреть эффект.

20flesh.png

Пример: http://wikiency.org/images/9/9e/Печатающий_шторой_текст.swf

Источник — http://wikiency.org/videonote/index.php?title=Печатающийся_шторой_текст_Adobe_Flash&oldid=2756