Итак, приступим.

1.) Открываем ААЕ
Создаем композицию с параметрами 720×540, называем ее “final stencil”.

2.) Создаем надпись
Теперь нам надо создать эффект граффити. Существует немало путей реализации этого эффекта. В этом уроке мы увидим две разных техники. Первая, создаем adjustment layer, тех же размеров, что и наша композиция и называем его “paint 1″. Применяем эффект “vector paint”. Изменяем свойства эффекта, как показано на рисунке.

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

3.) Анимация рисунка
В настройках эффекта изменяем режим playback на “Animate strokes”. Когда мы проводим изменения нам, становиться доступен режим Playback Speed, выставляем его в пределах 3,5-4. Теперь, когда мы просматриваем видео, замечаем, что наш рисунок появляется постепенно.

Запомните: когда мы используем инструмент vector paint, а потом создаем анимацию, то начало анимации будет зависеть от того где находился ползунок на timeline на тот момент когда мы рисуем объект, т.е. если ползунок стоял в середине, то анимация начнется с середины, а не с первого кадра.

4.) Добавляем шероховатости к краю
Применяем к слою paint 1 эффект “Roughen Edges”. Трюк состоит в том, чтобы уменьшить параметр scale в настройках эффекта Roughen Edges effect. Измените ваши настройки следующим образом Border = 20, scale = 10. Параметр “boarder” контролирует насколько будет зазубрен наш край. Теперь наше окно эффектов выгляди так:

А пятно так:

5.) Добавляем подтеки краски.
Давайте добавим пару подтеков для реалистичности.
Теперь таким же методом рисуем нечто подобное, либо пользуемся готовыми заготовками или рисуем в любом стороннем редакторе типа Фотошопа или Иллюстратора, сохраняем свои творения и называем их “drip 1, drip 2, and drip 3″, после чего импортируем их наш проект:

Выделяем первый подтек и нажимаем solo. Применяем инструмент elliptical mask tool на него, должно получиться нечто подобное:

Теперь добавляем ключевые кадры “mask expansion” для того чтобы анимировать наш подтек. Подбираем примерно следующие параметры от “-61 pixels” до “74 pixels” с продолжительностью примерно в 20 frames. Теперь, когда мы просмотрим видео, замечаем, что наш слой анимирован, теперь можно отключить режим solo . Применяем эффект “Fill” к слою и выбираем такой же цвет как у слоя “paint 1″.

5.a) Совмещаем подтеки:
Теперь, когда наш подтек проанимирован и имеет такой же цвет, как и слой “paint 1″, давайте просмотрим их вместе, должно получиться нечто похожее:

5. Последние штрихи
Повторяем ту же самую процедуру, и с остальными подтеками и объединяем их в один слой “paint 1″.
Должно получиться нечто подобное:

6.) Повторяем.
Повторяем все действия от второго шага.
Создаем новую композицию с названием “paint vers 2″. Нам необходимо создавать новую композицию, т.к. применяя к adjustment layer эффект “Roughen Edges” мы воздействуем на все нижележащие слои. Теперь повторяем шаги 1-4, подтеки можем просто скопировать изменив параметр цвета в эффекте "fill", делаем так чтобы анимация шла в обратную сторону (справа налево), должно получиться примерно так:

7.) Объединяем две композиции
Перетягиваем композицию “paint vers 2″ в нашу композицию (“final stencil”)



8.) Создаем трафарет
Создаем новую композицию с размерами 800×540 и называем ее “paper”. Добавляем новый слой, накладываем на него прямоугольную маску и немного поворачиваем, как показана на картинке:

8.a) Создаем бумажную текстуру
Теперь мы будем использовать эту форму как track matte для нашей текстуры. Ищем где-нибудь подходящую нам текстуру бумаги или сканируем настоящий лист, или смотрим в интернете. Перетягиваем текстуру в композицию “paper”. Размещаем файл текстуры ниже слоя с маской и изменяем параметр track matteна “alpha matte”. Подгоняем размеры и позицию слоя “paper”.

8. Создаем трафарет.
Создаем еще одну композицию с размерами 800х500 и называем ее “stencil”. Перетягиваем композицию “paper” во вновь созданную. Теперь добавим наш трафарет. Я использовал лого Go Media, но вы можете использовать практически, что угодно. Лучше всего использовать файл, созданный в векторном редакторе типа иллюстратора или текстовый слой в ААЕ. В этом случае мы будем использовать альфа канал как track matte. Итак, создадим текстовый слой или используем файл, созданный в иллюстраторе. На слое the “paper” изменим track matte на «Alpha inverted Matte», теперь наш трафарет должен прорезать “paper layer”, как показано на рисунке….

8.c) Добавим немного распыления:
Теперь применим немного другой слой для создания эффекта распыления. Эта техника менее трудная и выглядит гораздо реалистичнее. Создадим новый черный слой с размерами 400х400 и применим к нему circular mask. Применим эффект “scatter” со значением scatter amount равным примерно “70″.
Теперь проанимируем нашу маску для того, чтобы создать эффект распыления. Я поставил ключевые кадры для параметра expansion от -135 до -18 и длительностью примерно в 5 кадров. Также уменьшил прозрачность до 80%. Теперь дублируем наш слой и изменяем позицию, достигая эффекта равномерного распыления. Также я добавил подтек, для достижения более реалистичного эффекта. Что должно получиться смотрим на рисунках:



8.d) Создадим нижний слой
Создаем композицию с размерами 800х540 и назовем ее “Bottom”.
Перетянем композицию “stencil” и наш логотип в нее. Создаем прямоугольную маску на слое “stencil”, для маски указываем blending mode “substract” регулируем размеры маски, как показано на рисунке (под размер нашей бумаги). Логотип или текст размещаем также как и был, для этого можем скопировать параметр position композиции stencil


Теперь в окне Project продублируем композицию “stencil”, и переименуем дубликат на be “no paint”. Теперь в новой композиции удалим все слои кроме нашего логотипа и бумаги.
Создадим еще одну композицию с размерами 800х540 и назовем ее “stencil build animation”. Перетягиваем в нее композиции: “stencil”, “no paint”comp и “bottom”
Выделяем слой “stencil”, отмечаем для него режим solo. Применяем эффект “CC Page Turn”. Расставляем ключевые кадры для эффекта. Я расставил примерно так:
Fold position: от -128,270 до 705,270
Fold direction: -106
Light direction: -60
с продолжительностью, примерно в 1сек. Убедитесь, что ваш логотип не начинает закрашиваться до окончания перехода.
Теперь переходим к точке, когда переход заканчивается и наш логотип закрашен, выделяем в этой точке слой “stencil” и нажимаем “ctrl + shift + d”, эта команда дублирует необходимый слой и обрезает его начало. Теперь для второго слоя “stencil” создаем ключевые кадры таким образом, чтобы эффект “CC page turn” повторил тоже самое движение только в обратную сторону. Я просто скопировал ключевые кадры с первого слоя и потом переставил их местами. Убедитесь, что слой “bottom” находится в самом низу и начинается только в тот момент, когда эффект “CC page turn” , начинает движение в обратную сторону.
Вот как у меня получилось:

Теперь, когда мы проигрываем композицию, то замечаем, что наш логотип с обратной стороны – черный.

Чтобы устранить это, необходимо в настройках эффекта “CC page turn” в параметре backside указать слой “no paint”.

Когда мы изменили параметр, наш эффект должен выглядеть вот так:

Теперь, когда слой “bottom” находится в самом низу и начинается после того как анимация эффекта Page Turn пошла в обратную сторону, необходимо добавить и проанимировать прямоугольную маску, как показано на рисунке. Это необходимо, т.к. оба слоя имеют «распыление», со значением равным 80, если бы этот параметр был равен 100, это не было бы такой большой проблемой. Для того, чтобы проанимировать маску, расставляем ключевые кадры параметра Shape.

9.) Объединяем композиции: Stencil Build и “Final Stencil” .
Перетягиваем композицию “stencil build animation” в композицию “final stencil”, выравниваем композицию “stencil build animation”, таким образом, чтобы она начиналась, после того как появляются наши пятна с краской.


10.) Добавим немного стильности.
В общем-то, все основное мы уже сделали. Добавим еще пару компонентов на задний план, чтобы сделать картинку более зрелищной. Для этого создадим новую композицию “square paint comp”. Применим эффект vector paint, чтобы создать примерно такой же фон, как показан на картинке (черные полосы). Проанимируем слой, как мы уже делали раньше, также, я продублировал этот слой, но изменил радиус кисти и уменьшил прозрачность.

10.a)Добавляем 3D и камеру
Потом я включил 3d для всех слоев и добавил камеру. Добавил несколько ключевых кадров для камеры, применил выражение wiggle к параметру к параметру point of interest, это добавило немного беспорядочного движения. Также вы можете добавлять lights, motion blur, depth of field effects и все остальное, что подскажет вам фантазия, не бойтесь экспериментировать.