Как сделать анимацию фона в After Effects CC? - Yana Mayn

КАК СДЕЛАТЬ анимацию ФОНА

Пошаговый урок анимации в AFTER EFFECTS
для начинающих

Привет друзья!

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

В уроке используются инструменты анимации: 

  • Перо. Создание векторных линий “G” (Pen Tool)
  • Trim Path — анимация пути контура.
  • Alpha Matte — использование маски для слоя.
  • Turbulent Displace — эффект акварели
  • Воспроизведение анимации “Пробел”
  • Как сделать прозрачность — «T» (Opacity)
  • Плавность движения ease-in-out (F9)
  • Дублирование слоя “Ctrl + D”
  • Adobe Media Encoder программа для удобного сохранения видео
    в нужный формат.

Примечания:

* Анимация — эффект оживления картинки путем движения в кадре.
* Помните, анимация движения объекта должна выражать его характер!
* В этом уроке будем использовать базовые инструменты анимации.

Структура урока:

  • Как создать векторную линию (0:50)
  • Как сделать анимацию появления линии (2:24)
  • Как сделать маску рисунка на линию (3:00)
  • Анимация движения кисти Часть 1 (3:40)
  • Как сделать эффект акварели в After Effects (3:50)
  • Анимация движения кисти Часть 2 (6:10)
  • Как сделать прозрачность (10:00)
  • Как сохранить анимацию для Instagram (10:30)

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

Анимация мазка кисти Часть 1

Шаг 1

Первое с чего мы начнем —  создаем векторную линию используя Pen Tool (G). Ставим точки в начале и на каждом изгибе мазка кисти. Для того чтобы пододвинуть точки линии используйте инструмент Select (V)

Шаг 2

Заходим в настройки слоя с фигурой и нажимаем на круг с треугольником «Add» и выбираем Trim Path. В настройках Trim Path ставим ключи в параметре End. На отрезке 0 секунд — 0%, на отрезке 2 секунд — 100%. Таким образом путь линии будет появляться из 0 до 100% за 2 секунды.

Шаг 3

Используем нарисованную векторную фигуру как маску для картинки с мазком кисти. Открываем настройки слоя с фоном и выставляем Alpha Matte «Слой с фигурой»

Шаг 4

Как сделать эффект акварели для фигуру? Открываем Effects и находим Turbulent Displace. Берем его и переносим на слой с фигурой. Сверху появятся настройки в который вы можете выставить свои оптимальные параметры. Достаточно изменить значения Size/Amount/Complexity(10)

Анимация мазка кисти Часть 2

Как сделать динамичную анимацию мазка кисти? Используем те же шаги, но для каждого мазка (линии) индивидуально. Проводим прямую на одном штрихе рисунка. В настройках Trim Path выделяем 2 ключа на Timeline (0 и 100%) и нажимаем F9. Теперь заходим в настройки графика (выделен маленький кубик).
Выделяем желтые точки графика и за боковые усики так, чтобы он стал узкий и высокий к середине как на рисунке.

Шаг 4

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

Ivan

Ivan

Автор курсов по анимации

анимация фона. штрих кисти. моушн дизайн. уроки анимации для начинающих Yana Mayn animetion
pinterest button Yana Mayn Fashion Illustrator

СОХРАНИ, ЧТОБЫ НЕ ПОТЕРЯТЬ

Чтобы сохранить Пин :

  1. Наведите курсор на изображение
  2. Нажмите кнопку на кнопку Save / Сохранить
  3. Добавьте или измените описание Пина
  4. Выберите доску для Пина
Поделись с друзьями!
Share on facebook
Share on vk
Share on odnoklassniki
Share on twitter
Share on whatsapp
Share on telegram
Back To Top