Hei kutid veel üks Photoshop Tutorial. Sel Treening ma teada, kuidas luua lihtne roheline nupp Photoshop. See on väga lihtne ja väga tõhus õpetamisel. Loodan, et meeldib see tutorial.

Lõpptulemus

Seda me läinud ei täna

Step # 1

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

Samm # 2

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

Step # 3

Valige Rounded Rectangle Tool ja luua nupu, kaevandus raadius on 5px, width: 219px ja kõrgus: 40px..

Nüüd rakendatakse teatud mõju

Gradient Overlay

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

Topeltklõps vasaku-color-stop ja sisestage värviväärtusele # 55A646, seejärel topeltklõpsake paremal-color-stop ja sisestage värviväärtusele # A5CE3F.

Varju

Järgmine kohaldatakse Varju kiht stiilis. Hoidke nurga 120o, kui muutuvad väärtused läbipaistmatus, kaugus ja suurus. I otsustada seadistada Läbipaistmatus 20%, kaugus vähemalt 1px ja suurust 5px.

Inner Shadow

Järgmine kohaldatakse Sisemise Varjukihi stiilis. Hoidke nurga 120o, kui muutuvate väärtuste tuhmumine, Choke ja suurus. I otsustada seadistada Läbipaistmatus praegu 27% ja Choke 100% ja Size on 2px.

Next Change Segamine võimalus normaalseks.

Bevel Kohrutus

Järgmine me kohaldatakse Bevel Kohrutus esimene muutmine Stiil Sisemise Bevel ja Tehnika tasandada, kui muutuvad väärtused Depth, lavastus, suurus ja Pehmendus. Valin seada Depth 100%, suunale Up suurus on 1px ja Pehmendus kell 0px

Keep the Angle at 120o , Altitude at 30o

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

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

Löök

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

I otsustada seadistada Läbipaistmatus 50%.

Muuda Stroke värvi vaikimisi # 529.846

Peaks välja nägema nii.

Samm # 4

Valige Horizontal Type Tool ja tüüp teksti ees.

Me ei kohaldata teatud mõju teksti.

Gradient Overlay

Topeltklõpsake Tekst kihi pisipiltide kihtides Panel avada Layer Styles dialoogiboks. Kõigepealt kohaldatakse Gradient Overlay, siis kohaldatakse Vertical Gradient Effect oma teksti. Seejärel klõpsa Värv gradient paremal Gradient võimalust avada Värv Gradient Editor ..

Topeltklõps vasaku-color-stop ja sisestage värviväärtusele # DDDCDC, siis topeltklõps Center-color-stop ja sisestage värviväärtusele # ffffff.

Varju

Lõpuks me kohaldatakse Varju kiht stiilis. Hoidke nurga 120o, kui muutuvad väärtused läbipaistmatus, kaugus ja suurus. I otsustada seadistada Läbipaistmatus 34%, kaugus vähemalt 1px ja suurus on 1px.

Lõpptulemus

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

Lae fail [240KB]

Kui soovite saada rohkem inspiratsiooni, palun kaaluda tellides meie sööda RSS või e-posti.

Filed under: Photoshop, Tutorials admin