Содержание

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

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

Пошаговый урок анимации в 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

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

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

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

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

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


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


Выделяем желтые точки графика и за боковые усики так, чтобы он стал узкий и высокий к середине как на рисунке.

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

Ivan

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

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

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

  1. Наведите курсор на изображение
  2. Нажмите кнопку на кнопку
    Save / Сохранить
  3. Добавьте или измените описание Пина
  4. Выберите доску для Пина

Поделись с друзьями!