[VideoSmile] Дизайн и анимация HUD&UI [Тимур Константинов]

120

Самый полный курс по дизайну и анимации HUD&UI-элементов от команды VideoSmile

  • 36 практических занятий
  • Домашние задания и кураторство
  • Сертификат о прохождении курса
  • Никаких ограничений по времени

6 ключевых особенностей курса
1
Домашнее задание
к каждой главе
Грамотно составленные домашние задания способствуют лучшему усвоению материала.
2
Поддержка от автора
и кураторов
Вы будете получать необходимую обратную связь и наставничество.
3
Сертификат о прохождении курса от VideoSmile
Подтверждение того, что вы прошли качественное обучение.
4
Портфолио с вашими работами
По завершении курса у вас на руках будет несколько готовых работ, которые вы сможете поместить себе в портфолио для привлечения новых заказчиков.
5
Никаких ограничений по времени
Курс предоставляется вам навсегда, без каких-либо лимитов и ограничений по времени.
Занимайтесь тогда, когда вам удобно.
6
Необязательно иметь графический планшет
Если он есть — хорошо, если нет, курс можно проходить, рисуя мышкой или обычным карандашом по бумаге.

Программа курса
ГЛАВА 1
Дизайн HUD&UI-элементов
5 занятий (2 часа 26 минут)
Рассмотренные темы:

Программа курса

  • Введение в мир HUD&UI
  • Подготовка к работе
  • Анализ референсов HUD-прицелов и их дизайн
  • Изучение референсов окон и прочих UI-элементов и их дизайн

2 домашних задания:

  • 1.
    Создать дизайн нескольких прицелов и точек
  • 2.
    Разработать дизайн некоторых UI-элементов, таких как окна, полосы прогресса, плашки и т. д.

ГЛАВА 2
Анимация прицелов и точек
6 занятий (9 часов 6 минут)
Рассмотренные темы:

  • Начальная анимация точек
  • Введение в экспрешены, а также углубление в более продвинутую работу с ними
  • Особенности анимации текста в HUD&UI
  • Анимация средних и больших прицелов
  • Написания первого простого скрипта на примере создания отражений (Flip) элементов по вертикали и горизонтали внутри Shape-слоя
  • Скрипт AE Modular и Prop Meet в подарок

2 домашних задания:

  • 1.
    Разработать анимацию прицелов-точек
  • 2.
    Разработать анимацию больших и средних прицелов

ГЛАВА 3
Анимация окон и прочих UI-элементов
13 занятий (12 часов 39 минут)
Рассмотренные темы:

  • Анимация титров и плашек
  • Линии прогресса и заполняющие элементы детализации кадра
  • Разнообразные окна: видеоплеер, списки, профиль, окно кода, файловое дерево, отпечаток пальца, а также сканирование сетчатки глаза
  • Особенности анимации переходов содержащихся картинок и видео внутри окон, в контексте HUD&UI-стилистики
  • Разработка большого скрипта для автоматизации процесса анимации списка городов
  • Анимация нодового UI-элемента

4 домашних задания:

  • 1.
    Разработка анимации титра и плашек
  • 2.
    Создание анимации линии прогрессов (Progress bar)
  • 3.
    Анимация нескольких окон
  • 4.
    А также анимация любого UI-элемента на ваш выбор

ГЛАВА 4
Подробный разбор проморолика этого курса
12 занятий (2 часа 36 минут)
Рассмотренные темы:

  • Стилизация проекта, а также структурные особенности проекта
  • Анимация аватарок
  • Эпизод с линией времени, содержащиеся элементы в нём
  • Особенности анимации HUD&UI-логотипа, а также переход к эпизоду с визуализацией сути
  • Особенности сцены с «сутью». В частности, фон, текст, взрыв и вырисовывающаяся линия
  • Эпизод с анимацией титров, таких как Fictional User Interface и другие
  • Эпизод с анимацией планеты, а также окно с изометрической картой
  • Переход из планеты к финальному кадру