I den här guiden kommer vi att skapa Web Button. Detta är mycket enkel och mycket effektiv handledning, så allt du behöver är Adobe Photoshop för att skapa denna effekt. Jag hoppas att ni kommer att njuta av den här guiden.

How to Create Web Button i Photoshop

Steg 1

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

Steg 2

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

Steg 3

Markera Rounded Rectangle Tool och skapa knapp, är min Radius 7px, width: 156px och höjd: 38px..

Steg 4

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 # 9E4C45, dubbelklicka sedan på höger-color-stop och ange färgvärde # EA8484.

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 till 23%, avstånd 1px och storlek på 9px.

Steg # 5

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

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

Color Overlay

Dubbelklicka på textlagret miniatyr på panelen Lager att öppna lagerstilar dialogrutan. Först kommer vi att använda färg overlay jag välja färgen # 0D0D0E

Skugga

Slutligen kommer vi att tillämpa Skugga, först ändra Blending alternativet Normal. Ändra skuggfärg från standard till # FFFFFF. Vinkeln på 120o, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 32% och avstånd 1px och storlek på 1px.

Final Preview

Låt oss veta hur den här guiden kan vara bättre? Om du hittat någon annan Photoshop tutorial som du vill dela med oss får du gärna meddela oss genom att släppa i en kommentar.

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: Fribiljetter, Photoshop, Tutorials av admin