#9 How To Use the Transform Tools in Illustrator | Dawid Tuminski | Skillshare

#9 How To Use the Transform Tools in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (30m)
    • 1. 9How To Use the Transformation Tools in Illustrator

      1:02
    • 2. 1How To Use the Rotate Tool

      4:01
    • 3. 2How To Rotate the Objects

      3:28
    • 4. 3How To Use the Reflect Tool

      2:41
    • 5. 4How to Find the Center Spot of your Artwork

      3:58
    • 6. 5How To Use the Scale Tool

      4:52
    • 7. 6How To Use the Shear Tool

      5:13
    • 8. 7How To Use the Reshape Tool

      2:07
    • 9. 8How To Use the Free Transform Tool

      2:30

About This Class

Welcome to another episode of the Every Illustrator Tool Explained series. In this particular class you will learn how to use the Transformation tools in Illustrator

So if you want to know how to use tools like

  • The Reflect and Rotate Tools
  • The Scale and Shear Tools
  • The Reshape and Free Transform tools

Enroll in the class, because it is a concise source of thorough Illustrator knowledge great for newbies and everyone who feels that learning a piece of software like Illustrator can only be efficient when you get to know the tools it offers.

But you don’t have to watch all the videos to gain real-life knowledge: each lecture is standalone, so you can just select the tool that you want to learn today, watch that particular video.. . and watch your skill set grow.

So enroll in the class now and I will see you inside!

Transcripts

1. 9How To Use the Transformation Tools in Illustrator: Hi there. My name is David. Too risky, and I wanted to thank you for choosing this course. I know that there's a lot, Of course, is out there. That is why I am so grateful that you chose this one. Welcome to another episode of the every illustrator to explain Siris in this particular class, you will learn how to use the transformation tools in Illustrator. So you want to know how to use tools like the reflect and rotate tools, the scale and share tools, the reshape and the free transform tools in role in the class. Because it is a concise source off Thora, illustrator knowledge, grateful newbies and everyone who feels that learning a piece of software like illustrator can only the efficient when you get to know the tools it offers. But you don't have towards all the videos to get real life, know which each lecture is. Stand alone. So you can just select the toll that you want to learn today. Wash that particular video and watchers skills that growth. So in rolling the class and I will see you inside 2. 1How To Use the Rotate Tool: in the next few videos we will talk about using ill is very tools allege, Transform your artwork. We'll talk about the rotate tool, the reflector, the scale tool, the share toe, the reshape tool and the free transform tool. And that's a lot of tools, because the number of tools that let you transform the objects is their big, because it's extremely important to have the full flexibility off changing the appearance of your artwork. But before we start, I want to emphasize one thing. Knowing how to use that transformation towards in illustrator is a true hole mark of a professional designer. If you're serious about creating professional artwork, if you're serious about two entering the world of professional graphic design or if you want to land a jump in the graphic design industry, you have to know how to use the transformation tools, and you have to know how to use thumb effortlessly and you won't achieve it without two things practice and proper knowledge. Now I can't guarantee the practice part that's only up to you, but I can guarantee the proper knowledge part. So let's move on to that. First, we're going to talk about the rotate still, which sits right here in the tools panel. And as you can see, it has a very handy shortcut with just the letter R on our keyboard, the rotating an object turns it around a fixed point that you dacic tight. That default reference point is the objects Centrepoint, and if you have multiple objects in a selection, the objects will rotate around a single reference point, which is the center point off the selection or bounding box by default. So let's take a look at how it works in practice by rotating the wheels off this cartoon car. In the first scenario, I'm just going to grab the left wheel, initialized the rotate all by pressing the R key on my keyboard, and now you can see this cross hair appearing. And if I collect with it somewhere outside the wheel and start dragon, you can see the wheel rotating and it's rotating around the wheels Centrepoint, which we can move simply by dragon and like. So now when we rotate the wheel, you can see that it is rotating around the newly established reference point. However, if we select both wheels and now start dragging you can see that the wheels rotate around a single reference point, which is the center point sitting between the wheels in this case. And if you want to weaken again, move the reference point to rotate both wheels around it like so you might be asking if there is a way to make the wheels or any objects for that matter, wrote it around their own center points. Well, yes, there is a way, and it is called Transform each. Now, with both wheels selected, we can either go to the object menu, transform and then transform each. Or we could always exercise or fingers a little bit and use the shortcut. Old control plus shift, plus the or option command plus shift plus D. If you're on a Mac now in this dialect boss, we got a set of options We can change in order to effect our selection, but in this lecture will focus on just the rotating elements. So to rotate the wheels, we should manipulate the angle value right here and now notice that the wheels are rotating independently. Each of them is rotating around its own central point. We could also mix things up a little bit by clicking this random option right here, which essentially makes the wheels rotate still around their own in central points, but somewhat randomly. And this option is particularly useful when you have some multiple objects that you want to rotate randomly and at the same time, for instance, a set of stars or snowflakes. So this is how the rotate function primarily works, but I think that you can squeeze the most out of it when using some additional tricks and techniques, which we will take a look at in the next video. 3. 2How To Rotate the Objects : the rotating tool shows its full potential when you use it with the modifier keys like the bulky or option If you're on a Mac and with the Transform again command, let's take a look at the one scenario when the rotate told a really shows what it's worth, like the sun illustration right here. But as you can see, it's like in quite a lot of race. Are we gonna fix this problem with the rotate tool those of you have seen in my classes on a flat design icons? Well, you probably know what is going to happen in a second, but if you haven't and especially if you're completely new to illustrator, this simple technique is going to save you. A lot of headaches we want to achieve here is to rotate this single ray carpet at the same time and illustrator, do all the heavy lifting for us and count the right distance between the race and the right amount off the race we need. So the single race elected I'm going to grab the rotate tool, and this time I'm going toe old click, not just click somewhere in the middle of the sun, notice that as soon as I do that the new dialogue box pops up with some different options they can set. And let me tell you, this is where the fun begins. Now, as I mentioned a few seconds ago, we want to let Illustrator do all the heavy lifting for us. We wanted to count the right distance between the race and to distribute them proportionately. Now the rotation is going to happen in relation to the center. Point were roughly put in the middle off the sun, So it is logical that we want the rotation to happen. Elliptically, like the Rays are distributed on a circle. For a ray to wrote it fully in relation to a circle, it will have to travel 360 degrees, right? So that's what I'm going to type in. Let's assume that we want to have 20 raise in total. What we have to do is to divine their 3 60 degrees by the amount off copies we need. So that is what I will type in 3 60 divided by 20 and I will hit to the tab, not to the enter or return. If you're on a Mac because I don't just want to rotate the raid by the angle Value Illustrator is calculating for me. I want to rotate it and copied at the same time. So instead of hidden OK, I will hit Copy. And as you can see, what I get is an exact copy off the ray rotated by the Value Illustrator Calculate for me, all we have to do is to repeat the last transformation, either by going to the object menu, transform and then transform again, or even better, by hidden control de or command D if you're on a Mac and I'm going to do that until I got all the race I need and even just for kicks. If we enter a crazy amount off race, for instance, 49 illustrator is still going to count everything for us. And we can play around with the artistic effects all day long to remember that in order to involve the rotate tool dialog box, you need to, of course, with the rotate still selected old. Click on the art board to establish the reference point and then just divide 3 60 by the amount off her race or any objects you are rotating. You want to ultimately have. So these are the most practical ways off. Using the rotate tool. In the next video, we'll talk about its sibling, the reflect toe. 4. 3How To Use the Reflect Tool: Now let's talk about the rotate tool sibling there reflect toe, which sits right here. And it has an extremely useful shortcut, which is the okey. So let me just give you a little tip here. This shortcut is one of the most important shortcuts when it comes to toast in illustrator and should be among the ones you learn in the first place. Reflecting flips the object across an invisible access that you specify. And honestly, we can take the concepts from the rotate tool and use them with the reflect. Oh, so I got an image of a butterfly right here that it's missing the right wing and this is a problem we can quickly solve using the reflect tool. So just grab it by pressing the okay on the keyboard, and I will click somewhere in the middle of the butterfly. So what I can do right now is they condone, drag the left wing to the right and watch the transformation happen in relation to the invisible axis set up by the reference point. And if I present hold on the shift key, I'll constrain the transformation to 45 degree increments. And if I present hold on the Altay, a force you press and hold down the option key on a Mac. I will not only reflect the wing, but also duplicated to finish the look. As with the rotates tool, we can invoke a reflect till dialog box by clicking on the art board while holding down the bulky just like so. So in here we can specify the type of the reflection vertical, horizontal or by a specific angle. If the object contains patterns, we can reflect them by checking this option right here, it says. Transform patterns. There are three ways off using the reflect toe to flip objects in relation to their own center points. If for any reason, I just want to flip the butterfly in relation to its own Centrepoint that can just press the O key on the keyboard to initialize the reflect all and then press enter to initialize the reflect all options dialog box. We could also just double click on the reflected in the tools panel or go to the object menu, transform and choose reflect. So this is the reflect Oh, it looks humble but can save you a lot of time in various design scenarios. Next up is the scale tool, but before we move onto it, let's address one of the most counting problems designer face when they're creating their artwork. Let's talk about how to establish the center point of the artwork in relation to we would perform various transformations. 5. 4How to Find the Center Spot of your Artwork: One of the most common questions I get from my students is how do I establish the center point off my artwork? This is an important question and a serious thing. So let's take a look at it in this video. Marking the center point of the artwork is primarily important when you want reflect parts of the artwork that should match, so to speak. For instance, parts of the face wings like in the previous video, other parts of the human body etcetera. If you know that you are going to be reflecting a lot while creating a specific piece of their artwork, it's a good idea to mark the center spot and as the very first thing that you do. And if you don't need to find the perfect center point of the art aboard, you can just grab the guides and make them intersect anywhere you want. However, if you want to make sure that your center spot is exactly in the cellars but off the art abort, here's what you can do. You can grab the rectangular grito, which we talked about before, and the created grid that covers the whole art board. What we need to do now is we need to decrease the number off both the vertical and the horizontal dividers to one by president left and down arrow keys. Now we can go to the View menu guides, make guides and turned the grid into guidance, marking the exact center of the art board. That's all good and fine. But what if we want to reflect, for instance, years in relation to the center point or center axis of the face? Let's pretend that this humble ellipse is a face and that the left smaller lips is the left ear. What I want to do now is they want to reflect it in relation to the center, off the face ellipse so the ears are sitting where they need to. The easiest way would be to simply enter the preview mode, and we can see this little ascender mark inside the Ellipse. We can now use it as a reference point for our transformation. Well, that's easy, because we got a simple shape, like this ellipse right here. But if we move to a more complex one like the butterfly right here, finding a center point will be just impossible. We can however, finally piece of artwork that has an anchor point sitting in the middle, like the one that right here, mind that we still have the reflect will selected. But if I just hover close enough over this anchor point and hold on the control key or command on a Mac, the cursor will turn into the selection tool. And when a small hole square appears next to it, I can be sure that I am selected exactly the anchor point I want. So all I have to do now is to let go of the control key. As you can see, the reflect all cursor is right over the anchor point. I want on like an old click on it to reflect the wing. But what if there is absolutely no way to tell where the center point is, either? By entering the preview mode were finding an anchor point. Well, there's one little trick we could use. Let's for a second pretend that this ellipse is that kind of an object for which we cannot establish its centre point. What I will do is I'll create too simple, intersecting lines, and now I'll make sure that they are intersecting exactly in the middle horizontally and vertically. Now I will group them and select them along with the Ellipse and then select the Ellipse once more to make it a key object. Now I can align the lines perfectly in the centre off the Ellipse, just like so. What's left to do now is to just flip the left ellipse, and we are done. These are the three ways how you can mark the center spot of the objects in relation to you . Want to reflect or rotate your artwork In the next video, we'll talk about the scale tool, so stay tuned. 6. 5How To Use the Scale Tool: you might be asking yourself What can be so special about scaling objects in illustrator who just grab it and make it bigger are smaller. While you definitely can do that, trust me that there's so much more to the subject, especially when you're using this scale toe, which will talk about in this video. So let's start from the beginning. The scale tool sits right here in the tools power and in short cut is the letter s, which is a great shortcut to learn. While the scale tool can make objects bigger or smaller, obviously, but you can also move anchor points with it, and you're gonna scale patterns within objects. And we will look at all these scenarios in just a second. Let's begin with the very basics. Once I haven't object selected and I initialize the scale tool. No, I can click and drag to the right to make the object bigger or director left to make the object smaller. If I press and hold down the shift key, I can constrain the scaling process to be horizontal when I drag to the right or vertical when I drag up. And if I drag at a 45 degree angle. I'm making the Christmas tree scale proportionately, just like so by default, the skeletal, the scaling objects in relation to their center points. But we can move the reference point of the way we please. If I just click anywhere on the art board. The reference point moves, and any scaling is goingto happen in relation to that reference point. However, I think that moving the reference point to scale objects work better when you do it by clicking on the are bored while holding down the old key or option on the Mac. Now, which ever value would change here? Whether we scale the object proportionately or vertically or horizontally, it all is going to have an in relation to the newly established reference point in this option. Sections of this scale tool, the scale, strokes and the facts value is extremely important. Many fresh designers or illustrator users are quite often surprised why there are pork, especially the strokes and effects look totally not right when they scaled the objects well , that happens because the scales, strokes and effects option is not checked. So remember that every time you are scaling objects that have strokes or effects applied, and you want them to be scaled along with the object. Keep this option on the option that sits right here. That transform parents option allows you to scale the patterns applied to objects. But let's explore it. Using another example, I got this Christmas baron right here. And when I selected and initialized the scale tool, you can see that now I can check the transform parents option if I wish so. But why would I even consider doing that? Well, this option allows you to skill the pattern applied to the object. And if we don't keep it checked, the scaling will only affect the object, not the pattern. However, if we jacket now, the pattern will scale along with the object. But what's really cool about it is that you can skill the pattern, but you don't have to scale the object if I d select of that transform object option and keep that transformed patterns checked. Now I can scale just the pattern up or down without touching the size of the object. The pattern is applied to pretty cool, huh? So this is how it can transform objects with the scale tool. But the skeletal is not just for making things smaller or bigger. You could move the anchor points with it, or even change the whole looks of objects. I got this humble rectangle right here, and what I will do it is that grabbed the two top anchor points with the direct selection tool, make the scale toe active by pressing the asking on the keyboard, and then enter and noticed that right now, whenever I change the uniforms scale value, the anchor points start to move closer or further away from each other. I can even create a triangle out of this rectangle. If I just enter zero as the value right here with scale tool, we can move a single anchor point as well. All we have to do is to grab one with the direct selection tool. And, of course, make sure that the skill tool is active. Now click anywhere on the art board and just start dragon to reshape the object. So this is how the scale tool works. Remember that you can scale objects with it, but also patterns, strokes and effect. In the next video, we will take a look at the share told, so stay tuned 7. 6How To Use the Shear Tool: the share chul is one of the most unpredictable tools in ills. Layer one of those that to produce the facts that can be created much quicker, using other tools, ballistic. Look at the sheer tool and see what promises to do for us. Now. The people behind Illustrator claim that the share tool is great for casting shadows. So let's see if that's true. I got a simple looked square right here and another one behind that I will share. I will select it and initialize the share it'll right here in the tools panel. If I just click and start dragging, I'm going to transform the rectangle around the center point. But the effects look kind of random, don't you think? Now the shuttle starts to be have a bit more predictably when I click on the bottom path of the square, hold down the shift key and start dragging him. Now it starts to look like a shadow a bit more, and really, this is what the share till does it slants, or excuse the object along the horizontal or vertical axis or a specified angle. And if you need more control over the effects of the shuttle's work. Just double click on the tools I come and in here we can change the angle from negative 3 62 positive 3 60 degrees. We can change the axis in relation to the sharing is going to take place. Or we can specify the angle. I got to tell you that I don't use this tool at all and let me show you why. So let's assume again that I do want to cast a shadow. I got a gray square right here that is locked and I got a black square that is behind it, just like that. So instead of touching the share tool, I can simply grab the direct selection tool, grab the two top anchor points and simply drag them to the right, just like so, to cast a shadow. And as you can see, we don't even have to touch the share to weaken all. We can do it all. We can cast a shadow like this one using the direct selection, but granted, when you want to create some more complex shape. So let's assume that this will be a complex shape. Let me just quickly create some ellipsis, maybe like that, Adam. Maybe one more right here, and I will simply unite them with the Pathfinder tool. Now, if I wanted to cast a shadow off well off this complex shape, I wouldn't. Well, it will be difficult to do it to use in the direct selection tool. So I'm just going to copy this guy that I'm going to lock it and base it back in front, turn it to black, just like so. And now I can grab the share tool, collects somewhere here in the bottom and holding down the shift key. Just drag to the right to make that well, to to create this shadow effect just like so. So if if the shape is a bit more complex, Schertler can be helpful when you want to cast shadows like this one. But other than that, I think that it will be easier. And he would have more control when you would be creating them this kind of world shadow effects using the direct selection tool. Now, another scenario when you might want to use them. And the shirt tool is when you want to create a box. So I'm just going to quickly maybe borrow this rectangle, This square right here. And maybe delete this guy and let me just quickly make it smaller. So now with that with share tool, I can simply just initialize it. I can simply grab on this left path just like so and holding down the shift key, I can simply as you can see, it starts to behave. Well, a bit unpredictable, but I can just move it just a bit up, just a bit up to create this kind of a side of a box. So what I would have to do right now is to simply just grab the reflect tool. Find this ankle point old click on it reflected vertical lee and click copy, just like so maybe I would change this color to something darker just like that. And now what I would have to do is to simply grandpa in of the mantle and simply start clicking to create this top part top part of the box. Just like so. Let me just maybe quickly changed the color of it to something even lighter, just like that. And of course, we could maybe play around with stop anchor point as well. To make they'll make it to look like more like a proper box. Just like so. However, if I just create another rectangle, will another square and then I can simply cologne it to the right. And now I just grab the direct selection toe and select both these anchor points. And then again, I'm going toe ad, And these told these air right anchor points to my selection by shift clicking around them . I'm simply going to move these guys just a bit up, just like so, and I could maybe pick up some colors, this guy as well pick up this color and what I would have to direct. Now he's again. Just grab the pen Tal, find this anchor point and create this stop top part of the box just like so I'll leave it up to huge method you want to use for skewing are slanting objects. I'm going to stick to maths that are more predictable and move on to yet another transformation Toe in Illustrator, which is called the Reshape Toe 8. 7How To Use the Reshape Tool: While the share tool may be the most unpredictable off all the illustrator tools, the reshape toe is definitely one of the most seldom used. But it doesn't mean that it's redundant. In fact, in certain situations it can prove to be quite helpful. It sits right here, along with scale and the share tools, and it doesn't have a default shortcut. And what it does. Is it the just selected ankle points while keeping the overall detail off the path intact when working with the reshaped olders? One thing to keep in mind if we select the whole object like this rectangle and try to stretch parts of it to with the reshape tool, illustrator will just move the shape, not stretch it. However, as soon as I select the stop path with the direct selection tool and then try to stretch it with the reshape tool. Now the path is bending upwards just as I intended, And if I do the same, when the bottom path I'm going to get a shade that would be a good base for a ribbon. So if you're using the reshape tool and wandering whites not producing the effects, you expected one of the reasons, Maybe that you have to select a single path instead of the whole shape. Another way of putting the re Schiphol toe work is by creating more natural adjustments. Like in the case of these waves, I'm going to try to adjust the top one with the direct selection tool first. And then I was just bottom one with the reshape toe. So, as you can see, trying to adjust the path segments with the dread selection talk is not producing a smoother way. Instead is just moving anchor points without much consideration for the overall smoothness off the path. And if I used the reshaped, although, and try to adjust the bottom path now you can see that the path is being adjusted more naturally, meaning the smoothness of the path is being preserved. By the way. Notice that if it's an open path, we want to its just with the reshape tool. We don't have to select it with the direct selection toe weaken grabbed with the selection tool, and everything will work just fine. So this is how the reshape tool works. In the next video, we'll take a look at the last of the transformation tools, the free transform tool 9. 8How To Use the Free Transform Tool: they're free transform, tool scales rotates or excuse object or objects. It sits alone right here in the tool spell and has a default shortcut, which is the letter e. Visible is something like a combination of all the other transformation tools. But it's meant for more FREEHAND distortions. The free transform Tolkien scale objects, which can be done by dragon by one of the quarter handles. Like so and of course, holding down the shift key will constrain this transformation. It could also reflect objects, which is done by dragon by one of the science of the object past the opposite side. But notice that we cannot copy and reflect an object at the same time. Because as soon as I hold on the old key or option, if you're on a Mac, I will start transforming the object from its centre point. You can also share objects with the free transform tool, and if you want to do that, you need to drag the object by one off the horizontal or vertical handles, and while doing that present, hold down both the old and control keys or option and command keys on the Mac. And of course we can share the object along both the vertical and horizontal axis. The rotating an object with the free transform tool is as easy as moving the cursor outside the bounding box until it changes into a band plied with two arrow hats on both ends and simply clicking and dragging to rotate the object. We could also constrain each transformation simply by clicking on this button right here in this fly out panel with the free transform tool. We can also distort objects, and we can do it in three different ways. First, while drying out one off the bounding boxes handles we can present hold down the control key or Commander Mak to distort the object. We can also select this option right here that says Perspective distort and you can distort the object both horizontally and vertically. And we can also use this for distort function, which basically works like the free distort option in photo shop. So this what you can do with the free transform until which is the last of the transformation tools. I highly encourage you to take some time and get to know them because once you get proficient in using them, your design work for will become not just more professional but quicker and easier