<Browse> Naslovnica / Sve , BUTTON , udžbenik / Blog članak: RIATMP1167-Photoshop Tutorial - reflektira Tipka / Header

| Mobile | RSS

RIATMP1167-Photoshop Tutorial - reflektira Tipka / Header

8. listopad 2009

Danas ćemo napraviti traku izbornika. To je vrlo jednostavan, ali možete koristiti tu istu tipku ili traci izbornika ili zaglavlja za mnoge različite vrste web stranica. Zbog svoje boje i stil može biti prikladan za mnoge predmete. Čak možete promijeniti boje i napraviti svoj vlastiti prilagođeni izgled ili samo ići naprijed i mogu koristiti ove premade gumb za vaše projekte. Dakle ovdje je tutorial.

Click here to download

Napravite novi dokument Photoshop. Odaberite alat pravokutnika nadstrešnica i stvoriti široki pravokutnik. Nije bitno što se boje to je zato jer mi ćemo dodati stilova slojeva.

Wide Rectangle

Široki Pravokutnik

Sada idite na Layer / Layer Stilovi / Gradient sloj. Za referencu molimo Vas da slijedite sliku je prikazano ispod.

Gradient Overlay

Gradient Overlay

Tako je s sloja stilu ćete dobiti rezultat kao što je ovaj.

menu bar

traka izbornika

Sada je vrijeme da dodate neke drame u našoj traci izbornika. Napravite novi layer i ime je tamno. Sada odaberite dio naše trake izbornika i ispunite ga s bilo koje boje. Sada opet mi ćemo dodati Gradient sloja u ovom sloju. Dakle idite na Layer / Layer Stilovi / Gradient sloj. Za referencu molimo Vas da slijedite sliku je prikazano ispod.

Layer Styles/Gradient Overlay

Layer Stilovi / Gradient prekrivanja

Tako je s sloja stilu ćete dobiti rezultat kao što je ovaj.

header

zaglavlje

Trebamo stvoriti razdjelnih linija. Za to stvoriti novi layer i pravokutnog Marquee Tool stvoriti tanki Pravokutnik liniju. Ispunite ovaj s bojom (# 616161). Sada kopirajte ovaj sloj i ispunite da sa svijetlijom bojom (# 999999). Sada poravnajte i stavite obje linije uz bok i spojiti te 2 slojeva u jednu. Provjerite malo više kopiju toj liniji i uskladiti ispravno. Spoji sve linije u jedan sloj naziva "Line".

lines

linije

Sada je vrijeme da dodate svoj tekst izbornika, također možete dodati svoj vlastiti tekst izbornika.

menu text

Izbornik tekst


Ovo je drugi dio ovog Photoshop tutorial, ovdje ćemo se stvara odsjaj na traci izbornika. Spajanje svih izbornika i tekstualnih slojeva u jedan sloj. Dvostruki sloj izbornika bar iz slojeva ploča i flip vertikalno (Edit> transformacije> Flip okomito).
Photoshop Tutorial

Photoshop Tutorial

Napravite novi layer iznad trake izbornika i dva. Napraviti izbor pravokutna nadstrešnica koristeći alat. Odaberite gradient alat, postavite ga na linearni gradijent, a zatim otvorite gradijent urednika. Odaberite "prvom planu na transparentan". Postavite prvi plan boju (# 2a2727) i povucite gradijent alat u izboru na novi sloj. A vi bi trebali imati nešto kao što je prikazano u nastavku! I to nas dovodi do kraja ove Photoshop tutorial. Živjeli!

Menu or button or header or banner

Izbornik ili gumb ili header ili banner

Udio i Uživati
  •  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=digg RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.dzone RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.facebook RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.google RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.linkedin RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=favorites.live RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.mixx RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.myspace RIATMP1167– Photoshop Tutorial   Reflected Button/ Header  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=reddit RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.stumbleupon RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=technorati RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=twitter RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=buzz.yahoo RIATMP1167– Photoshop Tutorial   Reflected Button/ Header
Dopust jedan Odgovor 3909 views, 3 do sada danas |
Slijedite Discussion

One Response to "RIATMP1167-Photoshop tutorial do reflektira Button / zaglavlje"

  1. ofigennoe.ru kaže:

    Mislio sam da je to vrlo zanimljiv pošta hvala za pisanje!

Dopust jedan Odgovor