After Effects HUD Design & Animation

Name: After Effects HUD Design & Animation
Rating: 4.2 (18 reviews)

Learn HUD Design and Animation in Illustrator and After Effects from the Expert

Created byShoaib Khan

Last updated 11/2018

English

What you'll learn

Learn the thought process behind HUD Design
Understand on screen sketches behind HUD design
Learn to use essential Adobe Illustrator Tools
Build up HUD assets and organise layers in Illustrator
Learn to Animate each and every element in After Effects
Add Smart Color Controller to control the colors of the project
Add camera, depth field, noise and green for final presentation
Workflow between Illustratror and After Effects

Course content

1 section • 9 lectures • 2h 43m total length

Introduction14:06
In this first Chapter I will share the thought process behind this HUD design. Listen to the points carefully so that it will help in building up your own HUD.
Designing Circles in Adobe Illustrator14:27
In this chapter we will start designing the central core of the HUD by keeping in mind the laws of nature.
Continue to Add HUD Elements in Adobe Illustrator23:28
Add Small Elements in Adobe Illustrator14:14
In this development phase we will continue to add some more essential HUD elements to build the assets for animation.
Understanding Assets in Adobe Illustrator25:42
While building up our HUD assets we will learn the intricacies of placing the elements at right places where they belong.
Workflow between Adobe Illustrator and After Effects4:21
In this chapter we will transfer the HUD assets from Adobe Illustrator to After Effects.
Animating HUD Assets in Adobe After Effects28:37
In this chapter we will start animating the HUD assets in After Effects by keeping in mind the imaginative storyboard. we will animate the core of the HUD and make our way out.
Finalizing the HUD Animation in After Effects23:51
After animating the center now we will animate the farthest part of the HUD to give it a feeling of eruption.
Adding Camera, Depth of Field, Noise and Grid14:45
In this chapter we will add a camera, depth of field, noise and grid to present our HUD Design and Animation.

Requirements

Adobe Illustrator CC 2015
Adobe After Effects CC 2015
Basic Knowledge of Adobe Illustrator and After Effects

Description

HUD design is not just about adding some random shapes to the screen. There is a story and a proper thought process behind each line and dot that creates a HUD. In this chapter, I will walk you through the whole process of designing a HUD from scratch to the end.

After the thought process and story, we will begin building the HUD Assets in Illustrator by keeping in mind the thought process and animation in After Effects. We will also learn the workflow between Illustrator and After Effects.

After Design phase in Illustrator, we will transfer the Illustrator HUD assets into After Effects and animate each and every layer professionally.

In the End we will add camera, depth of field, noise and Grid for final presentation.

After the course you will be able to create HUD Designs for video games, Interface, movies, trailers, documentaries, promo and marketing videos, this meticulously designed HUD Course comes with all you need to create realistic and dynamic dashboards, data displays and infographics.

You will be needing Adobe Illustrator and After Effects CC2015 for this course

Who this course is for:

Beginners and Professionals
Motion Graphic Designers
Anyone who wants to learn HUD Design & Animation