| Autor |
Mesaj |
DiGiTaL
Moderator
Data inscrierii: 29/Dec/2008
Mesaje: 46
|
|
 Menu profesional pentru website |
 |
Multa lume este interesata si ma intreaba despre cum se poate construi un site perfect cu ajutorul 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ărimea 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.
Pasul 2
Ne vom utiliza de urmări pentru a-i da acestei tipare desenate un formă cat mai profesional. întâia oara ne vom ocupa de umbra: Layer > Layer Style > Drop Shadow
Vom folosi urmatoarele setari:
iata ce am obtinut
Pasul 3
Ne vom ocupa acum de Inner Shadow: Layer > Layer Style > Inner Shadow
Pasul 4
Multiplica layerul obtinut
Schimba Blending Mode al acestui layer, cel de deasupra, in “Color Burn”
iata ce am obtinut
[img]ttp://www.etutoriale.ro/content_images/bar7.gif[/img]
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.
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 colorit 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 trebuință punandu-le intre optiuni.
Pasul 7
Pe un nou layer selectati un nou oval pe care il coloram cu alb ca in imaginea de mai jos
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://rapidshare.com/files/96272114/bar.psd.html]bar.psd[/url]
|
|
| 29/12/2008 08:58 |
   |
 |
|
|
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
|
|
|
