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

Как сделать эффект
мигания лампочки на гирлянде

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

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

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

Для урока вам понадобится иллюстрация с лампочками или гирляндой

В уроке используются инструменты анимации:
    ▸Перемещение объекта «V» (Selective)
    ▸Вращение объекта «W» (Rotation)
    ▸Создание векторной фигуры “G” (Pen Tool)
    ▸Как сделать прозрачность — «T» (Opacity)
    ▸Дублирование слоя “Ctrl + D”
    ▸Эффект размытия Gaussian Blur
    ▸Сгруппировать слои в Composition (Ctrl+Shift+C)
    ▸Переименовать слой Enter

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

Структура урока:
    ▸Как создать векторный огонек (лампочку) (0:35)
    ▸Как центрировать якорную точку (Anchor Point) (1:00)  
    ▸Как сделать размытие слоя (1:20)
    ▸Как изменить настройки композиции проекта (2:50)
    ▸Как сделать эффект включения лампочки света (3:25)
    ▸Как добавить свои в группу (композицию) (4:15)
    ▸Как сделать кадрирование композиции (4:40)
    ▸Как сделать интервал слоев (7:40)
    ▸Как сделать анимацию в цикле (10:25)

Примеры анимации урока

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

Шаг 1

Переносим иллюстрацию слева в область Project. Как создать композицию проекта?

Вариант 1: нажимаем правой кнопкой мыши на картинке в области Project и выбираем New Comp from Selection. Тогда макет будет создан по размерам картинки.

Вариант 2: В окне композиция можно создать новую композицию (New Composition) и выставить настройки размера времени и кадров.

Шаг 2

В этом уроке я использую иллюстрацию новогоднего венка. Как сделать зимние праздничные эффекты или новогоднюю заставку для YouTube канала,  теперь можно комплексной наборе видео уроков по анимации «Зимние праздники»

 Важно использовать рисунок с изображением лампочек. Первое с чего начнем — сделаем эффект свечения лампочки. Для этого создаем новый векторный слой Layer > New > Shape Layer. Выбираем инструмент Перо “G” (Pen Tool) и подбираем цвет заливки светлый оттенок оранжевый или бежевый. Рисуем векторную фигуру по контуру лампочки. Замкните вектор в кольцо, чтобы получилась цельная фигура. При необходимости отрегулируйте изгиб вектора за усики возле точек и поправлять сами точки.

Как сделать центрирование объекта? Часто при отрисовке векторной картинки центр вращения ставится на середине холста проекта. Чтобы поставить точку в центр  лампочки, нажимаем правой кнопкой мыши на слой, выбираем Transform > Center Anchor Point in Layer Content. Теперь точка вращения стоит посередине. Это понадобится для дальнейших перемещений слоя.

Шаг 3

Как сделать дублирование слоя? Выбираем векторный слой и в верхнем меню Edit > Duplicate (Ctrl+D). Растягиваем слой за края удерживая клавишу Shift. Как сделать эффект размытия слоя? Справа во вкладке Effects & Presets на строке поиска пишем Gaussian Blur. Это эффект размытия слоя. Переносим эффект на слой с векторной картинкой. В настройках эффекта Bluriness напишем 30. Ставим слою режим наложения Add. Если свечение яркое, то заходим в настройки слоя, выбираем Transform и там находим строчку Opacity (прозрачность). Меняем процент до желаемого вида.

Первый слой еще раз дублируем. Делаем размер меньше. Этот слой будет как центральный огонек с белым цветом. Также добавим эффект размытия со значением Bluriness 3, чтобы края стали мягкие. Вот получилась первая лампочка.

Шаг 4

Как переименовать слои? Используйте клавишу Enter на выделенном слое чтобы изменить имя. Переименованные слои помогают лучше ориентироваться в проекте. Как изменить время проекта? В уроке композиция 30 секунд, давайте настройки композиции. Сверху в меню нажимаем Composition > Composition Settings. В открывающемся окне задайте имя текущей композиции, размер в пикселях, количество кадров в секунду и время видеоролика.

Шаг 5

Выделив все слои сокращаю длину линий на таймлайне (timeline) двигая за правый край любого слоя. Двигаю до 1 секунды. Как сделать анимацию появления огоньков? Нажимаем клавишу “T” и открываются настройки прозрачности. Нажимаем на кнопку с часиками и программа автоматически выставляет ключи анимации. Переводим индикатор таймлайна на 10 кадров и нажимаем кнопку ромбик слева на любом слое.

Повторяем это еще через 10 кадров. Также выставляем ключи в конце слоев (на 1 секунде). Находясь на последних ключах напишите в параметре Opacity (прозрачности) 0. И на первых ключах тоже 0.

Проверьте анимацию нажав Пробел. Анимация может быть больше чем 1 секунда. Также можно двигать между собой ключи, чтобы анимация включения и выключения стала дольше. Или наоборот резко включалось и дольше держался свет.

Как сгруппировать слои в композицию? Выделим слои. Нажимаем на них правой кнопкой мыши > Pre-Compose (Ctrl+Shift+C). Не забудьте для созданной композиции вернуть режим наложения Add. Видим что лампочка стала яркой.

Заходим в композицию. Находим лампочку и сразу сделаем кадрирование, так как не нужно черное пространство. Нажимаем кнопку как на рисунке и выделяем область вокруг лампочки. Будьте внимательны и захватите выделением размытое свечение. Далее в меню выбираем Composition > Crop Comp to Region of Insert.

Теперь свечение лампочки в квадрате. Изменим цвет нижнего главного слоя на темный и временно отключим центральную белую лампочку. Возвращаемся в главную композицию (используйте вкладки над слоями). Композиция с лампочкой сместилась. Возвращаем обратно на место. Свет лампочки стал желтый. Добавим главному цвету больше оранжевого, включим центральный белый огонек и сделаем размер меньше. Подпишем композицию Лампочки.

Ivan

Ivan

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

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

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