Adobe AE и один из наиболее популярных плагинов для этой программы

Меня зовут Мария, я работаю в области телевизионного дизайна и оформления эфира на одном из каналов г. Челябинска. Рада предложить Вам урок посвященный как раз этой теме. Конечно, среди посетителей этого сайта моихпрямых коллег не так уж и много, но я надеюсь заинтересовать не только их.
Удачи и творечких успехов!

Содержание

Урок 1 – описание и назначение плагина и пробный урок

Урок 2 – создание анимированной рамки на основе кривых

Урок 3 – создание floral-элемента, комбинация двух техник

Урок 4 – комбинация нескольких техник

Урок 1. Общая характеристика плагинов Trapskode

Данный урок рассчитан как на профессионалов в области телевизионного дизайна, так и для новичков. Урок не лишен некоторых подробных объяснений, чтобы даже новичку было понятно как делать то или иное действие. Урок описывает возможности практического применение одного из популярных плагинов фирмы Trapcode.

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

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

Все простые действия, как например сохранение проекта, или создание пустого слоя, а также дублирование этого действия с помощью горячих клавиш (Hot Keys) будут объясняться во введении и всего один раз.

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

1.1 Первое знакомство с плагином 3D Stroke

Плагин 3D Stroke предназначен для создания динамичных кривых. Создав траекторию и применив к ней эффект, вы сможете наложить этот эффект и увидеть его в действии:

Под номером 1 вы видите кривую с применением эффекта, под номером 2 - без него.

Похожий эффект существует в стандартном наборе эффектов программы, но у плагина множество преимуществ:

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

Вы можете сгибать кривую в пространстве (очень серьезное дополнение ;)).

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

Основная черта плагинов Trapcode - это их грамотность.

Для хорошего владения возможностями этого плагина требуется хорошее знание кривых Безье и умение с ними обращаться. Кривые созданные в программе AE получают название Mask, поэтому названия маска и кривая равносильны. Во второй части урока будет подробно рассказано о практическом построении кривых. Кривые также можно легко импортировать из программы Photoshop с помощью буфера обмена или с помощью преобразование кривых Sheip-формы.

Вот некоторые примеры использования логотипа в моей работе:

Скачать плагин с сайта производителя:

http://www.trapcode.com/download/3DStroke204Installer.exe

1.2 Установка и регистрация.

Композиция – базовое понятие программы AE, и многим пользователей программы Photoshop напомнит открытый документ. В нем может быть множество слоев разного типа (текст, иллюстрация, аудио, видео и некоторые узкоспециализированные объекты, в примеру нулевой объект или камера). Внутри композиции вы можете комбинировать слои, создавать новые, менять их местами, назначать им эффекты и анимацию, и даже помещать одну композицию в другую. Базовым слоем можно назвать Solid, далее он так и будет называться – просто слой. Это прямоугольная заливка заданного размера.

1. Закройте все приложения Adobe

2. Распакуйте плагин в папку C:\Program Files\Adobe\Adobe After Effects 7.0\Support Files\Plug-ins

3. Запустите Adobe AE

4. В верхнем меню выберете Composition > New Composition (Ctrl+N), появиться диалоговое окно для создания композиции, согласитесь с предложенными данными. В верхнем меню выберете Layer > New > Solid, согласитесь с предложенными данными, нажав кнопку Ok, затем, в открывшейся композиции выделите ваш слой.

5. В верхнем меню выберете Effect > Trapskode > 3DStroke

6. Затем разверните свойства слоя (рис. 5) и, c помощью треугольников (т.н. вертушек – они указаны красными стрелочками), кликнете на надписи Option

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

7. Введите регистрационные данные в предложенном диалоговом окне

Урок 2. Создание анимированной мишени

1. Создание группы кривых

Кривая – одно из базовых понятий программы Adobe AE. Построение кривой по алгоритму Безье знакомо всем пользователям, хоть раз работавших с векторной графикой. Кривую помещается в слой (правда не в каждый – вы не сможете построить кривую на слое камеры или слое звука).

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

Именно композиция, и не что другое подлежит рендерингу.

1. Запустите программы AE. Созданный проект сохраните его на жестком диске под названием Mishen_Prj.

2. В проекте создайте Composition (здесь и далее - композиция). Для создания композиции используйте пункт верхнего меню Composition>New Composition, или горячие клавиши Ctrl+N. Появиться диалоговое окно с настройками композиции. Композиция должна иметь размеры 576*720 пикселей, иметь настройки: Pixel Aspekt Ratio>Square, Duration: 0:00:05:00 (5 секунд), назовите композицию Sborka_01. Впоследствии, если в течении выполнения урока будет вновь создавать композиция используйте все такие же настройки, если не будет обговорено что-то дополнительное.

3. Задайте черный цвет заднего фона композиции, если он не является таковым. Для смены цвета заднего фона используйте пункт верхнего меню Composition>Background Color или горячие клавиши Ctrl+Shift+B. Предварительно убедитесь, что композиция выделена в окне программы Project.

4. Создайте в композиции Solid (здесь и далее - слой). Для создания слоя используйте пункт верхнего меню Layer>New>Solid или горячие клавиши Ctrl+Y. Слой должен иметь размеры аналогичные размерам композиции (576*720), Pixel Aspect Ratio>Square. Впоследствии, если в течении выполнения урока будет вновь создан слой, используйте все такие же настройки, если не будет обговорено что-то дополнительное.Цвет слоя не имеет значения.

5. Используя инструмент Elliptical Mask Tool, создайте три круглых кривых как показано на рисунке (здесь и далее кривые будут носить название «маски»):

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

Если вы недовольны результатом, то можете отредактировать маски. Для этого раскройте свойства слоя и найдите все три маски, (Для того, чтобы не раскрывать все настройки слоя и не искать маски, производители программы придумали отличный способ. Выделите слой и нажмите клавишу M в английской раскладке (Mask) и тогда они автоматически развернуться):

Выделите Mask 1 и нажмите клавиши CTRL+T – это действия приведет к появлению инструментов трансформации. Отрегулируйте размер и местоположение макси с помощью ползунков трансформации:

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

6. Воспользовавшись инструментов Pen Tool (G) постройте незамкнутую горизонтальную кривую. Для этого поставьте точку слева и справа окружностей. Чтобы закончить кривую щелкните на любом свободном месте вне (!) окна композиции.

7. Аналогично создайте перпендикулярную кривую.

Чтобы отредактировать незамкнутые маски, я предлагаю вам воспользоваться инструментом Add Vertex Tool. Чтобы найти этот инструмент щелкните по иконке инструмента перо и задержите клавишу мыши. Для этого убедитесь, что ваш слой с масками выделен на шкале Time Line, затем щелкните на точку, местоположением которой недовольны и перетащите её с помощью мышки или клавиш «вперед-назад-вправо-влево» в нужное место. Вы также можете воспользоваться помощью направляющих – убедитесь, что их всех окон активно окна композиции и нажмите клавиши Ctrl+R.

8. Итак, у вас должен был получиться примерно следующий результат:

9. Сохранитесь.

2. Назначение и анимация эффекта

Все эффекты в программе Adobe AE вызываться через верхнее меню Effect>…. Плагинам Trapcode отведено отдельное место. Чтобы назначить слою эффект нужно убедиться, что нужный слой выделен, а затем назначить эффект выполнив команду Effect>*группа эффектов*>*требуемый эффект*. Поработав немного с этим способом назначения эффектов, вы, возможно, перейдете на использование диалогового окна Effect&Preset. Оно работает по технологии Drug&Drop и более наглядно иллюстрирует возможности программы, хотя и в большинстве своем дублирует возможности верхнего меню.

1. Убедитесь, что слой с масками выделен.

2. Назначьте слою эффект 3D Stroke. Выполните команду верхнего меню: Effect > Trapcode > 3D Stroke, должно получиться примерно следующее:

3. В настройках эффекта поставьте значение Thickness=2, и галочку напротив параметра Taper > Enable.

4. Убедитесь, что ползунок на шкале Time Line стоит в самом начале.

5. Задайте значение Start=100, поставьте первый ключевой кадр:

6. Перетащите ползунок на значение 02s, и задайте значение Start=100

7. Не трогая ползунок, создайте ключевой кадр на значении End, убедитесь, что значение =100.

8. Перетащите ползунок на значение 04s, затем задайте значение End=0

9. Просмотрите анимацию с помощью клавиши пробел, или «0» на цифровой клавиатуре. А вас должна получиться анимированная мишень.

10. Сохранитесь.

3. Анимация текста (урок доступен начиная с версии 7.0)

Текст является неотъемлемой частью программы, для настроек текста используются окна Paragraph и Character. Если вы не видите эти окна в вашем проекте, то вызовите их через пункт верхнего меню Window>… Настройки текста все стандартные, полагаю, они не вызовут у вас замешательств.

Созданный текст является отдельным слоем, на него можно назначить кривые или эффекты.

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

1. Наберите текст «результат» шрифтом Myriad Pro (Bold), размером=60.

Для этого Найдите окно Character. Выберите шрифт Myriad Pro (Bold).

2. Выберите инструмент Horizontal Type Toole, кликните в левой части окна композиции и введите слово «результат». Затем, чтобы выйти из режима ввода текста, кликните в любом свободном месте за пределами окна композиции. Отредактируйте положения слоя с помощью инструмента Selection Tool.

3. Преобразуйте текст в кривые. Для этого, выбрав инструмент Selection Tool, кликните по тексту в окне композиции правой (!) клавишей мыши и выберете пункт Create Outlines. Обратите внимание, что в шкале Time Line появился новый слой, который содержит маски, точно повторяющие контур текста.

4. Удалите изначальный текстовый слой. Для этого выделите его на шкале Time Line и нажмите клавишу Delete, назначьте новому слою с максами эффект 3d Stroke, задайте параметр Thickness=1.5, а параметр Transform>Bend =2.6.

5. Сверните трансформации слоя с масками текста. Для этого, в шкале Time Line отыщите справа от названия слоя значок в виде черного солнышка и поставьте его на слое, затем раскройте свойства слоя и найдите параметр Anchor Point:

6. Убедитесь, что ползунок шкалы Time Lime стоит на значении 0, и поставьте первый ключевой кадр на значении Anchor Point и введите значения (0, 250):

7. Перетащите ползунок на значение 04s. Введите значение Anchor Point = 400, 250

8. Просмотрите анимацию.

9. Сохранитесь.

4. Усложнение анимации.

Такие эффекты как классическая и радиальная подсветка добавит учебной сцене выразительности. Вообще для подсветки используется специальный эффект Glow, но я делаю подсветку немного другим способом – у него есть свои преимущества и недостатки, думаю, профессионалу будет интересно посмотреть на этот прием.

Кроме классической прозрачности в программе AE, как и в фотошопе есть дополнительные алгоритмы прозрачности. Весь список алгоритмов можно просмотреть на шкале Time Line в графе Mode.

1. Выделите слой с текстом и продублируйте его с помощью сочетания клавиш Ctrl+D

2. Назначьте слою эффект Radial Blur.

3. В настройках эффект введите следующие значения:

Будьте аккуратнее – радиальное размытие задействует большое количество рсурсо. Для этого сбросьте качество с помощью параметра Resolution:

Вы также можете временно отключить видимость этих слоев, чтобы перед самым ренедрингом включить их снова, отключение слоев происходит также, как и в программе Photoshop:

4. Продублируйте слой с эффектом Radial Blur и введите значение эффекта Amount = 500

5. Задайте обоим слоям алгоритм прозрачности Add, для этого найдите графу Mode и перещелкните бегунки на соответствующем параметре:

6. Для обоих слоев с эффектом Radial Blur назначьте эффект Blur и задайте значение параметру Blurriness = 2.5

7. Просмотрите анимацию и сохранитесь.

5. Совмещение с задним фоном

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

1. Создайте слой, который будет находиться ниже всех остальных. Чтобы поместить его под все остальные, уже созданные слои, выделите его, и, ухватив мышкой, перетащите:

2. Назначьте эффект fractal noise, задайте значение Noise Type = Spline, а Complexity=1.

3. Назначьте слою эффект Color Balance, с помощью бегунков придайте ему темно-синий оттенок, у меня это такие значения:

4. С помощью эффекта Brightness&Contrast добейтесь цветовой гаммы ночного неба. У меня это такие значения:

У вас должно получиться следующее (если вы работаете в полном качестве, то картинка будет намного четче):

5. Продублируйте слой с мишенью. Назначьте ему эффект Gaussian Blur с параметром Blurriness=5, и задайте алгоритм прозрачности add.

6. Просмотрите анимацию, сохранитесь.

6. Создание вспышки

Вспышка разнообразит и придаст динамику всей картинке. Мы создадим её с помощью дополнительного слоя и эффекта Lens Flare. В настоящий момент я практически не использую этот эффект и вам советую использовать его очень аккуратно из-за того, что он постоянное использование простых и эффектных приемов со временем приедается.

В момент прохождения слов «Результат» над мишенью, центр мишени вспыхнет и погаснет.

1. Создайте черный слой, который будет находиться поверх всех предыдущих слоев.

2. Назначьте слою эффект Lens Flare

3. Задайте слою алгоритм прозрачности Add

4. Поставьте ползунок шкалы Time Line на значение 01s

5. Напротив значения Flare Brightness эффекта Lens Flare поставьте ключевой кадр, и сделайте значение равным 0%

6. Перетащите ползунок Time Line на значение 01:15s и задайте Flare Brightness значение = 100%

7. Перетащите ползунок Time Line на значение 02:00s и задайте Flare Brightness значение = 0%

Просмотрите анимацию и сохранитесь. Я придала вспышки синевы ха счет эффекта Color Balance.

7. Рендеринг конечного результата.

В процессе рендеринга я использую в основном формат *.mov - это личное предпочтение. Для этого формата я использую два вида компрессии (кодеков). Animation – кодек с низкой компрессий. Качество достаточно высокою, есть поддержкой альфа-канала, размер фала немногим ниже несжатого *.avi. Также я использую кодек Sorenson – качество снижается, поддержки альфы нет (по крайней мере в моей версии), но размер ролика очень мал. В случае, когда мне нужен файл *.avi, я использую кодек Microsoft Mpeg – размер снижается невероятно.

1. Выделите композицию в окне Time Line и нажмите клавишу Ctrl+M или выполните команду Composition > Make Move.

2. Кликните на списке параметров Lossless:

3. Введите следующие значения:

Format: Quick Time Movie

Нажмите на кнопку Format Option и введите следующие параметры –

Compression Type = Animation, нажмите Ok.

Снимите галочку с группы параметра Audio Option, если она там есть.

Нажмите клавишу Ok

4. Кликнете на параметре Output To и выберете место рендеринга:

5. Сохранитесь

6. Нажмите клавишу Render и пойдите попейте кофе.

7. Просмотрите конечный фильм. У меня получилось примерно следующее:

Подробное описание эффекта

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

1. Настройки и назначения плагина

Итак, создав композицию, в ней слой, на нем кривую – только тогда мы можем назначить эффект.

1.1 Запустите программу Adobe After Effects и сохраните проект на жестком диске.

Как уже было сказано, для создания кривых в программе After Effects есть набор инструментов, которые покажутся знакомыми всем, кто работал с программой Photoshop.

Инструмент Mask Tool создает всего два вида кривых – кубы и круги. Если вы заметите, в правом нижнем углу иконки инструмента – крохотный черный треугольник. Это значит, что если вы кликнете по инструменту и задержите на нем курсор мыши, что уведете что на самом деле это не один инструмент, а группа схожих по свойствам инструментов.

Далее следует инструмент Pen Tool для создания более сложных кривых, нежели замкнутые круги и квадраты.

Последним мы видим инструмент ввода текста. Он традиционно включен в эту группу, так как текст очень схож по алгоритму с кривыми, и его можно легко преобразовать в кривые как Вы уже убедились.

Создадим на нашем слое овал, для того, чтобы рассмотреть свойства плагина.

Теперь, на примере этого овала мы разберем свойства эффекта.

Рассмотрим эту строку слева направо. Вначале мы видим вертушку, которая знакома нам с установки плагина. Она указывает возможность раскрыть дополнительные настройки. Если вы заметите - таких вертушек в эффекте достаточно много. Затем следует буква f в черном кружечке – это обозначение оказывает на активность эффекта. Щелкнув по нему, вы заставите эффект временно отключиться. Это функция особенно полезна при экспериментировании, когда назначается больше 3х эффектов на один слой. Также эта функция полезна в том случае, если эффект требует большого количества ресурсов компьютера и приходиться временно отключать, но не удалять часть эффектов для более быстрой работы. Затем следует кубик, он указывает на то, что эффект поддерживает интеграция с камерами и трехмерными возможностями программы AE.

Затем следует название самого эффекта.

Reset – кликнув на этой надписи вы вернетесь к установкам эффект по умолчанию, если сотворили то не знаю что. Кроме настроек данного конкретного эффекта в конкретном слое, в проекте ничего не измениться. Option – сюда вводятся регистрационные данные, About – данные о плагине и производителе.
Path – на данный момент это неактиная настройка, которая станет активной если на вашем слое будет более одной траектории (в нашем случае это только овал). С помощью этой настройки вы сможете выборочно указать на какие траектории вы желаете назначить эффект.
Галочка которая указывает на то, что эффект воздействует на все тракетории находящиеся в слое
Совершенно ненужная настройка
Здесь вы можете указать цвет заливки для вашей линии
Тощина линии
Размытие линии
Анимация прорисовки 1
Анимация прорисовки 2
Анимация прорисовки 3
Анимация прорисовки 4
Этот набор настроек создан для настройки затухания линии. Раскройте этот слой и поставьте галочку напротив параметра Enable, желательно будет, если вы, поэкспериментируете с настройками, наблюдая происходящее в окне композиции, а затем вернетесь к установкам по умолчанию с помощью 2 (Reset)

Набор настроек Transform создан для простой трансформации кривой. Её можно повертеть вокруг оси или искривить.

Набор свойств Repeater размножает вашу кривую. Дубликаты также имеют множество настроек и способов трансформации.

Настройка Advanced разбивает линию на последовательность шагов (шариков, step»ов):

Свойство Camera, как понятно из названия, позволяет трансформировать не саму кривую, а точку наблюдения. По моему личному опыту советую использовать камеру, встроенную в программу.
Свойство Motiоn Blur создает эффект размытия движения при анимации.
Свойство Opacity регулирует прозрачность
Свойство Transfer Mode регулирует варианты видимости эффекта относительно слоя.

Урок 3. Рисование и анимация контура

3.1 Создание и редактирование незамкнутой кривой в программе Adobe AE

В первом уроке было рассказано о построении кривых, но сейчас будет рассказано более подробно. Если вы являетесь продвинутым пользователем AE, и рисунок представленный ниже не вызывает у вас в плане обрисовки кривых, то можно перейти к анимации.

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

1. Создайте на жестком диске папку AE Download, в ней создайте папки Video, Image и Project.

2. Запустите программу Adobe AE, сохраните проект в папке AE Download/ Project. Сохраните картинку с вензелем в папке AE Download > Image

3. Создайте композицию стандартных настроек.

4. File > Import > File > укажите вензель.

4. В окне Project выделите вензель и перетащите его на шкалу Time Line, автоматически он появиться в окне композиции.

5. В окне Tools выбираем инструмент Pen Tool

6. Ставим первую точку в начале самого верхнего элемента, как указано на рисунке ниже (при желании можно увеличить изображением с помощью скроллера вашей мыши или с помощью инструмента лупа – делайте это каждый раз, когда не можете точно поставить или отредактировать кривую):

7. Теперь, когда первая точка кривой создана, мы перекрасим её в черный цвет, так как рисовать желтым по желтому неудобно. Выделите наш вензель на шкале Time Line и разверните свойства этого слоя. Найдите там нашу маску (кривую) состоящую пока что всего из одной точки. Щелкните на желтом квадратике напротив имени Mask 1 и выберете черный цвет.

8. Затем ставим вторую точку на изгибе, и, не отпуская клавишу мыши (!), аккуратно тянем в нижний левый угол до получения примерно следующего результата:

9. Поставьте третью точку как показано на рисунке ниже, и, не отрывая мышку, направьте её в верхний правый угол, чтобы продолжить плавную кривую.

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

ВАЖНО: ВЫ НЕ СМОЖЕТЕ РЕДАКТИРОВАТЬ МАСКУ ДО ТЕХ ПОР, ПОКА ОНА НЕ ВЫДЕЛЕНА НА ШКАЛЕ Time Line

10. Более всего нам полезен инструмент Add Vertex Tool

11. Обратите внимание, что маска должна быть выделена на шкале Time Line. С помощью рамки выделите точку, положение или изгиб возле которой вас не устраивает

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

Таким образом, вы сможете отредактировать всю кривую. Закончив эту кривую, начнем следующую. Щелкните мышью в любом пустом месте шкалы Timeline и начните создавать новую кривую, которую мы сразу перекрасим в красный цвет.

Затем приступаем к созданию замкнутой кривой, сохранитесь (Ctrl+S)

3.2 Создание и редактирование замкнутой кривой в программе Adobe AE

Создаваемые кривые можно условно разделить на замкнутые и незамкнутые. Замкнутые кривые – это кривые, в которых совпадают точки начала и конца. Незамкнутые – это кривые, в которых точки начала и точка конца не совпадают.

1. Замкнутая кривая

2. Незамкнутая кривая

1. Поставьте первую точку третьей кривой, перекрасьте маску в темно-зеленый цвет

2. Поставьте вторую точку редактирования и, подобно предыдущим примерам, обрисовывайте вензель. Последнюю точку поставьте на первой (начальной) точке, должен получиться результат, показанный на рис.:

3. Убедитесь, что маска до сих пор выделена.

4. Выберете инструмент Convert Vertex Tool, с помощью рамки щелкните на точке начала-конца аккуратно потащите вправо или в влево. Этим Вы превратите острый угол в плавный.

5. Обратите внимания, что в отличие от всех остальных кривых/масок напротив зеленой (Mask 3) есть выпадающий список свойств отображения

6. Выберете в списке свойство отображения «None»

Так вы вернете вензелю первоначальный вид:

7. Отредактируйте кривую, если это требуется, и сохранитесь (Ctrl+S)

8. Создайте и отредактируйте показанные на рисунке элементы вензеля:

9. Сохранитесь (Ctrl+S)