Photoshop Tutorial - masasalamin Pindutan / Header | Rich Internet Application Solutions

RIATMP1167-Photoshop Tutorial - masasalamin Pindutan / Header

Oktubre ika-8, 2009

Ngayon kami ay pagpunta sa gumawa ng isang menu bar. Ito ay napaka-simple ngunit maaari mong gamitin ang parehong pindutan o menu bar o header para sa maraming iba't ibang mga uri ng website. Dahil sa ang kulay at istilo ng ito ay akma para sa maraming mga paksa. Kahit na maaari mong baguhin ang kulay at gumawa ng iyong sariling pasadyang hitsura o lamang sige at maaaring gamitin ito premade button para sa iyong mga proyekto. Kaya dito ay ang tutorial.

Lumikha ng isang bagong dokumento sa Photoshop. Piliin ang tool ng parihaba malaking tolda at lumikha ng isang malawak na parihaba. Hindi mahalaga kung ano ang kulay na ito ay dahil kami ay magdagdag ng mga Estilo ng Layer.

Malapad na Parihaba

Ngayon pumunta sa Layer / Layer Estilo / Gradient Overlay. Para sa sanggunian mangyaring sundin ang mga imahe na ipinapakita umangal.

Gradient Overlay

Kaya sa layer estilo kang makakuha ng resulta tulad nito.

menu bar

Ngayon ang oras upang magdagdag ng ilang drama sa aming menu bar. Lumikha ng isang bagong layer at pangalanan ang mga ito sa madilim. Ngayon pumili ng isang bahagi ng aming menu bar at punan ang mga ito sa anumang kulay. Ngayon muli naming magdagdag ng Gradient Overlay sa layer na ito. Kaya pumunta sa Layer / Layer Estilo / Gradient Overlay. Para sa sanggunian mangyaring sundin ang mga imahe na ipinapakita umangal.

Layer Estilo / Gradient Overlay

Kaya sa layer estilo kang makakuha ng resulta tulad nito.

header

Kailangan naming gumawa ng mga linya divider. Para sa na lumikha ng isang bagong layer at sa Parihabang malaking tolda Tool lumikha ng isang manipis na linya ng Parihaba. Punan ito na may kulay (# 616,161). Ngayon ay kopyahin ang layer na ito at punan na may magaan kulay (# 999,999). Ihanay ngayon at ilagay ang parehong linya bahagi sa pamamagitan ng gilid at pagsamahin ang mga 2 layer sa isa. Gumawa ng ilang mga karagdagang kopya ng na linya at ihanay nang maayos. Pagsamahin ang lahat ng mga linya sa isang layer na "Line" pangalan.

linya

Ngayon ang oras upang magdagdag ng teksto ng aming mga menu, maaari mo ring magdagdag ng iyong sariling teksto ng menu.

menu teksto

Ito ay sa 2nd na bahagi ng Photoshop tutorial na ito; dito kami ay ang paglikha ng isang salamin ng menu bar. Pagsamahin ang lahat ng menu at mga patong ng teksto sa isang solong layer. Doblehin ang menu sa layer ng bar mula sa panel ng Mga layer, at ipitik ito patayo (I-edit> Transform> tingnan vertical).

Photoshop Tutorial

Lumikha ng isang bagong layer sa itaas ang bar ng menu at ang duplicate. Gumawa ng isang seleksyon gamit ang mga hugis-parihaba malaking tolda tool. Piliin ang greydyent tool, itakda ito sa guhit greydyent at pagkatapos ay buksan ang greydyent editor. Pumili ng "harapan sa transparent". Itakda ang kulay ng foreground sa (# 2a2727) at i-drag ang greydyent tool sa loob ng pagpili sa bagong layer. At dapat mong magkaroon ng isang bagay tulad ng ipinapakita sa ibaba! At na nagdudulot sa amin sa dulo ng Photoshop tutorial na ito. Tagay!