Урок довольно сложный и длинный, но результат очень вдохновляет.

1) Пишем исходный текст

2) преобразуем текст в начертание Bold и меняем цвет текста на белый — соответствующие инструменты доступны в панели Properties . Далее, выбрав инструмент Arrow, щелкнем по фону текста и в появившейся панели Properties  выберем цветом фона (Background) черный. Для дальнейшего расположения текста на сцене отобразим на экране сетку, используя команду View => Grid => Show Grid.

3) Расположим надпись так, чтобы слева было семь клеток, и с помощью параметра корректировки межбуквенного расстояния  растянем надпись таким образом, чтобы она была в центре экрана.

4) Теперь нам необходимо распределить буквы текста по отдельным слоям. Для этого выделяем текст с инструментом Arrow Tool, выполняем команды Modify => Break Apart и Modify => Time Line => Distribute to Layers. В результате создается необходимое количество слоев, которые названы соответствующими буквами и в которых появляются эти же буквы.

Затем нам необходимо перевести отдельные буквы из текстовых символов в графику, то есть в формы, состоящие из контуров и заливок. Это достигается путем повторного использования команды Modify => Break Apart.

Далее мы преобразуем каждую букву в графические символы или мувиклипы, используя команду Insert => Convert to Symbol, и дадим им следующие имена: «свет-с», «свет-в» и т.д. При этом можно создавать как графические символы (тип Graphic), так и мувиклипы (Movie clip).

5) Создав мувиклип «свет-с», переходим к его редактированию. По команде Windows => Library вызываем библиотеку  и, щелкнув дважды по мувиклипу «свет-с» в окошке библиотеки, перейдем к локальной монтажной линейке этого мувиклипа.

6) Сделаем сетку помельче посредством команды View => Grid => Edit Grid и с помощью инструмента Line (выберем для него белый цвет) начертим контуры будущего шлейфа

7) Далее заливаем внутренне пространство белым цветом, в результате чего получаем сплошную фигуру

8) Затем выделяем контуры с помощью инструмента Arrow  и удаляем их, оставляя только заливку.

Если вы ошиблись и линия шлейфа не совпадает с линией, касательной к окружности, то точку сопряжения можно подвинуть инструментом Subselection Tool . После того как точка выделена, ее точное позиционирование можно осуществлять с помощью стрелок клавиатуры.

9) Затем выбираем градиентную шаровую заливку  и заливаем фигуру.

10) По команде Window => Design Panels => Color Mixer вызываем панель Color Mixer, в которой задаем цвет заливки и градиент прозрачности. Для этого в указанной панели для левого маркера задаем бледно-желтый цвет и параметр непрозрачности Alpha=100, а для второго маркера — тот же цвет или еще более близкий к белому, а параметр Alpha=0

Применив настроенную заливку, мы получим изображение, представленное на  рисунке ниже

11) Выбираем инструмент Fill Transform, после чего появляются четыре маркера (три на эллипсе и один в центре эллипса), с помощью которых мы изменим параметры шаровой градиентной заливки. Обратите внимание: если маркеры не видны, то следует уменьшить масштаб изображения, и тогда маркеры появятся в кадре. Управляя данными маркерами, перемещаем центр эллипса в центр буквы и добиваемся так называемого растворения хвоста шлейфа . Аналогичные шлейфы нужно создать для других букв, при этом шлейф каждый следующий буквы во фразе сначала укорачивается, а со второго слова, наоборот, увеличивется.

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

Анимация в кадрах с 1-го по 5-й  состоит только в изменении непрозрачности (в 1-м она равна 0%, в пятом — 100%).

13)В кадрах с 10-го по 15-й задается эффект расширения шлейфа одновременно с увеличением его прозрачности. На рисунке ниже в режиме калькирования видно, как расширяется раствор шлейфа.

14) Затем повторяем процедуру для других букв. В момент когда шлейф от буквы «С» стал полностью непрозрачным, стартует анимация для буквы «в» и т.д., что создает эффект прохождения световой волны

15) Добавляем сверху строчку с текстом

16)Теперь нам необходимо открывать буквы последовательно, что можно сделать с помощью анимированной маски (рисунок ниже). Вводим слой «маска», в котором перемещаем прямоугольник синхронно с появлением шлейфа.

17) Ролик готов

Смотрим результат

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