Navigation Menu Apple Style

Posted In Photoshop - By HeD On miercuri, august 24th, 2011 With 0 Comments

 

Navigation Menu Apple Style Tutorial

   In acest tutorial vom vedea cum realizam o bara de navigare in stil Apple cu adobe Photoshop CS5.

   Pentru inceput creem un document nou 600×350 pixeli , culoarea background-ului nu are importanta , eu am folosit un gradient RADIAL #c8c8c8 si #ffffff.

   Acum folosind Rounded Marquee Tool cu Radius 5 px realizam :

   Acum mergem la Layer -> Layer Styles -> Drop Shadow :

   Apoi Layer -> Layer Styles -> Gradient Overlay :

   Folosim din nou instrumentul Rounded Marquee Tool cu Radius 10 px si realizam :


   Layer -> Layer Styles -> Inner Shadow

   Acum este timpul sa adaugam text pe bara noastra de navigare ,un Icon care va reprezenta butonul HOME si un buton care va reprezenta pagina pe care suntem conectati :

* Pentru butonul Stiri IT am folosit Rectangular Marquee Tool pentru o selectie caruia i-am dat un gradient LINEAR , Blending Mode : NORMAL , #d1d1d1 si f5f5f5 , scale 100% , Opacity 100% .

* Pentru text am folosit fontul ” Lucida Sans ” 2,88 pt , culoarea #e3e3e3 si urmatoarele “setari” :

**Pentru Stiri IT folositi culoarea #383838 .

   Acum creem peretii despartitori pentru butoane si textul pentru “caseta” de cautare.

* Pentru a desparti butoanele folositi Rectangular Marquee Tool 1px , culoarea #383838 si faceti urmatoarele “setari” :

* Pentru text cautare am folosit culoarea #383838 , fontul Lucida Sans , 2,64 pt .

About - hedmasster: Web developer , Web designer , Games reviewer . Pasionat de IT & Gaming , owner www.blasterzone.ro & www.itsuceava.com . Dacă aveţi nelămuriri în privinţa unor articole/tutoriale puteţi lăsa un comentariu şi în cel mai scurt timp vă voi răspunde.

Lasă un comentariu

XHTML: Poţi folosi următoarele taguri: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>