Cum sa creezi o bara de menu.

Acoustic · Trimis: 24/01/2008 17:43 Titlul subiectului: Cum sa creezi o bara de menu.

Am observat ca deosebit de multa lume este interesata si ma intreaba despre cum se poate construi un site perfect cu susținerea programului Adobe Photoshop. M-am gandit sa fac un set de tutoriale care sa ilustreze acest fapt intr-un mod cat mai detaliat.

O sa incep cu un tutorial care arata modul in care se poate construi o bara de menu pentru un site.

Pasul 1

Am inceput prin a deschide un nou fisier cu măsură 600x200px. Am desenat un oval cu Rounded rectangle tool. Nuanță am ales-o eu dar puteti alege alta culoare. Invatati mult mai multe lucruri daca urmarind pasii tutorialelor incercati propriile Dvs. artificii si nu respectati pasii tutorialelor ad literam.
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 2

Ne vom folosi de consecințe pentru a-i da acestei configurații desenate un înfățișare cat mai profesional. întâia oara ne vom ocupa de umbra: Layer > Layer Style > Drop Shadow

Vom folosi urmatoarele setari:
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Iata ce am obtinut
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 3

Ne vom ocupa acum de Inner Shadow: Layer > Layer Style > Inner Shadow
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 4

Multiplica layerul obtinut
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Schimba Blending Mode al acestui layer, cel de deasupra, in “Color Burn”
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Iata ce am obtinut

Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 5

Cu o nuanta mai inchisa scriem componentele menu-ului. Putem face asta pe acelasi layer apasand tasta space intre optiuni. Eu am folosit insa layere diferite.

Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 6

Vom face acum separatorul menu-ului. Selectam intre prima optiune si a doua o linie orizontala de un pixel putin mai mica decat inaltimea barei si o coloram cu o colorație mai deschisa decat cea pe care am folosit-o in text
Facem acelasi lucru in dreapta acestei linii in imediata sa apropriere cu o tentă mult mai deschisa. Multiplicam apoi aceste doua layere, puteti sa le si grupati daca doriti. Le multiplicam de cate ori avem necesitate punandu-le intre optiuni.

Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 7

Pe un nou layer selectati un nou oval pe care il coloram cu alb ca in imaginea de mai jos

Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Pasul 8

Scadeti opacitatea acestui layer pana obtineti efectul dorit, eu am scazut-o pana pe la 40% si mutati acest layer sub text si separatoare.
Cum sa creezi o bara de menu. Cum sa creezi o bara de menu.

Autor : Eddy
Traducere : Unknown Hero

edited by snZ : title edited!!!