Tema:Web design – Crearea unui panou de navigare

1. Pentru inceput trebuie sa cream forma dreptunghiulara al viitorului meniu de navigare.

Selecteaza instrumentul Rounded Rectangle Shape Tool si creaza un nou dreptunghi ca in imaginea
de mai jos:

2. Dublu click pe stratul cu noul dreptunghi, sau apasa iconita „fx” (Add a Layer Style) si
seteaza urmatorii parametri:

Inner Shadow

Bevel and Emboss

Gradient Overlay

Stroke
 3. Aproximativ un astfel de panou de navigare web design ar trebuie sa obtinem:

4. Selecteaza instrumentul Ellipse Shape Tool si creaza o figura ovala deasupra celei
drepunghiulare, dupa care aplica-i la fel aceleasi stiluri ale stratului.
5. Intra mai apoi in meniul Layer → Layer Style → Create Layers. Dupa aceasta schimba
regimul straturilor din „Normal” in „Linear Light” și aplicați transparență stratului cu elipsă.

6. In continuarea lucrului de web design vom crea butoanele viitorului meniu (panou) de
navigare. Pentru aceasta selecteaza iarasi instrumentul Rounded Rectangle Shape Tool si
creaza un dreptunghi mic ca in imaginea de mai jos si aplica-i la fel aceleasi stiluri ale
stratului.
7. Acestui strat tu trebuie sa ii mai adaugi si putina umbra. Deci selecteaza optiunea „Drop
Shadow” si seteaza aproximativ urmatorii parametri:
Dubleaza inca de 3 ori acest dreptunghi, care va fi viitor buton cu link spre o pagina sau meniu, si
pozitioneaza toate cele 4 butoane photoshop simetric unul de altul. Deasemenea toate
dreptunghiurile trebuie sa aiba aceleasi stiluri ale stratului.

Dupa aceasta selecteaza instrumentul Text „Horizontal Type Tool” si denumeste fiecare buton creat.

Individual:Elaboreaza un panou de navigare la dorinta pe care il vei folosi pentru interfata unei
pagini web personale.