This media is not supported in your browser
VIEW IN TELEGRAM
Выше есть ролик, в котором я использовал CC Cylinder на тексте, немного проапгрейдил ту версию
Сделано так:
-анимация шейпов по path
-wave warp на шейпах в момент вращения цилиндра
-cc cylinder, в котором передняя и задняя части поворачиваются отдельно и с небольшим оффсетом
-экспрешн на баунс
Если всё еще непонятно — качайте проект бесплатно и без смс с GoogleDrive или из первого комментария к этому посту
Сделано так:
-анимация шейпов по path
-wave warp на шейпах в момент вращения цилиндра
-cc cylinder, в котором передняя и задняя части поворачиваются отдельно и с небольшим оффсетом
-экспрешн на баунс
Если всё еще непонятно — качайте проект бесплатно и без смс с GoogleDrive или из первого комментария к этому посту
Pototsky!
Выше есть ролик, в котором я использовал CC Cylinder на тексте, немного проапгрейдил ту версию Сделано так: -анимация шейпов по path -wave warp на шейпах в момент вращения цилиндра -cc cylinder, в котором передняя и задняя части поворачиваются отдельно и с…
This media is not supported in your browser
VIEW IN TELEGRAM
Камера влияет не только на 3D слои, но и на некоторые эффекты
Если в этот проект не добавить камеру с параметром Zoom 10000+, то появятся искажения перспективы, которые мне тут видеть не хотелось
Если в этот проект не добавить камеру с параметром Zoom 10000+, то появятся искажения перспективы, которые мне тут видеть не хотелось
4 12✍3
Pototsky!
Выше есть ролик, в котором я использовал CC Cylinder на тексте, немного проапгрейдил ту версию Сделано так: -анимация шейпов по path -wave warp на шейпах в момент вращения цилиндра -cc cylinder, в котором передняя и задняя части поворачиваются отдельно и с…
Кстати, если хотите, чтобы ваше видео в Telegram отображалось без таймкода, как GIF — нужно при рендере отключить звук, даже если его нет в проекте, а размер файла должен быть до 10 мегабайт (handbrake в помощь)
handbrake.fr
HandBrake: Open Source Video Transcoder
HandBrake is an open-source, GPL-licensed, multiplatform, multithreaded video transcoder.
✍13 6
This media is not supported in your browser
VIEW IN TELEGRAM
▎Рубрика "Чиним After Effects силами комьюнити"
Скрипт Create Nulls from Paths, который устанавливается вместе с АЕ криво работает (и судя по постам на reddit я такой не один), да и в целом обладает ограниченным функционалом
К счастью существуют народные версии, которые исправляют проблему и/или расширяют возможности:
1. Create Nulls From Paths
Скачать | Автор: Pablo Cuelloвсегда читаю его имя как Пауло Коэльо 🤡
2. G_Create Nulls from Paths
Скачать | Автор: Gareso
3. Create Nulls From Paths Points and Tangents
Скачать | Автор: Nick Hill
4. Create Nulls From Paths EXTENDED
Скачать | Автор: Crunchycreatives
Примеры использование нулей с тангентами в работах Buck и Ordinary Folk: раз, два
Если хотите покрутить линию из гифки — проект *.aep в первом комментарии к этому посту
Adobe just doing half of their job
#AfterEffects
Скрипт Create Nulls from Paths, который устанавливается вместе с АЕ криво работает (и судя по постам на reddit я такой не один), да и в целом обладает ограниченным функционалом
К счастью существуют народные версии, которые исправляют проблему и/или расширяют возможности:
1. Create Nulls From Paths
Скачать | Автор: Pablo Cuello
Исправляет баги, допущенные командой профессионалов из Adobe. Добавляет опцию, при котором нули будут поворачиваться за точками в режиме Nulls Follow Paths.
2. G_Create Nulls from Paths
Скачать | Автор: Gareso
За основу взяли 1 и прикрутили слайдер Point Index к каждому нулю, чтобы можно было добавлять точки с нулем уже после применения скрипта.
3. Create Nulls From Paths Points and Tangents
Скачать | Автор: Nick Hill
Багфикса с некорректно встающими нулями нет 💀 добавляет кнопку, для того чтобы создать нули не только для точек, но и для ихhandlesнаправляющих.
4. Create Nulls From Paths EXTENDED
Скачать | Автор: Crunchycreatives
Тоже самое, что и 3, но есть возможность добавить управлять не квадратными нулями, а гайдами в виде направляющих — это выглядит так, будто мы редактируем обычный path, хотя на самом деле рулим нулями
Примеры использование нулей с тангентами в работах Buck и Ordinary Folk: раз, два
Если хотите покрутить линию из гифки — проект *.aep в первом комментарии к этому посту
Adobe just doing half of their job
#AfterEffects
✍13 6 5
This media is not supported in your browser
VIEW IN TELEGRAM
Моя анимация из 2018 года для челленджа Pose-to-Pose от Ross Plaskow. Кстати, сейчас он рассказывает про Rive
Тогда осознал, что персонажей намного легче и интересней анимировать в 12fps, а еще это придаёт им особый шарм и убирает "шейповость". Мое мнение на этот счет никто не разделял, так что с тех пор ни одного проекта в таком низком фреймрейте не делал. Сейчас ядеградирую утратил свой огонь к этим Rubberhose / DUIK (или че там сейчас в моде) ригам и делаю персонажей только под lottie, да и тренд на эксплейнеры с персонажами прошел, и вернулся тренд на шейпы, но уже с градиентами ✨
Тогда осознал, что персонажей намного легче и интересней анимировать в 12fps, а еще это придаёт им особый шарм и убирает "шейповость". Мое мнение на этот счет никто не разделял, так что с тех пор ни одного проекта в таком низком фреймрейте не делал. Сейчас я
Если нет идеи для персонального проекта — загляните на https://easyease.co
Это сайт с челленджами от американской студии Ravie, специализирующейся на 2D моушн-дизайне
SFX Challenge выглядит наиболее привлекательным: есть заглавная тема и готовая аудиодорожка с SFX (как правило до 5 секунд), больше никаких рамок нет — можно использовать любой софт и стилистику
Самое крутое, что они кратко разбирают каждую анимацию на стриме т.е. есть возможность получить фидбек от профи из индустрии бесплатно
Я так понял, что монетизировать easyease будут через спонсорские конкурсы, победителю которых предлагается сотрудничество. Как crowdspring.com, но для моушн-дизайнеров
Это сайт с челленджами от американской студии Ravie, специализирующейся на 2D моушн-дизайне
SFX Challenge выглядит наиболее привлекательным: есть заглавная тема и готовая аудиодорожка с SFX (как правило до 5 секунд), больше никаких рамок нет — можно использовать любой софт и стилистику
Самое крутое, что они кратко разбирают каждую анимацию на стриме т.е. есть возможность получить фидбек от профи из индустрии бесплатно
Я так понял, что монетизировать easyease будут через спонсорские конкурсы, победителю которых предлагается сотрудничество. Как crowdspring.com, но для моушн-дизайнеров
✍32 3
This media is not supported in your browser
VIEW IN TELEGRAM
Дружеское напоминание о том, что ChatGPT можно использовать для написания скриптов и экспрешнов выражений в After Effects. Плагин Klutz GPT позволяет это делать прямо в интерфейсе AE. Он бесплатный, но попросит ключ OpenAI
В гифке к посту вся анимация сделана экспрешнами из ChatGPT
Я использую телеграм бот, подключенный к GPT. Например, пишу запрос:
В его ответе была подробная инструкция и этот код:
Рисую шейп из двух точек — обычную прямую, кидаю экспрешн на path и всё работает. Далее я добавил два слайдера для значений minAmplitude и maxAmplitude, для слайдера тоже попросил написать скрипт, который будет менять значение туда-обратно с определенным циклом
Скопировал шейп, поменял значение frequency на 3, просто чтобы гифка не была слишком скучной
Весь код вставлять сюда не буду, а то и так душно
*.aep файл в первом комментарии
#AfterEffects
#Нейросети
В гифке к посту вся анимация сделана экспрешнами из ChatGPT
Я использую телеграм бот, подключенный к GPT. Например, пишу запрос:
напиши скрипт для After Effects который из прямого шейпа сделает анимированную синусоиду. но так, чтобы с одной стороны амплитуда была меньше, чем с другой
В его ответе была подробная инструкция и этот код:
// Параметры синусоиды
var minAmplitude = 20; // Минимальная амплитуда (в пикселях)
var maxAmplitude = 100; // Максимальная амплитуда (в пикселях)
var frequency = 2; // Частота движения (количество колебаний в секунду)
var speed = 2; // Скорость движения
// Создаем массив точек для синусоиды
var points = [];
var numPoints = 100; // Количество точек в синусоиде
var width = thisLayer.width; // Ширина слоя
for (var i = 0; i <= numPoints; i++) {
var x = (i / numPoints) * width; // Распределяем точки по ширине
// Вычисляем амплитуду для текущей точки
var amplitude = linear(x, 0, width, minAmplitude, maxAmplitude);
// Вычисляем y с помощью синусоиды с изменяющейся амплитудой
var y = amplitude * Math.sin(frequency * (x / width) * 2 * Math.PI + time * speed * 2 * Math.PI);
points.push([x, y]);
}
// Создаем новый путь с вычисленными точками
createPath(points, [], [], false);
Рисую шейп из двух точек — обычную прямую, кидаю экспрешн на path и всё работает. Далее я добавил два слайдера для значений minAmplitude и maxAmplitude, для слайдера тоже попросил написать скрипт, который будет менять значение туда-обратно с определенным циклом
Скопировал шейп, поменял значение frequency на 3, просто чтобы гифка не была слишком скучной
Весь код вставлять сюда не буду, а то и так душно
*.aep файл в первом комментарии
#AfterEffects
#Нейросети
✍34 14 5
This media is not supported in your browser
VIEW IN TELEGRAM
Юлия Якубеня уронила сосиску, когда узнала, что простой шейп в After Effects может стать 3D сплайном
В примере к посту про Null from Path я использовал 2D нули. Если переключить их в 3D и разнести в пространстве — шейп начнет вести себя аки сплайн в синеме/блендере, даже направляющие каждой точки можно поворачивать в трех осях, если риг сделан с помощью Create Nulls From Paths EXTENDED
Все свойства шейпа при этом сохраняются:
-можно использовать его как траекторию для других объектов
-добавлять модификаторы — в своем примере я добавил Round Corners, Repeater, Wave у Stroke
Нужно отметить, что такой шейп не будет корректно взаимодействовать с другими 3D слоями, к примеру обернуть спиралькой условный кубик не получится без дополнительных манипуляций
В первом комментарии проект📱 с примером из гифки
#AfterEffects
В примере к посту про Null from Path я использовал 2D нули. Если переключить их в 3D и разнести в пространстве — шейп начнет вести себя аки сплайн в синеме/блендере, даже направляющие каждой точки можно поворачивать в трех осях, если риг сделан с помощью Create Nulls From Paths EXTENDED
Все свойства шейпа при этом сохраняются:
-можно использовать его как траекторию для других объектов
-добавлять модификаторы — в своем примере я добавил Round Corners, Repeater, Wave у Stroke
Нужно отметить, что такой шейп не будет корректно взаимодействовать с другими 3D слоями, к примеру обернуть спиралькой условный кубик не получится без дополнительных манипуляций
В первом комментарии проект
#AfterEffects
Please open Telegram to view this post
VIEW IN TELEGRAM
12✍22 9 2
This media is not supported in your browser
VIEW IN TELEGRAM
Продолжаем ностальгировать по эпохе плоских персонажей
Этот риг был собран мной примерно 6 лет назад для коммерческого проекта — типичный эксплейнер про какой-то там давно закрывшийся банк.
Риг в After Effects имеет смысл, когда персонаж появляется много раз в кадре, иначе проще всё сделать ключами. Реализован с помощью плагина Joysticks-n-Sliders: выставил крайние положения для анимации — смотрит вверх / вниз / влево / вправо, сгенерировал контроллеры и приступил к анимации. Звучит просто, но на самом деле долго добивался того, чтобы правильно работали волосы — приходилось откатываться много раз назад, пробовать что-то поменять в позах, и вроде даже использовать маски.
Джойстики можно использовать не только для персонажей, в комментариях к этому посту накидаю примеров использования J'n'S
Этот риг был собран мной примерно 6 лет назад для коммерческого проекта — типичный эксплейнер про какой-то там давно закрывшийся банк.
Риг в After Effects имеет смысл, когда персонаж появляется много раз в кадре, иначе проще всё сделать ключами. Реализован с помощью плагина Joysticks-n-Sliders: выставил крайние положения для анимации — смотрит вверх / вниз / влево / вправо, сгенерировал контроллеры и приступил к анимации. Звучит просто, но на самом деле долго добивался того, чтобы правильно работали волосы — приходилось откатываться много раз назад, пробовать что-то поменять в позах, и вроде даже использовать маски.
Джойстики можно использовать не только для персонажей, в комментариях к этому посту накидаю примеров использования J'n'S
This media is not supported in your browser
VIEW IN TELEGRAM
Вдогонку к предыдущему посту: автор этого тукана недавно выложил 📱 файл бесплатно (кнопка download, логин не нужен)
Еще риг машинки с файлом📱 Скорее всего сделано руками без использования J'n'S, в целом это не очень сложно при понимании работы экспрешнов — скрипт Joysticks 'n Sliders лишь упрощает задачу
Еще риг машинки с файлом
Туториал по Joysticks 'n Sliders от авторов. Youtube
Обучалка с ригом головы на 360 градусов. Youtube
Болванка из Blender + J'n'S. Youtube
Использование джойстиков с растровыми ассетами. Youtube
Риг головы 1, если нужна обучалка на русском языке. Youtube
Риг головы 2. Youtube
Риг головы 3. Youtube
Please open Telegram to view this post
VIEW IN TELEGRAM
Адаптивные emoji для телеграм + бесплатные исходники
Так выглядит обычный emoji в Telegram😁
А так — адаптивный😁
Адаптивные emoji подстраиваются под цвет интерфейса, к примеру белые линии в темной теме и черные в светлой.
Опцию с адаптивным отображением бот @Stickers предлагает сам на этапе создания нового пака emoji
В дизайне можно использовать не только линии, но и градиенты с уходом opacity в 0 — как видно на примере верхняя и нижняя частиГОВНА персонажа затемнены
В первом комментарии к этом посту я прикреплю исходники ai📱 со скетчами и вектором, исходники aep 📱 под обычный и адаптивный форматы, tgs, json с html превью (просто до кучи, для пака нужен только tgs)
Рисовал и анимировал я, но дальше никуда не пошло. Можно использовать в любых целях, но в первую очередь я это публикую для тех, кому интересно че там под капотом у этих эмодзей и стикеров
#lottie
#aftereffects
Так выглядит обычный emoji в Telegram
А так — адаптивный
Адаптивные emoji подстраиваются под цвет интерфейса, к примеру белые линии в темной теме и черные в светлой.
Опцию с адаптивным отображением бот @Stickers предлагает сам на этапе создания нового пака emoji
В дизайне можно использовать не только линии, но и градиенты с уходом opacity в 0 — как видно на примере верхняя и нижняя части
В первом комментарии к этом посту я прикреплю исходники ai
Рисовал и анимировал я, но дальше никуда не пошло. Можно использовать в любых целях, но в первую очередь я это публикую для тех, кому интересно че там под капотом у этих эмодзей и стикеров
#lottie
#aftereffects
Please open Telegram to view this post
VIEW IN TELEGRAM
10 29 7✍1
This media is not supported in your browser
VIEW IN TELEGRAM
Оля Бузова была в ШОКЕ, когда узнала про 3D-моделирование НУЛЯМИ в After Effects
Выше уже рассказывал про работу псевдо-3D шейпа на нулях. В примере была одна кривая линия, но можно пойти дальше и попробовать собрать что-нибудь поинтересней:
∙ создаю 6 нулей — 2 находятся по центру, 4 составляют форму квадрата (оранжевый шейп на видео)
∙ последовательно соединяю нули с помощью Create Nulls From Paths Extended
∙ 2 центральных нуля разношу по оси z
∙ добавляю еще один null для анимации вращения остальных нулей
По сути это обычные шейпы с обводкой, а их формой управляет экспрешн сгенерированный скриптом Nulls from Paths в параметр path, который заставляет точки передвигаться за нулями. Следовательно после создания анимации экспрешн можно ЗАПЕЧЬ, то есть преобразовать выражение на path в ключевые кадры командой Animation - Keyframe Assistant - Convert Expression to Keyframes. После запекания всё работает даже при рендере Bodymovin-TG в формат стикера
А еще есть плагин для создания простых моделей под Lottie — Extrudalizer
В первом комментарии приложу проект After Effects📱 и покажу другие примеры использования, найденные в сети интернет
#AfterEffects
#Lottie
Выше уже рассказывал про работу псевдо-3D шейпа на нулях. В примере была одна кривая линия, но можно пойти дальше и попробовать собрать что-нибудь поинтересней:
∙ создаю 6 нулей — 2 находятся по центру, 4 составляют форму квадрата (оранжевый шейп на видео)
∙ последовательно соединяю нули с помощью Create Nulls From Paths Extended
∙ 2 центральных нуля разношу по оси z
∙ добавляю еще один null для анимации вращения остальных нулей
По сути это обычные шейпы с обводкой, а их формой управляет экспрешн сгенерированный скриптом Nulls from Paths в параметр path, который заставляет точки передвигаться за нулями. Следовательно после создания анимации экспрешн можно ЗАПЕЧЬ, то есть преобразовать выражение на path в ключевые кадры командой Animation - Keyframe Assistant - Convert Expression to Keyframes. После запекания всё работает даже при рендере Bodymovin-TG в формат стикера
А еще есть плагин для создания простых моделей под Lottie — Extrudalizer
В первом комментарии приложу проект After Effects
#AfterEffects
#Lottie
Please open Telegram to view this post
VIEW IN TELEGRAM
10✍25 10 1
This media is not supported in your browser
VIEW IN TELEGRAM
Классический скринсейвер DVD-плееров в After Effects на одном экспрешне
Постоянно нахожу на reddit какие-нибудь интересные выражения, на этот раз попался код на position, который автоматически создает движение+отскок от краев композиции.
Думал быстро накидаю пример как это можно использовать, но получился целый дейлик (справа на видео)
Чекаксделано: экспрешн с разными значениями скорости и стартовой позиции на круги, круги соединяются линиями с помощью эффекта beam на солидах, анимация на кругах — colorama, продублировал и разнес в пространстве, постэффекты — signal слева, deep glow справа
Проект📱 с этими двумя примерами в первом комментарии к этому посту
#aftereffects
#expressions
Постоянно нахожу на reddit какие-нибудь интересные выражения, на этот раз попался код на position, который автоматически создает движение+отскок от краев композиции.
Думал быстро накидаю пример как это можно использовать, но получился целый дейлик (справа на видео)
Чекаксделано: экспрешн с разными значениями скорости и стартовой позиции на круги, круги соединяются линиями с помощью эффекта beam на солидах, анимация на кругах — colorama, продублировал и разнес в пространстве, постэффекты — signal слева, deep glow справа
Проект
// customize speed, position and offset here
var v = 100; //velocity
var o = 0; //time offset
var i = [0,0]; //initial position
var f = (time+o) * v //function
var t = [i[0]+f, i[1]+f]; //time x/y
var d = thisLayer.sourceRectAtTime(); //dimensions
var s = transform.scale; //scale
var lw = d.width *(s[1]/100); //layer width
var lh = d.height*(s[0]/100); //layer height
var w = thisComp.width - lw; //screen width
var h = thisComp.height - lh; //screen height
// cycle count in x and y
var c = [Math.floor(t[0]/w), Math.floor(t[1]/h)];
// position in cycle for x and y
var p = [t[0] % w, t[1] % h]
// cycle isOdd ? inversed : original
var x = c[0] %2==1 ? w - p[0] : p[0];
var y = c[1] %2==1 ? h - p[1] : p[1];
[x + lw/2, y + lh/2]
#aftereffects
#expressions
Please open Telegram to view this post
VIEW IN TELEGRAM
2✍33 10 2
Моушеры, что по выгоранию? Довольны своим текущим положением? Работаете в штате или на фрилансе? Художниками по заветам брикспейсера будем становиться или и на дядю работать норм? С NFT на пентхаус заработали? Будто бы крайне болезненная тема в последнее время: я сегодня написал человеку в поисках помощи с ригом, но диалог быстро свелся к обсуждению развития в профессии и выгорания 🐱
У меня все неплохо за исключением того, что работаю слишком много — work-life balance проебан. Еще все что связанно с lottie идет со скрипом (5 лет двигать шейпы по PSR — скажите спасибо, что еще не в дурке)
А так хочется в дополнение ко всему остальному вернуться на стоки, записывать обучалки и делать больше личных проектов
У меня все неплохо за исключением того, что работаю слишком много — work-life balance проебан. Еще все что связанно с lottie идет со скрипом (5 лет двигать шейпы по PSR — скажите спасибо, что еще не в дурке)
А так хочется в дополнение ко всему остальному вернуться на стоки, записывать обучалки и делать больше личных проектов
Please open Telegram to view this post
VIEW IN TELEGRAM
1 33 5
This media is not supported in your browser
VIEW IN TELEGRAM
Векторные эффекты для рендера в Lottie
Возьмем для сравнения два эффекта в📱 и 📱 , накинем на любой шейп:
After Effects: Effects - Warp - Fisheye
Adobe Illustrator: Object - Envelope Distort - Make with Warp - Fisheye
Схожий результат, опции +- одинаковые, но между ними есть принципиальная разница: эффект в📱 искажает сам path, а в 📱 он искажает пиксели. Это относиться почти к любым эффектам т.к. простыми словами Ai — это векторный редактор, а Ae — растровый.
Было бы круто использовать векторные эффекты из Ai в Ae для того, чтобы они работали при рендере в Lottie, да? — это реализуемо, но не самым очевидным путем:
Этот прием узнал из поста Pavel K
Исходники с лягушкой в первом комментарии
#aftereffects
#adobeillustrator
#lottie
Возьмем для сравнения два эффекта в
After Effects: Effects - Warp - Fisheye
Adobe Illustrator: Object - Envelope Distort - Make with Warp - Fisheye
Схожий результат, опции +- одинаковые, но между ними есть принципиальная разница: эффект в
Было бы круто использовать векторные эффекты из Ai в Ae для того, чтобы они работали при рендере в Lottie, да? — это реализуемо, но не самым очевидным путем:
1. В Ai копируем исходную иллюстрацию и добавляем на неё Envelope Distort - Warp эффект;
2. Warp преобразуем в path (Object — Expand);
3. Переносим обе иллюстрации в Ae и проставляем ключи на все параметры path;
4. Копируем все ключи path с искаженного объекта и вставляем на исходный.
Этот прием узнал из поста Pavel K
Исходники с лягушкой в первом комментарии
Please open Telegram to view this post
VIEW IN TELEGRAM
5✍32 11 6
This media is not supported in your browser
VIEW IN TELEGRAM
Анимировал новогодний сплеш скрин для Яндекс Еды ✨
Маленький проект — моей задачей было просто немного подвигать абстрактные шейпы
After Effects + Lottie, сделано за 1 день
Поворот игрушек — анимация path
Падение гирлянды — position + экспрешн с запеканием. На самом деле некоторые экспрешны работают в Lottie, но я привык рендерить в Bodymovin-TG где они запрещены, так что на всякий случай всегда преобразую в кейферймы
За предоставленную возможность спасибо prand.tv
Маленький проект — моей задачей было просто немного подвигать абстрактные шейпы
After Effects + Lottie, сделано за 1 день
Поворот игрушек — анимация path
Падение гирлянды — position + экспрешн с запеканием. На самом деле некоторые экспрешны работают в Lottie, но я привык рендерить в Bodymovin-TG где они запрещены, так что на всякий случай всегда преобразую в кейферймы
За предоставленную возможность спасибо prand.tv
Please open Telegram to view this post
VIEW IN TELEGRAM
✍42 28 10
Media is too big
VIEW IN TELEGRAM
Mondayschallenge — еженедельный челлендж для моушн-дизайнеров и аниматоров
-каждый понедельник в профиле обозначают тему и цветовую схему
-продолжительность до 5 секунд
-необходимо использовать шаблон и отметить + указать в описании @mondayschallenge
Репостят по 5-9 работ, публикации набирают в среднем 10к просмотров и 300 лайков — есть шанс привлечь внимание к своему профилю у новой аудитории
Я тоже не прошел мимо и сделал небольшую анимацию: объединил зимнюю тему с futuristic ui, скину в комментарии проект, но я его совсем не причесал (спрашивайте, если что-то интересно)
Пост с моей анимацией
-каждый понедельник в профиле обозначают тему и цветовую схему
-продолжительность до 5 секунд
-необходимо использовать шаблон и отметить + указать в описании @mondayschallenge
Репостят по 5-9 работ, публикации набирают в среднем 10к просмотров и 300 лайков — есть шанс привлечь внимание к своему профилю у новой аудитории
Я тоже не прошел мимо и сделал небольшую анимацию: объединил зимнюю тему с futuristic ui, скину в комментарии проект, но я его совсем не причесал (спрашивайте, если что-то интересно)
Пост с моей анимацией
This media is not supported in your browser
VIEW IN TELEGRAM
Овальные градиенты в After Effects
У градиентов в Adobe Illustrator📱 есть параметр aspect ratio, который позволяет растянуть их, чем очень активно пользуются художники. К сожалению, при переносе такого градиента в After Effects 📱 параметр потеряется, его просто нет на уровне шейпов.
Исправить ситуацию можно так:
1. Растягиваем path
2. Сжимаем по одному из параметров scale
У градиентов в Adobe Illustrator
Исправить ситуацию можно так:
1. Растягиваем path
2. Сжимаем по одному из параметров scale
Please open Telegram to view this post
VIEW IN TELEGRAM
✍30 7 4
This media is not supported in your browser
VIEW IN TELEGRAM
Скругление углов между несколькими шейпами в After Effects
Прием мне часто попадается в иллюстрациях на коммерческих проектах, есть несколько путей его воссоздания в АЕ:
Использую первый метод везде, где это применимо. К сожалению, сложные шейпы ломаются, особенно на углах, в таком случае делаю вторым методом
Пишите, если знаете еще более удобные способы решения задачи
Справа на видео 4 примера использования Gaussian Blur + Levels поверх шейпов, проект скину в комментарии к этому посту
upd: в комментах проверили работу модификаторов в lottie, merge paths не работает, round corners работает
Прием мне часто попадается в иллюстрациях на коммерческих проектах, есть несколько путей его воссоздания в АЕ:
1. Merge Path + Round Corners
Помещаем все шейпы внутрь одного слоя, объединяем с помощью модификатора Merge Path, добавляем модификатор Round Corners
Работает на уровне векторного path
2. Gaussian Blur + Levels
Кидаем вообще на любой слой с альфа каналом и играем с параметрами, нужно выбрать альфа канал на эффекте Levels
Работает на всем подряд как растровый эффект
Использую первый метод везде, где это применимо. К сожалению, сложные шейпы ломаются, особенно на углах, в таком случае делаю вторым методом
Пишите, если знаете еще более удобные способы решения задачи
Справа на видео 4 примера использования Gaussian Blur + Levels поверх шейпов, проект скину в комментарии к этому посту
upd: в комментах проверили работу модификаторов в lottie, merge paths не работает, round corners работает
5✍42 14 5
This media is not supported in your browser
VIEW IN TELEGRAM
Понравилась гифка на pinterest, решил повторить в After Effects и поделиться:
-Кидаем Particle Playground на солид, убираем все Random опции и гравитацию в 0
-Добавляем шейп в качестве частицы
-Анимируем параметр Direction или кидаем выражение wiggle(1,200)
-Прекомпоз и 2 копии: одна под углом 120°, вторая 240°
Чтобы получилось как в оригинале — для каждой копии добавляем отзеркаленную по scale версию (можно в моем проекте включить эти слои и посмотреть)
Для стилизации поверх всей композиции накинул Venetian Blinds
Проект📱 в комментариях
-Кидаем Particle Playground на солид, убираем все Random опции и гравитацию в 0
-Добавляем шейп в качестве частицы
-Анимируем параметр Direction или кидаем выражение wiggle(1,200)
-Прекомпоз и 2 копии: одна под углом 120°, вторая 240°
Чтобы получилось как в оригинале — для каждой копии добавляем отзеркаленную по scale версию (можно в моем проекте включить эти слои и посмотреть)
Для стилизации поверх всей композиции накинул Venetian Blinds
Проект
Please open Telegram to view this post
VIEW IN TELEGRAM
✍47 10 4
C Наступающим! Это был год ✨ саморазвития✨ я учил новый софт, прокачивал насмотренность, пробовал себя на новых ролях в ущерб стабильной проверенной работе, о чем в целом не жалею. Надеюсь, в 2025 доберусь до ютуба (самое время сейчас, да?), тачдизайнера и сделаю что-нибудь интересное для массовой аудитории, а не как обычно для локального кружка моушн-дизайнеров
В 2021 году анимировал стикер-пак с Сантой, традиционно перед новым годом он выходит в топ 1 по использованию относительно остальных наших паков, рисовал Миша. Поделюсь статистикой:
Использовано сегодня: 109577
Установлено сегодня: 8891
Всего использований: 19971824
Всего установок: 4239653
В 2021 году анимировал стикер-пак с Сантой, традиционно перед новым годом он выходит в топ 1 по использованию относительно остальных наших паков, рисовал Миша. Поделюсь статистикой:
Использовано сегодня: 109577
Установлено сегодня: 8891
Всего использований: 19971824
Всего установок: 4239653
Please open Telegram to view this post
VIEW IN TELEGRAM