"Анимация и дизайн HUD&UI" — первый практический видеокурс, который научит вас создавать и анимировать HUD&UI-интерфейсы на профессиональном уровне.
Автор курса Тимур Константинов — профессиональный моушен-дизайнер, создатель многих известных роликов с использованием HUD&UI графики и не только.
В видеокурсе Тимур подробно покажет и расскажет вам, как создавать HUD&UI-элементы в программе Adobe Illustrator и анимировать их в After Effects. При этом стоит отметить, что "Анимация и дизайн HUD&UI" — это курс не столько о программах, сколько о принципах и правилах создания профессиональных HUD&UI-интерфейсов.
Курс состоит из 36 занятий, которые объединены в 4 главы, и 8 увлекательных домашних заданий. Длительность курса составляет более 26 часов. В курсе детально рассматривается процесс создания HUD&UI-элементов с самого нуля до профессиональных вершин.
Глава №1 - Дизайн HUD&UI-элементов
- Введение в мир HUD&UI. - Подготовка к работе. - Анализ референсов HUD-прицелов и их дизайн. - Изучение референсов окон и прочих UI-элементов и их дизайн.
2 домашних задания: 1. Создать дизайн нескольких прицелов и точек. 2. Разработать дизайн некоторых UI-элементов, таких как окна, полосы прогресса, плашки и т. д.
Глава №2 - Анимация прицелов и точек
- Начальная анимация точек. - Введение в экспрешены, а также углубление в более продвинутую работу с ними. - Особенности анимации текста в HUD&UI. - Анимация средних и больших прицелов. - Написания первого простого скрипта на примере создания отражений (Flip) элементов по вертикали и горизонтали внутри Shape-слоя. - Скрипт AE Modular и Prop Meet в подарок.
2 домашних задания: 1. Разработать анимацию прицелов-точек. 2. Разработать анимацию больших и средних прицелов.
Глава №3 - Анимация окон и прочих UI-элементов
- Анимация титров и плашек. - Линии прогресса и заполняющие элементы детализации кадра. - Разнообразные окна: видеоплеер, списки, профиль, окно кода, файловое дерево, отпечаток пальца, а также сканирование сетчатки глаза. - Особенности анимации переходов содержащихся картинок и видео внутри окон, в контексте HUD&UI-стилистики. - Разработка большого скрипта для автоматизации процесса анимации списка городов. - Анимация нодового UI-элемента.
4 домашних задания: 1. Разработка анимации титра и плашек. 2. Создание анимации линии прогрессов (Progress bar). 3. Анимация нескольких окон. 4. А также анимация любого UI-элемента на ваш выбор.
Глава №4 - Подробный разбор проморолика этого курса.
- Стилизация проекта, а также структурные особенности проекта. - Анимация аватарок. - Эпизод с линией времени, содержащиеся элементы в нём. - Особенности анимации HUD&UI-логотипа, а также переход к эпизоду с визуализацией сути. - Особенности сцены с «сутью». В частности, фон, текст, взрыв и вырисовывающаяся линия. - Эпизод с анимацией титров, таких как Fictional User Interface и другие. - Эпизод с анимацией планеты, а также окно с изометрической картой. - Переход из планеты к финальному кадру.
Бонус:
Вместе с курсом вы получите в подарок два скрипта от Тимура Константинова. Эти скрипты были разработаны специально для данного курса, и они предназначены для того, чтобы упростить вам работу и ускорить создание сложных HUD&UI-элементов.
После завершения курса и успешного выполнения всех домашних заданий вы получите сертификат от команды VideoSmile, который поможет вам при устройстве на работу.