10 бесплатных видеоредакторов для компьютера и смартфона

Эффекты в After Effects имеют практически безграничные возможности для творчества. На сегодняшний день для этой программы существует колоссальное множество эффектов и это несомненно является её самой сильной стороной.

Многие делают выбор в пользу After Effects только благодаря её широким возможностям – ведь программа позволяет использовать не только стандартные эффекты, разработанные компанией Adobe, но также и многие потрясающе красивые эффекты от сторонних разработчиков.

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

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

ИТАК:

1. Поиск и выбор эффектовв After Effects

Все эффекты в Adobe After Effects разделены на группы, это существенно облегчает их поиск. Найти нужный эффект можно в меню Effect или при помощи строки поиска в панели Effects & Presets, написав в ней первые буквы или всё название эффекта целиком.

image-4-1024x594.png

2. Добавление эффекта

Чтобы добавить эффект к слою, необходимо выделить слой и кликнуть два раза по нужному эффекту в панели Effects & Presets или выбрать эффект в основном меню Effect.

Эффект можно также просто перетащить мышкой из панели Effects & Presets на нужный слой в панель Effect Controls (1), в нижнюю панель на нужный вам слой (3) или на необходимый элемент в окне просмотра (2).

image-5-1024x594.png

3. Включение и отключение эффекта

После добавления эффекта к слою, параметры эффекта появляются в панели Effect Controls (рядом с панелью Project). Отключить эффект можно в этой панели, убрав флажок fx в квадратном окошке рядом с названием эффекта.

Кстати, если к слою добавлено несколько эффектов, то они располагаются друг под другом в этом списке и в таком же порядке и применяются.

image-6-1024x594.png

4. Доступ к параметрам эффектав After Effects

Рядом с каждым эффектом в панели Effect Controls есть стрелочка для сворачивания и разворачивания параметров эффекта, а также в свойствах каждого слоя в вкладке Effects есть все те же параметры.

image-7-1024x593.png

5. Настройка параметров эффекта

Настройка параметров эффекта в After Effects осуществляется вручную, вбиванием цифр с клавиатуры, либо зажатием правой кнопкой мышки на числовом значении параметра эффекта и перемещением мышки в какую-либо сторону, либо с помощью ползунка настройки параметра эффекта, который доступен только в панели Effect Controls.

image-8-1024x594.png

6. Удаление эффекта в After Effects

Чтобы удалить эффект нужно выделить его название в панели Effect Controls или в настройках слоя в панели слоёв и нажать клавишу Delete на клавиатуре.

Таким образом осуществляется работа с эффектами в After Effects. И это только самые-самые базовые функции программы.

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

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

На этом всё. Смотрите мои видео, благодарите лайками, пишите комментарии, отзывы и ваши вопросы здесь и на YouTube-канале, делитесь с друзьями ссылками на мои материалы в социальных сетях.

До встречи в следующих статьях и видеоуроках.

В начале года отдел дизайна Noveo практически полным составом прошел онлайн-курс по Adobe After Effects и основам анимации. Senior Designer и Team Lead отдела дизайна Зарина рассказывает (и показывает), чему мы научились на курсе.

Как и любой курс по инструменту, мы начали с основ, интерфейса программы и основных принципов анимации.

Принципы анимации

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

Один из главных принципов — смягчение начала и завершения движения (Spacing). При движении большинству объектов в нашем мире нужно время, чтобы набрать скорость и остановиться, поэтому движение лучше выглядит, когда оно не равномерное, а ускоряется в начале и замедляется в конце.

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

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

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

Шейповая анимация

Следующей была тема шейповых слоев. Несмотря на возможность создавать шейпы в After Effects, иллюстраторы предпочитают делать это в более гибких и мощных инструментах, таких как Adobe Illustrator или Adobe Photoshop. Импорт из этих программ позволяет сохранить некоторые свойства шейповых слоев (градиенты и прозрачность не сохраняются) и информацию о точках (их координаты) и продолжить работать с ними в After Effects, добавляя анимацию. Например, изменить форму векторного слоя можно, передвинув точки, а After Effects достроит плавное изменение формы в промежуточных кадрах. Для закрепления навыков мы взяли несложную иллюстрацию, подготовили в Adobe Illustrator слои, необходимые для анимации, и после экспорта добавили движения некоторым объектам:

  • добавили анимацию по Position луне, сияние луны сделали с помощью анимации Scale, зациклили расширение слоев в Expressions при помощи функции Loopout и Cycle;
  • чтобы задать движение дыму, пустили круглые шейповые слои по анимированному пути и настроили для них эффекты Gaussian Blur и Simple Choker;
  • для движения лодки сделали анимацию пути по дуге и добавили покачивание с помощью анимации параметра Rotate.

В результате статичная картинка ожила.

Анимация текста и кинетическая типографика

Еще одна интересная и очень востребованная тема курса — анимация текста. Для этого в программе After Effects есть много мощных инструментов, таких как анимация линии, к которой привязан текст, различные эффекты появления и исчезания знаков, слов и строк, рандомизация букв, 3D-эффекты и прочие. Все эти эффекты могут быть скомпонованы между собой, что дает практически бесконечное число манипуляций с текстом. Но чтобы создать крутой и интересный ролик, одних инструментов недостаточно. Тут нужно и придумать идею, и создать уравновешенную композицию, и выстроить кадры так, чтобы удержать внимание зрителя.

Отдельная тема — 3D-текст. Сейчас этот эффект стал очень популярен, и его можно увидеть во многих рекламных роликах и анимированных постерах. Тут на помощь приходит 3D-редактор Cinema 4D, в котором создается форма и натягивается текстура. Сама анимация выполняется в специальном плагине для After Effects.

Создание титров

Тема создания титров — это тоже часть большого раздела по анимации текстов. С этой задачей нам приходится сталкиваться регулярно, когда мы делаем видеовакансии и ролики про нашу компанию. В основном это титры вступления и low third, те самые, в которых пишут имя и фамилию. В создании титров активно применяются принципы анимации студии «Дисней», о которых упоминалось выше. А еще нужно медитативно перебирать разные варианты значений (ну или выставить их сразу, если опыта хватает), чтобы добиться нужной плавности появления, движения и исчезания элементов.

Анимация при помощи Puppet position pin tool

Часто, чтобы заанимировать несложные движения персонажей, применяется анимация при помощи Puppet pin tool. В ключевых точках расставляются пины, которые, как булавки, фиксируют части изображения. И передвигая эти булавки, можно заставить двигаться фигуру персонажа. Манипулировать этими пинами не всегда легкая задача, поэтому их привязывают к Null objects и анимируют параметры Position и Rotation нулевого объекта. Чтобы заанимировать, например, движение руки персонажа, необходимо сначала привязать части руки друг к другу и саму руку к телу. Тогда при повороте руки в локте остальная часть руки с кистью повернется следом. Кроме движения персонажей этот прием можно применять для оживления листвы, кустов или деревьев.

Анимация при помощи плагина Joysticks’n’Sliders

Для ускорения анимации мимики персонажа часто используют платные плагины, такие как Joysticks’n’Sliders. Чтобы с его помощью создать движение лица и эмоции персонажа, необходимо сначала зафиксировать нулевое положение всех деталей лица. Например, формы и положения глаз, рта, бровей и волос. Следующие шаги — это прописывание крайних состояний анимации лица. И тут нужно изменить положение и форму деталей персонажа так, чтобы они соответствовали этим крайним состояниям. Например, при повороте головы нос нужно сдвинуть и изменить его форму, чтобы он был в профиль, сдвинуть глаза и брови, изменить форму прически. И проделать эту процедуру для всех ключевых кадров анимации. Когда крайние положения для всех элементов прописаны, можно запускать анализ в плагине. Проанализировав все данные, плагин создает контроллер, так называемый Joystick, привязанный к элементам лица. При перемещении этого джойстика плагин анализирует возможные промежуточные положения элементов, и становится возможным записать плавную анимацию любых перемещений в пределах наших крайних положений.

Трекинг камеры

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

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

Паралакс

Паралакс — это направление в спецэффектах, которое недавно вошло в моду. Его используют в рекламе и web-дизайне, но особенно оно востребовано в рекламе картинных галерей и всевозможных выставок. Ведь с его помощью можно оживить знакомые произведения искусства и привлечь таким образом новых зрителей. Чтобы добиться эффекта паралакса, нужно разделить объекты выбранного изображения, вынести их на отдельные слои. Затем нужно дорисовать недостающие части изображения, ведь там, где мы вырезали объект из фона, образовалась дыра, она должна быть заполнена (обычно это делают методом копирования соседних участков). Затем изображению придают плановость, разнося объекты на разное расстояние по оси Z (в глубину). Последнее действие — оживление, то есть создание анимации отдельных объектов. При этом можно добавить движение камеры сквозь пространство картины. Это создает иллюзию погружения в мир, созданный художником.

Анимация интерфейсов

Эта тема нас интересовала, пожалуй, больше всех, так как с ней мы сталкиваемся в процессе своей профессиональной деятельности. Чтобы создавать презентации возможных анимаций интерфейсов, прежде всего надо быть знакомым с концепцией Google Material design, ведь там подробно описано, как должны вести себя элементы интерфейсов. Средствами Adobe After Effects можно показать, какие микровзаимодействия, переходы и анимации могут быть применены в приложении, как это повлияет на общее восприятие приложения. Чтобы оживить приложение, нужно в первую очередь подготовить файл с элементами интерфейса в Adobe Illustrator, затем импортировать его со всеми необходимыми слоями в программу After Effect и там настроить переходы и анимации средствами программы. Обычно анимируются такие параметры, как opacity, position и scale. С их помощью можно показать, как разворачиваются и открываются элементы, как приложение реагирует на взаимодействие с пользователем, как происходит переход между экранами и многое другое.

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

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

Анимации выполнены дизайнерами Noveo Зариной и Людмилой.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий