Как SaaS-бренды анимируют сетки Bento

Сетки Bento можно увидеть во всех видеороликах, посвященных запуску SaaS, и в основных докладах о продуктах, и если вы работаете с клиентами, вас, вероятно, уже просили об этом. В этом уроке я покажу вам неправильный способ их создания, тот, который разваливается в тот момент, когда клиент просит об изменении, и правильный путь, используя адаптивную установку, которая сохраняет каждую ячейку, изображение и строку текста на месте.

00:00 Зачем использовать сетки Saas Bento
00:30 Создайте сетку точек
02:30 Сетка контуров блоков
03:20 Использование точек траектории и нулевых контроллеров
04:00 Создание процедурной схемы расположения блоков, повторяющей точки
06:00 Добавление блока с градиентом
08:00 Добавление видеоряда в сетку
09:10 Анимация видеоряда с помощью сетки
10:30 Анимация сетки
11:20 Анимация блоков с градиентом на сетке
12:40 Как создать систему анимации/риг для точек сетки
15:30 Делаем сетку интерактивной и анимируем ее
20:30 Встроенная анимация сетки в After Effects

#tutorial | By Stephan Zammit

Настройки эффекта эха в After Effects

#tutorial | By motionpastestudio

Текстурирование вашей анимации

#tutorial | By Chris Moran

Анимация Glitch логотипа в After Effects

В этом уроке по After Effects мы создадим эффект RGB Glitch без использования плагинов. Мы будем использовать стандартные текстуры в качестве карты смещения, чтобы создать эффект глитча. Используйте его с любым логотипом или текстом.

#tutorial | By Motion Nations

Анимация параллакса в стиле 3D-камеры в кинематографическом стиле в After Effects

#tutorial | Project | By Nijat Ibrahimli

Как сделать преломленное стекло с RGB-градиентом в After Effects

#tutorial | by P A N T E R

5 гиперкинематографических эффектов, которые следует знать в After Effects

Готовы ли вы сделать свою анимированную графику органичной, кинематографичной и красивой? С помощью нескольких скрытых эффектов и техник вы можете создать мощную анимированную графику в After Effects.

00:00 Вступление
00:13 Техника 1. Придайте кинематографичность чему угодно
02:07 Техника 2. Световой контраст
03:03 Техника 3. Кинематографичный морфинг
04:19 Техника 4. Разделение движения
05:30 Техника 5. Сделайте плохой дизайн кинематографичным

#tutorial | Project | By SonduckFilm

Безумный прыжок на машине из GTA 6 в After Effects с Seedance 2.5

В этом уроке я покажу вам, как я превратил реальные кадры моего Мустанга в сумасшедший автомобильный трюк в стиле GTA с помощью After Effects AI. Мы начнем с того, как я снимал оригинальные кадры, затем воспользуемся Seedance 2.5 в Artlist для создания кадров AI и, наконец, перенесем все в After Effects, чтобы добавить наложения в стиле GTA, отшлифовать композицию и завершить эффект.

#tutorial | Project | By Ignace Aleya

Как создать анимацию карты в After Effects

В этом уроке по After Effects вы шаг за шагом научитесь создавать анимированную 3D-карту, используя 3D-камеру для путешествий по разным частям мира и достижения динамичного профессионально выглядящего результата.

00:00 Анимация карты в After Effects
01:24 Импортируем файлы
02:45 Подготавливаем карту
03:37 Преобразуем векторные слои в фигуры
06:56 Создаем маршрут на карте
09:42 Создаем 3D-камеру
09:59 Заставляем Null следовать по маршруту
13:49 Создаем подложку для трека
37:27 Включаем размытие в движении
37:44 Последние штрихи
41:44 Окончание

#tutorial | By Vane Motion

Gaussian Splatting

#tutorial | By Saff VFx