Proiectarea meniului

În acest articol vom crea elemente de meniu, linii de divizare și o casetă de căutare.

Așadar, deschideți aspectul nostru, pe care l-am făcut în ultimul articol și luați instrumentul "Text" (tasta hotkey T) cu următorii parametri:






Și scrieți elementele de meniu.

Aplicați stilul "strălucire externă" stilului fx în stratul text rezultat.

Proiectarea meniului

Textul a început să arate mai spectaculos:

Acum trageți separatoarele.

Creați un nou strat denumit "linia de lumină".

Luați instrumentul de linie (culoarea nu este importantă) și trasați o linie verticală între elementele de meniu.

Copiați acest strat (țineți apăsat ALT) și trageți linia 1px spre dreapta cu ajutorul mouse-ului.

Stratul rezultat este denumit "linia întunecată".

Acum, pentru o linie de lumină, aplicați stratul de strat fx -> suprapunere de culoare și alegeți o culoare verde deschis, aproape albă.

Pentru o linie întunecată, alegeți o culoare verde închis, aproape neagră.

Am rasterizat aceste două straturi.

Proiectarea meniului

Apoi, combinați aceste două straturi: țineți apăsată tasta SHIFT, selectați straturile pe care doriți să le îmbinați cu mouse-ul și faceți clic dreapta pe elementul "îmbinare straturi".

Proiectarea meniului






Stratul rezultat se numește "separator".

Proiectarea meniului

Sunt de acord, separatorul nu sa dovedit a fi foarte frumos, așa că îl vom aduce la fel.

Luăm instrumentul "eraser" cu următorii parametri:

Ștergeți ușor marginile separatorului. Ar trebui să fie ca și cum marginile separatorului se vor dizolva. Reduceți opacitatea stratului la 75%.

Ar trebui să arate ceva de genul:

Proiectarea meniului

Apoi copiați separatorul și puneți-l în locurile potrivite.

Proiectarea meniului

Acum, în partea dreaptă a panoului, adăugați o casetă de căutare.

Creați un nou strat numit "casetă de căutare".

Expunem ghidajele verticale cu aproximativ 700px și 1000px, ghiduri orizontale la 130px și 170px.

Luați un dreptunghi cu colțuri rotunjite, faceți raza de curbură 5px și desenați o casetă de căutare.

La acest strat se aplică stilul fx "overlay color". Culoarea este foarte verde deschis (aproape alb).

Și aplicăm stilul "umbra interioară" cu următorii parametri:

Proiectarea meniului

Caseta de căutare pare puțin deranjată.

Acum creați un strat nou și denumiți-l "pictograma de căutare".

Luăm instrumentul "o figură arbitrară".

Proiectarea meniului

Am stabilit următorii parametri:

Alegeți cifra "lupă". Pentru a găsi forma dorită, faceți clic pe pictograma roată (săgeată albastră) și selectați elementul "toate".

Proiectarea meniului

Desenați pictograma de căutare.


Descărcați fișierul PSD cu rezultatul.







Articole similare

Trimiteți-le prietenilor: