Position, Scale, and Rotation Animations
Philip Ebiner
Lesson Info
12. Position, Scale, and Rotation Animations
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final 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
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects