Welcome to this brand new section. We're going to be animating in after effects. So throughout this course, what I want to try to do is challenge you based off of what we've learned in previous lessons. So sometimes I might ask you to pause the video and do something, a lot of what we're doing in this section and in future sections were building completely from scratch and I want you to get into the mindset of I can build it from scratch in after effects. I don't need a template. I don't necessarily need the project files while we do have project files for some of the projects so that you can see exactly what I'm doing in this section. We're creating everything from scratch. So what I want you to do right now is to start a new composition and make it 1920x1080 pixels and make it five seconds long. So go ahead and pause this video, do that and then I'm going to show you how to do it if you forgot. Alright, hopefully you pause the video to create a new composition. Remember we create, cl...

ick this, create a new composition button, We set our settings 1920x1080 and then for the duration I'm just going to choose five and I'll call this animations next. What I want you to do is create a perfect square and center it to the composition. So again we've learned this in the past section. So you can do this on your own. So pause this video, create a perfect square. How about you make it a white square and put it in the very center. It doesn't matter how big or small it is for this example though. So pause and do that. Alright, hopefully you paused. So to create a perfect square, choose the rectangle tool from up top under Phil or next to fill, click the color and select white so it's going to be white. Now click in your composition and drag while holding the shift button down and that creates that perfect square, right to center it. We have our align panels over here on the right hand side, so click horizontal and center alignment for vertical. So now we have our products work. Let's talk about animations to animate in after effects. We use what are called key frames. Key frames is related to the word frames and you know with video we have frames, We set our composition to 2997 frames per second. So in every second Of our video or our composition there are 29.97 frames. So if you zoom in on our timeline really far you can see each frame 12345. Get it. So a key frame is telling after effects that at one point in time we want x whatever type of property to be this. So for example, let's bring up opacity, remember how to do that. It's T on your keyboard or if you drop down your transform properties, you can see it under opacity. I'll just bring up it with tea. So our opacity is set at 100%. Let's go to 1 2nd on the timeline. So let's go all the way here to set a key frame. You can click the stopwatch icon, this little stop watch next to opacity and you'll notice if I bring down all of the transform properties and even if I dive into contents, you can see that some of these things have those stopwatch icons and that's because you can set key frames for many, many different things in after effects. Again clicking T to bring up the opacity, click the opacity stopwatch and that creates a key frame. You'll notice that on our timeline right at one second this little diamond appears. Let me move my indicator over to the right. You see that little diamond that's a key frame and that's telling after effects that at one second We want this square layer to be 100 Opacity. Let's go back to zero frames or zero seconds. If we click on our opacity and say we choose set to zero, Press return to lock that in place. What happens is we're telling after effects that at zero frames we want the opacity to be 0%. So what happens between 0.1 seconds. There's this animation or this transition from 0-100. So if I scrub through this, you can see that it creates this fade on effect. That's what opacity can be used for for fading on objects or layers. I can move around these key frames so I can click them, I can move them around so if I want a longer fade For it to go two seconds we can move the distance between the two key frames from 0-2 seconds. And now our fade is longer see that or if I wanted a lot shorter we can make it half a second like so I can delete key frames so I can just select one and delete or let me undo that command Z and select both and delete one Thing. You'll notice. Let me undo that. Let's go back to where we had just are one key frame at one second, you'll notice that as soon as I change the opacity to zero, that a key frame was automatically set, I didn't have to click the stopwatch to do anything. In fact, if I set Our opacity to something different than the 100% and then I click the stopwatch, what happens is it deletes all the key frames or if we go back again and our opacity is at 100% and I click this now it again deletes everything that we've done so far. So to create a new key frame. Once you've set one key frame on any individual layer, all you have to do is change the value of that property. So if I drag this down to zero that is set Now say we want this to fade on and then fade off. Let's go to two seconds. We can set this to zero and now we have Our object fade onto 100 and then fade off 20%. How do we get this to fade on and then pause at 100% and then fade off 20%. Well we can either go in between these 2nd and 3rd key frames And either change the opacity to 100%. Or I can copy and paste key frames so I can select this key frame, copy it on a Mac. That's command C on a Pc to be control C. And then paste it command V. Now between these two key frames, nothing happens. It just stays at 100%. That's the basis of most things were going to be doing in after Effects in the next lesson we're going to take it a step further and start animating other properties. And there are some key things that you'll need to know especially when animating things like position that's coming up next. And I hope you enjoyed this lesson

Class Materials

Bonus Materials with Purchase

Practice Files

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Philip Ebiner

Professional video & course creator, photographer & teacher to 1mil+ students; 10+ years experience with 1000+ videos.

2,000+ classes ranging from fundamentals to advanced techniques.

Animating in After Effects

Animating in After Effects

Lesson Info

11. Animating in After Effects

Lessons

Class Updates & My Favorite CC 2020 Updates

Understand the After Effects Workspace

Starting a New Composition

CC 2018 Update - Starting a New Composition from Footage

Adding Media to Your Project and the Timeline

Using the Basic After Effects Tools

Create a Perfect Circle, Alignment, and Shape Colors

Working in the Timeline

Layer Properties

Quiz: After Effects Basics

Animating in After Effects

Position, Scale, and Rotation Animations

Tips to Make Your Animations Look More Nautral

Using the Graph Editor

Challenge - Bouncing Ball

Solution - Bouncing Ball

Quiz: Animating with Keyframes

Working with Solid Layers and the Ken Burns Effects

Working with Shape Layers, Strokes, and Paths

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

Shape Effects - Trim Path Animations, Wiggle, and Zig Zag

Quiz: Shapes and Solid Layers

Track Matte Animations - Make Layers Appear and Disappear

Using Pre-Compositions to Group Layers

Easily Reverse Complicated Animations

Playing with Time

Blend Modes

Stabilize Shaky Footage

CC 2018 Update - Previewing and Favoriting Fonts

CC 2019 Update - Responsive Design Time

CC 2019 Content Aware Fill

CC 2019 Create Motion Graphic Templates

Quiz: Important After Effects Skills

Intro to Motion Graphics Projects

Clean Lower Third

Logo Reveal Animation Bumper

Colorful Transition

Text with Mask Path Animation

Text Bubble Animation

Weather App 1

Weather App 2

Weather App 3

Quiz: Motion Graphics Projects

Flat Animation Challenge

Phil Designs his Flat Animation Scene

Animating Fireworks with the Repeater Effect

Removing Green Screen Background

Adding a Background that Matches the Foreground

Adding Motion to a Still Image with the Puppet Tool

Adding Movement with the Ripple Effect

Quiz: Flat Animation Challenge

Intro to 3D

Swinging 3D Text Animation

Build Out Your 3D Composition

Animating Our 3D Scene

Create Stars in After Effects

Quiz: Green Screen (Chromakeying)

Using the Rotoscope Tool

Cleaning Up Your Edges

Finishing Our Rotobrush Animation

Quiz: 3D Animations and the Camera Tool

Easy Screen Replacement with Masks

Replacing a Screen Version 2

Screen Replacement with Mocha

CC 2019 Update - Native Mocha AE Plugin

Quiz: Rotoscoping

Using the Puppet Pin Tool

Animating Your Puppet Pins

Animated Blinking Eyes

Adding Perspective with Animated Clouds

CC 2018 Update - Advanced Puppet Pin Tool

Quiz: Screen Replacements

Applying Text Animation Presets

Create a Page Turn Effect with CC Page Turn