Анимация Сайта в After Effects. Как Сделать Крутую UI Анимацию
Юра Фреш
0:00 / 0:00
Анимация Сайта в After Effects. Как Сделать Крутую UI Анимацию
10 721 просмотр · 5 л. назад
Юра Фреш
8,65 тыс. подписчиков
10 721 просмотр · 5 л. назад
Это продолжение урока по тому как анимировать сайт в 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 Effects. M...
____________________
Мои соц. сети:
/ yura.fresh
/
⏱ Таймкоды:
0:00 Начало
0:22 Импорт PSD файла в After Effects
01:43 подготовка к Анимации
03:22 Анимация текста в UI дизайне
12:12 Анимация бекграунд элементов
24:15 Анимация блока фотографий
33:55 Выводы