• Artikulo Written
  • sa 2010/01/29
  • sa 11:39
  • sa pamamagitan ng admin

Paano Gumawa Simple & Slick Blue Pindutan - Photoshop Tutorial

Sa ganitong tutorial namin ay pagpunta upang lumikha ng mga simpleng & makintab asul na button. Ito ay tunay simple at lubos na epektibong mga tutorial, kaya ang lahat ng kailangan mo ay ang Adobe Photoshop upang lumikha ito epekto. Umaasa ako na masisiyahan ka sa tutorial.



slik-red-button-heading

Hakbang # 1

Buksan ang Photoshop at lumikha ng isang bagong dokumento, mine is 550px × 125px may isang puting background.

slik-red-button-step1a

Hakbang # 2

Punan ang mga kulay sa background layer, ang aking kulay ay # 3B3F46.
slik-red-button-step2a

Hakbang # 3

Piliin ang Rounded Parihaba Tool at gumawa ng button, mine Radius ay 15px, width: 128px at height: 36px. Baguhin ang iyong pambungad na kulay sa isang nice # 13AAB7 (Blue).
slik-red-button-step2

Hakbang # 4

Ngayon na kailangan namin upang magdagdag ng ilang mga nice ang mga epekto sa mga pindutan.

Gradient Overlay

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

Unang baguhin ang blending opsyon upang Overlay. Panatilihin ang mga anggulo sa 90o, na baguhin ang mga halaga ng Opacity. pinili ko ang upang itakda ang Opacity sa 50%.

slik-red-button-step4a

Double-click sa kaliwa-kulay-stop at ipasok ang halaga ng kulay # 000000, pagkatapos ay i-double click sa right-kulay-stop at ipasok ang halaga ng kulay # FFFFFF.

slik-red-button-step4b

Inner Glow

Susunod na mag-aplay ang loob na glow layer style. Unang baguhin ang blending opsyon upang Overlay, na baguhin ang mga halaga ng kalabuan at Sukat. pinili ko ang upang itakda ang kalabuan sa 55% at Sukat sa 6px.

Baguhin ang glow Kulay mula sa mga default na # FFFFFF

slik-red-button-step4c

Drop Shadow

Susunod na mag-aplay sa drop shadow layer style. Unang baguhin ang blending opsyon upang Normal. Panatilihin ang mga anggulo sa 120o, na baguhin ang mga halaga ng Opacity at Sukat. pinili ko ang upang itakda ang Opacity sa 55% at Sukat sa 3px.

slik-red-button-step4d

Dapat tulad nito.

slik-red-button-step4

Hakbang # 5

Lumikha ng isa pang bagong layer, gumawa ng isang seleksyon sa paligid ng iyong orihinal na button, maaari mong gawin ito sa pamamagitan ng hawak ctrl pagkatapos ng pag-click layer's thumbnail ang.).

slik-red-button-step5

Punan ang harapan ng kulay sa White.

Piliin ang Rounded Parihaba Tool, piliin ang at tanggalin ang ibabang kalahati ng white layer na iyong ginawa, na maaaring kailangan upang masukat ang taas ng iyong pindutan bago tanggalin ang ibabang kalahati.

slik-red-button-step5a

Una kailangan mong baguhin ang mga opsyon na layer mode sa Softlight, kaysa sa pagpapalit ng mga halaga ng kalabuan. pinili ko ang upang itakda ang kalabuan sa 20%

Hakbang # 6

Piliin Horizontal Type Tool at Uri ng Teksto sa harap.

Pangwakas

slik-red-button-final

Ipaalam sa amin kung paano na ang tutorial na ito ay maaaring maging mas mahusay? Kung nahanap mo ang 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 tutorials mula sa amin, mangyaring isaalang-alang-subscribe sa aming mga feed sa pamamagitan ng RSS o sa pamamagitan ng email .

Itaguyod sa Amin

  • Idagdag sa Mixx!
Ace Hosting Indya
Walang pamagat na Dokumento

2 Comments

  1. Ang artikulong ito ay naibahagi sa favSHARE.net . Pumunta at bumoto na ito!
    huling blog favSHARE's .. Make Money Online Sa Domain Bumili My ComLuv Profile

  2. [...] Paano Gumawa Simple & Slick Blue Pindutan - Photoshop Tutorial [...]

Magsumite ng isang Puna

XHTML: Maaari mong gamitin ang mga tag na ito: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del Datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled