This media is not supported in your browser
VIEW IN TELEGRAM
Code Buddy — органайзер для выражений в After Effects
Свою коллекцию экспрешнов внутри📱 можно собрать через панели Kbar3 (40$) и MoBar (0$+), но они у меня так и не прижились вероятно из-за лени кастомизировать под себя
Но есть альтернативный вариант — Code Buddy (0$+)
Добавляем выражения и применяем/убираем легким нажатием ЛКМ. Жить стало проще!
Свою коллекцию экспрешнов внутри
Но есть альтернативный вариант — Code Buddy (0$+)
Добавляем выражения и применяем/убираем легким нажатием ЛКМ. Жить стало проще!
Please open Telegram to view this post
VIEW IN TELEGRAM
3
This media is not supported in your browser
VIEW IN TELEGRAM
Очередная полезная находка на reddit с исходниками проекта 📱 на github
Это карта Сеульского метро, анимация которой автоматизированна с помощью контроллеров, выражений и таблицы CSV
А это туториал на youtube по созданию графика с помощью шейпа на основе данных из CSV файла
Это карта Сеульского метро, анимация которой автоматизированна с помощью контроллеров, выражений и таблицы CSV
А это туториал на youtube по созданию графика с помощью шейпа на основе данных из CSV файла
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥40🙏6
This media is not supported in your browser
VIEW IN TELEGRAM
Анимировал подарок и 5 скинов для свежего релиза в Telegram
Наверное это первый раз, когда я анимировал пиксель арт в📱 (я про экраны тамагочи)
В восторге от отсылок на game and watch и portal, нарисовала Лина
Пишите в комментах, если есть какие-то вопросы по реализации подобной анимации в связке After Effects + Lottie
Наверное это первый раз, когда я анимировал пиксель арт в
В восторге от отсылок на game and watch и portal, нарисовала Лина
Пишите в комментах, если есть какие-то вопросы по реализации подобной анимации в связке After Effects + Lottie
Please open Telegram to view this post
VIEW IN TELEGRAM
55🔥63
Bodymovin-TG с поддержкой Gradient Strokes
Под базой по градиентам в Lottie возник вопрос об ошибке рендера обводки с градиентами в Bodymovin-TG (Bodymovin для Telegram стикеров/emoji)
На github в данный момент можно найти только старую версию, в которой эта фича не поддерживается
В комментариях скину обновленную версию с поддержкой Gradient Strokes, насколько я знаю в публичном доступе её еще не было
Обновление на github тоже будетно я не знаю когда, так что это временный эксклюзив
Поддержать на boosty
Под базой по градиентам в Lottie возник вопрос об ошибке рендера обводки с градиентами в Bodymovin-TG (Bodymovin для Telegram стикеров/emoji)
На github в данный момент можно найти только старую версию, в которой эта фича не поддерживается
В комментариях скину обновленную версию с поддержкой Gradient Strokes, насколько я знаю в публичном доступе её еще не было
Обновление на github тоже будет
Поддержать на boosty
150🔥31🙏7
This media is not supported in your browser
VIEW IN TELEGRAM
Поток из линий в After Effects 📱
Делал подобный шот на проекте с prand.tv, использовался как метафора передачи/обработки большого объема данныхв моем примере получилось больше похоже на изображение хорошей проходимости кишечника, но если вы делаете графику для научпопа, то это даже к лучшему
Основные моменты:
1. Для движения линий создал 8 Adjustment'ов шириной с полоску, сверху эффект Offset c выражением:
у слоев разные множители time, чтобы крайние двигались медленнее, чем центральные
2. Искажение потока — эффект Bulge снизу вверх в цикле
3. Наклон линии — эффект Corner Pin
На реальном проекте я использовал плагин RE:Flex, он позволяет искажать изображение по маске, получается в тысячи раз удобнее, чем проприетарные Distort эффекты.
А на youtube есть туториал с созданием искривленной композиции из 3D слоев
Проект в комментариях
Поддержать на boosty
Делал подобный шот на проекте с prand.tv, использовался как метафора передачи/обработки большого объема данных
Основные моменты:
1. Для движения линий создал 8 Adjustment'ов шириной с полоску, сверху эффект Offset c выражением:
yOffset = time * -800;
[value[0], value[1] + yOffset]
у слоев разные множители time, чтобы крайние двигались медленнее, чем центральные
2. Искажение потока — эффект Bulge снизу вверх в цикле
loopOut();
3. Наклон линии — эффект Corner Pin
На реальном проекте я использовал плагин RE:Flex, он позволяет искажать изображение по маске, получается в тысячи раз удобнее, чем проприетарные Distort эффекты.
А на youtube есть туториал с созданием искривленной композиции из 3D слоев
Проект в комментариях
Поддержать на boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥46
This media is not supported in your browser
VIEW IN TELEGRAM
Наверняка вы встречали профили Mat Voyce, Pixrate, которые полностью посвещены анимации типографики — в них можно встретить работы с буквами, боковые части которых покрашены в несколько цветов (в основном это делается для создания теней)
Я задался вопросом как этого добиться в After Effects📱 , ведь эффектор side-color позволяет только перекрасить боковины 3D объектов полностью и в один цвет
Вариант 1: создать цветные источники света, чекайте туториал
Вариант 2: меня осенило, что можно просто добавить stroke и обрезать trim path, в своем примере я продублировал такую обводку 3 раза и привязал к одному offset
Проект можно скачать в комментариях
Поддержать на boosty | 🖤Reels
Я задался вопросом как этого добиться в After Effects
Вариант 1: создать цветные источники света, чекайте туториал
Вариант 2: меня осенило, что можно просто добавить stroke и обрезать trim path, в своем примере я продублировал такую обводку 3 раза и привязал к одному offset
Проект можно скачать в комментариях
Поддержать на boosty | 🖤Reels
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥55
Media is too big
VIEW IN TELEGRAM
Sigma-Boy? Ну а может лучше FM-синтез?
В своих страданиях насчет создания звука для персональных проектов я пришел к fm-синтезатору/грувбоксу Elektron Model:Cycles, вчерашнее видео озвучил с помощью него.
Решил не заморачиваться и просто накидал рандомных звуков на разных дорожках, чтобы они совпадали с анимацией. BPM для проекта в зависимости от длины видео можно посчитать тут
Процесс занял минут 5, а это намного быстрее, чем бесконечные поиски в сети интернет, но спектр звуков конечно сильно ограничен одной железкойеще нужна минимальная база муз. теории
Вообще вот известные мне опции по озвучке видео:
1. Делигировать профессионалу. Ролик с крабом для меня озвучивал Саша Маслюк. Еще есть Daruma, например. Если речь про коммерческую работу, то только так, все остальные варианты для своих фановых проектов
2. Делать изначально подБульку-бульку-барабульку музыку. Нормальный вариант, но муки выбора могут длиться бесконечно, а SFX в песне не материализуется
3. Сделать самому. В помощь нейросети (elevenlabs отлично создает звуковые эффекты) и стоки звуков вроде Artlist. Музыку + эффекты можно собрать прямо в After Effects (за эти слова саунд дизайнеры меня убьют, ведь в звуке тысячи всяких нюансов) Для полноценной работы над звуком уже нужно осваивать Ableton или другую DAW. Ну или использовать железки со встроенных секвенсором (семплер или синтезатор) как сделал я
upd в прошлый раз делал звуковую подложку на ipad в garageband, но ради нескольких звуков убил пару часов — на железке удобней и приятней
Поддержать на boosty
В своих страданиях насчет создания звука для персональных проектов я пришел к fm-синтезатору/грувбоксу Elektron Model:Cycles, вчерашнее видео озвучил с помощью него.
Решил не заморачиваться и просто накидал рандомных звуков на разных дорожках, чтобы они совпадали с анимацией. BPM для проекта в зависимости от длины видео можно посчитать тут
Процесс занял минут 5, а это намного быстрее, чем бесконечные поиски в сети интернет, но спектр звуков конечно сильно ограничен одной железкой
Вообще вот известные мне опции по озвучке видео:
1. Делигировать профессионалу. Ролик с крабом для меня озвучивал Саша Маслюк. Еще есть Daruma, например. Если речь про коммерческую работу, то только так, все остальные варианты для своих фановых проектов
2. Делать изначально под
3. Сделать самому. В помощь нейросети (elevenlabs отлично создает звуковые эффекты) и стоки звуков вроде Artlist. Музыку + эффекты можно собрать прямо в After Effects (за эти слова саунд дизайнеры меня убьют, ведь в звуке тысячи всяких нюансов) Для полноценной работы над звуком уже нужно осваивать Ableton или другую DAW. Ну или использовать железки со встроенных секвенсором (семплер или синтезатор) как сделал я
upd в прошлый раз делал звуковую подложку на ipad в garageband, но ради нескольких звуков убил пару часов — на железке удобней и приятней
Поддержать на boosty
🔥35
This media is not supported in your browser
VIEW IN TELEGRAM
Trails — скрипт для создания шейповых трейлов в After Effects 📱
Протестировал скрипт, чтобы вам не пришлось.
Trails на aescripts. Стоит $17.99, но есть пробный период, а т.к. это скрипт, а не плагин — с созданными проектами ничего не случится.
Создает след за любым движущимся объектом, но в отличии от способа с echo, партиклами и т.д. — делает это с помощью шейпа. А это значит, что с трейлом можно делать всё, что и любым другим шейпом: модифицировать скриптами и модификаторами, экспортировать в lottie или юзать как маску для расположения текста.
Некоторые возможности:
1. Стандартный режим, просто оставляет след пройденного пути объекта
2. Тоже самое, но добавляет рандомных движений
3. Режим веревки, конец трейла прикреплен к другому нулю
4. Трейл после генерации сдвигается по позиции с заданной скоростью
Работает медленно, для превью советую уменьшать количество семплов и возвращать назад перед рендером.
Вывод: аналогов для📱 нет (или я про них не знаю), по сути скрипт повторяет часть функционала Cavalry, но делает это в один клик (в Cavalry придется еще и ПОДУМАТЬ, мы такое не одобряем)
На странице aescripts есть больше примеров
В комментах скину проект, так что можно посмотреть как всё работает даже без скачивания скрипта.
Поддержать на boosty
Протестировал скрипт, чтобы вам не пришлось.
Trails на aescripts. Стоит $17.99, но есть пробный период, а т.к. это скрипт, а не плагин — с созданными проектами ничего не случится.
Создает след за любым движущимся объектом, но в отличии от способа с echo, партиклами и т.д. — делает это с помощью шейпа. А это значит, что с трейлом можно делать всё, что и любым другим шейпом: модифицировать скриптами и модификаторами, экспортировать в lottie или юзать как маску для расположения текста.
Некоторые возможности:
1. Стандартный режим, просто оставляет след пройденного пути объекта
2. Тоже самое, но добавляет рандомных движений
3. Режим веревки, конец трейла прикреплен к другому нулю
4. Трейл после генерации сдвигается по позиции с заданной скоростью
Работает медленно, для превью советую уменьшать количество семплов и возвращать назад перед рендером.
Вывод: аналогов для
На странице aescripts есть больше примеров
В комментах скину проект, так что можно посмотреть как всё работает даже без скачивания скрипта.
Поддержать на boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥34
This media is not supported in your browser
VIEW IN TELEGRAM
Векторный 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
Восполняем
Выше я уже рассказывал как использовать
Зачем? — чтобы рендерить векторные Lottie анимации. Этот инструмент сэкономит сотни часов рабочего времени.
1. Дублирую исходный объект. Искажаю с помощью
Object - Envelope Distort - Make with Mesh с сеткой 1x1
2. Преобразую эффект в векторные пути
Object - Expand
3. Переношу всё в After Effects. Ставлю ключи на все path, копирую их с первого на второй, после чего удаляю искаженный объект т.к. больше он нам не пригодится
4. Финальная анимация, в которой я использовал этот прием
Поддержать на boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
116🔥52
Forwarded from Вальд учится
This media is not supported in your browser
VIEW IN TELEGRAM
Начал пользоваться супер-удобным плагином (скриптом?) zoom, чего и вам советую.
Плагин позволяет плавно менять масштаб вьюпорта, вместо проклятых 25-50-100%. Можно пользоваться слайдером, а можно - и это прекрасно - зажимать ctrl и крутить колесико. И всё это бесплатно✨
и я ведь его встретил у кого-то в канале, и хотел сейчас репостнуть, но запись так и не нашел
upd:
один минус заметил: при зуме вьюпорт центрируется
Плагин позволяет плавно менять масштаб вьюпорта, вместо проклятых 25-50-100%. Можно пользоваться слайдером, а можно - и это прекрасно - зажимать ctrl и крутить колесико. И всё это бесплатно
и я ведь его встретил у кого-то в канале, и хотел сейчас репостнуть, но запись так и не нашел
upd:
один минус заметил: при зуме вьюпорт центрируется
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥46
Forwarded from karpik.realtime
This media is not supported in your browser
VIEW IN TELEGRAM
как в Rive изобрели быстрый блюр векторов, он же feather, без gaussian blur и смс
https://rive.app/blog/how-rive-reinvented-feathering-for-the-vectorian-era
https://rive.app/blog/how-rive-reinvented-feathering-for-the-vectorian-era
🔥26
This media is not supported in your browser
VIEW IN TELEGRAM
Ночной сенсационный лайфхак тысячелетия:
можно выбрать цвет eyedrope'ром вне интерфейса📱
для этого нужно зажать левую кнопку мыши внутри интерфейса, а потом перенести на нужный участок и отпустить
В первую очередь касается MacOS — по-другому просто не работает
На винде благодаря этому приему не уходит фокус с Ae, но в целом и без зажатия получится
Посты пишутся, но работа не дает их закончить, всё будет
можно выбрать цвет eyedrope'ром вне интерфейса
для этого нужно зажать левую кнопку мыши внутри интерфейса, а потом перенести на нужный участок и отпустить
В первую очередь касается MacOS — по-другому просто не работает
На винде благодаря этому приему не уходит фокус с Ae, но в целом и без зажатия получится
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥39
This media is not supported in your browser
VIEW IN TELEGRAM
Моушн-дизайнеры, предположим вам нужно покрасить текст в линейный градиент из 3х цветов и слегка его анимировать.
Как будете решать задачу?
Как будете решать задачу?
Спасибо за ответы!
Я давно использую freeGradient (0+$) и вам рекомендую, мне кажется это оптимальное решение.
В комментах ребята предложили шейп под маской — самый логичный вариант, но меня ажтрясет от того что мы должны создавать 2 слоя, маску и привязку ради простого градиента.
freeGradient добавляет НОРМАЛЬНЫЙ эффект градиента, с любым количеством цветов, с холдами на цвет (больше не придется ставить ключи вплотную). В общем качаем✨
Я давно использую freeGradient (0+$) и вам рекомендую, мне кажется это оптимальное решение.
В комментах ребята предложили шейп под маской — самый логичный вариант, но меня ажтрясет от того что мы должны создавать 2 слоя, маску и привязку ради простого градиента.
freeGradient добавляет НОРМАЛЬНЫЙ эффект градиента, с любым количеством цветов, с холдами на цвет (больше не придется ставить ключи вплотную). В общем качаем
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥72
This media is not supported in your browser
VIEW IN TELEGRAM
Заметки про эффекты для рендера в Lottie. Часть 1
Общий stroke для дыма делаю так: копирую исходные слои и добавляю обводку, располагаю их в самом низу.
Можно добавить общий stroke для группы шейпов, если вынести его выше групп по иерархии, но у такого способа есть 2 больших минуса:
1. это очень плохо сказывается на производительности json файла
2. все шейпы дыма придется создавать в одном слое, что не совсем удобно (но в моем примере сделано именно так т.к. когда-то я пытался решить задачу общей обводкой)
Файл📱 с дымком в комментах
Поддержать на Boosty
Общий stroke для дыма делаю так: копирую исходные слои и добавляю обводку, располагаю их в самом низу.
Можно добавить общий stroke для группы шейпов, если вынести его выше групп по иерархии, но у такого способа есть 2 больших минуса:
1. это очень плохо сказывается на производительности json файла
2. все шейпы дыма придется создавать в одном слое, что не совсем удобно (но в моем примере сделано именно так т.к. когда-то я пытался решить задачу общей обводкой)
Файл
Поддержать на Boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥46
This media is not supported in your browser
VIEW IN TELEGRAM
Заметки про эффекты для рендера в Lottie. Часть 2
Подход к эффектам может быть абсолютно разным: сделать сразу шейпами, нарисовать покадровый скетч, взять референс и обводить по нему сверху
В этом примере я применил auto-trace по этому футажу
1. Превращаю видео в шейпы с помощью Layer - Auto-trace. С настройками трассировки нужно поиграть так, чтобы не было лишних мусорных точек. Auto-trace создает не шейп, а маску на солиде — её нужно просто скопировать в path шейпа. Чищу от лишних ключей и точек для оптимизации json файла
2. Свечение вокруг шейпа сделано с помощью 3х обводок разной толщины с непрозрачностью 22%
3. Для придания дополнительного Glow-эффекта создал окружность с радиальным градиентом, которую в анимации сжал до формы овала (чтобы максимально повторить форму вытянутой линии)
4. Поместил в прекомп, продублировал 2 раза, сместил по времени, поменял scale/rotation
Файл📱 с энергетической хуйней в комментариях!
Поддержать на Boosty
Подход к эффектам может быть абсолютно разным: сделать сразу шейпами, нарисовать покадровый скетч, взять референс и обводить по нему сверху
В этом примере я применил auto-trace по этому футажу
1. Превращаю видео в шейпы с помощью Layer - Auto-trace. С настройками трассировки нужно поиграть так, чтобы не было лишних мусорных точек. Auto-trace создает не шейп, а маску на солиде — её нужно просто скопировать в path шейпа. Чищу от лишних ключей и точек для оптимизации json файла
2. Свечение вокруг шейпа сделано с помощью 3х обводок разной толщины с непрозрачностью 22%
3. Для придания дополнительного Glow-эффекта создал окружность с радиальным градиентом, которую в анимации сжал до формы овала (чтобы максимально повторить форму вытянутой линии)
4. Поместил в прекомп, продублировал 2 раза, сместил по времени, поменял scale/rotation
Файл
Поддержать на Boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
81🔥24
This media is not supported in your browser
VIEW IN TELEGRAM
Заметки про эффекты для рендера в Lottie. Часть 3
Auto-trace в любом случае создаст лишние точки — нужно убирать их руками.
Плагин Penpal сделает это автоматически по аналогии с Simplify в иллюстраторе, но его я не тестировал (45 баксов на дороге не валяются)
Trace можно сделать кадр за кадром в📱 — в некоторых случаях это может быть более удобным способом.
Меньше точек — меньше данных нужно хранить в json файле
Меньше точек — меньше ресурсов процессора устройства задействуется для рендера json файла.
УДАЛИЛ ТОЧКИ — НЕ ОСТАВИЛ ЭКОЛОГИЧЕСКИЙ СЛЕД
Поддержать на Boosty
Auto-trace в любом случае создаст лишние точки — нужно убирать их руками.
Плагин Penpal сделает это автоматически по аналогии с Simplify в иллюстраторе, но его я не тестировал (45 баксов на дороге не валяются)
Trace можно сделать кадр за кадром в
Меньше точек — меньше данных нужно хранить в json файле
Меньше точек — меньше ресурсов процессора устройства задействуется для рендера json файла.
УДАЛИЛ ТОЧКИ — НЕ ОСТАВИЛ ЭКОЛОГИЧЕСКИЙ СЛЕД
Поддержать на Boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
6💯22
This media is not supported in your browser
VIEW IN TELEGRAM
Сделал новые скины для подарка 🎁 , рисовала Elena Pomaskina. Апгрейд уже доступен в Telegram
Мы делали только эти, остальные скины рисовали другие ребята
Из любопытных технических деталей:
-в 2077 я использовал Knife в📱 для нарезки цифр на фрагменты
-в 1853 линии вокруг букв сделаны trim path + offset, но сами шейпы я предварительно сделал с помощью Object - Path - Offset Path в📱 (Offset на шейпах в Ае не поддерживается BodymovinTG)
-цифры по очереди выходят на передний план, пайплайн у меня такой: сначала делаю финальную анимацию цифр, далее копию слоя помещаю наверх и обрезаю на таймлайне, чтобы он отображался только в тот момент, когда цифра должна увеличиваться
Из любопытных технических деталей:
-в 2077 я использовал Knife в
-в 1853 линии вокруг букв сделаны trim path + offset, но сами шейпы я предварительно сделал с помощью Object - Path - Offset Path в
-цифры по очереди выходят на передний план, пайплайн у меня такой: сначала делаю финальную анимацию цифр, далее копию слоя помещаю наверх и обрезаю на таймлайне, чтобы он отображался только в тот момент, когда цифра должна увеличиваться
Please open Telegram to view this post
VIEW IN TELEGRAM
20🔥40
This media is not supported in your browser
VIEW IN TELEGRAM
Итак, коробка собрана с помощью композиций повернутых в 3D пространстве, я думаю с этим ни у кого никаких вопросов нет а если есть, ловите туториал по сборке подобного на youtube
Я расскажу только про Advanced✨ techniques:
1. Фейковый шейдинг на экспрешнах
Каждая боковая часть превращается в темную внутреннюю часть, когда отворачивается от нас с помощью эффекта Fill и кода на effect opacity:
Каждая боковая часть уходит в тень при переходе из левой части композиции в правую, с помощью эффекта Tritone и кода на effect opacity:
2. 3D Bend на крышке коробки
До недавнего времени я не знал об этом, но оказывается в📱 можно сгибать 3D слои, прямо как бендом в Cinema 4D
Опция Curvature в Geometry Options появляется только у пре-композиций, на других слоях не работает.
К сожалению гибких настроек нет, но в моем случае большего и не нужно
Скачать проект можно в комментариях к посту
Поддержать на Boosty
Я расскажу только про Advanced
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 Rotation2. 3D Bend на крышке коробки
До недавнего времени я не знал об этом, но оказывается в
Опция Curvature в Geometry Options появляется только у пре-композиций, на других слоях не работает.
К сожалению гибких настроек нет, но в моем случае большего и не нужно
Скачать проект можно в комментариях к посту
Поддержать на Boosty
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥77🙏10💯6