Анимация в Афтер Эффект: инструкция, как анимировать картинку в программе Adobe After Effects

Для создания любых проектов и видеороликов используют программы, которые позволяют редактировать видео, изображения, создавать анимацию и разнообразные эффекты. Программа After Effects используется в графическом дизайне, создании сайтов, в рекламе, на телевидении и в кинематографе. Здесь изложен самые простой и доступный курс, как создается анимация в Афтер Эффект, поэтому для новичков будет подробное описание с момента открытия программы.

Создание проекта анимации в Афтер Эффект

Работу с After Effects Animation следует начинать с создания проекта. Проект здесь называется композиция или компоновка. Для этого во вкладке «Композиция» создается новый объект, после чего появиться меню настроек. Также необходимо назвать композицию, прежде чем продолжить работу. Для этого во вкладке «Файл» найти «Сохранить как», и ввести название. В настройках можно выполнить следующие действия:

• Указать разрешение композиции. Здесь доступны настройки стандартного разрешения, веб-настройки и HD, которое используют для фильмов.
• Количество кадров. Для небольшой анимации достаточно тридцати.
• Длительность — это общая продолжительность проекта, от начала до окончания.

Теперь можно приступить к работе со слоями. В Adobe After Effects анимация — это композиция, состоящая из собрания слоев. Для создания необходимо нажать New — Solid, появится слой, залитый сплошным цветом, который можно выбрать по собственному усмотрению. Это будет основа проекта, которая позволит выполнять дальнейшие действия.

Создание иконки

В программе пользователю предоставляется множество полезных инструментов, которые позволяют настроить мельчайшие детали проекта. Их достаточно много, поэтому на начальном этапе стоит ознакомиться с самыми основными. Чтобы досконально изучить все возможности программы, можно пройти обучение на курсах Motion Design в Екатеринбурге https://videoforme.ru/course/after_effects_2-ekaterinburg, где представлены понятные и подробные уроки анимации After Effects. Это позволит применить полученные навыки в работе над сложными проектами. Но для простой анимации достаточно базовых знаний.

Следующий шаг — создание иконки. Для этого в панели инструментов следует найти прямоугольник со скругленными углами Rounded Rectangle Tool, с которым предстоит работать дальше. При нажатии он появится на панели слоев. Ему можно придать другую форму, скруглить края. Во вкладке Contents — Rectangle 1 — Rectangle Path 1 — Roundness доступно выставить нужное значение. Иконка готова, и можно продолжить работу со слоями.

Свойства слоя — Position и Rotation

Чтобы понять, как делается простая покадровая анимация в After Effects, важно разобраться со свойствами слоя. Данная программа позволяет комбинировать и редактировать слои, изменять порядок файлов и их внешний вид. Самые главные манипуляции: установка опорной точки, положения, масштаба, поворота, а также прозрачности и фона. Position и Rotation — это свойства, которые будут задействованы в анимации. Функция Position позволяет перемещать объекты. Rotation управляет вращением изображения. Здесь можно выставить количество оборотов и угол разворота. Это важный момент при создании анимации.

Opacity (прозрачность)

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

Anchor Point

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

1. Выделить слой с прямоугольником.
2. Открыть инструмент Anchor Point.
3. Передвинуть опорную точку в центр объекта.

Теперь можно продолжить работу с иконкой. Если требуется создать несколько похожих объектов, следует выделить первоначальную версию и нажать комбинацию Ctrl+D необходимое количество раз.

Изменение фона

По умолчанию при создании анимации в Adobe After Effects в качестве фона используется черный цвет, но этот параметр можно изменить. Для этого потребуется зайти в меню Composition и выбрать Composition Settings. Здесь подбирают нужный цвет. Стоит учитывать, что при изменении прозрачности этот цвет будет просвечивать, а также отображаться за пределами кадра.

Создание анимации в Афтер Эффект

После изучения азов можно приступить к самому главному и научиться, как сделать анимацию в Adobe After Effects. Для начала потребуется перейти в панель Timeline, где и будет происходить основная работа. Здесь настраиваются ключевые кадры анимации. Также потребуется в Position и Rotation нажать на иконку секундомера. Если секундомер неактивен, не получится настроить ключевые кадры. Здесь же изменится размер кадра. Достаточно задать масштаб первого кадра, а остальные параметры программа определит самостоятельно.

Создание кейфрейма

Ключевой кадр называется KeyFrame. Чтобы изменять его свойства, необходимо его включить, поставив галочку на функции Position. Как только ключевой кадр будет добавлен в Timeline, он появится на панели, а также будет возможность изменять его свойства. Если этого не сделать, то любые свойства будут меняться на протяжении всего клипа, и анимация не получится. Далее приступают к созданию второго ключевого кадра. Для этого передвигают плейхед в нужную позицию, и нажимают на значок создания ключевого кадра. После этого можно изменять его свойства.

В данном уроке анимации в Афтер Эффект показан простейший ее вариант. Программа позволяет изменять положение, масштаб, добавить вращение, изменение цвета по отдельности, или применить сразу несколько параметров настроек. Можно задать движение слева направо, одновременно изменив размер. Функция Time-Reverse Keyframes позволяет задать воспроизведение кадров в обратном направлении. С инструментами можно экспериментировать, чтобы получить нужную анимацию.

Использование кривых Безье

Все изменения, производимые в процессе анимации картинки в After Effects, происходят равномерно. Это значит, что изменение заданного параметра будет линейно распределяться на заданную величину. Например, изначально задано время 20 секунд и изменение масштаба в два раза. Это изменение будет происходить постепенно, увеличиваясь каждую секунду на 10%.

Но этот параметр можно изменить. Для этого нужно подключить кривую, нажав на иконку кривых Безье в правом верхнем углу. В открывшемся окне вносят точки изменения. Например, можно задать изменение масштаба в первые пять секунд на 10%, а в последующие до 100%.

Улучшение анимации, добавление микроанимации

Для создания интересной анимации в Adobe After Effects уроки должны быть более подробными. При желании полученные эффекты можно улучшать бесконечно, используя все возможности программы. Здесь приведены самые простые приемы, как сделать анимацию более плавной, добавить микроанимацию. Null Object позволяет разворачивать анимацию в нужное положение. Как это сделать:

• Создать новый слой, выбрав в меню данной функции.
• Привязать изображение к слою Null Object, для чего в списке Parent выбрать нужный слой, например, Null 1. Далее выбрать Rotation, и установить параметры ключевых кадров. Первый кадр будет с параметром 0, а второй — с выбранным углом разворота.
• Продублировать кадры и выбрать функцию Time-Reverse Keyframes.

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

Плавность анимации, Easy Ease

Еще один прием в adobe after effects как создать анимацию картинки — применение плавности при помощи режима Easy Ease. Перед началом работы с графиками следует продублировать кадры. Далее потребуется:

• Перейти на слой Null 1 и скопировать ключевой кадр, который расположен на десятом кадре второй секунды.
• Вставить его на двадцатый кадр второй секунды.
• Применить параметр Rotation равный 190°.
• Слой нижнего прямоугольника необходимо продублировать так же, как для слоя Null 1 Здесь необходимо указать параметр Rotation –45°.
• Теперь на слое Null 1 нужно скопировать ключевой кадр, который находится на десятом кадре третьей секунды, и вставить на двадцатый кадр третьей секунды. Rotation выставляют 0°.
• Перейти на слой нижнего прямоугольника, продублировать и применить Rotation 0°.

Теперь нужно выделить ключевые кадры и нажать на иконку Easy Ease. Здесь происходит настройка графика при помощи желтых манипуляторов точек. Когда значения установлены в нужном пределе, происходит сглаживание анимации.

Ключевые кадры

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

При создании любого свойства анимации для Adobe After Effects требуется включить секундомер. При активном параметре ключевой кадр задается или изменяется в авторежиме для свойства в определенной точке времени при любом преобразовании его значения. Если изменять свойства, не активировав секундомер, то параметр не изменится, и анимация не получится.

Выражения

Выражения применяются для создания связей между свойствами при помощи сценариев на основе кода JavaScript. Простые выражения создаются при помощи функции Лассо. Ее использование позволяет не создавать сотни ключевых кадров, что значительно экономит время. Это важный инструмент, который позволяет как анимировать изображение в After Effects, так и автоматизировать этот процесс. Например, задать покачивание или отскок. Выражения отдают команды определенному свойству, благодаря чему персонаж может покачиваться, а будильник дрожать.

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

Ресурсы в интернете, посвященные анимации

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

Также можно посмотреть анимацию в Афтер Эффект уроки от Джеффа Сенгстэка о том, как изменить свойства при помощи ключевых кадров. На веб-сайте Peachpit Press есть учебные пособия, которые демонстрируют анимацию отдельных слоев из программы Photoshop.

Результат работы

По окончании работы можно посмотреть свой проект. Для этого нужно войти в «Управление воспроизведением», где есть возможность динамического просмотра. Также аниматик в Афтер Эффект можно посмотреть в конечном варианте, для чего нажимают функцию «Предпросмотр».

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

На курсах можно более подробно изучить множество инструментов, предлагаемых программой. Это умение анимировать интерфейсы, создавать микровзаимодействия, выбирать варианты перехода растворение и вытеснение, создавать анимацию в Афтер Эффект и 3D эффекты. Поэтому не стоит останавливаться на достигнутом, а повышать квалификацию и ценность востребованного специалиста.