Sel Juhendaja me teeme veebi nuppu. See on väga lihtne ja väga tõhus juhendaja, et kõik, mida vaja on Adobe Photoshop luua selle mõju. Loodan, et meeldib see tutorial.

Kuidas luua veebi nupp Photoshop

Step # 1

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

Samm # 2

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

Step # 3

Valige Rounded Rectangle Tool ja luua nupu, kaevandus raadius on 7px, width: 156px ja kõrgus: 38px..

Samm # 4

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 # 9E4C45, seejärel topeltklõpsake paremal-color-stop ja sisestage värviväärtusele # EA8484.

Varju

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

Samm # 5

Valige Horizontal Type Tool ja liik tekst ees.

Me ei kohaldata teatud mõju teksti.

Värv levialas

Topeltklõpsake Tekst kihi pisipiltide kihtides Panel avada Layer Styles dialoogiboks. Kõigepealt kohaldatakse värvi levialas, valin värvi # 0D0D0E

Varju

Lõpuks me kohaldatakse Varju esimene muutus Segamine võimalus normaalseks. Muuda Varju värv vaikimisi # ffffff. Hoidke nurga 120o, kui muutuvad väärtused läbipaistmatus, kaugus ja suurus. I otsustada seadistada Läbipaistmatus 32% ja vahemaade 1px ja suurus on 1px.

Lõplik Eelvaade

Andke meile teada, kuidas, et see õppekava on võimalik veel paremini? Kui olete leidnud muud Photoshop tutorial, mida soovite meiega jagada, võite sellest meile lohistamine kommenteerida.

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

Filed under: freebies, Photoshop, Tutorials admin