Неподвижная маска и анимированный фон

1) Добавим текст.

Рис 4. Исходный текст

2) Затем добавим темный фон (чтобы усилить эффект подсветки), для чего выберем инструмент пипетка, щелкнем по пункту фон в панели свойства и выберем темно-синий фон (рис. 5).

Рис 5. Добавим темный фон, чтобы подчеркнуть эффект подсветки



3) Назовем слой с текстом именем текст и создадим еще один слой, дав ему имя градиент. В слое градиент создадим прямоугольник, закрывающий надпись, как показано на рис. 6.

Рис. 6. Высота прямоугольника должна быть больше высоты букв надписи


4) Далее вызовем панель цветовой микшер и настроим режим с градиентной заливкой в форме вертикальной белой полосы (рис. 7).

Рис. 7. Панель Color Mixer


После заливки прямоугольник примет вид, как на рис. 8.

Рис. 8. Прямоугольник с градиентной заливкой


5) Теперь зададим анимацию движения в первом кадре слоя градиент (Создать промежуточное отображение – правой кнопкой мыши) и вставим клавиатуру в 60 кадре — между первым и 60 кадром будет задана анимация твин движение (рис. 9).

Рис. 9. Определим анимацию Motion Tween для прямоугольника с градиентной заливкой


6) Поменяем слои текст и градиент местами и вставим клавиатуру в слое текст в 60 кадре, в результате последовательность кадров с первого до 60-го заполнится текстом (рис. 10).

Рис. 10. Скопируем содержание первого кадра слоя text на всю последовательность кадров


7) Теперь передвинем прямоугольник в 60 кадре вправо так, чтобы белая вертикальная линия оказалась за текстом (рис. 11).

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


8) Щелкнем по названию слоя текст, в результате чего появится выпадающее меню (см. рис. 11). Выберем в этом меню пункт маска и в результате получим фильм.