Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:17Length:2.1 hours
  • Overview
  • Transcript

2.5 Manipulating and Warping Shapes

Now that you know how to create a variety of shapes, it's time to learn how you can take these shapes and further alter them using Illustrator’s manipulation and warping tools.

2.5 Manipulating and Warping Shapes

Hello and welcome to this lesson where we're going to take a look at different ways to manipulate and warp shapes. So let's go to File > New. I'm just gonna call this Manipulate. And all things being equal here, let's hit OK and and Ctrl+1. And in order to obviously manipulate and warp some, something we have to have a shape of some sort. So just to keep things simple, I am going to get a square out here. So I am going to left-click, hold Shift, and let go right around there. I'm gonna get rid of the stroke. And I'm just gonna fill it in with a blue color for the foreground. All right. So once we have this, the basic way that you can transform or manipulate a shape is just by selecting it. And you can scale it down if you hover over these transform points right here. And you can hold Shift to make it whatever shape it is, you know, in exact proportion in terms of scaling, and then you can also not hold Shift and warp it in a, in a sense. You can also rotate if you, if you come out a little bit further over here, and you can hold Shift as well. So that it is basically on a 45-degree angle. All right, so going back to this those are obviously very basic ways to manipulate shapes. Over here we have some options to use as well. And so if we click over here, left click, we can see that we have the Width, War, Twirl, Pucker, Bloat, Scallop, Crystallize, and Wrinkle tools. And so I'm gonna go through each one of these and show you how they work. And how they interact with objects. So the Width Tool is kind of different than these other tools in that it only works on strokes. So let's say, for example, we have just a line segment. So I'm just going to draw out a line segment right here. And currently, we just see there's no stroke or a fill on it, so we're gonna switch to the stroke, and we'll make it blue. Now to use the Width Tool, with this selected, we just click on it. And we hover over the path somewhere. And we left-click and drag. We can add them. And we can make it wider or smaller. And so you can see this makes some very interesting shapes and allows you to quickly create something that's mirrored based on a path. So, that's a very interesting tool that you can use, and it definitely, there's certain scenarios where it is ideal to use for shape creation. So, let's go ahead and delete that. And we'll select our square. And let's come down here, and we'll go to the second, Warp Tool. Now this is very simple. We could see that there's a circle that outlines the cursor. And that's basically the area that's gonna be affected when you left-click. So let's just come up here at this anchor point right here, left-click and drag down. So we could see that it does what it says. It's a warp tool. We can do this anywhere as well where there aren't anchor points, and it will add anchor points with the proper Beziers based on the amount that you pull up and also based on the settings that you have here. Any of these tools, you can double click to bring up the options. So these are the options for warp tools. And they apply to all of them essentially. And so the width and the height apply to the width and the height of this circle here. You can set one to zero and the other one to 100, or whichever you want, and that will effect how it applies. So if we change the height here to 20 and hit okay, we'll see that now it's more of an oval. Aside from that, we also have Intensity. So if we bring this up to 100%, we can see we can really I, warp something a lot. Now if we double click over here, we also have other warp options Detail and Simplify. And you can experiment with these settings based on what you need. All right. So Show Brush Size is basically just gonna show us that outline. All right. So let me go back to that, and just make this more like 65%, and OK. All right, so the next tool is the Twirl Tool. Very simple, left-click and it will create twirls out of wherever you're clicking. And so, depending on where you're clicking, it creates a lot of different types of the results so it's a very quick way to create twirls. And left-click, and the Pucker Tool. So, depending on where we left-click inside or out, you'll have different results. All right. Very simple. We also have the Bloat Tool. And depending on whether or not it's inside or outside, that will affect how the path is manipulated. The Scallop Tool. And then we also have, have the Crystallize Tool, which is pretty much the opposite of the Scallop Tool. So it'll take things and push them out like that. Now, for ex, just to show you I, if we double click on the Scallop Tool, for instance, we have some other options that are specific to it, like, such as, Complexity and the Detail amount. If we turn these things up, we'll see it adds a lot of them. Then we also have the Wrinkle Tool, which will just very quickly wrinkle things. It's not affecting the sides here vertically, because with the Wrinkle Options specific to this tool, we have Horizontal set at 0 by default. So now, if we click over here, it will also wrinkle things in all directions. Very, very simple. All right, so that is it for all of these tools, but that's not just it, let's back up here. Let me delete that, now we also can transform and manipulate objects with the Free Transform Tool here. And when we are over here with just the basic selection tool, we can do things like warp it horizontally and vertically and scale it down. The Free Transfer Tool will allow you to do a few extra things. So if I left-click up here, we can still do you know, what the, the move tool or the selection tool allows us to do. But if we hold Ctrl, we can effect how, in a sense, that makes it sort of 3D in a 2D manner. We can also take this and hold Shift+Alt+Ctrl. And it allows us to access these tools essentially through short, shortcuts. You can also skew. And if you hold Shift+Alt, you can skew both ways. And so there's just a lot of different ways in which you can use this. And so if you click on these, the sub tools right here, that allow you to access those without using keyboard shortcuts. [BLANK_AUDIO] Very simple, all right. We also have over here these three different tools. We have the Eraser, Scissors, and Knife Tool. With the Eraser Tool again, we went over this before, you can simply left-click, and it will create a subtraction. And if we choose to left-click and come over here to the Scissors Tool, this will just simply scissor paths onto here. Oops, back up. And this right here, the Knife Tool, will simply allow you to very quickly just cut in half shapes, so now we can have two different paths right here. We can also apply different warps by going to Effect > Warp > Arc. And this will allow you to switch between the other options that were displayed in that menu. And what's interesting, if we hit Preview, it will show us exactly what, how it's warping this shape. And you can also apply horvant, horizontal and vertical distortions. And it can significantly warp your shape to a great degree. So Arc Lower. [BLANK_AUDIO] Arc Upper, and again we can apply in different amounts for the Distortion values. Arch, Bulge, or not Bulge if you go to a negative value. Shell Lower and Shell Upper, and basically there's a lot of different ways that you can manipulate shapes here. So once you have a shape that's manipulated, you can hit OK. But this is not an actual path yet so the way you can convert this to a path that you can then edit is to go to Object > Expand Appearance. And that now, as you can see, creates paths based on how it was warped. And so that is essentially it when it comes to warping shapes and manipulating them here through the tools here in Adobe Illustrator. So I know it's a kind of a crash course. So that's why in the next two lessons, we're going, or next two proj, chapters rather, we're going to focus on two different projects to kind of put a lot of what we just learned to use. By creating two projects for a potential real-world environment. So I'll see you then. In the next chapter, we're gonna get focused on creating an ocean-side illustration.

Back to the top