Skip to main content

CC 2019 Update - Responsive Design Time

Lesson 30 from: Adobe After Effects Fundamentals

Philip Ebiner

CC 2019 Update - Responsive Design Time

Lesson 30 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

30. CC 2019 Update - Responsive Design Time

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

CC 2019 Update - Responsive Design Time

Here's a really cool update for CC 2019 users of after effects. It's a way to have your animations responsive to time basically. Great for things like lower thirds or titles where you might be using them across different projects and you want them to be a certainly in one project and then a little bit longer or shorter later without having to re animate everything. So I have this basic lower third that I created. So it has the top bar popping out and then this bottom bar popping down below, you can see that I have all of my key frames up so it has eight key frames in total. It has curves and everything added to make the motion a little bit different. Motion blur added as well. Now, if I wanted to make this currently which is five seconds. If I wanted to make it eight seconds, what I would have to do is change the time of this comp, I would have to extend all of these layers, move all the key frames, There's a quicker way to do that. So if I just work with me now, you're gonna learn as ...

we go. If I take my work area and put it over the intro. So I'm gonna put it over all of the key frames in the beginning, then I right click and choose create protected region from work area. What's going to happen is now, whatever happens in here is going to be locked later on, I'm going to do the same thing to the end. So I'm going to move my work area to the end. Just put it over the key frames. Right click choose create protected region from work area now right now I could go in and adjust all of these key frames which is great so that you can go ahead and edit them later. Now what happens if we bring this responsive time, lower third into another video? Now we're going to drop this lower third onto this video. So right now it's five seconds long. So if we play through this it's going to play persons talking But say you wanted to go a little bit longer now we can just extend the end to however long we want. Pretty crazy. Right? So now we can make this 10 seconds and everything is safe. So the animation at the beginning isn't stretched or slow down or anything. It stays the same. Just the parts in the middle are extended so you've got to be careful with this. If there are other animations going on in the middle, those are going to be played in real time or the original time. That's back on our responsive time composition. But whatever is on those intros and outro is is going to be saved. Alright, so now I'm back in the lower third that I created if you want to get rid of these work areas that you're protecting. Just right click any of those edges or the markers and just say delete this marker or delete all markers. I quickly want to show you a shortcut that might help you out. If you have an intro that you want to save or preserve just with your select composition open, go to composition responsive design time and if you choose create intro, what's going to happen is it's going to automatically add that intro for you. So depending on how big your composition is, it's going to change length. But now we can just click and adjust this work area that's preserved by clicking and dragging the in and the out point of that shaded region. And it's the same for creating that outro. Cool. So this is a really cool effect or addition to after effects that will save time when creating graphics that are going to be used over and over again.

Class Materials

Bonus Materials with Purchase

Practice Files