. / Bara de menu profesionala pentru website - Vizualizare subiect 83
Raspunde la subiect Raspunde la subiect
Pagina 1 din 1 Pagina de start a forumului Tutoriale / Tutoriale / Bara de menu profesionala pentru website  

MesajTitlul subiectului: Bara de menu profesionala pentru website Trimis: 31/12/2008 17:11
C3dRy2K

Administrator
Administrator

Data inscrierii: 30/Dec/2008
Mesaje: 97
  Pasul 1

Am inceput prin a deschide un nou fisier cu măsură 600x200px. Am desenat un oval cu Rounded rectangle tool. Colorație 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.


[url=http://www.99poze.ro/p/2b84086fc219f2bf839cc68ebf5b515c.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Pasul 2

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

Vom folosi urmatoarele setari:


[url=http://www.99poze.ro/p/37787f6998453732487b8a3fb7ee674f.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Iata ce am obtinut


[url=http://www.99poze.ro/p/5b00a3dd2895fb8b7a176bb5bf81be1a.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Pasul 3

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


[url=http://www.99poze.ro/p/5f7c3d732fabf003eb5e849eb43ffac4.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Pasul 4

Multiplica layerul obtinut


[url=http://www.99poze.ro/p/695cb9dcf3a4537aecdd951bf6b5ff25.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Schimba Blending Mode al acestui layer, cel de deasupra, in “Color Burn”


[url=http://www.99poze.ro/p/ff7993429c3758d19881305850f413df.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Iata ce am obtinut


[url=http://www.99poze.ro/p/f2e30d8aca2ce1ee94d7a2e8be2d5a4d.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Pasul 5

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


[url=http://www.99poze.ro/p/4c9d09ba409ac60e25fd28ad203190a7.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

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 fapt 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 necesitate punandu-le intre optiuni.


[url=http://www.99poze.ro/p/ae9380263e655f51120a8e7df3340063.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Pasul 7

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


[url=http://www.99poze.ro/p/cda180d6eaf5a03f4906e2d991d240ca.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

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.


[url=http://www.99poze.ro/p/9df6e1396e53a387858befa999477771.jpg]Bara de menu profesionala pentru website Bara de menu profesionala pentru website[/url]

Acesta este ce am obtinut. Dumneavoastra puteti alege o culoare mai inspirata si puteti incerca alte consecințe asupra barei din blending options. Puteti sa ma intrebati daca aveti vreo nelamurire in legatura cu acest tutorial printr-un comentariu. O sa incerc sa va ajut. Aveti atasat si fisierul sursa (.psd)

  Raspunde cu citat (quote)
Vezi profilul utilizatorului Trimite mesaj privat
Pagina 1 din 1
Raspunde la subiect Raspunde la subiect
 Pagina de start a forumului Tutoriale / Tutoriale / Bara de menu profesionala pentru website

Mergi direct la: 



Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum


Powered by phpBB - 2001, 2002 phpBB Group
Ora este GMT + 2 ore Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro