Release date:2021
Author:Timur Konstantinov
Skill level:Beginner
Language:Russian
Exercise files:Yes
Освойте создание анимированных футуристических HUD&UI-интерфейсов, которые уже успели стать популярными в кино, видеоклипах и компьютерных играх!
Как вы думаете, что объединяет такие известные голливудские фильмы, как «Железный человек», «Мстители», «Стражи галактики», «Игра Эндера», проморолики Land Rover и Lexus, а также компьютерные игры Call of Duty, Watch Dogs и многие другие?Да, мы перечислили их неслучайно. Во всех них используется то, чему посвящён этот видеокурс, — а именно футуристические анимированные HUD&UI-интерфейсы! Что это такое?
Это элементы выдуманных интерфейсов для разного рода устройств и систем, используемых в фильмах и роликах, которые придают «эффект технологичности».
В курсе автор подробно покажет и расскажет вам, как создавать HUD&UI-элементы в программе Adobe Illustrator и анимировать их в After Effects. При этом стоит отметить, что «Анимация и дизайн HUD&UI» — это курс не столько о программах, сколько о принципах и правилах создания профессиональных HUD&UI-интерфейсов.
ГЛАВА 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 и другие
Эпизод с анимацией планеты, а также окно с изометрической картой
Переход из планеты к финальному кадруChapter 1 01. Introduction 02. Preparation 03. Crosshairs 04. Crosshair design 05. Task – Crosshair creation 06. Windows -Analysis and Design 07. Task – Creating windows
Chapter 2 01. Animation of points 02. Animation of points. Advanced expressions 03. Task – Animation of a simple crosshair 04. Text animation 05. Medium crosshairs. Start 06. The first script 07. Medium crosshairs. Continuation 08. Large crosshair 09. Task – Animation of a large crosshair
Chapter 3 01. Titles and plates 02. Titles and plates. Continuation 03. Task – Creating an animated plate 04. Progress bars 05. Details 06. Detaild and optimization 07. Task – animating a progress bar 08. Windows. Start 09. Fingerprint 10. Transitions in windows 11. Profile, eye and player 12. Marvel style window 13. Cities 14. Code window 15. Task – Window animation 16. Bonus node 17. Task – create your own element
Chapter 4 01. Stylistic promo 02. Avatars 03. Timeline 04. HUD & UI logo animation 05. Transition to the Суть frame 06. Background and text in the Суть frame 07. Line and explosion at the Суть 08. FUI title 09. Creating a planet 10. Minimap and packshot
Design and animation of HUD & UI.7z
Channel and Group
1、登录后，打赏30元成为VIP会员，全站资源免费获取！
2、资源默认为百度网盘链接，请用浏览器打开输入提取码不要有多余空格，如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可，下载过程不要强制中断 建议用winrar解压或360解压缩软件解压！
4、云桥网络平台所发布资源仅供用户自学自用，用户需以学习为目的，按需下载，严禁批量采集搬运共享资源等行为，望知悉！！！
5、云桥网络-CG数字艺术学习与资源分享平台，感谢您的赞赏与支持！平台所收取打赏费用仅作为平台服务器租赁及人员维护资金 费用不为素材本身费用，望理解知悉！
评论(0)