The tea has got cold, duh! [sipping☕] Aasalamu Alaikum, welcome to GFXMentor. I'm your teacher Imran and today is our 6th class of Adobe Illustrator. Today we'll learn about Rotate Tool. It's an interesting tool, with it you can create many interesting things, with some careful calculations, yes. Ahh... I know, I already told you, for rotation we usually use Selection tool. But today we shall see what's the job of Rotate tool, there are some extra features definitely. So c'mon, let's get started. So till now, you have done the rotation via Selection tool, simply like this. Uh, well it's good, it's okay. But let's see what are the options this Rotate tool provide. Before using, let me share a few things. See, while using the tool, you have two options. Either you select the object and just rotate like this, it'll rotate, the second option is that you... Notice on the centre there's a pivot point. This small target-esque or symbol, it's known as Pivot Point. What's that Point? It's something around which a thing rotates. So for example, if I... firstly click here only; not rotated or drag it, just clicked; now the Point comes up on here. Now if I grab and rotate it, notice it's not being rotated from the centre but from the place where I placed the Pivot Point. Okay? The same way if I press Alt button while rotating, then it'll also give you a copy. Which means if I press Ctrl+D, it'll repeat the same steps. See this! I keep pressing Ctrl+D and this... See the last one came out wrongly. Why so? Because I took the wrong angle. here let me show you how to take angles accurately. No. 1, after putting the Pivot Point, press Alt and Shift at the same time while dragging, it'll automatically rotate the object at 45 degrees of distance. So here I release the mouse button. And now I again press Ctrl+D. Okay? I've turned off the Num Lock as it's repeatedly indicating "Num Lock on" below the screen, my viewers get a bit confused, (😁) whether to press Num Lock too, nope, my keyboard's Num Lock was on. I turned that off now. Alright? [clearing throat] Come, let me make it again and show you. So I simply made an oval, and with Rotate tool I click here, then pressed Alt and Shift together. See it has snapped at 45 degrees. I release it and now I'm leaving my keys, please remember not to leave the keys first, before release the mouse button. Get it? And then (press) Ctrl+D. I hope you've understood so far. It's quite easy. Right? Okay, now the question is if I have to rotate on a specific angle, then what to do? I can show a simple example of this, suppose this is a circle and I want approx. 25 stars around its circumference. Right? So let's make a star. My smart guide is guiding me to the centre. Here I create a star, alright? Now! Take the Rotate tool, and on the centre... see usually your guide indicates the centre, still let me share a better way. That you select your circle and press Ctrl+R. With it your rulers will appear- drag a guide and put into the centre. similarly I do it vertically. Now, even though my circle is not selected, still I know its centre point. This is important. I select this star, took Rotate tool, press Alt and click on the centre. Now what'll happen? It'll ask you at what degree you have to rotate. Okay how many stars I planned to add? 25! We will do a small calculation, I turn on the calculator. And... [couging!] In a complete circle there are 360 degrees, so if I... divide 360 by 25, as I need 25 stars so I divide with 25, if you need 20 then divide by 20, if 50 then divide by 50. Right? So I divided by 25, my result is 14.4. That means I have to rotate at 14.4 degrees. Get it? So I type 14.4 in here. If you wish, turn on the "Preview", but don't press OK, rather press COPY. We will copy. The copy gets generated, now press Ctrl+D. And here goes all the 25 stars, if you wanna count, you do it. I'm not counting now! (😂) Alright! (😁) So I hope Rotate tool is clear to you so far. It's quite easy, much interesting it is, Just keep this in mind, as I made these stars, I did it with Alt button as I clicked. It'll give you a dialogue box, put your desired value in it, how much to give? anything you wanna add as many as you need, then divide that value by 360. Understand? So uh... Sorry, you have to divide 360 by that value. So, as I've told you at the start of class that we shall make an interesting thing today. Now to create this interesting thing... Okay, let me reveal it. A wristwatch! And [traffic noises in the background] we will make a simple flat design, but before that I want to share some important things. so that it becomes helpful for you. Okay? One thing that we need the most... Okay I'm hiding the guides first, to do that press Ctrl+; (semicolon). It'll be hidden. If I press Ctrl+; again, they'll reappear. So for now I'm hiding these. One important thing which I haven't told yet, If we create some objects anywhere and need to align them together, and let's say their widths are different. Now I'll select them together, and usually even if you don't see the options above, you can see a button named "Align". Click here and the Align panel comes up. If you want to keep it open at the front, go to Window and select "Align" from here. Okay? This is Align panel. Now notice carefully, there are few things in it like here's a line and two boxes are attached to its left side. Means, you can align the objects to the left through it. This is Horizontal Left Align. Why call it horizontal? Although our objects are kept vertically, but their movement is horizontal. That's why it's called horizontal align. Understand? Similarly if I want to align Centre, then this one. And if align Right, then this one. If my objects are kept like this, then these options come- it's already on Top, then there's Middle and Bottom. Okay? Right so, I hope it's been clear to you. Now why'd all these be helpful? Okay let me include another thing, If you want to spread your objects, there are options of spacing for that, see. This is Horizontal Distribute Centre. And if these are kept vertically, like this, then you choose this button. One more thing, your first and last object are the most important ones as only with their spacing, the middle ones are adjusted. So even if I put them close and adjust, it'll automatically distribute, but remember the first and last ones won't move. Okay, we can take it to another work too. For example, I have a square and in the middle I have to put a circle. Like this. Let me change the circle's colour. I select both, now, what I do is- clicking Horizontal Align Centre once and Vertical Align Centre once. This will come exactly in the centre, but be careful of one thing, I made the square first and then the circle, and let me tell you, any shapes you created later, that'll appear on front in the entire arrangement. It shouldn't be like so, that you made the square first and on later... Suppose I delete this one... and make a new square. Now this one I made later, means it's on the front now. Now if I align both of them, They get aligned but that's (the circle) not visible now. Don't worry, it's at the back. So simply right-click (on square), select Arrange>>Send to Back, it'll be visible now. In this way, even if there are multiple objects, Ah so... let's say I make lots of circles here. [murmuring] Let's change their colours too, randomly. Okay? If select them and align like this, see they'll align at one place together. You may've noted one thing, all these circles have left their places and aligned themselves. If I repeat it, everyone left their own places and came on the centre! Now, I want all of them to come at this area. Meaning this (orange) one shouldn't move. You select all of them and then click on this (orange) circle once. Look this fine border will appear around that circle, blue coloured, this shows that it's now the master object, which won't move during alignment. So, again all are selected, I clicked on it later, now if I align them to centre, notice the orange one is still in one place. If you wish, do the same with other circles too. So I want the purple one as the master object now, so I select all, click it (purple one), and align them Right? I hope everything is clear till here to you. Alright dear. Let's start my fellas- the wristwatch! So the wristwatch I'm gonna make won't be of much high-quality or having extravagant materials, but rather a very basic and flat design that I'll show. And I hope y'all love it very much. Okay dear. Now why the rotation will be useful here? Because we have to add the membrane or lines or anything inside the watch's dial. So first of all I'm making a circle, and let's say I pick grey for it. This is my main dial. Let me make it smaller, has gone too big. And I'm turning on the same guides; as I already made it, so I have no tension for it; Simply grab the circle from its centre point and and bringing here, you'll see "Intersect" written, that means it's on the centre now. Perfect! As we don't need to move it that much, so I'm doing one more thing, I'm gonna lock this object. To lock it, simply go to Object>>Lock. Here the "Selection" option will lock the object that is selected. Beside it's written "Ctrl+2", that's the shortcut. Clicking, it gets locked. If you get too confused simply go to Layer panel, and from here just lock the Path. That's it. I'm gonna make... a simple... circle for symbolizing my hours. And, this circle's colour, I pick it slightly lighter green. and keeping it a bit below. [inhales] How much we need of it? 12! So I take Rotate tool, clicked on the centre with Alt, And... Okay, 360 divided by 12, simply it becomes 30, yet let me show you on the calculator. So I divide 360 by 12, and here comes 30. Okay? Simply put 30 degrees here, instead of "Okay" click "Copy". And then Ctrl+D. The hours are ready. See these are locked, won't be moving anyway, let's do one thing, grabbing all these (hours), right-click and click "Group". The advantage of grouping is, even if I move them you can easily align them anytime. If you wish, keep them aside so they won't distract you. Second work- I gotta make my minutes lines. In fact better let's put the hours here. To make minutes lines, here I zoom a bit, and make a box here. Make sure it lies within the exact centre of the circle too. And I give its colour as light grey. Okay dear? And once again I need to rotate it, so I click on the centre while pressing Alt. This time how much should I rotate? Come let's see. 360 divided by 60, as we have 60 minutes. So it comes 6 degrees, right? So here we put 6, and Copy. That's it! Now, a tiny issue, these grey lines appear on top of the green circles. No problem, you can either select them individually and delete, or click it (the circle), do right-click>>Arrange>>Bring to Front. Okay, another thing; let's put it aside for a while; select all of them (minute lines), and press Ctrl+G, that is Group. Okay dear? So... Now select both groups and align them to the centre, be sure to put the minutes as the master object to align with it. And I hope, till now it's going all nicely. Alright? Okay dear, now we need its needles. or the arms, as you say. I'm just creating randomly. And ahh... I add a point to its centre, took the Direct Selection with A (shortcut) and with Shift I pull it upwards. Okay dear? And... In here I add a point too, with Direct Selection I pull it downwards. I need the upper portion a bit narrow, Selecting this point and... I don't want it too narrow, just lighter; so one, two... I'm moving it via keyboard. Let's move two steps more, one here and one there. I bring it little bit down as it got too pointy. That's it. Now... I want to put some designs here, I don't like it too simple. So let's do one thing, from here... made this box, resizing it a bit smaller, let's make it grey. And selecting both of them, minus (deleted) these portions. Okay dear. Now another one, I need to make a tiny... cutout part here. So I create another box, Make sure they're on the centre; select them and align to centre. And, with Direct Selection I'm pulling it aside. I think it's too big. Alright. Now... [clearing throat] Selecting this (cutout), simply vanishing it. And I already taught you, if with Shape Builder tool you click with Alt, it'll delete the part. So, this is one arm. And... I gotta create another one, for the hours. I'm just making it smaller. Maybe just select these and pull down... Ugh! (😣) Now alright, dear. And overall... making it a little broad. Just a little, not much. Alright! So let's group the objects so they don't get separated. Now if I rotate this in this way, and the other in that way, keeping them together, and on its centre, let's make a circle. Giving it... black colour. Okay these two parts I made, I lighten them up a bit. Okay dear. And now, let's keep these two on it (the watch). I'm turning on my guides to place (the arms) exactly in the centre. Looking too big, hence let's resize it smaller. That's it! Now, it's done upto here. Okay? Ahh... I dunno, I'm not liking this green colour. I'm giving it light grey. That's it, much better! Alright. Okay so, what's left now? The seconds! Yap. And on the seconds too... moving the points... one step inward... Oops! It got too sharp sorry, sorry sorry sorry! (😣) [traffic noises] See there are many ways to narrow it but I haven't taught you many things yet, specially like Scale tool and etc, it's possible through that. But for now I'm showing simple methods so that you can create things easily and don't get confused. Okay? So, moving the points two steps inwards. Okay dear? And... Let's make a box here, the same colour I pick here too. And... I give it orange, looks good right? Okay, I've grouped it all, make it a bit smaller with Shift. Here I keep it. Now of course, it has gone too much behind, meaning, this one (black circle) should've been at the top, so do right-click>>Arrange>>Bring to Front. Then grab this (seconds hand) and bring to the centre. Now I have to rotate it, and again... better you do it with Rotate tool. Here I place the pivot point and suppose I keep the seconds here. Now it's quite big in size so I make it smaller. That's it. Now the problem is, it's looking too flat. Let's do one thing, the arms that I grouped, I select them individually, And I add an effect. Now it's quite new for you but just put it and see. Go to Effects>>Stylize>>Drop Shadow. Here don't put too much values, first turn on the preview, Notice it's too much. We shall lessen it. How to do that? Firstly I'm putting the opacity at 50%, here it is. I don't need an X offset at all, so putting it to zero. What is X offset? Shadows on X-Axis, basically. So here it was giving too much shadow on the right side. Y offset is 7 now but I'm lessening it, 3, and putting the blur on 3 too. That's it! We just have to do this and press "Okay". Now notice closely, there's a vibe of depth. Which's quite good... Uh uh! This one's looking bad, perhaps it's not in the centre. Alright. So, now that we've done so far, as you grouped it, let's put it aside for now. We're gonna make one more element, a circle. And... This is basically the outer part, the body of the watch, that we're building. Take the Rectangle tool and make a rectangle. Right on. Be sure to align both together. I am taking a copy of this. The Align panel is here too, it can be used from this one too, no issues, it's the same thing. Do distribute the objects to equalize the gaps in-between. Now, selecting the entire thing, I join it via Shape Builder. We need one more rectangle. Give it a different colour if you wish, so you can notice if you're doing rightly. Take its copy. Again selecting the whole thing, I align and distribute. With Shape Builder and Alt I remove the extra part. Here it goes. Looking bit odd, so let's do one thing, I select the Anchor Points on the upper side and with Shift, I'm pressing Arrow Down key, it'll push down at 10 pixels directly. Okay? And similarly I push it 10 pixels upward then minus (remove) the extra part. Okay dear? Now this is the result. Selecting all these four corners with Shift button, now if you have Illustrator CC, you have an advantage that through this if you drag them, see it's curving easily. Understand? Now again selecting the outer four corners, curving them (inwards). Now... I hope a beautiful thing is being made in front of you. [clearing throat] and it's looking good. I hope you're understanding everything as I'm going quite slow, right? Now if I pick this and place in the centre, Send to back (the body). Resizing the dial a little bigger. Okay dear. Now... I think I should bring this part a little outwards as it's too close, so I select this and... 1,2,3,4,5... 6... 7,8,9,10... I think it's sufficient. Alright. With Shift I'm doing here the same. Perfect! Now I have to make its belt. One more thing, I'm changing its colour... to grey. Now it's looking decent, right? Making a belt is not a rocket science, Simply take a rectangle, and... make it a bit narrow. I have pressed Alt so that... See when adjusting the width of any object normally it only happens from one side. But when pressing Alt and do it it'll adjust from both sides. Get it? It's really helpful. Moving it a bit closer. Like this. We ought to put some gaps. Ahh, my Artboard is too small, I want it bigger. So... lets do one thing, this is the Artboard tool. take this and with Shift button you can adjust your Artboard. Selecting the whole watch and placing it in the centre. Taking exactly this one's copy, and place it on the top. we shall include that later. Now, here I want something pointed, so I again bring my guides here. Why keeping guides here? Because I want to add points on both these areas. if there weren't any guides, I'd have added in an inaccurate manner. And, I'm increasing the length of this part. Adding one more point on its centre. In fact no need for this point, just directly... push the points inwards, doing with Shift. Select both points and round them. Repeat the same on these points too. Okay dear. Here goes our one side. Now taking the other side here too, And here we need a buckle. To create it we'll follow the same process- We make a rectangle. And, I take a copy of this. And make it smaller. Select both of them, take Shape Builder, and vanish it. With Direct Selection, make it bigger. Now here I... make a rounded rectangle. Be sure it has to be in the centre. So I align with it to the centre. But it's only to simply... cut from here. Okay. I'm making another rounded rectangle, but a slimmer one. Now this part looks too big, let's make it smaller. Usually if you see, wristwatches have small buckles. Another small work- I want to put some details on its belt. Especially the colour, I wish to change that too. Let's make this belt... this colour. And here if I want... let me resize it a bit bigger; I want some stitching here. Now for that, let me show one thing. See it's not so much a difficult task, I simply made a rectangle, and I keep its Stroke colour to light grey. And, the properties of Stroke I taught in the last class- Dash lines, I apply it here, let's make it 4 points, See. But the problem is- this part now looks very bad. Right? Hence I want to teach you this- I want a similar shape to this, but a thin one. So select this, simply go to Object menu, Path>>Offset Path. Offset Path provides you a copy, either bigger or smaller. At present it's showing 10 pts, I lessen it; see I'm adjusting with my scroll wheel, so here keeping the cursor and with scroll wheel, I'm going into minus values, and I need -10. I guess that's enough, so press Okay. See a copy has been generated, and here I'm simply putting a Stroke, that same one- Dash lines, 4pts. Perfect! Deselect everything. Here goes the stitching. Same process I'm gonna repeat here, see here's a curve too. Right? So again that same process will help- Object>>Path>>Offset Path, the last given value is already here, turn the Preview on and you can see. And here too... Rather do this- keep this selected, take the Eyedropper tool and click on that path here. Okay? That exactly same values will be applied here too. That's it! Ah yes! Another thing, we need some holes here. So, let's make... an oval. Of course I don't need outlines here, and making it dark grey. Near to black. Take a copy of it, And selecting the below one... give it light grey. Got too dark, giving a bit lighter... better a little dark. Right. Alright, this is it. Okay please group them so they remain together- Ctrl+G. And zooming out, I take its... copy! That's it!!! No! One thing is still missing! (😯) Crown! Quickly I build its crown too. Now observe what I do to create it, I simply take a rectangle. Right, and... Inside it, I make some small rectangles, giving them a darker shade. Or do one thing, that... it's... select these two points and do this. So it's round from the front and flat on the back. Taking its copy. And Ctrl+D. Select these two points and make them... round too. Perfect. Select all the elements and group them, make it smaller, and lodge it here. Send to back. Perfect!!! (😄) I hope everything is understood till now, something fabulous has been created. Let me get rid of it (panels). So, see it was quite lengthier for sure, I know some things here are looking fairly odd to you, that some are visible and some not. Don't worry! Today, the first time you all have made something properly in our classes. So ahh... I know it is quite simple looks very basic and flat design, but I hope you've got a good feeling. Right? If anything from here you didn't understand, please ask me in the comments below. Contact me and ask, I'll definitely guide you if you're having any issues. And, please subscribe if you haven't yet, please do. And please, keep watching. And I'm really in need of your feedback. I hope you'll give me feedback. Right? So my dears, thank you. And lastly, Congratulations to all Pakistanis for winning the great game!!! (🎉) We are champions, right? ICC champions, yes! (😄) So, I hope you'll definitely practice it. Thank you! (😊)
