Анимация текста

Примеры

Пример 12.5. Трансформация текста.

Пример 12.6. Трансформация графического объекта, содержащего текст.

1. Искажение.

2. Изгиб.

Пример 12.7. Изменение свойств каждого символа и применение операций трансформации.


Пример 12.8. Градиентная заливка и изгиб символов.

Пример 12.9. Движение текста с вращением.

Пример 12.10. Применение анимации формы к тексту.

1. В стартовый кадр анимации импортировать изображение и преобразовать его (трассировать растр).

2. Через несколько кадров вставить пустой ключевой кадр (финишный кадр анимации).

3. В финишный кадр анимации добавить текст и преобразовать его в графику (Ctrl + B дважды).

4. Создать анимацию формы.

Упражнения

1. Выполните примеры 12.5—12.10. Сохраните результаты работы.

2. Создайте анимацию по описанию.

1. Установите размеры документа 700 × 200 пикселей.

2. Создайте два слоя — «герб» и «город».

3. В первый кадр слоя «герб» импортируйте изображение герба вашего города. При необходимости измените размеры изображения, сохраняя пропорции.

4. В первом кадре слоя «город» создайте текстовый блок с названием города. Установите шрифт, размер и цвет текста в соответствии с образцом.

5. Кадр 19 слоя «город» преобразуйте в ключевой.

6. В стартовом кадре слоя «город» измените размер и место положения текстового блока.

7. В кадры 35 двух слоев добавьте простые кадры.

8. В слое «город» создайте анимацию движения.

9. Сохраните результат и выполните публикацию.

3. Откройте файл upr11_3.fla (результат выполнения упражнения 3 после § 11). Добавьте в фильм анимацию текста.

1. Создайте текстовый блок и напишите слово «АРБУЗ» под изображением круга в первом кадре.

2. Разбейте текст на отдельные буквы и распределите их по слоям.

3. В слое «А» преобразуйте выделенную букву в графику. Установите в качестве цвета буквы один из оттенков зеленого и придайте букве необычную форму.

4. Преобразуйте букву в символ для создания анимации движения.

5. Создайте конечную фазу будущей анимации. На некотором удалении по шкале времени вставьте копию первого кадра:

6. Выделите первый кадр в слое «А». Измените стартовые значения анимации. Для этого: вынесите изображение буквы за пределы монтажного стола; измените пропорции буквы и перенесите точку трансформации (центр будущего вращения).

7. Создайте анимацию движения. Буква, постепенно изменяя свои размеры и пропорции, должна вылетать из-за пределов монтажного стола и, совершив оборот, занять свое место.

8. Следуя действиям, описанным в п. 3—7, создайте анимацию движения всех букв. Изменяя место расположения стартовых кадров на шкале времени, добейтесь эффекта появления букв по очереди. Буквы могут двигаться по разным круговым или ломаным траекториям, совершать повороты, изменять свои размеры и пропорции. Время движения и количество поворотов букв тоже может быть разным.

4. Создайте анимацию «Вода».

1. Установите размеры документа 400 × 200 пикселей.

2. В первом кадре в центре монтажного стола создайте текстовый блок, как показано на рисунке. Установите шрифт, размер и цвет текста в соответствии с образцом.

3. Разбейте текст на отдельные буквы и распределите их по слоям.

4. В кадр 5 всех четырех слоев добавьте ключевой кадр. Преобразуйте в этом кадре каждую букву в графический объект.

5. В кадр 20 слоев «В», «О» и «Д» вставьте пустой ключевой кадр.

6. Добавьте в каждый слой в кадре 20 текст в соответствии: «В» — «H», «О» — «2» и «Д» — «О». Уменьшите размер символа «2». Буквы в кадрах 5 и 20 должны иметь приблизительно одинаковое расположение.

7. Кадр 20 слоя «А» сделайте ключевым. Установите прозрачность цвета

8. Преобразуйте в кадре 20 каждый символ в графический объект.

9. Создайте анимацию формы (кадр 5 — стартовый, кадр 20 — финишный).

10. Создайте слой «вода» в конце списка слоев. В кадр 1 слоя импортируйте изображение фона.

11. Во всех слоях кадра 35 вставьте простой кадр: