<Browse> Acasă / Toate , BUTTON , Tutorial , Website / Blog articol: RIATMP1067 - Bar butonul Menu / - Tutorial Photoshop

| Mobile | RSS

RIATMP1067 - Bar butonul Menu / - Tutorial Photoshop

19 iunie 2009
Simple but attractive Menu Bar / Button – Photoshop Tutorial
RIATMP1067 - Bar butonul Menu / - Tutorial Photoshop

Bara de meniu simplu dar atractiv / buton - Tutorial Photoshop

Click here to download

Acest lucru este butoane simple, dar extrem de atractiv se poate crea în 5 minute şi cu acest pas cu pas tutorial aproape toata lumea cu puţine cunoştinţe sau nu în Photoshop poate face acest lucru. Vă rugăm să faceţi clic pe imagine pentru a vedea mare.

Pasul 1: Creaţi un nou fişier de aproximativ 770px / 300 px, cu fundal alb (File -> New)

Pasul 2: Asiguraţi-vă că stratul de fereastra este deschisă şi se adaugă un nou strat, făcând clic pe Creaţi un Icon nou strat la dreapta jos a ferestrei layer-ul. Da acest strat nou "buton", un nume.

Pasul 3: Acum, selectaţi instrumentul dreptunghi rotunjit, introduceti 5 px ca raza de colt rotunjit şi trage forma de dreptunghi buton (pic1). Click dreapta pe faptul că forma şi alegeţi "Make Selection" (pic2).

pic11 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic11

pic1

pic2 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic2

pic2

Pasul 4: În palatului strat, faceţi clic dreapta pe "butonul" layer şi alege Blending Options. Adăugaţi pentru prima dată Gradient Overlay. Urmaţi imagine (pic3) pentru toate valorile. Următorul adăuga CURSA. Urmaţi imagine (pic4) pentru valori. Cu aceste efecte de strat va primi buton ca imagine (PIC5).

pic3 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic3

pic3

pic4 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic4

pic4

pic5 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic5

pic5

Pasul 5: Copiaza acest "buton" strat si dea un nume "button2". Acum selectaţi o mică parte din acest buton şi apoi alegeţi "selectaţi inversă" şi apoi ştergeţi porţiunea selectată. Vă rugăm să urmaţi aceste 2 imagini (PIC6, PIC7), pentru referinţă.   Asiguraţi-2 mai multe exemplare şi îmbina toate acestea într-un singur strat.

pic6 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic6

pic6

pic7 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic7

pic7

Pasul 6: Creaţi un alt strat şi să dea un nume "button3". Acum selectaţi o mică parte din butonul principal folosind instrument de selecţie dreptunghi. Apoi alege Blending Options. Adăugaţi pentru prima dată Gradient Overlay. Urmaţi imagine (PIC8) pentru toate valorile. Acum, adăugaţi textul tot ceea ce vrei. Puteţi adăuga, de asemenea, unele efecte în textul dumneavoastră. Aici am adăugat "umbra" efect. Şi acum aţi terminat cu bara de meniu. Vă mulţumim pentru vizita dumneavoastră.

pic8 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic8

pic8

Ponderea şi Bucuraţi-vă de
  •  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1067   Menu Bar / Button – Photoshop Tutorial  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1067   Menu Bar / Button – Photoshop Tutorial
Lasă un Răspuns 3635 vizualizări, 18 de astăzi până în prezent |

Lasă un Răspuns