Идейный Аниматор

⭐ Мой Finance Emoji набрал 3 миллиарда использований!

Он, кажется, был первым официальный набором про финансы и криптовалюту.
🚀 Меньше чем за год, он улетел куда-то в космос по статистике, хотя еще только недавно отмечал 1.7 миллиарда использований. Он стремительно стал популярным и востребованным среди тематических каналов и чатов.
❤️Особенно приятно видеть, как набор используют для кастомов и переделок – теперь у множества каналов есть свои версии emoji 🎁🪙

Разберём этот эффект на примере удара сердца!

Уровень 1

Начнем с анимации параметра Scale у сердца.
Важно понимать, что для придания движению реалистичности, у основного действия (в данном случае удара) есть ещё две фазы:
подготовка и последствие. Обе стоит учитывать, чтобы анимация выглядела живой и естественной.

Уровень 2

Добавляем анимацию ↔️Position для большей динамики.
Плюс — анимируем ↔️Path у сердца, чтобы передать его эластичность.
Тут важно учитывать характер элемента: в некоторых случаях такая деформация может быть неуместной.

Уровень 3

Можно было остановиться на втором уровне, но хочется добавить красочности и выразительности.

🎨Добавляем резкую смену цвета в ключевой момент удара.
Чтобы белое сердце не выглядело одиноко в пиковом моменте — добавим уходящую белую обводку.
Для этого используем анимацию ↔️Path (увеличиваем форму) и 🖍Stroke Width (для плавного исчезновения).
И в завершение — разлетающиеся сердечки, поворот которых реализован простым изменением ↔️Path.

❤️ Наш эффект удара сердца готов!

📁 Проект с эффектом — в комментариях

🎁 Big Year — история набора, конечно, уникальна.
Изначально он задумывался как обычный сет с цифрами 2025 в разных стилях и с разными спецэффектами.
Но на середине пути @ohuenko предложил сделать каждый год уникальным, отражающим какое-то важное событие в истории.

🎁 Так появились 50 уникальных подарков на разные темы — от знаковых людей и компаний до открытий и премьер.
Оставшиеся 5 скинов — это старые наработки, которые, по большей части, отправились в 🗑

Поскольку все отсылки и смыслы этого набора уже давно разобрали (хотя и там остались малозаметные пасхалки), лучше разберем эффект 🎁 «удара / нажатия», который часто используется в той или иной форме во многих анимациях.

🎁

Теперь, когда разлёт частиц готов, мы можем создать небольшой взрыв с множеством элементов!
Для разнообразия рекомендую использовать разную 🖍толщину и 🎨цвет линий.

Комбинировать элементы можно бесконечно, но для примера мы добавим:

🔣Овальный градиент под взрывом — для имитации пульсации удара.
Дополнительные взрывы без обводок — для разнообразия эффекта.

В итоге получаем эффектные и динамичные взрывы, которые отлично подойдут для ваших работ!

📁 Проект с эффектом — в комментариях

❗️Начнём с чего-то попроще — например, с лёгкого электрического взрыва.
Но для начала нужно разобраться, как сделать те самые разлетающиеся частицы.

Шаг 1
Рисуем линию с несколькими обводками. Каждая следующая обводка с увеличенной толщиной, но уменьшенной прозрачностью — таким образом мы добиваемся эффекта свечения.

Шаг 2
С помощью Trim Paths анимируем движение частицы. (чтобы получить такую же частицу, достаточно уменьшить параметр End до 1%)

Готово! Мы получили самый простой вариант разлета искры.

📈 Как это можно улучшить?

Во втором примере мы добавим анимацию параметра Stroke Width, чтобы частица плавно появлялась и исчезала.
Также мы настроим скорость полёта через Graph Editor, чтобы в верхней точке траектории частица замедлялась.

В третьем примере мы добавим анимацию Opacity для создания эффекта мерцания. Используем Hold Keyframes и значения 100 и 0 — просто ставьте их друг за другом с небольшим промежутком.

📁 Проект с частицей — в комментариях

👋 Всем привет!
Я уже больше 5 лет плотно занимаюсь Lottie анимацией – стикеры, эмоджи, реакции и, конечно же, ваши любимые скины 🎁🎁🎁

🔑 За это время накопилось много интересных находок и Lottie-Friendly эффектов, которыми я решил начать делиться.

🔎 Будем разбирать ваши любимые скины, эмоджи и стикеры, чтобы понять, как они устроены и как добиться такого же крутого уровня в своих работах!

Channel created