Cum realizam o bara de navigare ?

   In acest articol vom vedea cum realizam o bara de navigare simpla cu ajutorul lui Adobe Photoshop CS5 .

   Pentru inceput creem un document nou , eu am ales 500×200 pixeli. Umplem fundalul cu un gradient RADIAL , eu am folosit un gri inchis codul culorii fiind #45443f si #31302c.

   Acum creem un nou layer (Layer -> New -> Layer) si cu ajutorul lui Rectangular Marquee Tool faceti o selectie cu o marime fixa de 440×50 pixeli pozitionata in mijlocul documentului. Acum umplem selectia cu un gradient LINEAR de la #f4f4f4 la #d9d9d9.

   Acum mergem la Layer -> Layer Styles -> Drop Shadow si Layer -> Layer Styles -> Outer Glow si facem urmatoarele “setari” :

   Acum adaugam textul (link-urile) folosind un font dupa preferintele dvs. ,eu am folosit Verdana , Regular si o marime de 13 pt , Sharp . Am folosit culorile #686868 iar pentru hover #1d81f3.

   Acum trebuie sa despartim bara de navigare in mai multe butoane si vom creea un nou layer iar cu Rectangular Marquee Tool facem o selectie de 1×50 pixeli care o umplem cu #b4b4b4. Acum duplicati acest layer si impartiti butoanele in mod egal.

*Eu am folosit si opacity 50% pentru peretii despartitori.