Bill Rosener: Hello. So, Doctor Bill, on this video, you'll learn some essential Photoshop skills as we recreate the image below. And maybe you've got a website. And you just want to create some navigation buttons that just aren't maybe rectangles across the top, or maybe along the side, maybe a little bit more integrated here. Anyway, let's go ahead and I get started here. So this is what we'll be recreating. And we'll start with kind of over here, red, blue, and maybe some green. So 1st up I'm going to do is open up adobe Photoshop, and we're going to come right up here and go to file.
Bill Rosener: I'm gonna choose a new.
Bill Rosener: and I'm gonna go 350 pixels and width.
Bill Rosener: and let's go to 250 pixels and hot. You can make yours a little bit different there, but make sure it's pixels not inches there and press correct.
Bill Rosener: Okay? So you got a little blank
Bill Rosener: image ready to go here very 1st step I wanna do is come right down here and press on the create new layer icon. And we're gonna put that on its own layer, so we can add some style to it.
Bill Rosener: So take a look over here. The 1st step is notice. It's kind of at a little angle.
Bill Rosener: and I'm gonna go ahead and simply use the polygonal lasso tool, so appears is like on the lasso tool. Just press and hold, press and hold and choose the polygonal lasso tool to do this. Notice, my cursor is clearly to the left and above. I'm gonna press once
Bill Rosener: clearly below and to the left twice.
Bill Rosener: Go ahead and press over here ways. 3.
Bill Rosener: Go ahead and press again for and come back here to the stop to the start. Okay? And taking a look that was a red. So I'm gonna go ahead and change my foreground color to shade of red and press. Okay?
Bill Rosener: And then you can just hit all backspace, or you can come up here and go edit. Fill
Bill Rosener: foreground color and press. Ok.
Bill Rosener: okay, now we're gonna go ahead and work with the blue. That would be kind of the challenging one here with we got 1, 2, 3 kind of almost 4 little
Bill Rosener: times. It's sticking out here
Bill Rosener: to do that, I'm gonna go ahead. And well, 1st of all, I'm hit to control d to deselect that.
Bill Rosener: And I'm going to go ahead and let's I'll start here at the top.
Bill Rosener: I'm gonna press once.
Bill Rosener: twice.
Bill Rosener: I'm gonna come over here a little ways. You don't have to be too precise here.
Bill Rosener: And I'm just gonna start clicking here.
Bill Rosener: And
Bill Rosener: that one more, I think, to come out.
Bill Rosener: And I'll call that good. Okay. And this one is gonna be a shaded blue. Take a look here. I mean, pick any call you want. I'm gonna go with a shade of blue. So I'm gonna press on the foreground color. Come over here the color picker window and just go ahead and pick the color you like and hit okay, and then we'll fill that
Bill Rosener: with a little edit and fill.
Bill Rosener: And okay.
Bill Rosener: okay, now, let's go ahead and I create some of those work work on the green buttons. Then we'll come along. And finally, at that circle in the middle.
Bill Rosener: And I'm just gonna hit that control D,
Bill Rosener: and now I'm gonna go ahead and use the polygonal lasso tool.
Bill Rosener: and we kind of follow this pattern. If you hold the shift key down, it's going to strain that to a perfect line.
Bill Rosener: I'm just going to kind of come around here to the beginning.
Bill Rosener: Get my shade of green here.
Bill Rosener: and
Bill Rosener: oh, backspace, or go up to edit and film. And I'll just kind of repeat this process
Bill Rosener: again. Hold that shift key down. We'll constrain that to a perfect line
Bill Rosener: and edit, fill or alt backspace
Bill Rosener: to fill that.
Bill Rosener: and I'm not doing another very good job here. But that's okay. Oops.
Bill Rosener: Okay, let me come along here again. Hold the ship key down
Bill Rosener: and spell that
Bill Rosener: and one more button over here on the left, right?
Bill Rosener: And phone. Okay? So we've kind of got the buttons. There. Now, what I'm gonna do is, I create the circle inside. And to do that, I'm gonna go ahead and press and hold the rectangle, Markey, and use the elliptical marquee tool.
Bill Rosener: I'm gonna go ahead and use the fixed size. I could go ahead and change this to a normal and kind of just guess let's go ahead and make it a fixed size. I'm gonna go to fixed size, and I'm gonna go 100
Bill Rosener: pixels and width and 100 pixels and height.
Bill Rosener: Okay, I just kind of position it right there. And now I'm just simply press the delete key delete to remove that.
Bill Rosener: And I'm gonna turn right around and change this to 80
Bill Rosener: and aiding for the width and height
Bill Rosener: position. My cursor kind of in the middle there
Bill Rosener: and fill that
Bill Rosener: edit. Fill.
Bill Rosener: Okay
Bill Rosener: and control game. Okay? Now to make it look right now. Looks pretty blah to grab that 3. D look, I'm just gonna simply come right up here. Press on right click on layer one choose blending options.
Bill Rosener: I'm gonna go ahead and choose bevel and boss, and if you press over here now, you can change some some of the options there on maybe the direction of the light, the depth, the size, how soft! etc. there feel free to play around with those. But I'm just gonna go ahead and press. Okay.
Bill Rosener: okay. Finally, the last step would be to add some text.
Bill Rosener: I'm gonna go ahead and press the default foreground. Icon change this to white. I'm gonna press on the T for text aerial regular
Bill Rosener: about decrease the font size a little bit
Bill Rosener: and add a little text here.
Bill Rosener: and then I can use the move tool if I want.
Bill Rosener: and 0 keys on the keyboard to reposition that.
Bill Rosener: and just a little more text here.
Bill Rosener: bookmarks
Bill Rosener: and finally pictures.
Bill Rosener: Okay, finally, last step is, go ahead and save this and just come right up here to a file, save a copy.
Bill Rosener: and you can call this assignment 25,
Bill Rosener: and you could save it as I would actually go with the Png here on this one.
Bill Rosener: So assignment 25 dot Png and save it, and then you'll be uploading that to your website there.
Bill Rosener: Well, hopefully, in the this video, you learned how easy it was to create some navigation buttons. That just aren't your typical.
Bill Rosener: Across the top or along the left side, where a lot of your navigation buttons are kind of a little bit more interesting on. Look and feel here. Anyway, I'll catch you next. Video. Thanks a lot. Bye.