Adding Text to Photoshop Style Buttons

Video Transcript

"Hi, this is Jimmy Hartman on behalf of Expert Village and in this clip, we'll be continuing our second Web 2.0 style button. Let's go ahead and add text and we'll make it white for now. If you hit "d" on your keyboard, it will load the default foreground and background colors and then you can hit "x" to swap them so that we have white. We'll go ahead and make sure we have our top layer selected up here. Click the text tool or you can hit "t" on the keyboard. I've got Myriad Pro, light, size 24. I've got it light because I want it to be more of a thin text. Let's go ahead and click in the middle here. We will call this "Search Site". I will go ahead and hit the "v" key to move the text to the right side. Let's open up our characters palette and hit "t" for the text tool and select the last word, "site", and we'll change its color to stick with red, medium red there. Go ahead and click ok and hit return on your keyboard. That pretty much does it for the text so far. Let's go ahead and add a graphic here, a symbol to it. We'll create a new layer. Click on our shapes. Go up here to the custom shape tool. Just go ahead and click it and now you'll see that this dialogue here changes to shape and you have a drop down menu. Go ahead and click that and you have a list of all of your shapes that are loaded right now. If you click this arrow key to the right, there, you'll get this drop down. You load shapes that you have externally or you can load ones that come with Photoshop. At the bottom, you can't see it, but it says web. I'm going to go ahead and click web, and replace current shapes with shapes from web, yes. You should have this one factory installed so it shouldn't be a problem. I'm going to click on this little search icon here and click over here to get that out of there. We'll just going to click and drag inside of our button here to make that shape the size that we want it. That looks pretty good. Let's go ahead and move it and kind of get it to the left here. Then I'll move my text back over just a bit. We're going to name this new graphic layer, "Graphic". There we go. We'll go ahead and add a layer style to it just to colorize it. So let's go color overlay. Select a color here and we'll use our slider just to kind of get it to that same color. It was about there I believe. So, hit ok. And that kind of gives us the main part of the button."