Detta är en början lavel design handledning. I den här artikeln hittar du Skapa Nice Inset textknapp i Photoshop. Detta är mycket snabb och enkel grafisk design tutorial.I hoppas att du kommer att njuta av den här guiden.

Final Preview

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

Steg 1

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

Steg 2

Markera Rounded Rectangle Tool och skapa knapp, mina radie 6px.

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 använda en vertikal gradiant effekt för din knapp. Klicka sedan på färggradient till höger om lutningen möjligheten att öppna C olor Gradient Editor.

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

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 47%, avstånd 2px och storlek på 4px.

Skulle se ut så här.

Stroke

Nästa vi kommer att tillämpa Stroke. Först ändra värdena storlek. Jag väljer att ställa in storlek på 1px, Position på Outside. Jag väljer att ställa Opacitet på 100%. Ändra färgar från standard till # 666666

Skulle se ut så här.

Steg 3

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

Nu kommer vi 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 # 303030

Inner Shadow

Nästa tillämpa den inre skuggan lagerstil. Viktigaste delen hålla den vinkel 41o, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 75% och avstånd 1px och storlek på 1px.

Skugga

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

Result

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

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