Skip to main content

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

Lesson 20 from: Adobe After Effects Fundamentals

Philip Ebiner

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

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

20. Adding Layer Styles like Drop Shadow, Bevel, and Gradients

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

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

another cool thing in after effects are layer styles. I quickly created this composition with a background, solid white layer, a teal rectangle and then this text layer on top. You can add layer styles to any layer, even shapes or images or video. Just right click the layer, go to layer styles and you can see the different layer styles. So you've got your traditional drop shadow which is cool. And when you do that, if you open up your layer, you'll see that there's this new layer, styles panel or option down here, drop that down. You see the different layer styles you've applied because you can apply multiple. Drop it down and you have the different options. So with the drop shadow we can play with the opacity, we can play with the distance from the letters, we can play with the spread the size of the angle all kinds of things and we can also animate this kind of stuff. So if we want to animate the distance, let's set a key frame there. Actually. Let's move this key frame to the end of...

where we're at. Then let's move it a little bit further away and we create that other key frame. Now, if we play through this, you get this sort of cool shadow effect, we can apply different effects to the shape layer itself. So right click that layer styles, let's do a bevel and emboss so you get this sort of beveled, look around the edges and we can go into our bevel and emboss settings, play with the size or if we want the bubbling to be a little bit bigger. We can also change the angle of the shadow which is kind of cool again creating this sort of three D. Effect. Now this is you know you got to go back to your graphic design principles, this doesn't look terribly good, but you can see all the kind of cool things that you can do with all of these effects. The ones that I really like are the drop shadow, I still use drop shadows sometimes. And then also inner shadow is pretty cool too. So let me delete the drop shadow, let me show you what inner shadow does in her shadow and it creates this sort of cut out look. So it looks like these letters are being cut out from the background and that's because the text color itself is the same as the background color. If I change the text color of this character to something different, it doesn't really give that sort of look but it's because the background and the text is the same color, you can also add a gradient overlay. So go to layer styles grading overlay. Let's go into our gradient overlay menu and then here we can change the colors by clicking edit gradient. So here we have our gradient editor. And the way that this works is that you choose your colors and you put stops. So here we have white and black and you can see the bottom is white, the top is black. So if we wanted to go from maybe sort of like a red to a blue, we can do something like that. And then we changed the way that the gradient looks down in this menu so we can change the angle if we want. We can change the style from linear to radio for example, and then we'll go back to the angle and play around with that a little bit more, more of an actual gradient. And so you can see you can do lots of things with layer styles so I'm not gonna go through all of them. I think it's best for you to go through them yourself. But if you have questions about any of them, don't hesitate to post a question in the course at all, stroke is another one color overlay. These are all great effects or layer styles that you can use.

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES