Remember click on each image to view full size

Cool. Let's move onto the search box at the right. Make a new layer and grab the rounded rectangle tool, with a 6px radius.

Make a shape similiar to the one in my origional picture. And once again, Layer > Layer Style > Blending Options.. and add the following settings.











IF everything has gone right.. it shuld look something like this.



Now, since you're doing this tutorial i'm assuming you're not an absolute novice. There is no point in my explaining all of the fonts that i'm about to add. If you really cannot figure it out, have a quick look in the PSD (But they are all like.. Arial/verdana)



The search box, you can use the rectangular marquee tool, fixed sizes. The width being 342px, and the height being 20px.

On a new layer.. fill it White.. and then go into your blending options, and add an inner stroke..



Which will give you..



For the GO button, you need to make a new layer, and grab your rounded rectangle tool, and set it's radius to 3px.. Now, go to your blending options and add the following settings.



And an inner stroke...



Cool. Add the go text, and that's another part done!



Now for the bottom part, the sublinks. We can simply duplicate the Go button layer (Duplicate > Layer) And then use our eraser to erase it. (This is an easy way)

Now, go to that layers blending options (yes, it has nothing on..)... Disable the stroke, but add an outerglow with these settings



Now.. you can just get your Rounded Rectangle Tool.. set the radius to 4PX this time.. and then simple draw them on, like so..



For the silver one.. simply duplicate the layer again and erase everything onit.

Edit the blending options, but this time.. change the gradient and then readd it it again with the rounded rectangle tool..



Finally, add your text.. and k'pow! You're finised. You can't even tell them apart!





Want the PSD? Click here to download it

<< Previous page