Hey guys back-to-back Photoshop Tutorials. Sel Treening ma õppima, kuidas luua I-telefoni nagu nupp Photoshop. See on väga lihtne ja väga tõhus õpetamisel. Loodan, et meeldib see tutorial.

Lõplik Eelvaade

Seda me läinud ei täna

Step # 1

Ava photoshop ja luua uue dokumendi, kaevandus on 550 × 398px on valge taust.

Samm # 2

Täida värvi taustal kiht, minu värv on # 333.333.

Step # 3

Loo uus kiht nimi kiht Stripe kalle. Vali Rectangular Marquee Tool ja luua valge triip.

Disain Stripe Layer topeltklõps Stripe kihi pisipiltide kihtides Panel avada Layer Styles dialoogiboksis me kohaldata vertikaalsete gradiant mõju oma taust. Seejärel klõpsa C olor kalle paremal Gradient võimalust avada Värv Gradient Editor.

Topeltklõps vasaku-color-stop ja sisestage värviväärtusele # aaaaaa, topeltklõps vasakul keskel-color-stop ja sisestage värviväärtusele # CCCCCC, topeltklõps õigus-center-color-stop ja sisestage värviväärtusele # dddddd, seejärel topeltklõpsake paremal-color-stop ja sisestage värviväärtusele # ffffff.

Peaks välja nägema selline.

Samm # 4

Valige Rounded Rectangle Tool ja luua nupu, kaevandus raadius on 90X40px.

Hetkel kehtivad teatud mõju

Gradient Overlay

Disain nupu topeltklõpsu nupp kihi pisipiltide kihtides Panel avada Layer Styles dialoogiboksis me kohaldata vertikaalsete gradiant mõju nupp. Seejärel klõpsa color gradient paremal Gradient võimalust avada Värv Gradient Editor.

Topeltklõps vasaku-color-stop ja sisestage värviväärtusele # 000000, topeltklõps vasakul keskel-color-stop ja sisestage värviväärtusele # 222.222, topeltklõps õigus-center-color-stop ja sisestage värviväärtusele # 444.444, seejärel topeltklõpsake paremal-color-stop ja sisestage värviväärtusele # 666666.

Bevel ja Kohrutus

Järgmine kohaldatakse Bevel ja Kohrutus kiht stiilis. Muutuv stiili Outer BEVEL, kui muutuvad väärtused sügavuse, suuruse ja Pehmendus. Valin seada Depth 100%, suurus on 1px ja Pehmendus kell 10px

Olulise osa sellest Loengumaterjal: Hoidke nurga -90 ^°, kõrgus 40 ^o

Esiletõstmine: ma valin seada Läbipaistmatus 100%.

Shadow mode: ma valin seada Läbipaistmatus 100%.

Löök

Lõpuks me kohaldatakse Stroke. Esimese muutuvate väärtuste suuruse. I otsustada seadistada suurus on 1px. Muutuv seisukohta Toas

I otsustada seadistada Läbipaistmatus 80%.

Muuda Stroke värvi vaikimisi # 222.222

Peaks välja nägema selline.

Samm # 5

Vali teksti vahend ja tüüp teksti ees.

Me ei kohaldata teatud mõju teksti.

Bevel Kohrutus

Topeltklõpsake Tekst kihi pisipiltide kihtides Panel avada Layer Styles dialoogiboks. Me kohaldatakse Bevel Kohrutus esimene muutmine Stiil Outer Bevel ja Technique'i Chisel Pehme, kui muutuvad väärtused Depth, lavastus, suurus ja Pehmendus. Valin seada Depth 130%, suunale Down suurus on 1px ja Pehmendus kell 0px

Olulise osa sellest Loengumaterjal: Hoidke nurga 90 ^°, kõrgus 30 ^o

Esiletõstmine: ma valin seada Läbipaistmatus 0%.

Shadow mode: ma valin seada Läbipaistmatus 50%.

Lõplik Eelvaade

Lõpuks oleme teinud õpetamisel.

Seda me läinud ei täna

Lae lähtefaili

Kui soovite, et kontrollida oma tööd, võite alla laadida PSD fail õpetamisel.

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

Filed under: Photoshop, Tutorials admin