Hey guys back-to-back Tutorials Photoshop. F'dan Tutorial I'll jitgħallmu kif għandek toħloq I-Phone Bħal Button fil Photoshop. Din hi sempliċi ħafna u pjuttost effettivi tutorja. Nispera li jgawdu din tutorja.

Final Preview

Dan huwa dak li rridu marret do llum

Pass # 1

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

Pass # 2

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

Pass # 3

Oħloq isem saff ġdid ix-xaqliba saff Stripe. Agħżel l-Għodda ta Marquee rettangolari u joħolqu strixxa bajda.

Styling l-istrixxa Layer double-click fuq thumbnail l-Saff ta 'Stripe fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog, aħna se tapplika b'effett gradiant vertikali għall-isfond tiegħek. Imbagħad ikklikkja fuq ix-xaqliba olor c dwar id-dritt 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 aaaaaa #, double-click fuq tax-xellug center-color-stop u jidħlu fil-valur kulur # cccccc, double-click fuq id-dritt-center-color-stop u jidħlu fil - valur color # dddddd, imbagħad double-click fuq id-dritt-color-stop u jidħlu fil-valur kulur ffffff #.

Jekk teżamina bħal dan.

Pass # 4

Agħżel l-Għodda ta Rectangle Rounded u joħolqu buttuna, raġġ mini hija 90X40px.

Issa japplikaw 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 se tapplika b'effett gradiant vertikali għall Button tiegħek. Imbagħad ikklikkja fuq ix-xaqliba kulur 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 # 000000, double-click fuq tax-xellug center-color-stop u jidħlu fil-valur kulur # 222,222, double-click fuq id-dritt-center-color-stop u jidħlu fil - valur color # 444,444, imbagħad double-click fuq id-dritt-color-stop u jidħlu fil-valur color # 666,666.

It-tastatur u Emboss

Li jmiss japplikaw l-tastatur u l-istil saff Emboss. Nibdlu l-istil li barra it-tastatur, minn bdil tal-valuri tal-Fond, Daqs u irattab. I jagħżel li jissetta l-fond ta '100%, Daqs fil 1px u irattab fil 10px

Parti importanti ta 'dan Tutorial: Żomm il-Angolu fi -90 ^o, Altitudni ta' 40 ^o

Mod Highlight: I 'jagħżel li jissetta l-opaċità 100%.

Mod Shadow: I 'jagħżel li jissetta l-opaċità 100%.

Żegħila

Fl-aħħarnett aħna ser tapplika l-Stroke. L-ewwel jinbidlu l-valuri ta 'Daqs. I 'jagħżel li jissetta l-Daqs fil 1px. Nibdlu l-pożizzjoni fil-Ġewwa

I jagħżel li jissetta l Opacità għal 80%.

Jibdlu l-kulur Stroke mid-default għall # 222,222

Jekk teżamina bħal dan.

Pass # 5

Test Agħżel għodda u t-test tat-tip fuq il-front.

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

It-tastatur Emboss

Double-click fuq thumbnail is-saff Test fil-Bord saffi li jiftħu l-kaxxa stili Layer dialog. Aħna se japplikaw it-tastatur Emboss, Nibdlu l-Ewwel Style li Outer tastatur u Teknika biex Chisel Soft, minn bdil tal-valuri tal-Fond, Direzzjoni, Daqs u irattab. I jagħżel li jissetta l-fond għal 130%, tad-direzzjoni fil-Daqs Down fil 1px u irattab fil 0px

Parti importanti ta 'dan Tutorial: Żomm il-Angolu f'90 ^o, Altitudni ta' 30 ^o

Mod Highlight: I jagħżel li jissetta l Opacità għal 0%.

Mod Shadow: I jagħżel li jissetta l Opacità ta '50%.

Final Preview

Fl-aħħar għamilna dan tutorja.

Dan huwa dak li rridu marret do llum

Niżżel is-sors fajl

Jekk tixtieq li jiċċekkja x-xogħol tiegħek, inti tista 'tniżżel il-fajl PSD għal dan tutorja.

iphone-like-buttons.rar (21,3 kb)

Iffajljati taħt: Photoshop, tutorials by admin