Skip to main content

Position, Scale, and Rotation Animations

Lesson 12 from: Adobe After Effects Fundamentals

Philip Ebiner

Position, Scale, and Rotation Animations

Lesson 12 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

12. Position, Scale, and Rotation Animations

Lessons

Class Trailer

Chapter 1: Introduction

1

Class Updates & My Favorite CC 2020 Updates

06:22

Chapter 2: After Effects Basics

2

Understand the After Effects Workspace

05:39
3

Starting a New Composition

08:15
4

CC 2018 Update - Starting a New Composition from Footage

01:55
5

Adding Media to Your Project and the Timeline

05:08
6

Using the Basic After Effects Tools

10:20
7

Create a Perfect Circle, Alignment, and Shape Colors

03:04
8

Working in the Timeline

10:59
9

Layer Properties

08:57
10

Quiz: After Effects Basics

Chapter 3: Animating with Keyframes

11

Animating in After Effects

07:35
12

Position, Scale, and Rotation Animations

05:17
13

Tips to Make Your Animations Look More Nautral

04:21
14

Using the Graph Editor

05:32
15

Challenge - Bouncing Ball

01:01
16

Solution - Bouncing Ball

13:00
17

Quiz: Animating with Keyframes

Chapter 4: Shapes and Solid Layers

18

Working with Solid Layers and the Ken Burns Effects

07:07
19

Working with Shape Layers, Strokes, and Paths

06:24
20

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

03:44
21

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

05:54
22

Quiz: Shapes and Solid Layers

Chapter 5: Important After Effects Skills

23

Track Matte Animations - Make Layers Appear and Disappear

08:37
24

Using Pre-Compositions to Group Layers

05:34
25

Easily Reverse Complicated Animations

02:14
26

Playing with Time

05:54
27

Blend Modes

06:05
28

Stabilize Shaky Footage

04:04
29

CC 2018 Update - Previewing and Favoriting Fonts

00:46
30

CC 2019 Update - Responsive Design Time

03:36
31

CC 2019 Content Aware Fill

03:55
32

CC 2019 Create Motion Graphic Templates

08:37
33

Quiz: Important After Effects Skills

Chapter 6: Motion Graphics Projects

34

Intro to Motion Graphics Projects

00:53
35

Clean Lower Third

09:22
36

Logo Reveal Animation Bumper

13:25
37

Colorful Transition

16:59
38

Text with Mask Path Animation

10:05
39

Text Bubble Animation

13:39
40

Weather App 1

16:41
41

Weather App 2

08:21
42

Weather App 3

06:59
43

Quiz: Motion Graphics Projects

Chapter 7: Flat Animation Challenge

44

Flat Animation Challenge

02:47
45

Phil Designs his Flat Animation Scene

01:23
46

Animating Fireworks with the Repeater Effect

15:02

Chapter 8: Flat Animation Challenge

47

Removing Green Screen Background

06:46
48

Adding a Background that Matches the Foreground

07:55
49

Adding Motion to a Still Image with the Puppet Tool

06:26
50

Adding Movement with the Ripple Effect

06:07
51

Quiz: Flat Animation Challenge

Chapter 9: Green Screen (Chromakeying)

52

Intro to 3D

10:04
53

Swinging 3D Text Animation

12:11
54

Build Out Your 3D Composition

05:47
55

Animating Our 3D Scene

07:38
56

Create Stars in After Effects

05:11
57

Quiz: Green Screen (Chromakeying)

Chapter 10: 3D Animations and the Camera Tool

58

Using the Rotoscope Tool

06:55
59

Cleaning Up Your Edges

07:21
60

Finishing Our Rotobrush Animation

07:33
61

Quiz: 3D Animations and the Camera Tool

Chapter 11: Rotoscoping

62

Easy Screen Replacement with Masks

09:56
63

Replacing a Screen Version 2

13:49
64

Screen Replacement with Mocha

07:13
65

CC 2019 Update - Native Mocha AE Plugin

05:08
66

Quiz: Rotoscoping

Chapter 12: Screen Replacements

67

Using the Puppet Pin Tool

04:33
68

Animating Your Puppet Pins

03:04
69

Animated Blinking Eyes

08:21
70

Adding Perspective with Animated Clouds

07:10
71

CC 2018 Update - Advanced Puppet Pin Tool

02:08
72

Quiz: Screen Replacements

Chapter 13: Puppet Tool Animations

73

Applying Text Animation Presets

05:59
74

Create a Page Turn Effect with CC Page Turn

10:05
75

Radial and Linear Wipes

03:20
76

Color Correction in After Effects

03:33
77

CC 2019 Update - Selective Color Adjustments

03:25
78

Quiz: Puppet Tool Animations

Chapter 14: Motion Tracking

79

Motion Tracking Basics

09:51
80

Tracking Text and Visual Effects to Video Clip

06:21
81

Tracking Rotation and Scale

11:33
82

Adding Details to Our Text

04:04
83

Quiz: Motion Tracking

Chapter 15: Character Animations

84

Intro to Character Animations

01:31
85

Design Your Character

14:32
86

Rigging Your Character

02:50
87

Animating Our Character

09:55
88

Adding the Animated Background

09:12
89

Adding Details to Character Movement

06:46
90

Adding the Paper Cut Out Look

05:29
91

Quiz: Character Animations

Chapter 16: Exporting from After Effects

92

Exporting an H264 File from After Effects

07:03
93

Exporting from After Effects with a Transparent Background

04:03
94

Exporting from After Effects through Adobe Media Encoder

04:40
95

CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder

02:14
96

Create an Animated GIF from After Effects CC 2017

07:03

Chapter 17: After Effects Workflow & Tips

97

Audio Tips for After Effects

02:19
98

Working with Premiere Pro

05:54
99

Quiz: After Effects Workflow & Tips

Chapter 18: Expressions

100

Expressions Basics

07:24
101

Animate a Flickering Light with Expressions

17:35
102

Quiz: Expressions

Chapter 19: Conclusion

103

Conclusion

00:44

Final Quiz

104

Final Quiz

Lesson Info

Position, Scale, and Rotation Animations

let's move on to some other properties. So to get rid of all these key frames, remember we just click the stopwatch again but once we do that it actually stays at the value where our timeline indicator Is basically. So if I click this there it's going to stay at 0%. So I'm going to move that back up to 100%. So let's bring down all of our transform properties. Let me just make this a little bit bigger, Fit up to 100%. Alright so now you know how to set key frames so it's rather simple to create a position animation. So say we want our square to end up here, let me take my selection tool, we'll set a key frame for our position so decide what time you want it to end at this position. So we'll do one second and set a key frame for position there. Maybe we want it to pop up from beneath this composition itself. So I went back to zero seconds and I'm going to drag this down and you'll see as I start dragging because I have a position key frame we get this sort of line with little dots stret...

ch between the two points. You'll also notice that as I drag down it's kind of hard to make it precisely going perfectly vertically up without going from side to side. Well to lock it in place, Press the shift button and as I do that now it's kind of locked in place like so and it locks her horizontally or vertically. So now if I drag down below our composition, then let go and then let me bring in my work area so we can see this animation. And then press the space bar bar, we have this animation of this square popping up. Cool! Right, We can actually add multiple animations to the same object and that's how we get things to be more intricate. So maybe we want it to grow while it's moving up on the screen. So at one second let's set a key frame for scale at 100 and then go back and sometimes I like to leave it on. I don't want to go back to zero seconds because I can't see the square. So I'll just go somewhere right here in the middle where I still see the square. I'll decrease the scale to where I think I want it. And then because I don't want it to just go like pop up and then all of a sudden grow, I wanted to be growing the whole time, I'll just drag this key frame for scale all the way to the left. And I did that just so that I can see what I'm working with. So let's play through this so it's growing as it's appearing on the screen. And then let's just add rotation. So let's rotate. So this will be the final resting spot at this rotation. We'll go back again and let's rotate to the left. Now the problem that I see is that our anchor point isn't in the center of this object. So what happens is it rotates from that anchor point which is a little off center, which actually looks kind of cool. But if we wanted it to be from the center, you're going to have to do a little extra work. We'll take this pan behind tool. So let's move this back to the center and then what we'll have to do is see where the position starts. So if we go down to where the position starts, we have to put our timeline indicator over this key frame or it's not going to work. And then we take our selection tool and let's move this down. So now it's rotating from the center and it's moving straight up. And remember what I just did. I press the space bar to move my composition up or down. You'll notice that outside of our composition that we still see the outline of our square. And this is just a way that after effects, lets us sort of see what's happening outside of our composition. When we have a layer selected. When I don't have that layer selected. You see the square. But you don't see the path that it's on. A good rule of thumb though, is if you want your animation to be from the center of an object, make sure that you set your anchor point first. All right now we have this pretty cool animation of the square popping up. What if we want to change the rotation? This is just a reminder that if we want to make it rotate even more and we want to change this first one. Remember we can't just go in the middle of these two key frames and change the rotation. Say we want it from negative 36 to negative 94 Because what's happening is now it's going from negative 79 2 -94 and then back to zero. You'll want to go all the way to the first key frame in. Now with our time indicator on the first frame, key frame Set the rotation to whatever you wanted to start at like 90. For another way you can do. That is just by deleting this key frame and then moving the one that you just set all the way to the left where it started or really wherever you want. So that has a little bit more of a rotation. And that's how you change key frame values. After the fact in the next lesson, we're going to be making our animation look better and a little bit more natural

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES