Hud Interface Animation In After Effects And Illustrator

Design and Animate HUD Interface using After Effects and Illustrator

Last updated 2022-01-10 | 4.2

- Use brushes in Illustrator
- Work with shapes in Illustrator
- make custom brushes in Illustrator

What you'll learn

Use brushes in Illustrator
Work with shapes in Illustrator
make custom brushes in Illustrator
Work with 3D layers in After Effects
gain an understanding of how to animate the camera and use depth of field in After Effects
work with the shape parameters in After Effects
Understand how to use transfer modes to create post effects in After Effects
Understand how to work with pre-comps and solo-ing to speed workflow in After Effects
Create data code like text in After Effects
Work with gradients and blurs in After Effects

* Requirements

* After Effects CC2017
* Illustrator CS6 (or later)
* Basic beginner knowledge of After Effects will be helpful

Description

What students are saying about this course:

“Great course for expanding your expertise in After Effects. Many great workflow tips.” - David Erickson, student

“Relaxed person to person way of explaining, so you understand it deeply..” - Peter Jensen, student

“I learn a lot by watching the instructor thought processes while she builds out the project. She not only shows what she is doing, she shows why she is doing something. Nice.” - Ira Camp, student

“Excellent, step by step but not tedious. And I learning to a point that I don't have to constantly go back and refernce.” - Kenneth Vanwright, student

“Awesome stuff.....best money I have spent here on Udemy. I am really learning so much about after effects through the project...and the repetition on the same hotkey behavior has helped me learn immensely. As someone that is learning animation I have learned more from this project based course than I have in many larger "all inclusive courses"...I will be taking every other course she offers.” -  Jeremy Hazel, student

“This is awesome training!!!” - Daniel Martinez, student

“Clear and detailed explanation, many tricks and trips, I can't really imagine number of animation can I do by following this method, make me feel that I am designing like professional , or maybe I am already professional after this course. Very recommend” - Ahmed S Safwat, student

“High quality course offering many well explained tips and tricks applicable to Interface motion graphic animation and beyond! Recommended!” - Amanda Jessup

"The course is very good and easy to understand. Thank" - Kanawat, student




I remember when I wanted to create HUD graphics. I was lost. How do they get that kind of detail, those glows, how did they set up their shots?

After many years on the job, I learned some effective workflow tips to help me create this HUD animation relatively quickly, and now you can too. I’ll be covering a lot of important workflow concepts as well as tricks so that you can create this animation. 

We'll start with a Thumbnail sketch and bring it into Illustrator to create our assets.  Then we'll bring them into After Effects.

We'll take our Illustrator file into After Effects and convert the layers to 3D layers and animate them using shape layers.  We'll comp these assets and create the text in After Effects.  We'll apply effects and filters to create the final look.

At the end of the course, you'll have built up a library of assets that you can re-use in addition to creating this animation.

Also, throughout the course I will be supplying my working project files so that you can use them as a downloadable resource.

I want you to succeed. If you have any questions reach out to me in the Q&A section of the course. I’d be happy to answer any questions you may have. 

Let me help you master animating in after effects and illustrator by clicking the red button on the right to enroll now. 


Who this course is for:

  • Motion Designers
  • anyone looking to learn more about After Effects
  • After Effects Artists

Course content

5 sections • 23 lectures

Creating Circle Assets in Illustrator Preview 13:04

Creating more Circle Assets in Illustrator Preview 04:26

Creating other Assets in Illustrator Preview 08:26

Finish building assets in Illustrator and prepping for After Effects Preview 05:06

Importing and After Effects and creating a grid Preview 07:23

After Effects - Creating the First Look of the Circle Preview 05:46

After Effects - Laying out the Circles Preview 14:14

After Effects - Finishing up Laying out the Frame Preview 08:49

After Effects - Animating Circle 1 Preview 06:55

After Effects - Animating Circle 2 Preview 06:16

After Effects - Animating Circle 3 Preview 08:06

After Effects - Animating Circles Preview 14:40

After Effects - Animating the last circles Preview 08:30

After Effects - Animating the elements Preview 08:31

After Effects - Adding blinks Preview 09:58

After Effects - Adding type (part 1) Preview 16:44

After Effects - Adding type (part 2) Preview 06:39

After Effects - Adding Post Effects Preview 15:39

After Effects - Adding a Camera Move Preview 02:51

After Effects - Final Touches Preview 10:53