Hey guys back-to-back Photoshop Tutorials. Šajā Tutorial I'll uzzināt, kā varat to izveidot I-Phone Like Photoshop poga. Tas ir ļoti vienkāršs un ļoti efektīvs pamācību. Ceru, ka jums patiks šī apmācība.

Final Preview

Tas ir tas, ko mēs aizgājuši darīt šodien

Step # 1

Open Photoshop un izveidot jaunu dokumentu, manī ir 550 × 398px ar baltu fonu.

Step # 2

Aizpildiet krāsu fona slāni, raktuve krāsa ir # 333.333.

Step # 3

Izveidojiet jaunu slāni nosaukumu slānis Stripe gradientam. Izvēlieties Taisnstūra Telts rīku un radīt balta svītra.

Stils Stripe Layer dubultklikšķi uz Stripe slāņa sīktēla in Layers paneli, lai atvērtu Layer stili dialoglodziņā, mēs piemēro vertikālu gradiant ietekme uz jūsu fona. Tad noklikšķiniet uz c olor gradients par tiesībām Gradient iespēja atvērt Color Gradient Editor.

Double-click uz kreisās krāsu pieturas un ievadiet krāsu vērtību # aaaaaa, divreiz uzklikšķiniet uz kreisās-center-color-stop un ievadiet krāsu vērtību # cccccc, divreiz uzklikšķiniet uz labo-center-color-stop un ievadiet krāsas vērtību # DDDDDD, tad divreiz uzklikšķiniet uz labo krāsu pieturas un ievadiet krāsu vērtību # FFFFFF.

Vajadzētu izskatīties šādi.

Step # 4

Izvēlieties Noapaļots taisnstūris rīku un izveidot pogu, mans rādiuss ir 90X40px.

Tagad piemērot kāda ietekme

Gradient Overlay

Stils pogas dubultklikšķi uz pogas slāņa sīktēla in Layers paneli, lai atvērtu Layer stili dialoglodziņā, mēs piemēro vertikālu gradiant spēkā pogu. Tad noklikšķiniet uz krāsu gradientu par tiesībām Gradient iespēja atvērt Color Gradient Editor.

Double-click uz kreisās krāsu pieturas un ievadiet krāsas vērtību # 000000, divreiz uzklikšķiniet uz kreisās-center-color-stop un ievadiet krāsu vērtību # 222.222, divreiz uzklikšķiniet uz labo-center-color-stop un ievadiet krāsas vērtību # 444.444, tad divreiz uzklikšķiniet uz labo krāsu pieturas un ievadiet krāsu vērtību # 666.666.

Slīps un Izkalt

Nākamā piemēro Bevel un Izkalt slānis stilā. Mainot stilu Outer slīps, nekā mainās no dziļuma, Size un mīkstina vērtības. Es izvēlēties iestatīt Dziļums 100%, Size pie 1px un mīkstina ar 10px

Svarīgs šā Tutorial: Keep Angle uz -90 ^°, augstums pie 40 ^o

Highlight veids: Es izvēlēties iestatīt Dūmainība 100%.

Shadow veids: Es izvēlēties iestatīt Dūmainība 100%.

Vēziens

Beidzot mums būs spēkā Stroke. Pirmais mainīgo lielumu vērtības. Es izvēlos noteikt lielumu 1px. Mainot nostāju Inside

Es izvēlēties iestatīt Dūmainība 80%.

Maina Stroke krāsu no noklusējuma # 222.222

Vajadzētu izskatīties šādi.

Step # 5

Atlasiet tekstu, instrumentu un ierakstīt tekstu priekšpusē.

Mēs piemēro dažu efektu tekstam.

Slīps Izkalt

Dubultklikšķi uz teksta slāņa sīktēla in Layers paneli, lai atvērtu Layer Styles dialoglodziņu. Mēs attieksies slīps Izkalt, First maiņa stila Outer Bevel un tehnikas Chisel Soft, nekā mainās no dziļuma, virzienu, Size un mīkstina vērtības. Es izvēlos noteikt dziļumu, 130%, virzienā uz leju lielumu 1px un mīkstina ar 0px

Svarīgs šā Tutorial: Keep leņķis ir 90 ^o, augstums pie 30 ^o

Highlight veids: Es izvēlēties iestatīt Dūmainība 0% apmērā.

Shadow veids: Es izvēlēties iestatīt Dūmainība 50% apmērā.

Final Preview

Beidzot mēs esam darījuši šo pamācību.

Tas ir tas, ko mēs aizgājuši darīt šodien

Download source file

Ja jūs vēlaties pārbaudīt savu darbu, jūs varat lejupielādēt PSD failu šo pamācību.

IPHONE-līdzīgi buttons.rar (21,3 kb)

Iesniegts saskaņā ar: Photoshop, konsultācijas by admin