Trails — скрипт для создания шейповых трейлов в After Effects 📱

Протестировал скрипт, чтобы вам не пришлось.
Trails на aescripts. Стоит $17.99, но есть пробный период, а т.к. это скрипт, а не плагин — с созданными проектами ничего не случится.

Создает след за любым движущимся объектом, но в отличии от способа с echo, партиклами и т.д. — делает это с помощью шейпа. А это значит, что с трейлом можно делать всё, что и любым другим шейпом: модифицировать скриптами и модификаторами, экспортировать в lottie или юзать как маску для расположения текста.

Некоторые возможности:
1. Стандартный режим, просто оставляет след пройденного пути объекта
2. Тоже самое, но добавляет рандомных движений
3. Режим веревки, конец трейла прикреплен к другому нулю
4. Трейл после генерации сдвигается по позиции с заданной скоростью

Работает медленно, для превью советую уменьшать количество семплов и возвращать назад перед рендером.
Вывод: аналогов для 📱 нет (или я про них не знаю), по сути скрипт повторяет часть функционала Cavalry, но делает это в один клик (в Cavalry придется еще и ПОДУМАТЬ, мы такое не одобряем)

На странице aescripts есть больше примеров
В комментах скину проект, так что можно посмотреть как всё работает даже без скачивания скрипта.

Поддержать на boosty

Векторный Mesh Warp
да, это спойлер на еще не вышедшие скины для подарка в Telegram

Восполняем дефицит отсутствие векторных эффектов в 📱
Выше я уже рассказывал как использовать 📱 для анимации на примере Fisheye, в этот раз рассмотрим Mesh — способ деформировать объект с помощью сетки по аналогии с растровым Mesh Warp в Ae.
Зачем? — чтобы рендерить векторные Lottie анимации. Этот инструмент сэкономит сотни часов рабочего времени.

1. Дублирую исходный объект. Искажаю с помощью
Object - Envelope Distort - Make with Mesh с сеткой 1x1

2. Преобразую эффект в векторные пути
Object - Expand

3. Переношу всё в After Effects. Ставлю ключи на все path, копирую их с первого на второй, после чего удаляю искаженный объект т.к. больше он нам не пригодится

4. Финальная анимация, в которой я использовал этот прием

Поддержать на boosty

Ночной сенсационный лайфхак тысячелетия:
можно выбрать цвет eyedrope'ром вне интерфейса 📱
для этого нужно зажать левую кнопку мыши внутри интерфейса, а потом перенести на нужный участок и отпустить

В первую очередь касается MacOS — по-другому просто не работает
На винде благодаря этому приему не уходит фокус с Ae, но в целом и без зажатия получится

Посты пишутся, но работа не дает их закончить, всё будет

Заметки про эффекты для рендера в Lottie. Часть 1

Общий stroke для дыма делаю так: копирую исходные слои и добавляю обводку, располагаю их в самом низу.

Можно добавить общий stroke для группы шейпов, если вынести его выше групп по иерархии, но у такого способа есть 2 больших минуса:
1. это очень плохо сказывается на производительности json файла
2. все шейпы дыма придется создавать в одном слое, что не совсем удобно (но в моем примере сделано именно так т.к. когда-то я пытался решить задачу общей обводкой)

Файл 📱 с дымком в комментах
Поддержать на Boosty

Заметки про эффекты для рендера в Lottie. Часть 2

Подход к эффектам может быть абсолютно разным: сделать сразу шейпами, нарисовать покадровый скетч, взять референс и обводить по нему сверху
В этом примере я применил auto-trace по этому футажу

1. Превращаю видео в шейпы с помощью Layer - Auto-trace. С настройками трассировки нужно поиграть так, чтобы не было лишних мусорных точек. Auto-trace создает не шейп, а маску на солиде — её нужно просто скопировать в path шейпа. Чищу от лишних ключей и точек для оптимизации json файла

2. Свечение вокруг шейпа сделано с помощью 3х обводок разной толщины с непрозрачностью 22%

3. Для придания дополнительного Glow-эффекта создал окружность с радиальным градиентом, которую в анимации сжал до формы овала (чтобы максимально повторить форму вытянутой линии)

4. Поместил в прекомп, продублировал 2 раза, сместил по времени, поменял scale/rotation

Файл 📱 с энергетической хуйней в комментариях!
Поддержать на Boosty

Заметки про эффекты для рендера в Lottie. Часть 3

Auto-trace в любом случае создаст лишние точки — нужно убирать их руками.

Плагин Penpal сделает это автоматически по аналогии с Simplify в иллюстраторе, но его я не тестировал (45 баксов на дороге не валяются)
Trace можно сделать кадр за кадром в 📱 — в некоторых случаях это может быть более удобным способом.

Меньше точек — меньше данных нужно хранить в json файле
Меньше точек — меньше ресурсов процессора устройства задействуется для рендера json файла.
УДАЛИЛ ТОЧКИ — НЕ ОСТАВИЛ ЭКОЛОГИЧЕСКИЙ СЛЕД

Поддержать на Boosty

Сделал новые скины для подарка 🎁, рисовала Elena Pomaskina. Апгрейд уже доступен в Telegram
Мы делали только эти, остальные скины рисовали другие ребята

Из любопытных технических деталей:
-в 2077 я использовал Knife в 📱 для нарезки цифр на фрагменты

-в 1853 линии вокруг букв сделаны trim path + offset, но сами шейпы я предварительно сделал с помощью Object - Path - Offset Path в 📱 (Offset на шейпах в Ае не поддерживается BodymovinTG)

-цифры по очереди выходят на передний план, пайплайн у меня такой: сначала делаю финальную анимацию цифр, далее копию слоя помещаю наверх и обрезаю на таймлайне, чтобы он отображался только в тот момент, когда цифра должна увеличиваться

Залетел помочь на проект к ребятам из студии W h Ā t ?, это была графика для форума от ozon. Cтопмоушн, шейпы, текст — всё как я люблю.

Мне больше всего нравится шот с коробкой, ниже расскажу как я сделал её риг в 📱

Итак, коробка собрана с помощью композиций повернутых в 3D пространстве, я думаю с этим ни у кого никаких вопросов нет а если есть, ловите туториал по сборке подобного на youtube

Я расскажу только про Advanced ✨ techniques:

1. Фейковый шейдинг на экспрешнах
Каждая боковая часть превращается в темную внутреннюю часть, когда отворачивается от нас с помощью эффекта Fill и кода на effect opacity:

rot = thisComp.layer("Null 2").transform.yRotation % 360;
if (rot < 0) rot += 360;
(rot >= 180 || rot <= 0) ? 0 : 100;

//этот экспрешн резко меняет значение opacity с 0 до 100 при достижении обозначенных значений null по Y Rotation

Каждая боковая часть уходит в тень при переходе из левой части композиции в правую, с помощью эффекта Tritone и кода на effect opacity:

rot = thisComp.layer("Null 2").transform.yRotation % 360;
if (rot < 180) rot += 360;
linear(rot, 225, 270, 100, 0)

//этот экспрешн плавно меняет значение opacity с 0 до 100 при достижении обозначенных значений null по Y Rotation

2. 3D Bend на крышке коробки
До недавнего времени я не знал об этом, но оказывается в 📱 можно сгибать 3D слои, прямо как бендом в Cinema 4D

Опция Curvature в Geometry Options появляется только у пре-композиций, на других слоях не работает.
К сожалению гибких настроек нет, но в моем случае большего и не нужно

Скачать проект можно в комментариях к посту
Поддержать на Boosty

Динамические чарты в After Effects

Нашел этот проект на reddit, рассказываю как с ним работать:
📱 берет данные из .tsv/.csv файла, чтобы его подготовить в архиве есть шаблон data template.ods
если нужно большое строк — добавляете колонку в .tsv, а в .aep просто копируете 3 верхних слоя (можете посмотреть на отличия между оригинальными файлами от автора и моими)

На слое Control Layer есть тонкая настройка таблицы, все цвета и шрифты кастомизируются. Для того чтобы проверить работоспособность всего этого попробовал добавить седьмую строку в шаблон — всё работает отлично

Не знаю насколько это будет полезно на практике, ведь существуют специализированные сервисы, но разобраться в привязке базы данных к слоям в Ае через экспрешны точно поможет

Скачать проект можно в комментариях к посту
Поддержать на Boosty

Перенос векторных градиентов в After Effects

Импорт ai/svg в 📱 зачастую сопровождается пожаром задней точки из-за криво перенесенных градиентов, я расскажу как потушить его наиболее эффективным способом. Известные мне методы переноса иллюстрации в After Effects:

1. Нативный импорт файла > Create Shapes from Vector Layer
Просто забудьте, работает криво не только в отношении градиентов: еще и не соблюдает структуру группировки, создает лишние слои и т.д. Возможно в АЕ 2025 пофиксили, я не знаю, в любом случае самый времязатратный вариант

2. Overlord
Плагин для переноса шейпов в 📱 из 📱
Очень часто криво переносит градиенты (start point и end point улетают за пределы композиции при импорте), в остальном очень удобный инструмент
Как я понял уже не продается, но народная версия с легкостью найдется

3. Overlord 2
Переносит градиенты из 📱 лучше, но в моем примере всё равно допустил косяк. Незаменим при работе с фигмой.
Официальная страница $75, ломаной версии нет

4. Overlord + Gradiator
Мой выбор — ничего не работает лучше, чем эта связка. Gradiator входит в набор SubScribe от Astute Graphics. В нем есть магическая кнопка Reset, которая сбрасывает координаты градиентов под капотом иллюстратора. После Reset'а как обычно переношу оверлордом.
Официальная страница €149.00 в год, можно регистрировать недельную триалку на временную почту бесконечно или найти ломаную (учитывайте, что Gradiator появился недавно — в старых версиях его нет)

На картинке я не менял ничего, лишь выбирал иной способ импорта
В общем выбирайте вариант 3, если есть деньги на плагин и 4, если их нет. Замороченно, но оно того стоит: без этих плагинов иногда приходиться убивать часы на воссоздание иллюстрации в нашей любимой программе для анимации

Поддержать на Boosty

Я слил подарки для Telegram 🥲

Вчера вышли скины для Cupid Charm, но еще 15 июня по пабликам разлетелась ссылка на неопубликованный пак, и моя личка утонула в вопросах и обвинениях.

Да, я действительно слил пак до релиза, но это случилось непреднамеренно.
Всё из-за банальной невнимательности: 15 июня работал над анимацией огня, зашел в свой паблик, чтобы взглянуть на пост про скрипт Tilda. Разглядывая скин с огнем ❤️ из Cupid Charm, случайно отправил его в комментарии к тому посту забыв, что нахожусь не в "Избранном". Кто-то из вас подхватил ссылку спасибо 🔫, и пак улетел в сеть.

Теперь я выстроил работу так, чтобы снизить до нуля возможность повторения такого инцидента.
Обидно, но уже отпустил ситуацию — зла на меня, вроде, не держат, ведь это было не нарочно.
Для тех кто не понимает о чем вообще речь: простыми словами я жестко нарушил условия NDA

А еще на момент слива не спал 36 часов, так что делаем вывод: кранчи — зло 💀

📱 Пак рисовали: Миша, Света, Лена, Настя
📱 Анимировали: я, Саша, Паша, Рустам. В посте только мои анимации
Если есть вопросы — задавайте в комментах

Снупдог выпустил клип про подарки в Telegram 🫢

Сделали с Линой некоторые из рук для вчерашнего релиза Снупдога. Нам не удалось взять ни одного подарка, потому что их раскупили за 32 секунды 😭

Лина у себя напишет про отсылки в паке, я же расскажу про некоторые любопытные приемы в 📱, использованные тут:

🧑🏿‍🍳 кольца при сгибании пальцев не просто уменьшаются, а сдвигаются в пространстве. В BodymovinTG недоступен параметр skew, но можно воссоздать похожее искажение сделав дополнительный null под углом относительно дочернего слоя

🧑🏿‍🍳 карта на второй руке оказывается то над средним, то над безымянным пальцем, для этого делаю копию слоев и включаю/выключаю hold ключом по opacity

🧑🏿‍🍳 блики на очках и часах — это комбинация шейповых звезд, trim path и приема с градиентом, о котором писал тут

🧑🏿‍🍳 винтажный эффект сделан при помощи hold ключей на position и opacity шейпов

🧑🏿‍🍳 на скине с отсылкой к Олимпийским играм на самом деле 3 руки: красная, синяя и белая. Красная и синяя находятся под маской, которая привязана к белой руке

Я могу сделать отдельный проект с примером по какому-либо из пунктов, если это будет интересно
Поддержать на Boosty