Выжигаем надпись лазером. Часть 2 - Появление надписи за лазером.

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

Прежде чем приступим к созданию этого эффекта, хочу сделать заметку. Я хотел сделать так, что когда лазер переходил с одной буквы на другую, то искр не было. Хотел я это сделать программно. Если вы хотите сделать также, то сперва дайте имена всем нужным мувиклипам. Этот эффект содержит большое кол-во ключевых кадров и что бы не пришлось мувикам заново давать имена во всех кадрах это лучше сделать сразу. Этот момент я не продумал, и оставил все как есть.

Лазерный луч мы создали в предыдущем уроке. Приступим к созданию самого эффекта. Сделать этот эффект достаточно просто, но он требует усидчивости, т.к как тут используеться покадровая анимация (и не только она). Принцип создания одинаков для всех букв, по-этому я покажу на двух буквах.

1) Разберемся со слоями. Нам надо 4 слоя. Из них три слоя должны быть с одинаковой надписью. Обычная надпись в моих уроках - это easyflash.org :)

Создайте три слоя с одинаковой надписью, с одинаковыми ее координатами. Создайте еще один слой и поместите на него символ lazer (который мы создали в предыдущем уроке).

Верхний слой назовите guide.

Переместите под него слой с лазером и переименуйте его в lazer.

Третий слой сверху назовите mask.

Самый нижний слой назовите text.

Слой guide надо сделать направляющим. Для этого нажмите на него ПКМ и нажмите Guide.

Слой lazer надо сделать направляем. Для это щелкаем два раза на цветной квадратик возле названия слоя. И выбираем пункт Guided.

Слой mask надо превратить в маску. Для этого щелкаем на нем ПКМ и выбираем Mask. (Последний слой сам станет таким как нам надо).

2) Работа со слоем guide.

Направляющий слой ( Guide ) служит для создания движения мувиклипа по определенной траектории.

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

Заблокируйте и выключите видимсость всех остальных слоев.На этом слое мы что-то написали. Но нам на слое такого типа можно только использовать Линии или Формы (Shape). Сделаем из текст Форму. Для этого выделим текст и нажмем Ctrl+B два раза. Теперь надо "разорвать" каждую букву как на картинке:

Таким образом создадим начало и конец пути.

Работа с этим слоем окончена. Единственное что еще надо будет делать, так это увеличивать количество кадров.

Работа со слоем lazer. На этом слое создаем движение лазера по форме букв. Для этого надо привязать кончик лазера к путям на слое guide.

Первое, что надо сделать с лазером, так это выбрать лазер с помощю инструмента Free Transform Tool (Q) и перенести белый кружочек на конец лазера. Этот кружочек является как бы осью.

Выберем инструмент выделения (V) и привяжем лазер к путям. Обратите внимание на черный кружочек рядом с курсором.

Что быпривязать символ к путям, надо просто переместить символ так, что бы кружочек оказался на нужном пути.

Теперь создайте еще один ключевой кадр. ( Где-то пятнадцатый). Переместите символ в конец пути. Создайте анимацию движения Classic Tween . Если протестируете ролик, то увидите, что лазер двигается по контуру буквы. Далее сделайте переход между буквами, для этого сделайте нужный кадр ключевым и переместите на нем лазер в начало пути следующей буквы. Создайте анимацию Classic Tween.

4)Работа со слоем mask.

Это самый трудный этап. Точнее трудного в нем ничего, но вот времени на него большего всего понадобиться.

Как видно из названия слоя, на нем мы будем работать с маской. Что бы нам было удобней работать выключите видимость слоя guide . А у слоя lazer, text включите режим контуров.

Если вы не забыли, то на этом слое мы так же создали текст. Надо из этого текста снова сделать форму Shape (Ctrl+B 2раза) .

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

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

На первом кадре все оставляем так как есть. Переходим на второй. Сейчас я объясню задачу: Движение лазера мы уже сделали. Если рассмотреть его покадрово, то заметим, что в каждом кадре он перемещается на определенное кол-во пикселей:

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

Это сделать очень просто. Перетащим букву, в то же самое место на котором находиться такая же буква слоя text.

Теперь надо удалить часть буквы, оставив тольку часть, по которой прошел лазер:

Вот то же самое делаеться и для остальных букв.

Примечание: маску можно было просто рисовать кисточкой например, но мне больше нарвиться метод описанный выше.

5) Работа со слоем text.

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

Вот впрнципе и все. Возможно будут в уроке ошибки, по-этому если что не понятно, спрашивайте :)