Bara menu

Subiect: Bara menu Dum Mar 27, 2011 12:30 pm

Am observat ca foarte multa lume este interesata si ma intreaba despre cum se poate construi un site complet cu ajutorul programului Adobe Photoshop. M-am gandit sa fac un set de tutoriale care sa ilustreze acest lucru 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 dimensiunea 600x200px. Am desenat un oval cu Rounded rectangle tool. Culoarea 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.

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pasul 2

Ne vom folosi de efecte pentru a-i da acestei forme desenate un aspect cat mai profesional. Prima oara ne vom ocupa de umbra: Layer > Layer Style > Drop Shadow

Vom folosi urmatoarele setari:

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Iata ce am obtinut

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pasul 3

Ne vom ocupa acum de Inner Shadow: Layer > Layer Style > Inner Shadow

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pasul 4

Multiplica layerul obtinut
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Schimba Blending Mode al acestui layer, cel de deasupra, in ?Color Burn?
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Iata ce am obtinut

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

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.

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
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 culoare mai deschisa decat cea pe care am folosit-o in text
Facem acelasi lucru in dreapta acestei linii in imediata sa apropriere cu o culoare mult mai deschisa. Multiplicam apoi aceste doua layere, puteti sa le si grupati daca doriti. Le multiplicam de cate ori avem nevoie punandu-le intre optiuni.

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Pasul 7

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

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

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.

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Acesta este ce am obtinut. Dumneavoastra puteti alege o culoare mai inspirata si puteti incerca alte efecte asupra barei din blending options. Puteti sa ma intrebati daca aveti vreo nelamurire in legatura cu acest tutorial printr-un reply.

Voi continua cu restul tutorialelor in aceasta serie.

Subiect: Re: Bara menu Sam Apr 23, 2011 6:39 pm

Frumos
Tu ai facut tutorialul?

Subiect: Re: Bara menu Sam Apr 23, 2011 7:10 pm

da este creat de mine..putin cate putin:D

Subiect: Re: Bara menu Lun Apr 25, 2011 6:39 am

Bun tutorialul!

Subiect: Re: Bara menu Lun Apr 25, 2011 6:43 am

nui adevarat intereseazate mai bine.

» Bara de Navigare Set2
» Bara pentru separare

Bara menu

Bara menu

Subiecte similare

Subiecte similare