Login Box Tutorial

 
   In acest tutorial vom vedea cum realizam un model de “Login Box” pentru websiteuri cu ajutorul lui Adobe Photoshop CS5 .
 
   Pentru inceput creem un document nou 600×350 pixeli , culoarea background-ului nu are importanta , eu am folosit un gradient RADIAL #4d4d4d si #ffffff.

   Acum realizam un “patrat” folosind Rectangle Tool , apoi ii aplicam un gradient :

   Acum mergem la , Layer -> Layer Style -> Stroke :

   Layer -> Layer Style -> Drop Shadow :

Rezultat :

   Acum cu ajutorul lui Rounded Rectangle Tool realizam :

   Acum duplicam layer-ul si introducem text :

*Pentru text am folosit fontul Arial , 3.5 pt.

   Acum vom folosi iar Rounded Rectangle Tool pentru a realiza un buton :

Layer -> Layer Style -> Gradient Overlay :

Layer -> Layer Style -> Bevel and Emboss :

Layer -> Layer Style -> Drop Shadow :

Dupa care adaugam text ( font arial , 4pt )

   Acum mai realizam un buton “LOGIN” folosind caracteristicile butonului “GO” si inca doua link-uri “Ai uitat parola?” si “Inregistreaza-te” :