Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

5.3 After Effects Shape Layers: Part 2

In part 2 of this lesson on After Effects shape layers, you will learn about some of the shape effectors you can use!

Related Links

1.Introduction
1 lesson, 00:49

1.1
Introduction
00:49

2.Getting Started
5 lessons, 42:55

2.1
What Is After Effects?
09:56

2.2
Main Panels
10:04

2.3
Settings
07:46

2.4
After Effects Tools
08:52

2.5
More AE Tools
06:17

3.Compositions and Layers
3 lessons, 26:35

3.1
After Effects Composition
08:53

3.2
Precomposing
08:10

3.3
After Effects Layer Properties
09:32

4.Keyframes
3 lessons, 25:21

4.1
After Effects Keyframe Basics
06:39

4.2
After Effects Keyframe Easing
10:37

4.3
Spatial Interpolation
08:05

5.Masks, Shape Layers, and Text
5 lessons, 45:36

5.1
Learn How to Mask in After Effects
08:42

5.2
After Effects Shape Layers: Part 1
09:24

5.3
After Effects Shape Layers: Part 2
10:05

5.4
Text in After Effects
07:16

5.5
Text Animation and More
10:09

6.2.5D
2 lessons, 13:42

6.1
What Is 2.5D?
08:37

6.2
More 2.5D
05:05

7.Motion Tracking
4 lessons, 34:04

7.1
Motion Tracking, Camera Tracking, and 3D Text
09:11

7.2
More Motion Tracking
06:15

7.3
Camera Tracking in After Effects
07:35

7.4
3D Text in After Effects
11:03

8.Mattes and Cool Effects
4 lessons, 43:43

8.1
Mattes
10:55

8.2
EFFECTS!
10:50

8.3
MORE EFFECTS!
11:19

8.4
Mind-Blowing Third-Party Effects
10:39

9.Build a Lower Third
2 lessons, 21:35

9.1
How to Make a Lower Third in After Effects
11:01

9.2
Final Touches on the Lower Third
10:34

10.Exporting
1 lesson, 09:11

10.1
Exporting From After Effects
09:11

11.Conclusion
1 lesson, 01:16

11.1
Conclusion
01:16

12.Bonus Lessons
4 lessons, 2:14:00

12.1
How to Make an After Effects Text Animation
29:19

12.2
How to Use After Effects Intro Templates
36:45

12.3
How to Create Handwriting Animation in After Effects
34:01

12.4
How to Create Brush Effects in After Effects
33:55

13.Frequently Asked Questions
8 lessons, 1:34:42

13.1
FAQ Introduction
00:55

13.2
How to Export Video From After Effects
12:26

13.3
How to Export Video From After Effects Using PreRendering
06:44

13.4
How to Mask in After Effects
15:25

13.5
How to Animate Text in After Effects
19:31

13.6
How to Make a GIF in After Effects
13:59

13.7
How to Duplicate Layer in After Effects
20:44

13.8
Conclusion
04:58


5.3 After Effects Shape Layers: Part 2

In this lesson, I'm gonna pick up right where I left off in the last lesson and you are gonna learn more about what shape layers can do. So let's look at a few other things that you may wanna explore with shape layers, some things that I find pretty useful. I'm gonna get rid of this shape right here. Now, I'm just gonna create a basic shape with the Pen Tool. Maybe a line, and I'm gonna hold Shift as I create that second vertex, and that'll make the second point here be at 90 degrees. You can also hold Shift and create points at 45 degrees. Or you can move them a little bit more freeform. I am gonna get rid of this fill. I'm gonna change the stroke to something a little bit beefier, and then I'm gonna show you some of the options you have right down here, in the shape layer. We have this little add fly out, and one thing you'll see used a lot with shape layers is an effector called trim paths, and with trim paths, you can do things like animate this line on by animating the end value or the start value, or combination of both. Or if you wanted to make something that sort of oscillated around your shape, you can animate this offset here. And maybe you'd like that with more of a round cap, you can do that right there. Maybe you want these corners to be a little bit more rounded. You can do that right there. And now you can animate something like this offset. And now you can start to see the potential for the shape layers. You can use it to make all kinds of cool lines, and shapes, and patterns. I'm just gonna reset all of these values here. We could do something like make this draw on by setting the end value to 0%, moving down a little bit, and then setting the end value to 100%. Right, something as simple as that, very, very useful for a lot of different things. I wanna get rid of the trim paths for now. And let's look at another one of these modifiers, how about the Wiggle paths? By default, if you just apply the Wiggle paths, and then Preview, you can kind of see what this is gonna do. This uses a bit of randomness on the actual path to change the path's shape. And you can see this in more detail if you crank up the size. And I'll turn down the stroke here. This is the type of modifier that animates over time. I didn't add any keyframes. But if I preview this, you can see it's moving all on its own. And that's cuz there is a Wiggles per second parameter here. And you can set this up or down. Or you can set it to something like zero if you don't want it to be wiggled over time at all. And you just wanna use the wiggle to change the shape in somewhat of a controllable way. Or you can animate something like the temporal phase and get something slightly different and have more control over what's going on with your line here, just another option. There's also something called zigzag, which is similar to the wiggle, except that it doesn't wiggle over time and it's much more symmetrical. This is something that you may be able to see a little bit better if we change the shape a little bit. With the pen tool selected, if I select only two points, you can see that these vortexes are selected cuz they are filled in solid blue, and the other vortexes are not selected cuz they are empty. With two points selected, I can right-click on them, choose Mask and Path Shape and then uncheck closed. And that will make an open path, then I can select these points individually. I can delete them. If I hold down control, I get a selection tool and I can draw a selection around several points. And I can delete those. I can take this one vertex or point here that I have left. And then just click away and just make a line. With a line, if you just wanna keep this a line, you just have to be careful not to close it. You can see if I hover over the pen tool over the other end or the other vertex that is not selected, it changes the tool, and if I click on it again, it will close this path, which is something that I don't want. I just wanna keep this a line, or an open path, with two points. And so now I can come down here to the zigzag and I can create some nice symmetrical zigs and zags. Or I can change this to smooth and create a really nice looking sine wave looking shape here. Let me show you another one of these modifiers that I like called repeater. Repeater does, well, sort of what you would expect. It takes your shape and it repeats it. And we get some options here, we have number of copies, you can crank that up. You get offset, which you can control sort of where the repeats are starting from or in other words, you can create repeats on the other side of your object. And then you have transform repeater down here, and this controls the transformation of those repetitions. So right now, the only thing that has been modified is the X value. But you can change the Y value. You can change the rotation, which will create all kinds of really crazy looking stuff. If you position this dead center in your You set the position to 0, 0 and then you change the rotation. And now we modify the offset. We can set this to something like 36, and then 10, which will evenly divide those 36 repetitions over a 360 degree circle, you can create some really nice looking shapes. I'm just gonna delete this shape and show you a few more options here. I'm gonna create a rectangle, and I'll turn on the fill, make it something bright, that's pretty gross. Immediately after you create a shape, if you switch back to the selection tool, you can actually position your shape without affecting the layer's position. Another way you can do that is with your layer selected, if you hold Ctrl and click, you can select that individual shape. Then you can re-position this or you can modify the scale without actually affecting the layers transform controls. So you can see if I select this shape here, I can move it around and the layers transform controls are not affected. That's because I am affecting the rectangle's transform controls. You can see the position moves when I reposition this. There's some other things that you may want to explore with Shape layers, things like rounded corners. And that's useful for, if you create a shape. Well, a rectangle's not a great example because you can already round the corners of a rectangle. But if you create a more complex shape, say we took this path here. Right click on it and choose convert to Bezier path, which you can only do in one direction. Now this rectangle is a path, so I can modify it with the pen tool. And you can see, even though I'm creating vertexes with no curve on them, the end result is a nice curvy shape because I have this round corners modifier on here. See that? There's another one here and you might find useful called offset paths. And that you can use to sort of increase or decrease the path size in a smooth way. And you also may want to experiment with the stacking order of any one of these effectors or modifiers here because it will change the end result. So watch what happens when I put rounded corners above the offset paths, you see, it looks different. So you can come up with a lot of different looks and a lot of uses for the shape layers by using these modifiers, by animating different properties, and by changing the stacking order of these modifier or effectors here to get different results. So I've really only scratched the surface of what shape layers can do, there is a lot more to explore. And I'm gonna leave that ball in your court. For now, it's time to move on to the next lesson, where you gonna learn about some text basics.

Back to the top