Потрясающий пользовательский интерфейс 3D-стекла с пояснениями в виде интерактивного текста

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

00:40 Добавление текстового слоя и подготовка его к анимации
01:35 Создание анимации текстовой звезды с использованием градиентов слоя фигур
03:20 Добавление маркера и присвоение ему названия
03:40 Создание градиентного фона с помощью градиентной рампы
04:35 Добавление фоновых элементов в шахматном порядке с закругленными прямоугольниками
06:00 Создание сетки
06:25 Создание цветовой палитры и планирование пояснительного видео с раскадровками с помощью Milanote
11:25 Создание основной 3D-панели из стекла
12:00 Использование расширенной опции 3D и настройка скорости рендеринга
12:25 Настройка параметров материала для создания отражений в стекле
13:00 Добавление камеры с анимационной техникой
14:00 Добавление источников света для создания реалистичных отражений в стекле
15:35 Создание эффекта размытия стекла на нашем стекле
16:15 Превращение любого слоя в корректирующий слой
16:45 Создание реалистичных краев из 3D стекла
17:30 Создание 3D стеклянных карточек
19:30 Добавление текста поверх 3D карточек
20:40 Анимация стеклянных 3D-карточек
21:50 Изменение цвета карточек
22:10 Анимация заставки к карточкам в произвольном порядке
22:40 Анимация всей сцены и переключение камер
23:40 Создание интерактивной анимации на карточках при наведении курсора на них
25:40 Добавление второй анимации взаимодействия для подсветки карточек при наведении курсора
27:10 Анимация текста при наведении курсора
29:00 Использование временной привязки для воспроизведения анимации
30:00 Настройка выражения для настройки точки привязки
32:40 Добавление 3D-указателя

#tutorial | By Stephan Zammit