• Straipsnis Rašytiniai
  • dėl 16.01.2010
  • at 11:14
  • by admin

Kaip sukurti interneto mygtuką Photoshop + Download Nemokama PSD File

Šiame pavyzdyje mes ketiname sukurti internete mygtukas. Tai labai paprasta ir gana veiksminga pamoka, todėl viskas, ko jums reikia yra Adobe Photoshop sukurti šiam tikslui pasiekti. Tikiuosi, jums patiks ši pamoka.



web-button-heading
downloadfile

Kaip sukurti interneto Mygtuko Photoshop

Žingsnis # 1

Atidaryti Photoshop ir sukurkite naują dokumentą, mano yra baltame fone 125px 550px ×.
web-button-step1

Žingsnis # 2

Užpildykite fone sluoksnis spalvotas, mano spalva yra # 3A3A3A. web-button-step2

Žingsnis # 3

Pasirinkite Rounded Rectangle Tool ir sukurti mygtuką, mano Spindulys 7px, width: 156px ir aukštis: 38px..
web-button-step3

Žingsnis # 4

Dabar bus taikomi tam tikrą poveikį

Gradient Overlay

Styling mygtuką dukart paspauskite mygtuką sluoksnio thumbnail juostos sluoksnis, atverti Layer Style dialogo langas, mes taikyti Vertical Gradient poveikis mygtuką. Tada spauskite Spalva Gradient dėl Gradient galimybė atverti Spalva Gradient redaktorius teisė.

web-button-step4

Dukart spustelėkite ant kairės-color-stop ir įveskite spalvos reikšmę # 9E4C45, tada dukart spustelėkite dešiniuoju pelės spalvotas langelio ir įveskite spalvos reikšmę # EA8484.

web-button-step4a

Drop Shadow

Kitas taikyti Drop Shadow sluoksnis stilius. Laikyti 120o kampu, nei keisti Opacity, atstumo ir dydžio vertes. I pasirinkti Nustatyti opacity 23%, atstumo 1px ir dydis ne 9px.

web-button-step4b

Žingsnis # 5

Pasirinkite Horizontal Type Tool ir įveskite tekstą į priekį.

web-button-step5

Mes taikyti kai kurias teksto efektą.

Spalva perdangos

Dukart spustelėkite teksto sluoksnio thumbnail sluoksniai skydas atverti Layer Style dialogo lange. Pirmiausia, mes taikyti spalva perdangos, pasirinkti spalvą # 0D0D0E

web-button-step5a

Drop Shadow

Pagaliau mes taikyti Drop Shadow, pirmiausia kaita Mišinių variantas normalus. Keisti Shadow Color nutylėjimą # FFFFFF. Laikyti 120o kampu, nei keisti Opacity, atstumo ir dydžio vertes. I pasirinkti Nustatyti opacity bent 32% ir atstumo 1px ir ne Dydis 1px.

web-button-step5b

Galutinė Peržiūrėti

web-button-final

Leiskite mums žinoti, kad ši pamoka gali būti geriau? Jei radote kitų Photoshop pamoka, kad jūs norite pasidalinti su mumis, nedvejodami susisiekite su mumis metimo į komentarą.

Jei norite gauti daugiau įkvėpimo iš mums, prašom, galite užsiprenumeruoti mūsų kanalo RSS arba el.

Reklamuokite mus

  • Pridėti Mixx!
Ace Hostingas Indija
Untitled Document

3 Komentarai

  1. Šis straipsnis buvo dalijamasi favSHARE.net. Eik ir balsavimas it!

  2. [...] Kaip sukurti web mygtuką Photoshop + Download Nemokama PSD failų [...]

  3. [...] Kaip sukurti web mygtuką Photoshop + Download Nemokama PSD failų [...]

Pridėti komentarą

XHTML: Galite naudoti šiuos žodžius: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled