Анимация Сайта в After Effects. Как Сделать Крутую UI Анимацию

Опубликовано: 28 Сентябрь 2024
на канале: Юра Фреш

8,308

300

Это продолжение урока по тому как анимировать сайт в Adobe After Effects.
Макет сайта в Photoshop мы подготовили в первом уроке:    • Как подготовить PSD макет сайта для а...
В этой части мы будем фокусироваться на процессе анимации страниц сайта в Афтер Эффектс.
Я специально не использовал дополнительные плагины в своей работе, чтобы вы могли все повторить без лишних заморочек.
Видео будет полезно как UI дизайнерам, так и моушн дизайнерам, кто хочет научиться анимировать интерфейсы в After Effects.
Я покажу много фишек, которые упростят вам работу с After Effects.

Экспрешены из этого видео:
Для анимации кружочков. * заменить на нужные цифры или прявязать к слайдеру:
wiggle(*,*)
Чтобы привязать эффект Ramp:
toComp(value)

Полезные видео по теме:
📍 Как подготовить PSD макет сайта для анимации:    • Как подготовить PSD макет сайта для а...
💡 Изучаем After Effects за 35 мин:    • Изучаем основы After Effects за 35 ми...
📍Скрипты, которые я использую для работы в After Effects:    • ТОП 9 лучших Скриптов для After Effec...
____________________

Мои соц. сети:
  / yura.fresh
  /

⏱ Таймкоды:
0:00 Начало
0:22 Импорт PSD файла в After Effects
01:43 подготовка к Анимации
03:22 Анимация текста в UI дизайне
12:12 Анимация бекграунд элементов
24:15 Анимация блока фотографий
33:55 Выводы