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