Mark Teague

Mark Teague

Keyframe Animation

Slide Duration:

Table of Contents

Section 1: Introduction
Introduction to After Effects

9m 4s

Intro
0:00
What is After Effects?
0:03
Endless Possibilities
0:13
Sample After Effect Projects
0:30
Learning Curve
1:28
'Six Gun Sally' Project Preview
1:29
Bullet Hits Composition
4:21
Text Revenge Composition
6:15
Logo Composition
7:49
Summary
8:51
The Design of After Effects

3m 40s

Intro
0:00
Modular Designs
0:10
Compositions
0:27
Layers
1:07
Effects
1:40
3D
2:11
Rendering
2:50
Interface Tour

15m 21s

Intro
0:00
The Workspace
0:08
Setting Up Your Workspace
0:09
Preferences: Appearance
1:42
Project Window
2:13
Introduction to The Project Window
2:14
Interpret Footage
3:14
Create a New Folder
3:38
File Path
4:05
Compositions
4:35
Compositions Window
4:36
Resolution
5:27
Channels
5:42
Camera View
5:54
Current Time Indicator & Toggle Mask and Shape Path Visibility
5:57
Choose Grid and Guide Options
6:13
Magnification Ratio Popup
6:27
Layers
6:54
Layers Overview
6:55
Timeline
9:47
Timeline
9:48
Preview, Audio, Text
11:09
RAM Preview
11:10
Audio
12:15
Text
12:50
Rendering
13:24
Introduction to Rendering
13:25
Render Setting
14:00
Output Module Settings
14:15
Section 2: Compositions
Creating Compositions

5m 7s

Intro
0:00
Compositions
0:05
Creating a Composition
0:06
Composition Settings
1:56
Using Layers

5m 36s

Intro
0:00
Using Layers
0:05
Switches, Toggles, and Buttons
0:06
Properties and Parameters
1:16
Timeline and Time Indicator
3:09
Keyframe Animation

8m 17s

Intro
0:00
Keyframe Animation
0:05
What is a Keyframe?
0:06
Creating a Keyframe
1:04
Deleting a Keyframe
4:33
Spatial Interpolation
5:20
Navigation, Keyboard Shortcuts
6:23
Effects

4m 51s

Intro
0:00
Effects
0:05
What are Effects
0:06
Where Do Effects Live?
0:16
Applying Effects
0:13
Enabling & Disabling Effects
3:16
Third Party Plugins
4:00
Working in 3D Space

4m 32s

Intro
0:00
Working in 3D Space
0:05
Endless Possibilities
0:12
Prepping for 3D
0:25
XZY Axis, 2D, and 3D
1:25
Multi Views
3:01
Rendering Movies

8m

Intro
0:00
Rendering Movies
0:05
Output: Outside of After Effects
0:06
Work Area-Duration
0:26
Render Queue
1:30
Render Settings
2:34
1st Render
5:35
Settings Preferences

3m 16s

Intro
0:00
Settings Preferences
0:05
Knowing Your System
0:06
Preferences Tour
0:17
Help Menu
2:49
Organization

2m 27s

Intro
0:00
Organization
0:05
Folder Structure
0:06
Creating a Composition

14m 1s

Intro
0:00
Creating a Composition
0:05
Compositions Settings
0:06
Element Preparation
1:06
Importing Files
2:31
Relinking Files
6:01
Precompose
9:48
Layers

18m 42s

Intro
0:00
Layers
0:05
Understanding Layers
0:06
Switches and Blending Mode
1:48
The Type Tool
3:17
Creating Solids
7:16
Creating Shape Layers
9:46
Creating Mask
11:30
Adjustment Layer
16:05
Section 3: Animation
Intro to Animation

38m 25s

Intro
0:00
Intro to Animation: The Bouncing Ball
0:06
The Bouncing Ball Overview
0:07
Stage 1 & 2: Setting Up The Composition and Position
6:35
Stage 3: Scale
21:37
Stage 4: Rotation
26:02
Stage 5: Bounce Animation and Speed of Effects
30:25
Animation, Part 1

4m 45s

Intro
0:00
Basic Transformation
0:05
Basic Transformation Overview
0:09
Position and Scale Keyframe
1:10
Rotation Keyframe
3:19
Animation, Part 2

10m 51s

Intro
0:00
Prepping the Artwork
0:05
Prepping the Artwork
0:06
Compositing Bullets
1:07
Adding and Positioning Bullet Holes
1:08
Adding Smoke and Sparks
5:30
Animation, Part 3

17m 7s

Intro
0:00
Text: Animation Presets
0:05
Text: Animation Presets
0:06
Animating Text
4:53
Animating Text Part 1: 'Revenge Has Never Been So'
4:54
Animating Text Part 2: 'Sweet'
11:41
Fire Effect
16:00
Animation, Part 4

6m 1s

Intro
0:00
Dissolve Montage
0:05
Dissolve Montage
0:06
Keyframe Assistant: Sequence Layers…
3:51
Animation, Part 5

13m 14s

Intro
0:00
Prepping the Artwork
0:05
Composition Overview
0:06
'Six Gun Sally' Logo
2:15
CC Toner Effect
2:48
Gaussian Blur Effect
3:59
Brightness and Contrast Effect
4:28
End Title Animation
4:55
Position and Scale
4:56
Brightness and Contrast
10:37
Drop Shadow
11:08
Dust Effect
12:10
Loading...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Intro to Adobe After Effects
Bookmark & Share Embed

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Please ensure that your website editor is in text mode when you paste the code.
(In Wordpress, the mode button is on the top right corner.)
  ×
  • - Allow users to view the embedded video in full-size.
Since this lesson is not free, only the preview will appear on your website.
  • Discussion

  • Download Lecture Slides

  • Table of Contents

  • Transcription

  • Related Services

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Keyframe Animation

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Keyframe Animation 0:05
    • What is a Keyframe?
    • Creating a Keyframe
    • Deleting a Keyframe
    • Spatial Interpolation
    • Navigation, Keyboard Shortcuts

Transcription: Keyframe Animation

Hi, welcome back to educator.com.0000

This next lesson is on key frame animation. What is a key frame?0003

Well, key frame will be your best friend in After Effects.0008

Key frame records the current state of a parameter at a specific time on the timeline.0011

And then the animation begins when at least 2 key frames are applied to that same parameter. So, what does that mean?0017

Well, let us first take a look at what a key frame looks like.0023

Here is a screen cap. We will be creating key frames all the time.0026

Let us shim back over After Effects.0033

So, here we have our pistol. But in this pistol area, we will open it up like this, drop the triangle down.0037

And in the transformation properties we could set key frames with anchor point, position scale, rotation, opacity.0046

So, this is where you will be creating the key frame. You are going to turn on a stopwatch0055

And then you could have the access to create key frames up and down the timeline.0060

So, why would not we, actually, create a key frame?0066

So, to create a key frame let us do a quick RAM preview of what we have on this comp here.0073

This is where the pistol comes in from the side here. Hit zero for a RAM preview.0080

So, you can see it just sort of comes in from the right side of the screen.0090

I am going to turn this one off or we are going to create a new one here.0094

So, let us work backwards.0097

Here is our pistol and for now let us turn off the actual logo. The Six gun Sally logo.0101

And here we have our pistol.0107

So, let us go to about 12 seconds in. And let us actually create a key frame.0113

So, you are going to turn on the stopwatch by clicking the stopwatch there.0121

Now, you really turned off the stopwatch once you turned it on.0126

So, let us work backwards.0130

So, here we have one key frame here. And here are all the values of the key frame.0132

Now, let us go to the beginning of the timeline or hit the Home key.0138

And let us create another key frame.0142

Now, you notice that you have these two arrows here. So, these two arrows will take you up and down to the next key frame.0145

You will not go any further. You will have to actually use the page up or page down to go any further.0154

But, for now let us just stay within these 2 key frames. What have we done here?0160

Now, we have a space between the 2 key frames. They both have the same values here.0164

If I were to actually grab the pistol you can see that there is sort of a dot line there and sort of a path within the key frames.0172

So, what you want to do is, in this case, we can grab the actual element, the pistol here, with our cursor.0185

Or we can, let me hit Command-Z, we can actually move it by holding down the values.0195

And you can see how your cursor, just sort of, turns into a little double arrow there.0203

So, here we can go up and down.0209

So I have decided.0211

So, let us pull this guy right out the screen and let us hit play. Let us hit the RAM preview.0213

It is going backwards. But that is OK.0223

I just want to give you an idea of how this all works here.0226

So, we have created time here.0228

What we want to do is we want to move the key frames.0232

Let us put this value here at the beginning of the clip. So, it is going to be off screen.0236

And now you can see if we just sort of toggle through, page up page down, back and forth.0245

You can see that the actual animation begins.0251

I am going to hit a RAM preview again. There is our pistol.0257

If we turn on the Six gun Sally logo. Here we go.0262

You have just created your first animation.0269

So, let us go back here. How do we delete key frames?0275

When deleting a key frame you are basically going to select the key frame and hit delete.0284

Now, if you delete all the key frames what will happen is you actually turn off the stopwatch.0294

Now, the position layer is no longer active.0300

So, you want to make sure that that is what you want to do.0304

If you are really done with that property then you have to turn off the stopwatch.0306

But most of the time you are going to leave it on in most animations.0311

OK, so let me back up a bit here.0315

So, let me talk about a spatial interpolation.0320

Basically, what that means is the space between the key frames.0326

We turn off the logo again.0331

And that is space between the key frames is where you are going to be constantly adjusting your time values.0335

So, for instance, if want this pistol to enter the frame sooner.0344

I am just going to grab that key frame and move it closer to the timeline or the other key frame here.0349

That is the spatial interpolation they were talking about.0354

So, hit the RAM preview. You can see it just darts right in.0356

And if I just keep pull it out the farther the distance between the first key frame the more time is increased.0361

So, now is even slower.0372

So that is basically what we mean by spatial interpolation.0378

OK, so how do we get around these key frames?0384

Let us talk about the navigation in some keyboard shortcuts.0386

So, here we are back in After Effects.0391

Now, as I said, you can kind of page up or page down.0394

And if you hit this. Hit the Home key and it always goes to the beginning of the comp.0398

If you hit these arrow keys it goes to the next key frame.0403

And if you hit the U key. The U just tells you all the information within that layer.0408

These are all the actual key frames we are actually using at that point.0414

So, let us say I just wanted to see the position key frames. So, I will just hit the letter P.0417

That just shows, kind of save some real estate on the screen here.0424

Let us try another key frame. Let us try to let us add opacity and let us have this opacity into the same.0429

So, basically let us drop down the value so it kind of dissolves in. See that?0438

It kind of space that out as well. There you go.0446

So, once you get to hang up the key frames the fun begins.0457

You know, it is just a matter of learning the distance between the key frames.0462

How to apply different values to the key frames, learning how to grab, whether you want to, grab the actual elements.0467

I will get into all the details of what we can do with these different paths later on.0476

But, that kind of concludes key frames.0481

We covered what is a key frame, create a new key frame, deleting key frames, spatial interpolation, navigation and keyboard shortcuts.0485

OK, so I will see you back on educator.com.0495

Educator®

Please sign in to participate in this lecture discussion.

Resetting Your Password?
OR

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Membership Overview

  • Available 24/7. Unlimited Access to Our Entire Library.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lecture slides for taking notes.
  • Track your course viewing progress.
  • Accessible anytime, anywhere with our Android and iOS apps.