Создание простых Flash-эффектов
Эффекты для текста / Эффект пишущей машинки  

пример 1

пример 2

Этот прием возможно осуществить несколькими способами. Приведем 2 способа.

Первый способ - используется второй слой, на котором расположен прямоугольник цвета фона. При этом к прямоугольнику применена анимация Motion Tween и инструмент Free Transform (изменение размера объекта). Этот способ годится не для всех размеров букв. В некоторых случаях этот способ будет приводить к тому, что текст будет появляться постепенно, а эффекта появления "побуквенно" не будет. Но этот способ удобен для большого объема текста, когда второй способ не годится из-за трудоемкости.

Второй способ - использование покадровой анимации. Этот способ пригоден для любых размеров букв, для любого расстояния между буквами. Но способ слишком трудоемкий для большого объема текста.

Создание эффекта. Способ первый (пример 1).

Создайте новый документ нужного размера, задайте фон.
(в нашем примере размер был выбран 250px X 60px, цвет #FFFFFF).

На слое №1 создайте надпись, воспользовавшись инструментом Text. При помощи клавиши F5 задайте длительность видимости текста.
(В нашем примере - "Много думать вредно!", задайте длительность в 32 кадра. Всю анимацию сделайте длительностью 35 кадров.).

Создайте новый слой №2. Воспользовавшись инструментом Rectangle, создайте вытянутый прямоугольник без контура цвета фона так, чтобы прямоугольник полностью закрывал текст.

Создайте анимацию движения для слоя №2 по следующему алгоритму: создайте 2 ключевых кадра (клавиша F6). Создайте между этими ключевыми кадрами движение типа Motion Tween (поместить указатель мыши между ключевыми кадрами, нажать правую клавишу, выбрать Greate Motion Tween).
(в нашем примере ключевыми кадрыми были выбраны одинаковые кадры и для текста и для улыбки - это кадры 1, 25).

Для слоя №2 создайте между двумя ключевыми кадрами анимацию изменения формы прямоугольника (см. изменение размера текста, поворот и разворот текста). При этом в первом ключевом кадре размер прямоугольника должен быть максимальным (он должен полностью закрывать текст), а во 2-м ключевом кадре минимальным (текст должен быть полностью открыт)
(первый ключевой кадр - 1-ый кадр - размер максимальный - первый рисунок,
второй ключевой кадр - 25-ый кадр - размер минимальный - второй рисунок).

( После применения этого эффекта в нашем примере сделано следующее: с 25 кадра по 32-ой виден только текст. С 32-го по 35-ый кадры - пустой экран).

Эффект готов.

 

Создание эффекта. Способ второй (пример 2).

Создайте новый документ нужного размера, задайте фон.
(в нашем примере размер был выбран 250px X 60px, цвет #FFFFFF).

На слое №1 создайте надпись, воспользовавшись инструментом Text. При помощи клавиши F5 задайте длительность видимости текста. Задайте длительность всей анимации.
(В нашем примере - "Много думать вредно!", задайте длительность видимости текста в 55 кадров. Всю анимацию сделайте длительностью 70 кадров.).

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

Далее действуйте следующим образом: поместите указатель мыши в первый ключевой кадр. Выберете инструмент Text Tool и сотрите все буквы, кроме первой. Вместо второй буквы можно поставить Знак подчеркивания - место для следующей буквы.
После этого поместите указатель мыши во второй ключевой кадр и выбрав инструмент Text Tool сотрите все буквы, кроме двух, а вместо третей можно поставить знак подчеркивания.

Аналогичным образом поступайте для всех кадров.

(В примере 2 обыгран эффект ошибки. Для этого после неверного написания сделана пауза - несколько кадров на сцене ничего не происходит (с 37 по 48 кадры), а после этого неправильные буквы покадрово стираются. Действия при этом аналогичны появлению букв по одной - в каждом кадре оставляем то количество букв, что необходимо).
В конце анимации текст в нашем примере остается без изменений с 48-го по 64-ый кадры. А потом с 64-го по 70-ый текста нет.

Эффект готов.


 

 
Итоговая работа Булка Светланы Константиновны, sbulka@yandex.ru
Хостинг от uCoz