Текстовые эффекты

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

В первом примере нам нужно получить такой текст:

Создадим текстовый блок в новом документе.Используем ActionScript 2.

Разобьем текст на буквы (Ctrl+B).

Сделаем из каждой буквы клип (выделить букву и нажать F8), имена слева направо t0, t1, t2 и т.д.

Выделим все буквы и сделаем общий клип с именем mcText. Нам может это понадобиться для анимации всей фразы.

В кадре напишем следующий код:

code frame 1
1 import com.greensock.*;
2 import com.greensock.easing.*;
3
4 for(i=0; i<14; i++){
5 TweenNano.from(mcText[«t»+i], 0.3, { delay: 0.05*i, overwrite: false, _alpha:0, _x:«+50»,
ease: Sine.easeOut });
6 }
7
8 TweenNano.to(mcText, 0.3, { delay: 2, overwrite: false, _alpha:0, ease: Sine.easeOut });

Разберем:

  • import com.greensock.*; import com.greensock.easing.*; — Импорт классов для создания программной анимации.
  • for(i=0; i<14; i++){} — Запись цикла, где i – переменная. Данный цикл будет выполняться до тех пор, пока i<14. С каждым шагом значение i увеличивается на 1 (запись i++).
  • mcText[«t»+i] — Обращение к клипу с именем [“t”+i] внутри mcText. Так как i с каждым шагом цикла увеличивается на 1, обращение идет к клипам mcText.t0, mcText.t1, mcText.t2 и т.д. Анимация применяется к буквам.
  • delay: 0.05*i — Анимация каждой последующей буквы будет происходить через 0.05*i секунды.

Теперь можно пробовать изменять и другие свойства клипов с буквами. Рассмотрим следующий текст:

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

code frame 1
1 //импортируем необходимые для программной анимации классы
2 import com.greensock.*;
3 import com.greensock.easing.*;
4 //открываем цикл
5 for(i=0; i<14; i++){
6 //появление букв
7 TweenNano.from(mcText[«t»+i], 0.3, { delay: 0.05*i, overwrite: false, _alpha:0, _xscale:0,
_yscale:0, ease: Sine.easeOut });
8 //скрываем буквы
9 TweenNano.to(mcText[«t»+i], 0.3, { delay: 2+0.05*i, overwrite: false, _alpha:0, _xscale:0,
_yscale:0, ease: Sine.easeIn });
10 } //закрываем цикл

Ниже представлены другие примеры текстовых эффектов.







Автор: Юрий Гусак.

TEXT.RU - 100.00%