Как сделать колебания в афтер эффект
Обновлено: 07.07.2024
Первый урок из курса посвящен знакомству с программой Adobe After Effects. В работе с After Effects практически всегда принимает участие фотошоп и в связке эти две программы открывают просто колоссальные возможности для творчества. Но прежде чем перейти к созданию различных эффектов и анимации я просто обязан ознакомить начинающих пользователей с данной программой, а именно с её интерфейсом и основным функционалом.
1. Настройки оптимизации программы
И так, я открыл After Effect и нас встречает вот такой интерфейс.
Я использую англоязычную верси программы, что и вам советую, потому что для After Effects существует огромное количество полезных плагинов и дополнений, с помощью которых можно делать очень крутые вещи и большая часть этих плагинов и дополнениий не совместимы с русскоязычной версией программы.
Что касается настроек для оптимизации работы программы, первым делом следует проверить включен ли у вас кеш диска. Переходим в "Edit" - "Preferences" - "Media & Disc cash".
На пункте "Enable Disk Cache" должна стоять галочка. Здесь необходимо выбрать папку, куда After Effects будет сохранять кеш и устанавить объём, который мы готовы выделить на жёстком диске под этот кеш. Дикс под это дело лучше выбирать не системный и конечно же не забитый информацией, а наиболее свободный. Данная настройка значительно повышает скорость работы After Effects, поэтому её лучше делать в первую очередь.
Каждый раз, после того, как вы завершаете работу с программой рекомендуется чистить кеш, чтобы не засорять ваш диск. Для этого в этих же настройках нажимаем кнопку "Clean Database & Cache" и кеш чистится, после этого уже закрываем программу.
2. Панель Project
Рассмотрим основные рабочие окна интерфейса. Слева расположена панель "Project", в которой отображаются все импортированные нами файлы. Если в фотошопе существует панель слоёв, в которой размещаются все открытые изображения или видео файлы, то в After Effects прежде чем открыть какой-то файл его сначала необходимо импортировать в программу. Для того, чтобы импортировать файл или сразу несколько файлов необходимо кликнуть правой кнопкой мыши в данной панели и выбрать "Import" - "File".
После чего в открывшемся проводнике указываем файл на компьютере, выделяем его или выделяем сразу несколько, как и в фотошоп, удерживая Alt или Shift и импортируем. В результате у нас импортированные файлы появляются в панели "Project" и мы уже с ними можем работать.
В отличии от фотошоп After Effects не загружает на прямую выбранные файлы, а импортирует их из места расположения. Т.е. если, вы импортируете какой нибудь файл с рабочего стола вашего компьютера, а потом просто удалите его, данный файл перестанет отображаться в After Effect. Поэтому при работе с проектами в After Effects лучше всего все файлы хранить в отдельной папке, а не разбрасывать их по всем дискам. Таким образом вы себе просто облегчите работу с программой.
В After Effects можно импортировать практически все возможные графические форматы, такие как jpg, gif, png, PSD и другие. Так же программа позволяет работать с векторными форматами, со всевозможными видео форматами и звуковыми файлами.
Обратите внимание, что в After Effects у каждой панели имеется функция поиска.
Поиск имеется и в панели Project и в панели "time line" и в панели эффектов. Данная функция сделана не спроста и её нужно сразу же привыкать использовать. Дело в том, что при работе над каким-либо проектом, в той же панели "Project" обычно скапливается огромное количество импортированных файлов. И для быстрого поиска нужного файла достаточно вбить часть его названия, чтобы не копаться в куче проектного материала. То же самое касается и остальных панелей.
В окне Project можно использовать лейблы, т.е. метки файлов, как и в фотошопе в панели слоёв. Для удобства можно задать одному или нескольким файлам определённый лейбл, цвет. Просто кликаем по пентаграмме квадратика на нужном файле или выбираем сразу несколько файлов и задаём нужный цвет.
В панели Project можно создавать папки и сортировать в них файлы проекта, кликнув по соответствующему значку под панелью.
Так же тут имеется предпросмотр файлов, т.е. если вы выделите какой-нибудь файл, то он отобразиться в окошке предпросмотра. Еще тут имеется значок удаления файла (корзина), как и в фотошопе, можно выделить файл и удалить его из панели Project.
Есть в данной панели еще одна очень важная функция - это создание композиции. И вот об этом мы как раз поговорим рассматривая следующую панель "Time line".
3. Панель Time Line
Панель "Time line" занимает всю нижнюю часть интерфейса программы.
Для того, чтобы воспользоваться этой панелью необходимо создать композицию в панели "Project", кликнув по соответствующей иконке. Композиция - это такой объект или элемент, в котором и происходит вся работа. Если в фотошопе мы можем просто открыть изображение и работать прямо со слоем данного изображения, то в After Effects файл с которым мы собираемся работать сначала необходимо поместить в композицию, просто перетащив слои удерживая их левой кнопкой мыши. Композиция - это и есть сам проект.
Кроме композиции имеется возможность создать, так называемые прекомпосы, которые можно помещать в композицию. Для этого на тайм-лайне выделяем нужные слои, кликаем правой кнопкой мыши и в открывшемся меню выбираем "Pre-compose".
Прекомпос - это такая же полноценная композиция с которой можно работать отдельно от основной композиции. Обычно, при работе весь проект, для удобства, разбивается на прекомпосы, которые в свою очередь помещаются в основную композицию. Это удобно тем, что с каждым прекомпосом вы можете работать по отдельности, не внося каких-либо изменений в саму композицию. Это очень удобно и само понимание удобства работы с прикомпосами приходит только на практике. В теории же вы должны просто понять, что такое композиция и прикомпос.
При создании композиции открывается окно её настроек, где мы можем задать параметры нашей композиции. Разрешение, я обычно ставлю Full HD, т.е. 1920 на 1080 пикселей. Затем идет "Pixel aspect ration" - это форма пикселей, я всегда использую "Square pixels", т.е. квадратные пиксели - эта настройка подходит для всех проектов, есть какие-то исключения, но честно говоря, какие я только проекты не делал в After Effects мне они не понадобились.
Далее идёт Frame rate, тут уже всё индивидуально, для стандартных веб-проектов можно использовать 25 или 24 кадра. Resolution оставляем Full, т.е. полное расширение. Start time code оставляем ноль и Duration ставим по длине нашего проекта, т.е. время вашего ролика. Если вы точно не знаете время будующего ролика, можете взять с запасом, данный параметр можно без проблем отредактировать в ходе работы. Для редактирования параметров композиции нужно перейти в верхнем меню в "Composition" - "Composition settings".
Панель Time line в программе имеет две части. Слева отображаются слои. Все файлы, которые находятся в композиции отображаются слоями в левой части панели Time line. Файлы можно помещать в композицию перетаскиванием мышью в панели Project, а так же просто перетаскиваем из панели Project сразу на Time line. Когда мы перемещаем файл в композицию он отображается на рабочей сцене и здесь уже можно с ним работать, например подогнать по нужному размеру, подвинуть и тому подобное.
Если говорить о слоях в After Effects, то нужно отметить, что все слои могут взаимодействовать, как в 2-х мерном пространстве, так и в 3-х мерном. Иерархия слоёв в After Effects такая же, как и в фотошопе, т.е. верхний слой перекрывает нижний. У каждого слоя, как и в фотошопе имеется значок "глаза", при нажатии на который можно скрыть данный слой. Здесь так же у каждого слоя присутствует "solo mod", в виде большой точки, при нажатии на который остаётся включенным только выбранный слой, остальные при этом просто отключаются. Ну и замочек имеется, как и в фотошопе. С помощью которого можно блокировать слой и в дальнейшем никакие ваши действия на него не будут распространяться, пока вы его не разблокируете.
Вот эта вот функция, с такой пентаграммой, называется shy (шай), в переводе с английского означает - "застенчевый".
С помощью неё можно так же скрывать слои, кликнув по значку слоя, а потом выше по такому же значку. Отличие функции shy от простой функции скрытия слоя глазом заключается в том, что слой полностью скрывается из панели слоёв. Если же слой скрыть глазом, то его в панели видно, просто он не отображается на самой сцене.
Далее, в панели имеются другие функции - это режимы наложения, которые можно подключать к слоям. Чтобы увидеть эту функцию нужно активировать внизу соответствующий значок.
Режимы наложения по работе имеют сходство с режимами наложения слоёв в фотошопе. Здесь так же есть функция привязки. Функцию привязки лучше рассматривать на примере какой-нибудь работы, поэтому в ознакомительном видео мы её пропустим.
Теперь переходим к правой части панели тайм лайн, тут имеются временной промежуток нашего ролика, длину которого мы задали при создании композиции. Этот временной промежуток можно изменить, перейдя в "Composition"-"Composition settings".
Временные шкалы тут работают как и в фотошопе при анимации, т.е. можно изменять их длину, двигать, можно ставить ключи.
4. Панель Effects Controls
Следующая важная панель - это панель эффектов, которая называется "Effects Controls". Эта панель в After Effects по умолчанию скрыта, её нужно включить и установить в удобное для вас место. Переходим в верхнем меню в "Window" и выбираем "Effects Controls". После чего перетащим появившуюся панель в удобное место, я обычно её располагаю справа от панели проектов.
Чтобы на какой-нибудь слой навесить эффект, выделяем его в панели слоёв, затем кликаем правой кнопкой мыши по панели эффектов и выбираем нужный эффект.
После этого открыв параметры слоя мы видим, что у слоя появились новые параметры эффекта. Если посмотреть параметры других слоёв, то видим, что у них нет такого, а имеются стандартные параметры - это якорь, позиция, размер, вращение и прозрачность.
Стандартные параметры схожи с параметрами слоёв в фотошопе при анимации во временной шкале. Удалить наложенный эффект можно прямо из панели с помощью клавиши Delite. На один слой можно накидывать несколько эффектов, при этом иерархия в панели эффектов противоположна иерархии в панели слоёв. То есть, если в панели слоёв верхний слой является верхним и перекрывает нижний, то в панели эффектов наоборот - нижний эффект будет перекрывать верхний.
5. Панель Effects & Presets
Все эффекты можно так же найти вот в панели справа, которая называется "Эффекты и присеты" и искать их тут как-раз таки удобно с помощью функции поиска, но нужно знать название эффекта. Чтобы применить эффект из этой панели к какому-нибудь слою или нескольким слоям нужно выбрать слой или слои и кликнуть по эффекту. Можно так же просто взять мышкой эффект и перетащить на нужный слой и эффект к нему применится.
6. Окно предпросмотра
Ну и самая основная рабочая панель - это панель вью порт или окно предпросмотра, где отображается сам результат нашей работы. Данная панель имеет отдельный функционал, мы рассмотрим самые основные функции, которые понадобятся при работе в After Effects в первую очередь.
В нижней части данной панели имеется функция настройки разрешения изображения для просмотра. Эта функция нужна для того, чтобы можно было комфортно и быстро просматривать результат при работе с проектом.
Допустим, если у вас ролик высокого качества и вы навешиваете на него различные эффекты, то при его просмотре в полном формате будет некоторое замедление работы программы. Т.е. программе требуется время, чтобы обработать все эффекты и само видео и показать вам результат. Вот для того, чтобы это было всё намного быстрее и существует данная функция. С помощью неё можно в ходе работы смотреть результат не в полном расширении, а в урезанном, таким образом сэкономив рабочее время. Если открыть данную настройку, то мы увидим значение Full - это и есть полное качество и далее идут значения на уменьшение, т.е. чем меньше значение вы установите, тем качество отображаемого результата будет хуже, но скорость быстрее. Это очень часто требуется при работе, особенно с большими проектами, которые имеют длительность более пяти минут.
Здесь так же можно настроить размер отображения результата, т.е. увеличить или уменьшить картинку, делается это и с помощью колёсика мыши. Например, вы хотите посмотреть какую-то деталь на сцене, увеличиваете и смотрите.
Для рендеринга результата, т.е. для сохранения вашего готового ролика в After Effects, как и в фотошопе используется отдельная програмка от Адоби - это Adobe Media Encoder. Стандартным рендерингом After Effects позволяет сохранить видео только в формате avi, что очень не удобно, потому что данный формат имеет огромный вес. Поэтому все, кто работает с After Effects обычно для рендеринга используют Media Encoder, который позволяет сохранить видео в популярном MP4 формате. Важно учитывать дин момент - Adobe Media Encoder должен быть установлен именной такой же версии, как и After Effects, иначе работать не будет
О том, как произвести рендеринг вашей композиции мы поговорим уже непосредственно при работе с каким-нибудь эффектом или анимацией в последующих уроках данного курса.
Собрал список выражений для АЕ, которые упрощают мне работу. Совсем простых в стиле loopOut() или wiggle (.4,6) здесь не будет, но и ничего экстрасложного тоже.
Своих экспрешнов здесь всего парочка. Большинство я брал откуда-то и переписывал по чуть-чуть под себя, так что, у чужих экспрешнов поставлю ссылку на авторов.
Плашка за текстом
Создать шейповый квадратик, а сверху отдельным слоём добавить текст;
Применить к параметру size у шейпа:
Если текст в несколько строк, то к position у шейпа добавьте этот экспрешн. Без него тоже всё будет работать, но придётся вручную подгонять позицию плашки за текстом.
К остальным экспрешнам
Анимируемый wiggle
Простой способ заанимировать wiggle. Используем для этого два слайдера: первый отвечает за частоту, второй за амплитуду. Анимировать лучше только амплитуду.
Добавить эффект Slider Control на слой с экспрешном и продублировать его. Применить к любому параметру:
Цикличный wiggle
Благодаря этому экспрешну, wiggle начинается и заканчивается в одной и той же точке.
Если вдруг цикл не работает, то это скорей всего из-за того, что луп не успевает прийти в изначальное состояние за отведённое время. Просто сделайте loopTime побольше или freq почаще
Прикрепить шейп к одной стороне
Применить к position, изменять size у шейпа:
Риг для катящегося круга и квадрата
Катящийся круг
Применить к rotation, анимировать position:
Катящийся квадрат
Работает как с шейпами, так и со слоями и композициями. Если квадрат катится неправильно — изменить значение Slider Control.
Добавить на слой с экспрешном эффект Slider Control. Применить экспрешн к position, анимировать rotation:
На основе экспрешна от Mikey Borup
Ежесекундные ступенчатые повороты
Замена time*n. Только вместо плавного поворота — ступенчатый. Чаще всего пригождается, чтобы сделать анимацию секундной стрелки, шестерёнок или других похожих механизмов.
Применить к rotation:
Управляемые ступенчатые повороты
Практически то же самое, что и выше. Но с чуть большим количеством настроек.
Применить к rotation:
Постоянный масштаб при скейле
Если привязать один объект к другому и начать скейлить родительский, то оба слоя будут увеличиваться. Этот экспрешн не даёт дочернему слою изменять масштаб, он просто будет двигаться по позишну.
Применить к scale слоя, у которого должен быть постоянный масштаб:
Переключатель по чекбоксу
Меняет одно значение параметра на другое по нажатию на чекбокс.
Добавить эффект Checkbox Control на слой с экспрешном;
Применить к любому параметру:
Луп для шейпов
Обычный loopOut() не работает с шейпами, но зато работает этот экспрешн.
Применить к path у шейпа:
Range Mapper
Добавить эффект Slider Control на слой с экспрешном;
Применить к любому параметру:
Обводка независимая от скейла
Сохраняет постоянную обводку у шейпов при изменении масштаба.
Счётчики
Почему-то часто использую счётчики в анимациях, поэтому здесь будет подборка сразу из шести. Сначала три самых простых.
1) Обычный счётчик
2) Счётчик с запятыми вместо точек
Полезно в анимациях для неанглоязычных стран, где используется запятая в качестве десятичного разделителя вместо точки. Если нужен похожий сетап с большим количеством настроек, то он вот здесь.
3) Счётчик с дополнительными знаками
4) Счётчик с заменой 1 на 001
При zerosAmount = 3 счёт будет идти вот так: 000, 001 … 011 … 111.
5) Счётчик с разрядами
Заменяет 500000 на 500 000.
6) Счётчик для больших чисел
Счётчик, привязанный к Slider Control, не идёт дальше 1 000 000. Поэтому если нужны большие числа — приходится использовать эффект Angle Control.
Пара мелочей
И, под конец, 4 полезных мини-выражения, которые часто пригождаются.
1) Привязка к слою выше или ниже
Это не полноценный экспрешн, а только его часть. Вместо того, чтобы привязывать один слой к другому напрямую, иногда удобнее привязывать к слою, который стоит выше или ниже, слоя с экспрешном.
index+1 — если нужна привязка к слою ниже
2) Постоянно ускоряющиеся повороты
Попробуйте добавить к rotation:
3) Ключи для time*n
Добавляет постоянное движение, но оставляет возможность ставить ключи.
4) Привязка эффекта к слою
Чтобы Gradient Ramp не слетал при перемещении слоя, добавьте этот экспрешн на Start и End:
Похоже, это все выражения, которыми я пользуюсь на постоянной основе. Всего получилось 23.
На всякий случай, собрал их в проект и прикрепил к статье.
Для примера мы создадим какую-нибудь композицию. На нее мы загрузим значок доллара, для примера.
Итак, теперь нам нужно задать траекторию этого доллара. Сразу скажем, можно задать траекторию движения значка, используя ключевые кадры на таймлайне, однако это очень долгий и малоэффективный способ.
Выбрав данную функцию, у вас откроется маленькое окно.
После этого перемещаете ваш объект в изначальную точку, откуда он будет начинать свое движение.
Вот, собственно, и все. Теперь вы можете анимировать любой объект, который захотите. В том числе вы можете заставить двигаться ваш логотип, если вы работаете над своим интро (читайте одну из наших прошлых статей).
Вообще, в программе After Effects просто огромное количество самых разных эффектов, благодаря которым можно сделать очень и очень многое с вашим видео. Плюс к этому, есть ещё масса сторонних продуктов, плагинов, которые ещё больше расширяют возможности этой программы. Рассказать обо всех этих возможностях, в одной статье просто нереально.
Если работу с эффектами в After Effects описывать в книге, то для этого понадобятся тысячи, десятки тысяч страниц, а скорее всего, и того больше. Поэтому, на сегодня стоит задача попроще: мы рассмотрим как добавить эффект, и применим всего лишь парочку. Думаю, для начала этого будет вполне достаточно.
Панель эффектов.
Если вы ничего не меняли в интерфейсе, о котором я рассказывал в первом уроке, то панель с эффектами, будет находится с правой стороны.
И хотя снаружи выглядит это весьма скромно, но раскрыв этот список, мы увидим ещё много эффектов. Но даже это, не сами эффекты. Это всё группы эффектов. Которые также можно раскрыть и уже тогда выбрать нужный эффект.
Добавление эффекта к видео.
Но поскольку эффектов очень много, то при знании нужного эффекта, его проще будет найти с помощью строки поиска.
Для того, чтобы добавить нужный эффект к видео в программе After Effects, вам нужно его перетащить на слой с видео, к которому вы хотите применить этот эффект.
Свойства эффекта теперь будут находится рядом со свойствами видео.
Кроме того, свойства эффектов будут также находится на отдельной панели. Оба эти места, равнозначны. То есть, изменяя свойства эффекта в одном месте, After Effects изменить свойства и во втором месте.
Каждый из эффектов имеет свой набор свойств, которые вы можете изменять. Например, сейчас я добавил эффект Gaussian Blur – размытие по Гаусу. Соответственно, он имеет ряд свойств, в том числе Blurinnes – размытие. Изменяя это значение, я получу размытое видео.
Теперь давайте применим простую маску, как это мы сделали в четвертом уроке, а также разместим снизу еще один слой с видео.
Но что если, мы хотим сделать размытие сразу к двум слоям? Это можно сделать разными путями. Например, добавить эффект по отдельности к каждому слою, и дать им одинаковые значения. Но это сложно и долго. Есть и другой путь, это скопировать эффект с одного видео, на другое видео. Для этого выделяете эффект или группу эффектов которые нужно скопировать, даете команду скопировать, нажав клавиши Ctrl+C, затем выделяете слой, куда нужно скопировать, и даёте команду вставить, нажав клавиши Ctrl+V.
Это хороший метод, и во многих случаях, вполне работоспособный. Но есть и ещё один метод, метод с использованием корректирующего слоя.
Корректирующий слой.
Корректирующий слой, позволяет вам произвести сразу ряд действий над одним единственным слоем, и все эти действия потом будут применены ко всем нижеследующим слоям. То есть если вы дадите размытие на этом одном слое, то размытыми станут и все, нижележащие слои.
Чтобы создать корректирующий слой, зайдите в меню, выберите Layer > New > Adjustment Layer
В результате, вы получите еще один слой на таймлайне.
Чтобы лучше было видно изменения из-за корректирующего слоя, удалите эффект из старого слоя. Для этого сделайте активным пункт Effects и нажмите клавишу Delete. Если же у вас есть и другие эффекты, которые вы хотите оставить только для этого слоя, тогда в Effects, выделите тот, который вы хотите удалить, и уже потом нажмите клавишу Delete.
Окей, теперь, если вы посмотрите в окно предпросмотра, то вы увидите, что оба наши видео стали четкими, без размытия.
А теперь давайте применим размытие по Гауссу уже к корректирующему слою.
Вы увидите, что применив эффект только к одному слою, фактически, мы применили его к двум слоям. Более того, если у вас, как это часто бывает при работе с After Affects, слоев довольном много, то применив всего одно преобразование с корректирующим слоем, мы получим преобразование всех слоев.
Но что если, мы захотим убрать эффект у одного из слоев. Самый простой способ, просто поднять его выше корректирующего слоя.
Таким образом, эффекты, это мощный инструмент в арсенале программы After Effects. И про них можно говорить много и долго. Но сейчас мы этого делать не будем, а перейдем к следующему уроку. А пока, до новых встреч!
Читайте также: