Sa ganitong tutorial namin ay pagpunta upang lumikha ng Web Button. Ito ay napaka-simple at ganap epektibong tutorial, kaya ang lahat ng kailangan mo ay Adobe Photoshop upang malikha ang epekto. Umaasa ako na masisiyahan ka sa ito tutorial.

Paano Gumawa ng Web Pindutan sa Photoshop

Hakbang # 1

Buksan ang photoshop at lumikha ng isang bagong dokumento, minahan ay 550px × 125px na may isang puting background.

Hakbang # 2

Punan ang mga kulay sa background layer, minahan ng kulay ay # 3A3A3A.

Hakbang # 3

Piliin ang bilugan Parihaba Tool at lumikha ng button, minahan Radius ay 7px, width: 156px at taas: 38px..

Hakbang # 4

Ngayon kami ay mag-apply sa ilang epekto

Gradient Overlay

Styling ang Button i-double click sa pindutan Layer's thumbnail sa Layers Panel para buksan ang Layer Estilo dialog box, kami ay mag-aplay ng isang Epekto Vertical Gradient para sa iyong mga pindutan. Pagkatapos i-click ang Kulay ng Gradient sa kanan ng Gradient pagpipilian upang buksan ang Kulay ng Gradient Editor.

I-double click sa kaliwa na-kulay-hihinto at ipasok ang halaga ng kulay ng # 9E4C45, pagkatapos ay i-double click sa right-kulay-hihinto at ipasok ang halaga ng kulay ng # EA8484.

Drop Shadow

Susunod na mag-aplay ang mga layer Drop Shadow estilo. Panatilihin ang Angle sa 120o, kaysa palitan ang mga halaga ng kalabuan, Distance at Sukat. Pinili ko ang mag-set ng kalabuan sa 23%, Distance sa 1px at Sukat sa 9px.

Hakbang # 5

Piliin ang Horizontal Type Tool at Uri ng Teksto sa harap.

Kami ay mag-apply sa ilang epekto para sa mga teksto.

Kulay ng Overlay

I-double click sa thumbnail sa Text layer's sa Layers Panel para buksan ang Layer Estilo kahon ng dialogo. Unang kami ay mag-aplay ng kulay ng overlay, ako pumili ng kulay # 0D0D0E

Drop Shadow

Sa wakas kami ay mag-aplay sa Drop Shadow, unang baguhin ang Blending opsyon upang Normal. Baguhin ang Shadow Kulay mula sa default sa # FFFFFF. Panatilihin ang Angle sa 120o, kaysa palitan ang mga halaga ng kalabuan, Distance at Sukat. Pinili ko ang mag-set ng kalabuan sa 32% at Distance sa 1px at Sukat sa 1px.

Final Preview

Ipagbigay-alam sa amin kung paano na ang tutorial na ito ay maaaring maging mas mabuti? Kung kayo ay natagpuan sa anumang iba pang mga photoshop tutorial na gusto mong ibahagi sa amin, huwag mag-atubiling ipaalam sa amin sa pamamagitan ng bumababa sa isang puna.

kung nais mong makatanggap ng mas maraming inspirasyon mula sa amin, mangyaring isaalang-alang-subscribe sa aming mga feed sa pamamagitan ng RSS o sa pamamagitan ng email.

Filed under: Freebies, Photoshop, Tutorials sa pamamagitan ng admin