F'dan il-tutorja nous allons joħolqu Web Button. Din hija sempliċi ħafna u pjuttost effettivi tutorja, għalhekk kull ma għandek bżonn Adobe Photoshop huwa li toħloq dan l-effett. Nispera li jgawdu din tutorja.

Kif Toħloq Web Button fil Photoshop

Pass # 1

Photoshop Iftaħ u toħloq dokument ġdid, mini hija 550px × 125px bi sfond abjad.

Pass # 2

Imla l-kulur fl-isfond saff, kulur mini hija # 3A3A3A.

Pass # 3

Agħżel l-Għodda ta Rectangle Rounded u joħolqu buttuna, minjiera Radius hija 7px, wisa ': 156px u għoli: 38px..

Pass # 4

Issa aħna se tapplika xi effett

Gradjent Overlay

Styling l Button double-click fuq thumbnail Saff ta 'l-buttuna fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog, aħna ser tapplika Effett Gradient Vertikali għal Button tiegħek. Imbagħad ikklikkja fuq il-Gradient Color fuq il-lemin ta 'l-għażla Gradient sabiex jinfetħu l-Editur Gradient Color.

Double-click fuq tax-xellug color-stop u jidħlu fil-valur kulur # 9E4C45, imbagħad double-click fuq id-dritt-color-stop u jidħlu fil-valur kulur EA8484 #.

Drop Shadow

Li jmiss japplikaw l-istil Drop saff Shadow. Żomm il-Angle fil f'120 °, mill-bdil tal-valuri ta 'Opacità, mill-bogħod u ta' daqs. I jagħżel li jissetta l Opacità fi 23%, mill-bogħod fil-1px u ta 'daqs fuq 9px.

Pass # 5

Select orizzontali Tool Tip u Tip Test fuq quddiem.

Aħna se tapplika għall xi effett test.

Color Overlay

Double-click fuq thumbnail is-saff Test fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog. L-ewwel ser jibqgħu japplikaw kisja kulur, i jagħżlu l-kulur # 0D0D0E

Drop Shadow

Fl-aħħar ser jibqgħu japplikaw l-Shadow Drop, l-ewwel bidla tal-għażla Ibblendjar to Normal. Ibdel il-Color Shadow mid-default għall # FFFFFF. Żomm il-Angle fil f'120 °, mill-bdil tal-valuri ta 'Opacità, mill-bogħod u ta' daqs. I jagħżel li jissetta l Opacità fi 32% u fil-bogħod 1px u ta 'daqs fuq 1px.

Final Preview

Jgħidilna kif tutorja li dan jista 'jkun iktar aħjar? Jekk jinstab xi Photoshop tutorial oħra li inti trid taqsamhom magħna, tħossok liberu li jgħidilna minn twaqqa fil-kumment.

jekk inti tixtieq tirċievi ispirazzjoni aktar minna, jekk jogħġbok jikkunsidraw li jabbonnaw għal għalf tagħna billi RSS jew email.

Iffajljati taħt: Freebies, Photoshop, tutorials by admin