Creati o bara de navigare cu Photoshop
Varianta finală:
Pasul 1
Pentru a începe, creăm un document nou. Pentru acest tutorial am ales dimensiunea 500×200 px. Se va umple cu un fundal Radial Gradient de la un gri închis la un gri mai întunecat. Puteți face acest lucru prin selectarea butonului Gradient și apoi Radial. Selectați culoarea de background #45443f și culoarea foreground #31302c. Click stânga în mijlocul documentului și trageți spre exterior.
Pasul 2
Creați un nou layer (Layer > New > Layer) și faceți o selecție de 440×50 px în mijlocul documentului.
Pasul 3
Folosiți Linear Gradient pentru a umple selecția. Culoarea #f4f4f4 în partea de sus, #d9d9d9 în partea de jos.
Pasul 4
Acum vom aplica stiluri layer-elor create.
Layer > Layer Styles > Drop Shadow
Layer > Layer Styles > Outer Glow
Rezultatul:
Pasul 5
Acum vom folosi Text Tool pentru a adăuga text. Fontul pe care l-am folosit este Verdana, Regular, 13pt, #686868 (și #ac0000 pentru efectul hover)
Pasul 6
În cele din urmă vom adăuga liniile pentru separarea butoanelor. Mai întâi cream un layer și iarăși o selecție de 1×50 px între cele două link-uri. Umpleți (Edit > Fill) selecția cu #b4b4b4.
Pasul 7
Mutați selecția la dreapta cu 1px (săgeată dreapta de pe tastatură). Umpeți selecția cu #d9d9d9.
Pasul 8
Multiplicați acest layer si mutați-l și între celelalte link-uri. În acest tutorial am și modificat transparența la 50% pentru separatoarele link-urilor.
Succes 
URL scurt catre acest articol: http://tinyurl.com/2wlsj8m
Tweet