Light Blue Style Navigation Bar

Tutorial in Basics, Web

Simple, yet modern navigation bar, in light blue color, that you will be able to use in your website. You will have to apply a simple gradient and change the layer style.

Open a new document, 800×400px, and transparent background.

Fill in the background with color b1c2e0.

Create a new layer.

Select ((Rectangular Marquee Tool)), create a rectangle from side to side and fill it in with color 52a1c4.

Double click the layer to go to ((Blending Options)). Mark ((Gradient Overlay)), and use these values and colors.

Ctrl + Click the layer to activate the bar’s selection and with ((Gradient Tool)), trace a gradient from white to transparent.

Now lower the ((opacity)) to 70% and change the layer style to ((Overlay)).

Write the text you will use for the buttons. Select the font Verdana. Now go to ((Layer))-((Layer Style))-((Drop shadow)).

Once you have finished the previous steps, the navigation bar will be done.

Related Tutorials

Deja tu comentario

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