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

Освойте создание анимированных футуристических HUD&UI-интерфейсов, которые уже успели стать популярными в кино, видеоклипах и компьютерных играх!

Как вы думаете, что объединяет такие известные голливудские фильмы, как «Железный человек», «Мстители», «Стражи галактики», «Игра Эндера», проморолики Land Rover и Lexus, а также компьютерные игры Call of Duty, Watch Dogs и многие другие?

Да, мы перечислили их неслучайно. Во всех них используется то, чему посвящён этот видеокурс, — а именно футуристические анимированные HUD&UI-интерфейсы! Что это такое?

Это элементы выдуманных интерфейсов для разного рода устройств и систем, используемых в фильмах и роликах, которые придают «эффект технологичности». Безусловно, вы их неоднократно видели в фильмах и можете вспомнить, посмотрев на изображения ниже.

AshThorp www.ashthorp.com

Territory Studio territorystudio.com

Territory Studio territorystudio.com

Territory Studio territorystudio.com

AshThorp www.ashthorp.com

Tim Constantinov vimeo.com/timurko/videos

На сегодняшний день в СНГ очень мало специалистов, которые могут создавать HUD&UI-графику, а учебных пособий на русском языке нет совсем. При этом спрос на тех, кто умеет создавать и анимировать HUD&UI-интерфейсы, колоссальный. Такая графика всё чаще используется в рекламных и промороликах и на YouTube.

Конечно, мы не могли обойти стороной эту тему и, продолжив линейку наших суперкурсов, записали полноценный обучающий видеокурс по созданию анимированных HUD&UI-интерфейсов!

Дизайн и анимация HUD&UI

Дизайн и анимация

HUD&UI

«Анимация и дизайн HUD&UI» — первый практический видеокурс, который научит вас создавать и анимировать HUD&UI-интерфейсы на профессиональном уровне.

Посмотрите проморолик этого курса

Этот ролик составлен таким образом, чтобы не только рассказать вам о курсе, но и продемонстрировать весь спектр HUD&UI-элементов, созданию и анимации которых вы научитесь в этом курсе.

В курсе автор подробно покажет и расскажет вам, как создавать HUD&UI-элементы в программе Adobe Illustrator и анимировать их в After Effects. При этом стоит отметить, что «Анимация и дизайн HUD&UI» — это курс не столько о программах, сколько о принципах и правилах создания профессиональных HUD&UI-интерфейсов.

Автор курса — профессиональный моушен-дизайнер, создатель многих известных роликов с использованием HUD&UI графики и не только.

Тимур Константинов

Тимур Константинов
Опыт работы:
12 лет
Специализация:
создание моушен-графики для кино, компьютерных игр и рекламных роликов
Делал ролики для таких компаний, как:
Тимур Константинов
Wargaming (World of tanks)
Видео
Aviasales, Hotellook
Видео
Сибирское здоровье
Видео
Интро для Усачева
Видео

Тимур о видеокурсе:

«За время работы над крупными и сложными проектами у меня накопилось достаточно много опыта в сфере создания и анимации HUD&UI-интерфейсов. Я знаю, что сегодня эти знания хотели бы получить многие и что в русскоязычном интернете их просто нет, как и нет учебников по
HUD&UI-графике. Я хочу поделиться своими умениями, не только рассказать базис, основу, но и углубиться в подробности, детали, секреты, которые у меня появились в процессе работы. В этом видеокурсе я научу вас с нуля создавать ролики, полностью состоящие из HUD&UI-элементов. Мне нравится делиться своими знаниями — меня это вдохновляет, и я уверен, что этот видеокурс станет настоящим откровением для многих».

6 ключевых особенностей курса

1

Домашнее задание
к каждой главе

Грамотно составленные домашние задания способствуют лучшему усвоению материала.

2

Поддержка от автора
и кураторов

Вы будете получать необходимую обратную связь и наставничество.

3

Сертификат о прохождении курса от VideoSmile

Подтверждение того, что вы прошли качественное обучение.

4

Портфолио с вашими работами

По завершении курса у вас на руках будет несколько готовых работ, которые вы сможете поместить себе в портфолио для привлечения новых заказчиков.

5

Никаких ограничений по времени

Курс предоставляется вам навсегда, без каких-либо лимитов и ограничений по времени.
Занимайтесь тогда, когда вам удобно.

6

Необязательно иметь графический планшет

Если он есть — хорошо, если нет, курс можно проходить, рисуя мышкой или обычным карандашом по бумаге.

Содержание курса

Курс состоит из 36 занятий, которые объединены в 4 главы, и 8 увлекательных домашних заданий. Длительность курса составляет более 26 часов (одних только видеоуроков!).
В курсе детально рассматривается процесс создания HUD&UI-элементов с самого нуля
до профессиональных вершин.

Курс, по сути является квинтэссенцией 10-летнего опыта Тимура в сфере моушен-дизайна.

Мы считаем, что наиболее важная часть обучения — практика и обратная связь. Именно поэтому в каждой главе этого курса вы будете много рисовать и анимировать и по итогу курса получите несколько классных анимированных сцен в своё портфолио. А помогать вам в этом, помимо автора, будут наши кураторы, которые также являются практикующими моушен-дизайнерами.

Приступать к изучению данного курса мы рекомендуем тем студентам, кто владеет базовыми навыками работы в программах After Effects и Illustrator, а также разбирается в работе выражений в After Effects.

Глава 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 и другие
  • Эпизод с анимацией планеты, а также окно с изометрической картой
  • Переход из планеты к финальному кадру

Посмотрите пример урока

Бонус

Вместе с курсом вы получите в подарок два скрипта от Тимура Константинова. Эти скрипты были разработаны специально для данного курса, и они предназначены для того, чтобы упростить вам работу и ускорить создание сложных HUD&UI-элементов.

В ходе изучения курса вы с нуля создадите несколько анимированных сцен, которые сможете положить к себе в портфолио или шоурил.

Пожалуй, наш курс — отличная возможность для многих пополнить своё портфолио новыми работами. Важным преимуществом является то, что все ваши работы будут проверены кураторами проекта (при проверке домашних заданий). Они подскажут вам, что необходимо поправить или переделать. Таким образом, у вас в портфолио будут профессиональные работы (выполненные на достаточно высоком уровне), которые вы сможете без страха и смущения показывать будущим заказчикам.

Портфолио

Использованы работы следующих художников:
https://www.artstation.com/colorblindmess, https://www.artstation.com/erodygin, https://www.artstation.com/oleg1985

Кому мы рекомендуем изучить курс
«Анимация и дизайн HUD&UI»?

Моушен-дизайнерам
Сейчас HUD&UI-графика в тренде — вы сможете повысить свою квалификацию
Графическим дизайнерам
Научитесь не только рисовать HUD&UI в Adobe Illustrator, но и анимировать в After Effects
Всем, кто хочет обучиться новой профессии
Дизайнеры, разбирающиеся в HUD&UI, сейчас нарасхват
Видеоблогерам
Вы научитесь создавать впечатляющие заставки для своих видеороликов, что повысит количество подписчиков!

Сертификат об окончании обучения

После завершения курса и успешного выполнения всех домашних заданий вы получите сертификат от команды VideoSmile, который поможет вам при устройстве на работу.

Сертификат об окончании обучения

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

Дизайн и анимация HUD&UI

Дизайн и анимация

HUD&UI

Стоимость курса:

9990 руб.135 $3568 грн.111 €

Показать цены в: руб. грн. $

Заказать

Как проходит обучение?

Обучение проходит на современной онлайн-платформе VideoSmile, к которой вам будет предоставлен доступ.

Вы сможете изучать курс в любое время. Мы на регулярной основе будем отвечать на ваши вопросы и проверять ваши домашние задания.

Обучающая онлайн-платформа VideoSmile
Обучающая онлайн-платформа VideoSmile

После покупки курса вы получаете доступ на онлайн-платформу VideoSmile, которая многократно повышает эффективность обучения. Там вы будете изучать курс. При использовании онлайн-платформы вам не нужно будет скачивать курс на компьютер. На саму платформу вы сможете заходить не только с компьютера, но и с телефона, из любого места, где есть интернет.

Домашние задания
Домашние задания

Мы постарались сделать их максимально интересными. Вам будет увлекательно их выполнять, и они помогут вам закрепить пройденный материал. Все задания будет проверять ваш наставник — вы будете получать подробные комментарии, что сделали правильно, а что нет. Курс будет открываться постепенно, по мере сдачи домашних заданий.

Круглосуточная поддержка
Круглосуточная поддержка

Если во время изучения курса у вас возникнут какие-либо вопросы, вы всегда сможете задать их на онлайн-платформе и получить своевременные ответы от кураторов курса. Помимо этого, онлайн-платформа позволит вам задавать вопросы автору курса, общаться с другими студентами, а также делиться своими результатами.

Гарантия возврата средств

Как обычно, мы даём 100% гарантию на наш курс.

Если после прохождения курса «Дизайн и анимация HUD&UI» вы поймёте, что не научились созданию и анимации HUD&UI-элементов на должном уровне или не узнали из курса ничего нового, то в течение одного месяца со дня покупки вы сможете полностью вернуть уплаченную за курс сумму.

Просто напишите нам об этом на email: one@videosmile.ru, и мы в течение 1–2 дней вернём вам деньги без лишних вопросов.

FAQ

Куда я могу обратиться, если в процессе обучения у меня возникнут вопросы?
Любые вопросы, которые у вас возникают по ходу прохождения курса, вы можете задавать на онлайн-платформе VideoSmile. На ваши вопросы с радостью ответит наставник (Тимур Константинов) либо другие авторы из нашей команды.
Смогу ли я пройти этот курс?
Приступать к изучению данного курса мы рекомендуем тем студентам, кто владеет базовыми навыками работы в программах After Effects и Illustrator, а также разбирается в работе выражений в After Effects.
Если меня что-то не устроит, как мне вернуть деньги?
Если вы захотите вернуть свои деньги, вам достаточно написать нам на email: one@videosmile.ru. Покупая наш курс, вы ничем не рискуете. Не подойдёт — мы вернём вам деньги.
Можно ли смотреть данный видеокурс на OS X (Mac OS)?
Да. Данный видеокурс можно смотреть как в Windows, так и в OS X (Mac OS).
Где можно взять программы, используемые в курсе?
В курсе вы будете работать в After Effects и немного в Adobe Illustrator. Эти программы вы можете скачать на официальном сайте Adobe:
https://www.adobe.com/ru/­products/aftereffects.html,
http://www.adobe.com/ru/­products/illustrator.html
Я не из России, могу ли я купить ваш курс?
Да, можете. Доступные способы оплаты для вас: Карты Visa/MasterCard/Maestro, Яндекс.Деньги, WebMoney R через ДеньгиOnline, WebMoney Z, Visa QIWI Wallet (кошельки, терминалы, счет телефона Мегафон), Денежные переводы или PayPal.
Ограничено ли количество устройств, на которых я могу изучать курс?
Нет, не ограничено, вы можете запускать курс на любом компьютере без ограничений.
Не нашли ответ на свой вопрос?
Обратитесь к нашему онлайн-консультанту. Кнопка онлайн-консультанта расположена в правом нижнем углу страницы. Либо вы можете написать нам на one@videosmile.ru

Введите свои данные и мы свяжемся
с вами для оформления заказа

Если вы испытываете сложности с самостоятельным оформлением заказа, отправьте нам свои контактные данные через форму ниже. Вам перезвонит наш менеджер для оформления заказа, который предложит удобный для вас способ оплаты и доставки. При этом учтите, что звонок от нас будет сделан с некоторой задержкой и только в наше рабочее время с 7:00 до 15:00 по МСК в ПН-ПТ, в СБ с 7:00 до 13:00 по МСК, ВС – выходной.

Данная возможность доступна только для жителей России!