Hey guys ett mer Photoshop Tutorial. I denna tutorial jag hittar dig hur man skapar en enkel gröna knappen i Photoshop. Detta är mycket enkel och mycket effektiv handledning. Jag hoppas att ni kommer att njuta av den här guiden.

Slutresultat

Detta är vad vi gått gör idag

Steg 1

Öppna Photoshop och skapa ett nytt dokument, är min 550px × 398px med en vit bakgrund.

Steg 2

Fyll färgen i bakgrunden lager, är min färg # 979.696.

Steg 3

Markera Rounded Rectangle Tool och skapa knapp, är min Radius 5px, width: 219px och height: 40px..

Nu kommer vi att tillämpa viss effekt

Gradient Overlay

Styling knappen dubbelklicka på knappen lagrets miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa en vertikal Gradient effekt för din knapp. Klicka sedan på färggradienten till höger om lutningen möjlighet att öppna färggradienten Editor.

Dubbelklicka på vänster-color-stop och ange färgvärde # 55A646, dubbelklicka sedan på höger-color-stop och ange färgvärde # A5CE3F.

Skugga

Nästa tillämpa skuggan lagerstil. Vinkeln på 120o, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet 20%, avstånd 1px och storlek på 5px.

Inner Shadow

Nästa tillämpa den inre skuggan lager stil. Vinkeln på 120o, än att ändra värdena Opacitet, Choke och storlek. Jag väljer att ställa Opacitet till 27% och Choke på 100% och storlek på 2px.

Nästa Ändra Blending alternativet Normal.

Avfasning Relief

Nästa vi kommer att tillämpa Avfasning relief, först ändra stil till Inner Bevel och teknik för att Smooth, än att ändra värdena Depth, riktning, storlek och mjuka. Jag väljer att ställa det djup på 100%, Riktning upp, storlek på 1px och mjuka på 0px

Vinkeln på 120o, höjd 30o

Highlight läge: Jag väljer att ställa Opacitet till 0%.

Shadow läge: Jag väljer att ställa Opacitet på 14%.

Stroke

Slutligen kommer vi att tillämpa Stroke. Först ändra värdena storlek. Jag väljer att ställa in storlek på 1px. Ändra positionen på Inside

Jag väljer att ställa Opacitet 50%.

Ändra färgar från standard till # 529.846

Skulle se ut så här.

Steg 4

Välj Horisontell Type Tool och skriva text på framsidan.

Vi kommer att tillämpa en viss effekt för text.

Gradient Overlay

Dubbelklicka på textlagret miniatyr på panelen Lager att öppna lagerstilar dialogrutan. Först kommer vi att tillämpa Gradient Overlay, kommer vi att tillämpa en Vertical Gradient effekt för din text. Klicka sedan på färggradienten till höger om lutningen möjlighet att öppna färggradienten Editor ..

Dubbelklicka på vänster-color-stop och ange färgvärde # DDDCDC, sedan dubbelklicka på center-color-stop och ange färg värdet # FFFFFF.

Skugga

Slutligen kommer vi att tillämpa Skugga lagerstil. Vinkeln på 120o, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 34%, avstånd 1px och storlek på 1px.

Slutresultat

Om du vill kontrollera ditt arbete, kan du hämta PSD fil för den här läraren

Download File [240KB]

Om du vill få mer inspiration från oss, vänligen överväga att prenumerera på vårt foder genom RSS eller e-post.

Filed under: Photoshop, Tutorials av admin