Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Meniu layout

power_settings_newConectați-vă pentru a răspunde

24102013
Meniu layout

1.Creati un document cu dimensiunile 1024×140.
Colorati backgroundul cu culoarea neagra .
2.Folosind Rectangular Marquee Tool faceti o selectie, pe care sa o "umpleti" cu culoarea alba, ca in imaginea de mai jos:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2eq3q68

3.Acum apasati click dreapta pe layerul dreptunghiului si selectati Blending Mode, cu setarile:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2du9qva
Apasati pe gradient si setati culorile astfel:
 Meniu layout   2553kfp


4.In aceasi fereastra, aplicam stroke, cu setarile:
Color: 3E3E3E

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   200xxk4

Ar trebui sa arate cam asa pana acum:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   208toaw

5.Folosind Rectangular marquee tool faceti o selectie, ca in exemplul de mai jos, si umpleti-o cu culoarea #000000:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2qd730w
Micsorati opacitatea la 26%.

6.Acum vom adauga niste linii pentru a divide meniul.
Apasati tasta Z penru a va duce la zoom, si mariti documentul...faceti o selectie de 2px si umpleti-o cu culoarea #FFFFFF:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2a97eph

7.Click dreapta > blending mode cu setarile:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   W0gpqt
Apasati pe Gradient pentru a-l modifica astfel:
 Meniu layout   21ot0lt

8.Setati Opacity tu 55%.

Asta trebuie sa aveti pana acum:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   Qn4oxl

9. Impartiti meniul in cate parti aveti nevoie, iar de fiecare data cand faceti o linie de despartire urmati pasul 7:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2yze9gx

10.Acum trebuie sa adaugam textul...Eu am folosit culoarea #828282 pentru link-urile care nu sunt "apasate", iar culoarea link-ului cand
il vei apasa va fi: #0987b7


Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2pq2qth

11.cu rectangular marquee tool faceti o selectie ca in imagine:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   2guglzp

Umpleti selectia cu culoarea alba, schimbati opacitatea la 56%, Blending Optinons schimbati la Overlay:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   20gz96p

12.Suntem aproape de final.
Faceti o selectie a link-ului "apasat (la mine este link-ul Matches) si umpleti selectia cu culoarea #0987b7
Schimbati Blending Mode la Color.

13.Click dreapta > Blending options, cu setarile:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala.
 Meniu layout   1628807
 Meniu layout   B6oub6

Rezultatul final:
https://2img.net/h/oi44.tinypic.com/21enhbd.jpg

Comentarii

mr.franta
Inredibil de frumos
Teed
Foarte bun tutorial, bravo!
WDC./
Interesant tutorialul. Felicitari .
Hissae2
Este la fel ca toate meniurile, mai invata.
Typlo
Un meniu simplu şi elegant, felicitări!
SSYT
Foarte frumos  Meniu layout   230108 pacat ca eu nu le mai am cu partea de design  Meniu layout   230108
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum