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

Envato: https://1.envato.market/aNQ2oo Узнайте, как SaaS-бренды анимируют сетки Bento в After Effects. Мы создаем полностью адаптивную сетку Bento нативно, без плагинов: измените одну ячейку, и весь макет адаптируется. Где найти что: (Все ссылки!) 🚀 Mograph Effector — плагин, который я использую: https://www.neuronfx.com/products/mog... ❤️ Опрос за 60 секунд — https://tally.so/r/A7kVPk 📩 *Получите выражения*, которые я использую в уроке: https://neuronfx.gumroad.com/l/nmijeq... Сетки Bento повсюду в видеороликах о запуске SaaS-продуктов и презентациях продуктов, и если вы работаете с клиентами, вас, вероятно, уже просили создать такую ​​сетку. В этом уроке я покажу вам неправильный способ их создания, тот, который разваливается в тот момент, когда клиент просит внести изменения, и правильный способ, использующий адаптивную модель, которая удерживает каждую ячейку, изображение и строку текста на месте. Затем я пойду еще дальше, используя Mograph Effector 2.0 — инструмент, который я разработал, позволяющий анимировать всю сетку без создания ключевых кадров для каждой отдельной ячейки. Что вы узнаете: 0:00 - Зачем использовать Saas Bento Grids 0:30 - Создание сетки точек 2:30 - Сетка контуров блоков 3:20 - Использование точек пути и нулевых контроллеров 4:00 - Создание процедурной компоновки блоков, следующей за точкой 6:00 - Добавление градиентного блока 6:50 - Envato 8:00 - Добавление видеоматериала в сетку 9:10 - Анимация видеоматериала с помощью сетки 10:30 - Анимация сетки 11:20 - Анимация градиентных блоков на сетке 12:40 - Как создать систему анимации/риг для точек сетки 15:30 - Создание интерактивной сетки и ее анимация 20:30 - Анимация сетки непосредственно в After Effects #aftereffects #motiondesign #bentogrid