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

КАК СДЕЛАТЬ анимацию блестки

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

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

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

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

  • Самая большая база бесплатных иконок https://www.flaticon.com
  • Перо. Создание векторных линий “G” (Pen Tool)
  • Как сделать прозрачность — «T» (Opacity)
  • Плавность движения ease-in-out (F9)
  • Дублирование слоя “Ctrl + D”
  • Эффект свечения Glow
  • Заливка цветом Fill

Примечания:

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

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

  • Как создать анимацию размера (3:05)
  • Как сделать плавную анимацию (3:45)
  • Как сделать анимацию вращения блестки (4:08)
  • Как дублировать слои в After Effects (5:10)
  • Как сделать эффект свечения в After Effects (6:10)
  • Как сделать анимацию в цикле (7:00)
  • Как сделать больше блестяшек разного размера (7:38)
  • Как покрасить блестки в After Effects (10:40)

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

Шаг 1

Чтобы создать узок блестки, нужно выбрать подходящую картинку из бесплатной библиотеки иконок https://www.flaticon.com. В поиске на сайте напишите Sparkles и скачайте картинку, которая больше подходит для вашей анимации.

Загрузите в After Effect вашу картинку. Далее загружаем картинку блестки с сайта. Теперь нужно нарисовать вручную такую же блестку как на скаченном примере. Для этого заходим во вкладку Layer > New > Shape Layer. Для отрисовки выбираем инструмент Pen Tool. Цвет заливки белый и обводку отключаем. Рисуем узор блестки.
Чтобы увидеть нижний слой под блесткой, сделаем слой прозрачнее. Открываем настройки слоя с узором — Transform > Opacity и ставим нужное число прозрачности.

Изменение позиции Anchor Point (точка оси фигуры)
Как сделать точку вращения фигуры в середине? Для этого выбираем слой. Нажимаем правой кнопкой мыши на слое и выбираем Transform > Center Anchor Point. Точка сама встает на середину слоя.

Дальше передвигаем блестку на нужно место вашего рисунка. Для этого используйте инструмент Select (V).

Шаг 2

Создание анимации размера.

Выставляем индикатор таймлайна в начало ролика. Нажимаем клавишу S (Scale), нажимаем на иконку часики (выставляем ключ анимации) и меняем значение на 0. Через 0,5 секунды выставим значение scale на 33. На интервале 1 секунда значение выставим 0.

3:45 Как сделать плавную анимацию?
Выделяем все ключи анимации. На любом из ключей нажимаем правой кнопкой мыши. Выбираем Keyframe Assistent > Easy Ease (F9).
Чтобы сделать анимацию динамичной используйте настройки графиков Graph Editor.

4:08 Как сделать анимацию вращения звездочки?
Ставим индикатор анимации в начало. Нажимаем клавишу R (Rotation), нажимаем на иконку часики (выставляем ключ анимации). Отматываем на одну секунду и меняем значение вращения на 180 градусов.

Шаг 3

Как дублировать слой в After Effect?
Выбираем слой. Вверху программы в меню выбираем
Edit > Duplicate или Ctrl + D. Слой дублирован и теперь переносим его в сторону на всем ролике. Передвигаем новую блестку на другое место. Снова дублируем Ctrl + D и немного сдвигаем в сторону. И таким образом делаем необходимое количество бликов для всей анимации.

Шаг 4

Как сделать эффект свечение в After Effect?

Выделяем все слои. Нажимаем правой кнопкой мыши на любом слое и выбираем Pre-compose. Открываем вкладку Effects & Presets. В поиске пишем Glow. Перетаскиваем эффект на слой. В настройках Glow Radius поставим значение 30.

Шаг 5

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

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

Шаг 6

Как сделать больше бликов разного размера?
Открываем любую из 3х композиций. Копируем любую блестку Ctrl + C. Возвращаемся в главную композицию и нажимаем Ctrl + V для вставки блестки. Ставим блик в начало анимации и переносим его на нужное место на иллюстрации. Изменяем центральный ключ Scale на 10.

Дублируем этот слой несколько раз и каждый раз ставим слой на нужное место на картинке.
Теперь у каждого слоя изменяем значение scale в центральном ключе в диапазоне  от 10 до 20.

После того как все блестки расставлены, выделим все слои и нажимаем U отключив все всплывающие настройки. Теперь двигаем все слои по анимации в случайном порядке. Выделяем все слои. Нажимаем правой кнопкой мыши на любом слое и выбираем Pre-compose.

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

Шаг 7

Как покрасить блестки в After Effects?
Помещаем 3 композиции маленькие блестки в одну новую. Так же помещаем первые 3 композиции большие блестки в одну новую.
Открываем вкладку
Effects & Presets. В поиске пишем Fill. Переносим эффект на слой с большими блестками и изменяем цвет на нужный.

Как скопировать эффект? Выделяем эффект у одной композиции нажимаем
Ctrl + C выделяем вторую композицию и вставляем эффект Ctrl + V.

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