After Effects Basics

Lesson 1 in HUD Animation

Lesson Information

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.

Homework

Assignment

Create an ambient screen animation. Pick a design and add life to it using the techniques discussed in the lesson. Imagine the final product will be looping in the background of a sci-fi movie. Maybe it's the cockpit of a spaceship, or a workstation in a robotics factory.

Log in or register to post comments

.lazy-load{display:none;}

Josh Randall 3 months ago

Can you guys package your AI files so that I don't have a missing font right off the bat on the first lesson?

.lazy-load{display:none;}

Cheung Yinshi 2 years ago

Sometimes CC subtitles will not be displayed. How to solve this problem？

.lazy-load{display:none;}

John Lewis 3 years ago

Hello, there are only 3 AI files in the downloadable zip file.

.lazy-load{display:none;}

Anders Tibbling 4 years ago

There are no .psd files in the downloads.

.lazy-load{display:none;}

Angie Feret 4 years ago

There are no .psd files in the downloads.
In fact there are only 3 of the .ai files.

.lazy-load{display:none;}

Evaldas Cesnavicius 4 years ago

First time Learn Squared student and its been fantastic start so far!
Not sure if i can post the question related to Lesson 1. "Replace with the precomp used #times" - not getting a point why its not duplicating layer effects, just putting layers in the precomps. I was thinking that would make it easier if it copies effects as well.

View 1 reply

.lazy-load{display:none;}

Jeff Salvado 4 years ago

Do you mean effects you've put on the pre-comp in that layer? If so, that's essentially its own standalone instance. In your case, you'd need to pre-comp the pre-comp, and then use the replace with precomp used #times. Hope that helped.

.lazy-load{display:none;}

Juan M Sanchez 4 years ago

Very clear and straight to the point! It´s amazing all the cool things you can achieve with just the "basic" tools in after effects! I can´t wait to start lesson two!

.lazy-load{display:none;}