Skip to main content

Phil Designs his Flat Animation Scene

Lesson 45 from: Adobe After Effects Fundamentals

Philip Ebiner

Phil Designs his Flat Animation Scene

Lesson 45 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

45. Phil Designs his Flat Animation Scene

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

Phil Designs his Flat Animation Scene

the first thing that I did when creating this animation was just create the layout and so that's what I'm going to do and I'm going to try to replicate this. So let me just put all of these files into an original folder which you'll have access to so you can follow along and see what I did. Then I'll create a four lesson folder. Alright, so let me create a new composition and I'm going to walk through everything. So this is going to be a little bit of a longer um lesson. I'm just called this with alps. Okay, so the first thing that I like doing is creating our background so that I can kind of tell what I'm working with. So I'm just going to press command why? And she was sort of a dark blue because it was that night when we were doing this. And yeah, that looks pretty good. And I really want to make sure that I'm naming everything so that I'm very organized. Next. Let's create our cabin. So let's go to our alps composition and actually first I'm going to create the ground. So I know wh...

ere I'm working with and I use the pen tool to do that. So I created sort of like a dark brown, just like so and then click click click just to create a little bit of difference. Make it a little hilly, something like that. And actually I use sort of a dark blue, which actually I think looks pretty good. So maybe I'll do that. So I'll change this to, I mean I dropped the blue and then go from there to create sort of a gray, that's kind of what you see at night, you know with the blue sky, the moonlight, everything is a little blue. That looks pretty good. All renamed as to be ground. Okay, so now let's work on our cabin and I used the rounded rectangle tool and I used more of like a lighter brown to create that. And I just did sort of a typical log cabin shape. So I created sort of one log. Like so and what I did was I just duplicated that log which is rectangle one in this shape layer. So select that rectangle, one duplicated command D. And then if I press down on my arrows, it changes the shape layer position. But if I go into rectangle to going to transform and then drop the position. That's going to help me. So now let's just duplicate rectangle to go into the position. Drop it down. Now, if I want to speed this up, I can create a group. Put that outside of all of the rectangles and put all three rectangles in the group, duplicate the group, then take the group properties and move the position down. Okay, so that creates a sort of log cabin structure than to create a rectangle or a triangle. Rather basic shapes fill. We actually have this shape tool that we haven't really used the polygon tool. So if I take that and then I'm just going to create, change the color just subtly so there's a little bit of a difference. And then if I just click and drag, what happens is we have our pentagon shape And within this shape layer it's called Policy Star. If we drop down that if we drop down and polished our path one We see the points of this path is five, that's why we have a pentagon. If we change this to three we have a triangle. If we change it to six we have a hexagon etc etc. So we wanted to be three points and then we can change if we put the anchor point with the pan behind tool for this layer itself right there. Then if we rotate this around so it's perfectly what and then we changed the size which is going to be under transform and let's just decrease the scale unlike it, make it a little fatter. And with our selection tool we can put it here and we can just increase the size, put it on top like so cool, that looks pretty good. Now let's take this poly star Cut it and paste it into shape layer one and I'm going to rename this cabin And then we can delete shape layer two. I like to have everything organized and then I'll put polish star one on top of our two groups. Then I added a door frame and then these two little windows. So for the doorframe I just use the rectangle tool and I chose even like a darker brown, so with cabin selected going to create a doorframe and then a little handle. So with the lips tool I'm going to select the brown of the cabin itself. Whoops, I don't want that. So let me actually just create the circle first and then change the color to the brown. Nice. And now let's create our windows. So with the rectangle tool, just create a window, change the color so it looks like you know someone's inside, it's like a nice orange glow, something like that. And then I want that to be duplicated. So I'll just duplicate that red rectangle and then with one of them I will just drop it down. Cool. So now we have art cabin next let's add our flag. So with the rectangle tool again with our cabin, this could be a separate layer if we want, but I'm just going to create our little flag, change it to swiss flag red, whatever that is, Something like that. That looks pretty good, It might be a little too big so we can change the size and the position if we want and then within a rectangle to, let's create a little square. Actually not within rectangle to, but within the cabin, let's change that to white. That's pretty good. And I could rename all of these if I want but I don't really need to, if I was going to be doing a lot of changing, I would let me just read duplicate rectangle to Or rectangle five rather and then rotate it 90 degrees and that will create our little plus sign. Nice. Cool. So now if I want to group these three, so let me put this group on top And group Rectangle 5, 6 and four. This is our flag, which I can rename and now I can move this around if I want and I can make the group smaller or larger. Cool, you don't want it up there like that? Yeah, that's pretty cool. A little different than my original one. Cool. So now we have our cabin, let's add our hills and trees in the background. So for the trees, I just use the pen tool and then again I chose this blue but made it even darker, more of a dark gray. And this is one of the things I just totally remember from the swiss alps was just the mountains behind the cabin, which was just insane, insanely beautiful. Let me just do that. So I just create these sort of spiky trees and let's put these behind our ground trees and let me actually just make it a little bit darker. Yeah, that looks pretty cool. It's really simple and then our hill, what I did was sort of this hill up here. So with a new pen tool, unclip king any layers. Just create this sort of big mountain. Okay. And I want to make this a little bit darker, maybe maybe lighter might work actually in light gray and put this behind everything. And then to make that little sort of peak, I'm gonna take my pen tool again and then create another sort of shape at the top for the snowy top. Oops, okay, like that and then change it to like lighter gray. That looks pretty good. What I can do is take that shape and move it down if I want something like that. Cool, so that looks pretty good now it's a little different than our original but hey, I'm just playing around. Okay, another thing I did was create this sort of path up here and so let me take my pen tool and what I'll do is just create a simple path. Like so and I want it whiter when it's at the front of the composition and then it goes up to the door and if I put this behind are cabin looks like a path Kind of gives that more three d. effect and let me rename that and change the color to more of like a brown, dark brown, something like that looks pretty cool now for the stars. I just use the rounded or the ellipse tool and I used two colors. So one is white and I just literally just clicked and dragged and I was holding shift down so they're perfect circles, see how I'm doing this, I'm just clicking and dragging. No, I'm not doing anything in front of the trees or in front of the mountains. But if I did I could just put this layer behind those other ones and it would be fine. So I'll just say stars and then I'll create another layer. So click off this and change to more like a yellow, just really subtle yellow. Just to make it a little bit more different, little bit more different. That doesn't make sense. Feel just a little different. I hope you guys have been enjoying this class. If there's anything that you would do to make it better, just let me know and I'll put this down here and I'll call the stars too cool. So now we have our different layers and if we want everything to be in this camp, I'm gonna use the shy guy tool just to close some of these things down. So like for example the, the path, the ground, the trees, the mountain, um everything I can actually close down actually I'll just close down the path, the ground and the trees and hey what the heck, I'll just do all of these for now and we just have our cabin and maybe art sky. So now we have our basic design. The next thing I'm going to do is create our firework and that's going to come up in the next lesson. So that's a little bit more advanced so it's gonna take a little while longer. But now we have our simple design. 01 thing I didn't add was the moon. And a quick way to do that would be to take our lips tool, make it white and let's just create a circle right here and then another circle, whoops like so And they make that 2nd circle the same color as the background. It's like the quickest way to make the moon. And if I put the anchor point in the middle, take my rotate tool, I can rotate it around, moving around wherever I want. Maybe I want it up here to kind of balance out this composition with the mountain over here and the moon over here and then the fireworks are going to come up right here. Cool. Thanks for watching. And in the next lesson we'll create our fireworks.

Class Materials

Bonus Materials with Purchase

Practice Files