Post #4853

Потрясающий пользовательский интерфейс 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