Blue Navigation Button for a Header

Tutorial in Basics, Web

This is the kind of button that you can put underneath a header.

To begin, create a new document, 200×200px, and white background.

Create a new layer.

Now select ((Rounded Rectangle Tool)) and create a rectangle ((Radius)): 5px. Try to make it similar to the following image.

Now select ((Rectangular Marquee Tool)) and eliminate 1/4 of the rectangle, from bottom to top. Take a look at the selection  in the following image.

Then, standing in the rectangle image, apply the following ((Layer Styles)). ((Layer))-((Layer Style))-((Blending Options)).

Well, now select the font Arial and write the text in the button.

Standing in the text layer ((Layer))-((Layer Style))-((Blending Options)). Then apply ((Stroke)).

I will now show you the result with more buttons.

Related Tutorials

Deja tu comentario

CaminoCreativo.com & DesignOwners.com is a property of XARUP.