Web Slider Adobe Photoshop tutorial

   In acest tutorial vom vedea cum realizam un web slider cu ajutorul lui Adobe Photoshop CS5 .

   Pentru inceput creem un document nou 846×486 pixeli iar pentru background folosim culoarea #e2e2e2.

   Acum cu ajutorul lui Rounded Rectangle Tool ( Radius 5px ) realizam :

Layer -> Layer Style -> Gradient Overlay :

Layer -> Layer Style -> Stroke :

Layer -> Layer Style -> Drop Shadow :

Rezultat :

Acum folosim iar Rounded Rectangle Tool ( Radius 4px ) si realizam :

Acum folosim Elipse Tool si realizam :

Pentru “butoane” am folosit:
Layer -> Layer Style -> Gradient Overlay ( #0b5c87 – #1b9fe7 ) :

Layer -> Layer Style -> Inner Shadow :

Buton NO2 :
Layer -> Layer Style -> Gradient Overlay ( #ffffff – #8dc3e5 ) :

Layer -> Layer Style -> Drop Shadow :

Acum folosim Custom Shape Tool pentru a realiza “sagetile” pentru derularea Silde-urilor :

Acum urmeaza adaugarea continutului dupa bunul plac .