<Browse> Faqja kryesore / Të gjitha , BUTONIN , Tutorial / Blog artikull: RIATMP1167-Photoshop Tutorial - pasqyruar Button / Header

| Mobile | RSS

RIATMP1167-Photoshop Tutorial - Button pasqyruar / Header

8 tetor 2009

Sot ne jemi duke shkuar për të bërë një menu bar. Kjo është shumë e thjeshtë, por ju mund të përdorni këtë buton ose njëjtën menu bar apo Header për shumë lloje të ndryshme të internetit. Për shkak të ngjyra e saj dhe stil mund të përshtatet për shumë tema. Edhe ju mund të ndryshojë ngjyrat dhe të bëjë vetë tuaj duken me porosi ose thjesht shkoni përpara dhe mund të përdorni këtë buton premade për projektet tuaja. Kështu që këtu është tutorial.

Click here to download

Krijo një dokument të ri Photoshop. Zgjidhni mjet çadër drejtkëndësh dhe për të krijuar një drejtkëndësh të gjerë. Nuk ka rëndësi se çfarë ngjyre është, sepse ne do të shtoni Styles Layer.

Wide Rectangle

Rectangle Wide

Tani shkoni tek Layer / Layer Styles / mbulesë Gradient. Për referencë ju lutem ndiqni imazhin e treguar më poshtë.

Gradient Overlay

Gradient mbulesë

Pra, me stil shtresë ju do të merrni rezultatin si kjo.

menu bar

bar menu

Tani koha e saj për të shtuar disa dramë në barin tonë menu. Krijo një shtresë të re dhe të emërojë atë errësirë. Tani zgjidhni një pjesë të bar tonë menu dhe plotëso atë me ndonjë ngjyrë. Tani përsëri ne do të shtojë mbulesë Gradient në këtë shtresë. Pra shkoni në Layer / Layer Styles / mbulesë Gradient. Për referencë ju lutem ndiqni imazhin e treguar më poshtë.

Layer Styles/Gradient Overlay

Layer Styles / mbulesë Gradient

Pra, me stil shtresë ju do të merrni rezultatin si kjo.

header

header

Ne kemi nevojë për të krijuar linja ndan. Për këtë të krijojnë një shtresë të re dhe me drejtkëndëshe Marquee Tool krijuar një linjë të hollë drejtkëndësh. Plotësoni këtë me ngjyra (# 616161). Tani kopjoni këtë shtresë dhe plotëso atë me ngjyra të lehta (# 999999). Tani lidhur dhe vendosni dy vija krah për krah dhe bashkojë ato 2 shtresa në një. Bëni kopje pak më shumë atë vijë dhe të lidhur si duhet. Bashkojë të gjitha linjat në një "Linjë" emrin shtresa.

lines

linja

Tani koha e saj për të shtuar tekstin tonë menu, ju mund të shtoni edhe vetë tekstin tuaj menu.

menu text

Teksti menu


Kjo është pjesë 2 të këtij tutorial Photoshop, këtu ne do të jetë krijimi i një reflektim të menu bar. Bashkojë të gjitha menu dhe shtresa tekst në një shtresë të vetme. Duplicate shtresa bar menu nga paneli shtresa, dhe ajo rrokullisje vertikalisht (Edit> transformuar> flip vertikal).
Photoshop Tutorial

Photoshop Tutorial

Krijo një shtresë të re mbi menu bar dhe kopjuar. Bëni një përzgjedhje duke përdorur mjet drejtkëndëshe çadër. Zgjidhni gradient tool, i vendosur atë në gradient linear dhe pastaj të hapur editorin gradient. Zgjidhni "dukshëm në transparente". Vendosur mbi ngjyrën e përparme për (# 2a2727) dhe terhiq gradient tool brenda zgjedhjes në shtresë të re. Dhe ju duhet të keni diçka, siç tregohet më poshtë! Dhe kjo na sjell deri në fund të këtë tutorial Photoshop. Cheers!

Menu or button or header or banner

Menu button ose ose header ose banner

Share dhe Enjoy
  •  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
Lini një Përgjigju 4279 shikime, 3 sot deri më tani |
Ndiqni Discussion

One Response to "Tutorial RIATMP1167-Photoshop - Button pasqyruar / Header"

  1. ofigennoe.ru Says:

    Mendova se kjo ishte një falënderim shumë interesante postare për të shkruar atë!

Lini një Përgjigju