Sel juhendaja tahame luua lihtsaid ja riukalik sinist 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.

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 # 3B3F46.

Step # 3

Valige Rounded Rectangle Tool ja luua nupu, kaevandus raadius on 15px, width: 128px ja kõrgus: 36px. Muuda oma esiplaani kena # 13AAB7 (sinine).

Samm # 4

Nüüd tuleb lisada mõned kena mõju nuppu.

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.

Esimene muudatus segamise võimalus levialas. Hoidke nurga 90o, kui muutuvad väärtused läbipaistmatus. I otsustada seadistada Läbipaistmatus 50%.

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

Inner Glow

Järgmine kohaldatakse sisemine kuma kiht stiilis. Esimene muudatus segamise võimalus levialas, kui muutuvad väärtused suitsususe ja suurus. Valin määrata suitsususe 55% ja Size on 6px.

Muuda kuma värvi vaikimisi # FFFFFF

Varju

Järgmine kohaldatakse Varju kiht stiilis. Esimene muudatus segamise võimalus normaalseks. Hoidke nurga 120o, kui muutuvad väärtused läbipaistmatus ja suurus. I otsustada seadistada Läbipaistmatus 55% ja Size on 3px.

Peaks välja nägema selline.

Samm # 5

Loo uus uus kiht, teeb valiku ringi oma esialgse nuppu, saate seda teha, hoides Ctrl seejärel klõpsates kihi pisipiltide.).

Täida foreground värv valge.

Valige Rounded Rectangle Tool, valida ja kustutada alumine pool valge kiht just tehtud, siis võib olla vaja mõõta kõrgus nupp enne kustutamist põhja poole.

Kõigepealt tuleb muuta kihi režiimis võimalus Softlight, kui muutuvad väärtused läbipaistmatus. Valin määrata suitsususe 20%

Samm # 6

Valige Horizontal Type Tool ja liik tekst ees.

Lõplik

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 õpetused meilt, võtke arvesse tellides meie sööda RSS või e-posti.

Filed under: Photoshop, Tutorials admin