Lessons

Lesson Info

How to Draw Star Square Circle Shape in Photoshop CC

Hi there in this video we're going to make shapes and more shapes and other shapes and it's a rectangle with a corner on it, there's a star with another star o it is shaped tastic. Let's get in there now and learn how to do this properly in Photoshop. Alright to get started basically. We're gonna be using this little menu item here. So I click hold and drop it down. Okay, so I just click hold hold hold my mouse key down until I get these options. Let's start with your lips too. Okay and what we're gonna do is up the top here. You can pick a fill for your lips. So clever to click and then pick anything you like. If you want to pick a more custom color than just the random ones in here. You can click on this little kind of rainbow icon here and you get that color picker that we've used a few times. Okay, slide the hue up until you find something you want to use. You picked this one cocaine. Cool. And you can kind of just click anywhere up here to get rid of that fill. Dropdown. Great. So...

what we want to do is click hold and drag. Okay And you'll get kind of any old shape. So if I go to edit step backwards and what we want to do is we did this with the rectangle marquee tool. Who remembers what key We hold down on our keyboard to get it to go like to be a perfect circle, yep. You remember it's shift. Okay so hold shift down. Okay. it kind of makes the height and width locked in. Okay if you get it to a size and you're like no it's not quite right. You don't have to keep going back. You can go to edit transform path and go to scale. Okay in the same thing hold down shift on one of these edges, drag it out and you can make it nice and big. I'm making mine super big. Something like that when you're finished hit return on your keyboard otherwise it doesn't work. So her return. Um Yeah that's how to draw an ellipse. The cool thing about using this particular tool here. These are called shape paths is that they are scalable there victor. They can go up and down in size. No problem. Let's look at some of the other shapes, we're gonna use a rectangle, it seems pretty boring but hold on because there's some things you can do with it. So whether it's selected, pick a field color, I'm gonna use black in this case there he is. Don't have that selected. Okay so edit step backwards. Okay so don't worry about the color for the moment or um what you can do is see this layers panel you can click in this kind of like dark gray area that kind of makes sure nothing is selected. Now I can pick a field color of black. Black. Even stroke is the line around the outside, I'm gonna turn it on just to show you. So I'm gonna have a white line around the outside, it's going to be say three pixels just for an example. I don't really want a stroke but I want to show you how it works. And what we're gonna do is we're going to draw a rectangle kind of about here. Cool. And you're like, yeah, that's a rectangle dan. You can uh what you've got to see is this property is over here. The cool thing about using this particular tool is that these can be adjusted, You can see that the stroke here can be made really thick. Oh that's too thick. Okay, you can decide where the stroke sits, which is this option, I think here it is this option first one. So there's the inside of the square that is across the, you can see either side of that square or this one is the outside of the square. I don't want any of them. I don't like you stroke, click on it and I'm just clicking on the strokes. That little icon there and see this little red line, that means no stroke please. Okay, awesome. Other things you can do with rectangles. Still not very exciting is these corners here. So I am going at the moment, it's uh with yours is probably defaulted to this where it's got a dark gray box. Watch click it Not, it's not really obvious. Okay, but if you have it off so it should look like this and what I'm gonna do is you can change the one particular corner so I'm going to do to say 20 pixels in this corner hit return. You can see I've got a 20 pixel radius. It's not probably big enough for you to see 50 pixel radius. I'm going to zoom in so we can all see it together a little easier. The person editing this video is probably like you should have done that earlier. You had to move around anyway. So a nice little trick with this is who knows what 50 pixels is like. It really depends on the image size. So what I find quite useful is see these little icons here pretty much all the icons in Photoshop, you can hover above them, see this like little hand with arrows, click hold and drag it to the right. You can see it goes up and you can see my little start changing over here, drag him back to go to a square, drag him back, you can lock them together. So when you do drag them all up they all go together back to zero. What I want is I just want this one to be a little bit rounded and we're going to reshape it later on when we do our type is going to be that box there. Eventually a couple other things we'll do is I'm gonna zoom out, come on minus and I want to do stars up in the corner. These guys here. Okay, so stars are not tricky, but watch this click and hold down. They come into this one called the polygon tool. Give them a click and by default, Okay, it's going to give me a polygon, I'm sure what shape that is. Pentagon, I want to say pentagon and you can change the sides up here, I can have 10 sides and now it's a something I can't name. Let's go to undo. I'm using the shortcut. So edit step backwards. Is this one here? It's on a Mac. It's pretty crazy. It's command option Z steps backwards on a pc. It's control option, control all tse just kind of steps backwards. Okay, so I use that quite a bit. I'm probably gonna use that from now on the course if you see me going backwards and undoing. It's I'm just going to this option here using my sneaky shortcut. Great, so what I want to do is I want a five sided star. But what I want to do is see this little cog here. Okay, before you start drawing, click on star And play around with the inset 50% is going to give you a traditional star. See this one here, you can undo it and just experiment, have a little play around with the Indians by like I quite like this one if you get down to like 15 and then turn the sides up to 50, you get this kind of like starburst. That's quite a handy one for, I don't know, it's how I buy my wine. Okay, look at the label. And does it have lots of these gold stickers on it? I don't even read them, but that's how I buy my wine. With this layer selected. I'm gonna click on the trash to get rid of it and I'm gonna get my star. And so polygon tool sides back to five, click on the little cog and I'm going to say 50% if you go to 80% they're going to be super spiky, you can smooth the edges of it as well. Just have a little experiment. We're just going to do a traditional star. Okay, I'm going to draw out and if you want it straight. Okay, it's our magical key that we've done, we've used it a few times now because at the moment it's just going to be any old size. So I'm gonna drag out and hold down the shift key. You see it kind of locks it into like more usable shapes. It's not straight up and down. I don't know why, but you can this way. Here we go. Eventually I got it. Okay, so hold shift and just kind of rotated around until you get the kind of, it's locked. It's into a symmetrical shape. That's what I want to say, let's have a look at changing the color of this. So with this layer selected at the top here, I'm going to pick white. One thing is that say this color disappears, it's probably cause you're in your move tool. If you're on this layer on the move tool, it's great for moving around, but if you want to go back to shape it, okay, just have this tool selected, make sure that layer is selected and this will pop back up. Um You could leave now because that's almost it for shapes. I'm gonna look at some capacity because I want to recreate this kind of star effect and this thing here, so hang around, I'm actually gonna draw that circle down there as well, so you can totally leave, you know how to change the opacity already. Um Yeah, so I want to transform this guy to make them smaller. Okay, so layer selected, edit transform scale. Now, what I'm gonna do for the rest of this course is that is a super long way, I'm gonna use the shortcut and it's this one here free transform, it does a bit of all of these things does scale really easily. So I'm going to use command t Okay, you don't have to you can come in here and use this version but command T is just a super good shortcut to learn, so it's controlled here on a pc, the whole community. Okay. And same thing, hold shift in the corners and I can resize it. So I wanted to be about that return. I want another version of it so I'm going to right click it and I'm going to say duplicate layer polygon two. And what I'm gonna do is the one at the bottom? Probably. Okay so this guy's on top of, this guy's on the bottom. I'm going to stretch them out using my super new shortcut ready monte and I'm going to scale it out. So if I hold shift okay I can drag it out there and then I can grab anywhere but the center and try and line them back up. And that generally works. Another little shortcut I'm gonna share with you. Okay? So I'm gonna hit escape escape. Is that I didn't mean it. I'm going to go back to where it was so I've still got two stars on top of each other. This bottom one though, I'm gonna get my command T. Control T. NPC holding shift. Makes that come from the top left. Okay? But if I hold shift and option on a Mac or a Pc. So look down your keyboard, hold shift. And if you're on a Mac hold shift and option if you're on a pc hold shift and salt and what it does is can you see the difference? It re sizes from the center? I don't want to like bamboozle you too much for a shortcut. So you don't have to you can just line it up. You shift and just line it up, but I want to make mine a bit bigger than it was about there. Nothing really happens except this bottom one here, I want to lower the opacity opacity slider here. It's going to lower it down until I find something I like. And I'm actually going to use the transform, make it a bit bigger and we've got drop shadows on that one that's going to make it look nicer later on, but we're not there yet. Yeah, if I want to re sign, going to resize this top one as well, actually want both to go to a smaller holding down both of those keys. Yeah, yep, I'm gonna do the same thing for the circle. Okay, so this guy selected my lips. I'm gonna duplicate them. So right click duplicate layer, you should give him a name. I'm going to be honest with you. I never bother unless I'm sending it to somebody that I need to impress. Okay, and I'm going to my community, I'm gonna grab one of these side bits, hold shift and option on my MAC, make it a bit bigger. And what I'm probably gonna do is I've got the big one on top, I'm going to put it underneath. Whether it's selected, I'm going to go over here and pick a new color. We're gonna look at specific colors that might match the background in a later tutorial, but that's what I'm doing. So this guy's on top, this guy's underneath and he's just a little bit bigger. You could play with the opacity of this one as well because it looks kind of cool black bar here. I love the capacity of lots of them just to kind of, I don't know, start showing through things. It's kind of cool when there's a bit of transparency going. The last thing I wanna do is I want to get this, I wanted to be longer. So I'm going to use my command T on a Mac control T N A P C and just drag it out. And the cool thing about live shapes, can you see that corner is still preserved? It doesn't matter how long it doesn't kind of distort. Okay, so I'm gonna drag it so it's off, even past the edge. It doesn't matter enter on my keyboard to finish it and I'm going to use it as a kind of off page into the bleed type box. One other thing I want is a little circle down here. Okay. And I'm gonna be lazy instead of drawing it on the lips and giving it a color. I'm gonna grab this guy. I'm going to right click it. I'm going to duplicate him? Yes, I'm going to give this one a name because you're watching me, Let's go for a small, small circle. Okay. And I'm going to transform it holding down my shortcut keys grabbing anywhere but the center and it's going to go down here somewhere. Okay. Return on your keyboard. That's how epic shaped building video done. Let's get into the next video where we start adding type and then we'll do drop shadows, loads more to do. But let's do it in a following video by now.