Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
This is where shape layers start to get really fun. We're basically continuing where I left off in the last movie where I had this star. I got rid of that nasty blue stroke though and added this pretty little gradient in the inside. What we're going to do is make this look a little bit more flowery. Right now it's not blending in with the rest of this ensemble, so we're going to remedy that. Oh, by the way, if you click here with this object selected and then this will give you the Fill and the Stroke options and then we click in our Gradient Editor. And I'm just going to go ahead and hit OK.
But once you do that, you get this cool little Gradient Editor and we can click and drag here on these little icons here to change where the gradient happens in our shape, which is pretty cool. I'm kind of going with a standard gradient here, just a plain old, start from the center and go out to about the edge type thing. But feel free to play with this as much as you like. It's actually kind of a cool tool for playing with gradients. Now what I'm going to do is I'm going to come down here to my Timeline panel. Open up the shape layer. Then I'm going to open up Contents, and then this is where I see all of the shapes applied to the shape layer.
And you can actually have multiple shapes, and then I'm going to come over here and open up Polystar 1. And we could change a lot of the parameters about this star. So, initially, remember in last movie we used keyboard shortcuts, the up and down arrows, to add and delete points. Well, I can actually change that after the fact and even animate this right here in the Timeline panel, which is very cool. I'll take this back to 10. Just click in here and type 10. We can also change the Position, Rotation, Inner Radius and Outer Radius of the points of the star and here's something that we haven't played with yet: the Inner Roundness and the Outer Roundness of this star.
So, the Inner Roundness refers to the roundness of these points on the inside. So we could make those very round, and we don't have to stop at 100%. We could keep going. So, we can create some very interesting shapes here. Take this back to 100% - excuse me. I will take that to 0%, and then I could increase the Outer Roundness, which is the roundness around the tips, and now we have something that actually kind of resembles the star. And again, we could keep going if we wanted to until we had some crazy behemoth thing. I'm just going to actually take this back down to a more wieldy number.
Let's try 100% and see how that looks. That's looking pretty good. Keep a little bit of roundness on those edges, and if you wanted to, a little bit of Inner Roundness to taste. Up to you, looking pretty good there. Now I'm going to close up Polystar 1. The real magic of shape layers, folks, comes from this little Add flyout. You will find it at the top here with the shape layer selected. You will also find it here in the Timeline panel. We have a few things we could add. We could add additional Fills, additional Strokes. We could add additional shapes to this layer, but below this second line here, or the third line, are the Path Operators.
And this is where things start getting fine. Let's select Pucker & Bloat. And when we add Pucker & Bloat, it automatically adds some bloat to our shape. If we click away to deselect this, you could see some nice little tips here. You could open up Pucker & Bloat. It only has one value. We can click and drag this upwards, and we could even, again, take this beyond 100%. So this starts like freaking out on itself in very interesting geometric shapes. We can also take this to a negative value and make this a little bit more spiky, look at that.
And as you'll notice about the stopwatch here, that this property is an animatable. So, we can just have it being going back and forth like this, freaking out if we wanted to. A little too psychedelic for this Hansel & Petal ad but we could. I'm just going to select Pucker & Bloat in the Timeline and hit the Delete key on the keyboard. Go back to Add. See what other kind of trouble we can get into here. I'm going to come back to the Repeater. The Repeater is the real powerhouse of shape layers, but we have some other simple ones, like Round Corners, where we can just open this up and basically just increase the roundness of the corners.
And because we already have some curving on the Inner and Outer Roundness values of the polystar, we're not seeing too much here. But if you had a rectangle, that could help out. If we go to the Add flyout here, we also have Twist. So, we can create a nice little Twist here, and we can twist it clockwise, we go positive, or counterclockwise if we go negative. And we could also animate between the two, so if we wanted our little shape here to be dancing the hula or something, we can do that. I'll just select that and delete it.
There's also a couple of Wiggles here. There's Wiggle Paths and Wiggle Transform. So, if I selected Wiggle Transform-- and most of the times in Adobe language when you see the word Wiggle, it kind of means a little bit of random value changes. So, if we were to hit the Spacebar, actually let's go ahead and open this up a little bit so we can see this a little better, let's go ahead and open up Transform and maybe we'll increase Scale a little bit inside the Transform. It's important, with shape layers there are many different transforms. There's like a Transform here for the Polystar.
There is a Transform here underneath Wiggle Transform 1, and there's a Transform here which is the basic layer Transform. So, there's multiple Scales, multiple Rotations, multiple Positions, etcetera for the layer. So, we want the Transform properties that are within the Wiggle Transform operator. So, as I increase Scale to 40% and then now as we preview this, we could see that the Wiggle Transform is basically animating the randomness of this shape. So, we don't have to animate Scale.
If we say 40%, it's going to animate this between 0% and 40%. We could also rotate this a little bit, and we'll see that rotation will also be randomized as well, without having to have us set any keyframes whatsoever. Now that's Wiggle Transform. I am just going to select that and delete that. If you go back to the Add menu and go to Wiggle Paths, it'll actually wiggle the shape itself. So, we have like this weird like crinkly. I should just go ahead and play that. So weird kind of like it's in water or something like that.
It's a little bit too harsh though. So, I'm going to open up Wiggle Paths and we could adjust the Size. If we can increase that, it makes it even more crinkly. We could adjust the Detail. Increasing that again adds the static. If we change the Points from Corner to Smooth, it will smooth things out quite a bit. So if we took this down now, down its Size and the Detail, then we'd have again a little bit more of a smooth, like it was floating in water type look. And actually let me click outside of this layer to deselect the layer so we could see what that looks like. It's a very cool effect. Typically with wiggling effects, we don't have to keyframe things and so we adjust the speed by adjusting the Wiggles/Second value.
So, if we want it slow, we'll take it down. If we wanted more Wiggles/Second, something like really insane and chaotic then we could increase that value, and maybe we'll take this to Corner, increase the Size, increase the Detail, and then we have a really, again, a very spazy animation. Very cool. Now I'm going to delete Wiggle Paths, and let's talk about the real powerhouse here and that is the Repeater. The Repeater allows you to make multiple copies of a shape and play with those copies.
So, let's make a bunch of different copies here. We're only seeing three because they're being duplicated by default to the right. But we can offset these so that they move through the original shape. So, by default, the original shape is on the left-hand side. But again, Offset will make it so that that original shape moves along down the road and we're seeing multiple copies. Now open up Transform Repeater 1 and again make sure that's Transform Repeater 1 and not one of the other Transforms here. But if we take let's say Scale, I'm going to click and drag down on Scale, see what that's doing here? It's playing with the Scale of all of these shapes.
So, now shape layers are starting to look a little cooler. So, basically what's happening is is that it's going to the original shape and it is scaling down proportionately each little flower, each shape. And so like let's say we scale this up to 125% and then we could adjust offsets so that these flowers kind of go through like this. We have like a little arch almost. And if we wanted to, we could adjust the Anchor Point, which can give us this like almost three-dimensional effect, as these flowers kind of wrap around here.
We could adjust the Anchor Point vertically, look at that. So, we are almost like creating like a little whip of these flowers. Again, we could adjust the Rotation and because we tweaked the Anchor Point already, Rotation makes these move all over the place and we could adjust the opacity, the End Opacity let's say. So, now we're creating these interesting opacity effects as these flowers kind of go on top of each other. As we adjust the Offset, it's a very unique effect.
So, as you can see, there's a lot to play with here. We could even add multiple Repeaters to this. We continue to add other shapes and other repeaters to this same shape layer even, let alone what we could achieve with multiple shape layers. So, this is one of the reasons I really love shape layers, because like the possibilities are just insane. I mean you can sit here and play with shape layers for hours upon hours to see what you can come up with. And so I recommend doing that. Just sit around it. If you're into motion graphics, or into playing with shapes, you're in Adobe Illustrator, see what you can come up with by playing with these shape layers.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 50736 Viewers
86 Video lessons · 13904 Viewers
79 Video lessons · 15015 Viewers
350 Video lessons · 101248 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.