After Effects / Motion Design
Потрясающий пользовательский интерфейс 3D-стекла с пояснениями в виде интерактивного текстаВ этом видео по After Effects вы узнаете, как создавать и анимировать реалистичные 3D-стеклянные интерфейсы, динамические карты пользовательского интерфейса, реагирующие на движение мыши, и текстовую анимацию, активируемую при наведении курсора мыши, – все это на 100% в After Effects, не требуя 3D-программного обеспечения.00:40 Добавление текстового слоя и подготовка его к анимации01:35 Создание анимации текстовой звезды с использованием градиентов слоя фигур03:20 Добавление маркера и присвоение ему названия03:40 Создание градиентного фона с помощью градиентной рампы04:35 Добавление фоновых элементов в шахматном порядке с закругленными прямоугольниками06:00 Создание сетки06:25 Создание цветовой палитры и планирование пояснительного видео с раскадровками с помощью Milanote11: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
Оставить комментарий/отзыв