Hello this is Dr. Bill, welcome back. In this video, you'll learn how to create navigation buttons will start off with some rectangle
They will come down and choose some create some rounded rectangle and maybe even a few although rectangle command command line as
Well, now that we know what want to do this. I go ahead and get started will be recreated this one from scratch. So the first step, you're gonna want to do is come up here to file and choose New
And that's going to go ahead and open up the new dialog box and with my resolution. I've got to kind of slide over here, I'm just going to go 400 400 default 72 and then I'm going to go ahead and press the Create button.
Okay, so at this point, let's let's get mind black back to black, white, I simply press on the default foreground, background, I kind of which made my foreground black in the background one
Of the first steps you can do is pick a color. And what you're going to probably find this once you start working on a website, you're going to find all your colors you're gonna have the same college party navigation buttons. But let me go ahead and just press on the foreground color.
I'm gonna come over here and press on the green and just kind of give me a shade of green right here and I'll go ahead and press OK. I can see right down here is
The hexadecimal value 375 to five hours. Once I've created navigation, but I'm going to probably want to keep it consistent and keep using that exact same color there.
Okay, so before I move on here. I want to make sure I put this on its own layer. Second, out of Governor boss. So I've got my background layer and I'm simply press on the icon, just the left of the trash can and that's going to create a new layer.
Okay, so I've got here's the rectangle and again if yours is on set to something else. It's simply press and hold and come back and choose the rectangle more key tool.
And I'm going to guess yours probably is set to normal here on the style. So I'm going to go ahead and set mine back to normal now.
So one way to create a command button misuse the rectangle more key. And you can see here with style set to normal. I can specify whatever size I want. Let me just kind of
Men button about that size.
And I got my for balance at two grand saying this, come right up here to edit and go to fill
Foreground Color and press OK.
OK, this point, I'm going to want to go ahead and add available, the boss. But typically, I'm going to dislike that somebody come up here and go to select
And D. Select OK. Now to add the bell bottom, bottom is going to simply right click on this layer. I'm gonna come up to blended options.
And I'm going to go ahead and press wants to select the Bellman a boss. I'm gonna come right over here and take a look at some of the options and maybe once you hit reset to default before we move on there.
A couple things you may definitely want to play around with would be the style. The technique and the size
If I take a look at right now it's at five, let me go into the changes to Tim and I can see how that has come in significantly them.
To give that Belmont and boss window backup. I'm just going to double click right over here on Melvin and boss and pull that up. So one thing you may want to change is the size
may also want to go ahead and take a look at. Let's start off with a just a hard and they can see I get really defined edges there and you may want to take a look at some of the other options.
Underneath the style. I'm gonna go back with the inner boss and if I leave it catches a hard on I might decrease this down about five or six again.
Okay, so one way to create a command button, would be to use the rectangle more key tool at normal
What you can probably find is you want all your navigation buttons, the same size. I'm going to come up here and go to six size. So the first one is kind of free hand to now I'm gonna go ahead and change. Nice. I've got that fixed size and that the width 150 and the height at 50
So at this point, as soon as I go ahead and click on
The blanket on the on the window here. I'm going to get a area hundred 50 pixels and with 50 pixels in high
At this point I just come right back up here to edit and film and press OK, and it's since it's on that same layer. It's going to have all the same bubble and boss features there.
Okay. One other way is going to be the fixed ratio and I've got mindset to 3.5 to one and watch now as I drag out
Whatever size that drag out. It's going to have that exact same racial and again, let me just come up here to Edit and Fill and press OK.
And I'll go ahead and select that. Okay, so we're created some rectangle shape navigation buttons. You may even come up right up here and choose the Elliptical Marquee Tool, and we could go ahead and create a big old lifts and come right back up here to Edit and Fill and okay
Andy and I'll go ahead and select that there. Okay, so a few ways to create navigation buttons here using the rectangle more key.
And elliptical marquis and I'll go back to the other thing a marquee another way to do that would be to come down here and this is under the tools and yours could be set to the rectangle tool. I'm going to go ahead and choose the rounded rectangle tool.
And notice you're on the layers window that initiative that two layers here and as I drag this shape out. It's going to go ahead and place it on its own layer there and that's 10 pixels to duck sauce, etc. There. And let me just go ahead and close down
Okay, but I want to now do though is build this. And right now, my fill a set your spot is has a color there. I'm impressed on the full color.
And I'll pick a shade of green. Then I'm going to press on the stroke and I'm going to turn that off. Okay, and there was the size there.
Lot of times when this happens at this point right here. I'm going to go ahead and actually RAST rise that summer right click on this and I'm going to rationalize that layer just converted to a bunch of pixels.
Okay. So at this point I want to its on its own layer. So if I want to add a Bellman a boss on the right click on it from the pure to blended options.
Come over here to evolve and embossed and I'm just gonna use all the default values that I did on previously and press OK. So there's my kind of rounded rectangle command button. One of the way you might want to do it would be to press here and use the custom shaped. Oh.
Let me see if I can resize this. Okay, what's my screen resolution set as it is yours. What should already be here. Let's assume we wanted to
Create maybe a heart shaped navigation button. So I'm going to press on the shape I don't screw over here. And again, you should already be there.
Press on the heart and then we come back here full size. So you're still be up there in the top right. And let me just come right over here and drag out a heart.
And again, just like I did earlier. I'm going to come up here to the film press on a different shade of green. And I'm going to go ahead and turn off the stroke.
And next step is to like we did with the rounded rectangle over right click on this and if I want to, I could let me go ahead and asteroids. This they're going, I definitely want to do is turn around and come up here to blended options and bubble and the boss and press OK.
OK, finally, the last step is to add some attacks. And to do that, I'm just going to go ahead and change my foreground color to wide and press on the Type Tool and looks like I got area Wrangler 18 point, maybe I'll see what that looks like maybe a home button.
And that could be a possible just a little bit larger. Here, let me just say 24
Okay.
And once you go ahead and attack. Maybe your first name, last name, and let me go ahead and create another one or two home and I'll type a hobby, sir.
Okay. And if I wanted to, I could use the Move tool here I can see that my current layers hobbies, I could drag that down and even drag it over here on top of the heart. There
One thing that's going to kind of conclude this video. Hopefully. In this video, we started off here using the rectangle or key to all the created some navigation buttons. And how about do that first one was normal.
Then we use that fixed size fixed ratio and I came down here and she's the elliptical more key and then finally came down here. The tools is that the rounded rectangle and even the heart. Okay, well I'll catch you next video. Thank you.