Name: HUD Animation
Price: 199 USD
Availability: OnlineOnly
Author: Ryan Cashman

Adobe Photoshop
Adobe After Effects
Adobe Illustrator

Full Course
Intermediate
Over 3 hours of training!

HUD Animation

with Ryan Cashman

Adobe Photoshop
Adobe After Effects
Adobe Illustrator

$199

Lifetime Access

Learn More

Artwork by instructor Ryan Cashman

Animation workflows with ease and simplicity.

Bring your HUD and UI designs to life in this After Effects-focused course by industry veteran Ryan Cashman. If you have an interest in animating HUDs for feature films or AAA video games, this course will be a perfect solution for you.

For those looking to learn the full design + animation pipeline, this course acts as a followup to Ash Thorp's HUD Design course. Buy as a bundle below and save an additional 10%!

Learn More

Explore student work

Artwork by Paul Hasas

Our students are badasses.

After signing up for our courses, many of our students have broken into the industry, leveled up their skills, and got hired for their dream jobs. With over 10,000 students from around the world, you'll be in good company.

Explore student work

Start your journey

Artwork by Lionel Cornelius Jr

Start learning for free.

Not sure which course is for you? As a member of Learn Squared, you'll get free access to the first lesson of every course to try before you're ready to buy. Sign up now to get instant access and start learning today.

Start your journey

And so much more...

Check out all of the awesome perks you get as a student of Learn Squared.

A dedicated community

Join over 20,000 students from around the world, all dedicated to improving their art. In our community, you will never learn alone.

Invite your friends

Sharing is caring. Especially when it saves you and your friends some money. Refer friends to get discounts and save on purchases.

Track your progress

Learning a new discipline can be a long, daunting process. We make it easy for you to keep track of your progress.

Watch any time

No more semesters. No more access periods. Buy a course to get instant, lifetime access and start learning whenever works for you

Download files

All of our courses include downloadable project files. Follow along as you learn using the same working files as your instructors.

Mentorship archives

Learn from other students experience. Many of our courses include bonus recordings of past mentorship meetings to watch any time.

tons of workflow crap and programs i would have never thought of trying.... PEEP DATTT!!!1

beeple

Designer

Sign up any time

No rush. Not like there's any competition out there.

Try it.
Free
- Instant access to portions of this course and dozens of others
- No credit card required
- No expiration
- Limited access
Preview Course
Buy it.
$199
- Instant access to this Course
  Once you've signed up for this Course, you'll have unlimited access to it as long as you have an account!
- 3 Hours of lectures
  This includes all of the premium training which is included as a part of this course.
- Download project files
  Download all of the materials created for this course, so you can poke around in the source files, or follow along with the instructor.
- Exclusive community
  When you become a student, you get instant access to our exclusive Discord channel, where you can chat with thousands of other Learn Squared students.
- Lifetime access
  As a member of this course, you will be able to access and view its content any time.
For teams.
Get in touch for more information about discounts for teams, both big and small. Big savings either way.
Contact us

Discounts for students and teachers

Bundle and save.

HUD Bundle. Save $79.60

Buy HUD Design and HUD Animation together in a bundle to learn the entire pipeline and save an additional 20% during checkout. Two courses for a low price. You have no more excuses!

12 hrs & 2 mins
Total Bundle Duration
104 Videos
Video Lectures in Bundle
Save 20%
Bundle Discount

~~$398~~

$318.40

Your Instructor

Ryan Cashman

Van Gogh would have given his other ear to learn from artists like this.

Artwork by instructor Ryan Cashman

Course Lesson Plan

Here's the low-down on everything covered in this course.

3 hours 42 minutes
Total Bundle Duration
45 Videos
Video Lectures in Bundle
141.46 MB of Files
Downloadable Project Files

Tools Used
?
The tools listed below are used throughout the lectures of this course. Using alternatives is definitely possible depending on your proficiency, but we can only recommend using these listed softwares.

Adobe Photoshop
Adobe After Effects
Adobe Illustrator

Go To Lesson
Lesson 1
After Effects Basics
The first step on your journey of HUD Animation begins with learning the basics of Adobe After Effects. Ryan will cover all of the tools in his kit for bringing UI/UX animations to life, such as working with assets from other softwares, adding effects, modifying layers and properties, and some introductory animation workflows.
59 minutes
Total Lesson Duration
17 Videos
Video Lectures in this Lesson
Project Files
Downloadable Project Files
Guidance
Introduction
Lesson OverviewPreview00:42
After Effects BasicsPreview04:43
CompositionsPreview03:04
Animation
Positioning LayersPreview03:09
Basic KeyframingPreview03:17
EasingPreview03:56
CurvesPreview03:25
Layer Management
DuplicationPreview04:00
ParentingPreview02:20
Basic Workflow
EffectsPreview04:58
Keyframe TechniquesPreview03:02
MasksPreview04:30
PrecompsPreview04:42
Building Effects
RGB Split EffectPreview04:18
Adjustment LayersPreview04:24
Wrap UpPreview04:29
Conclusion
HomeworkPreview00:46
Go To Lesson
Lesson 2
Mattes and Channels
Unlock the power of mattes and channels within After Effects. In this lesson, Ryan will cover his techniques for building a series of black and white animations to drive complex transitions and effects. Utilizing these methods, you'll be able to quickly generate variation within your HUD animations without complicating your workflow.
33 minutes
Total Lesson Duration
8 Videos
Video Lectures in this Lesson
Project Files
Downloadable Project Files
Guidance
Introduction
Lesson Overview00:46
Track Mattes
Adding a Track Matte03:24
Matte Detail04:04
Matte Edges
Adding an Edge Matte05:59
Edge Effects05:40
Displacement
Displacement Map04:43
Time Displacement06:00
Conclusion
Homework02:36
Go To Lesson
Lesson 3
Advanced Techniques
This lesson is all about the nitty gritty. Here you'll dive deep into a HUD design and begin animating complex details to bring your designs to the next level. Ryan will cover the power of shape layers within After Effects, techniques for animating text and numbers, and outline a few expressions to drive these assets.
1 hour 3 minutes
Total Lesson Duration
11 Videos
Video Lectures in this Lesson
Project Files
Downloadable Project Files
Guidance
Introduction
Lesson Overview00:34
Creating Assets
Shape Layers04:32
Text Layers04:11
PSD Smart Objects06:35
Animating Assets
Animated Reveal02:02
Target Rings09:30
Expressions
Using Expressions06:58
Expression Controls04:48
Interpolation Methods07:55
Target Rings
Expanding on Target Rings14:05
Conclusion
Homework02:26
Go To Lesson
Lesson 4
Finishing Touches
Take your animation to the finish line. Right out of the gate, you'll learn advanced expressions which can utilize proximity to drive animations and how to simply generate complex details. Ryan will then cover After Effects' powerful 3D layer system and camera techniques to add depth and final polish to your HUD animation.
1 hour 6 minutes
Total Lesson Duration
9 Videos
Video Lectures in this Lesson
Project Files
Downloadable Project Files
Guidance
Introduction
Lesson Overview01:00
Useful Expressions
Loading Bar07:36
Proximity Expression06:51
Proximity Controls02:21
3D in After Effects
3D Layers and Cameras09:19
3D Spread and Scale14:02
Proximity 3D16:55
Camera Wiggle06:39
Conclusion
Homework01:39

Homework can be cool.

Check out some of the amazing work HUD Animation students have created by doing their homework.

There's no homework yet

Any commited homework will be visible here

View more homework

Our students have awesome jobs.

Join a devoted community of over 20,000 students from around the world.

Meet our students

HUD Animation

Animation workflows with ease and simplicity.

Our students are badasses.

Start learning for free.

And so much more...

beeple

Sign up any time

Try it.

Buy it.

For teams.

Bundle and save.

HUD Bundle. Save $79.60

Your Instructor

Ryan Cashman

Van Gogh would have given his other ear to learn from artists like this.

Course Lesson Plan

Tools Used ?The tools listed below are used throughout the lectures of this course. Using alternatives is definitely possible depending on your proficiency, but we can only recommend using these listed softwares.

Lesson 1

After Effects Basics

Guidance

Introduction

Animation

Layer Management

Basic Workflow

Building Effects

Conclusion

Lesson 2

Mattes and Channels

Guidance

Introduction

Track Mattes

Matte Edges

Displacement

Conclusion

Lesson 3

Advanced Techniques

Guidance

Introduction

Creating Assets

Animating Assets

Expressions

Target Rings

Conclusion

Lesson 4

Finishing Touches

Guidance

Introduction

Useful Expressions

3D in After Effects

Conclusion

Homework can be cool.

There's no homework yet

Our students have awesome jobs.

Tools Used
?
The tools listed below are used throughout the lectures of this course. Using alternatives is definitely possible depending on your proficiency, but we can only recommend using these listed softwares.