Meniu Elegant

Grafica Web

1.Deschidem un nou document: File - New - 600 x 300 px - OK

2.Adaugam un nou layer : Layer - New - Layer - OK.
  Selectam unealta Rounded Rectangle Tool (Radius: 8px, culoarea nu conteaza momentan) si desenam bara de meniu pe care vor fi butoanele:


3.Click dreapta pe layerul nou - Blending Options - bifeaza Drop Shadow si adauga setarile:


4.Inner Glow :


5.Satin:


6.Gradient Overlay:

  Cu culorile: #bbbbbb - #dcdada - #dcdcdc - #f8f8f8 :

  Acum bara ar trebui sa arate asemanator:

7.Selecteaza layerul de jos, Background si adauga unul deasupra lui ( Layer - New - Layer - OK)
  Selecteaza Rounded Rectangle Tool(Radiu: 15 px) si deseneaza un dreptunghi asemanator:


8.Click dreapta pe primul layer creat, cel cu bara principala si selecteaza Copy Layer Style.
  Apoi mai jos, click dreapta pe ultimul layer creat - Paste Layer Style pentru ai atribui aceleasi filtre si layerului din urma.

9.Click dreapta pe layerul cu dreptunghiul din spate - Blending Options - debifeaza Satin.
  Apoi click pe Gradient Overlay si modifica culorile, astfel : #bbbbbb - #939393 - #929292 - #f8f8f8


10.Selectam layerul de sus, cu bara principala, si adaugam unul deasupra - Layer - New - Layer - OK.
  Alegem unealta Rounded Rectangle Tool (Radius : 10px ) si desenam un mic dreptunghi:


11.Click dreapta pe ultimul layer creat - Blending Options - bifeaza Inner Shadow si adauga setarile :


12.Apoi bifeaza Color Overlay - si alege culoare dorita (eu am folosit #00d2ff)


13.Bifeaza, in final, Stroke, selecteaza la Size: 3px, la Fill Type : Gradient:

  ..si adauga culorile #C1C1C1 - #EBEBEB


14.Selecteaza instrumentul Horizontal Type Tool ( o culoare mai inchisa - #535353, marime 15px, font pe care il doresti) si scrie numele butonului:


15.Daca vrei sa adaugi mai multe butoane, tinand tasta CTRL, da click pe layerul cu bulina si cu cel cu numele butonului (ultimile 2 layere create), pentru a le selecta, apoi click dreapta pe unul din ele si selecteaza Duplicate Layers.. - OK.
  Apoi tinand apasata tasta SHIFT, din sageti sau cu mouse-ul muta mai la dreapta cele 2 layere. In final cu Horizontal Type Tool, selecteaza textul si inlocuieste-l cu noul nume.


Imaginea finala:

Sus

Grafica Web

mai mult>

 

  • Harta Site-ului