I denna handledning kommer vi att skapa enkla och snygga blå knappen. Detta är mycket enkel och ganska effektiv handledning, så allt du behöver är Adobe Photoshop för att skapa denna effekt. Jag hoppas att ni kommer att trivas här guiden.

Steg # 1

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

Steg # 2

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

Steg # 3

Välj Rundad rektangel Tool och skapa knappen, Radius är min 15px, bredd: 128px och höjd: 36px. Ändra förgrundsfärgen till en fin # 13AAB7 (blå).

Steg # 4

Nu måste vi lägga till några fina effekter till knappen.

Gradient Overlay

Styling på knappen dubbelklicka på knappen Layer miniatyr i panelen Lager för att öppna Layer Styles dialogrutan kommer vi att tillämpa en Vertikal toning Effect för knappen. Klicka sedan på färggradient på rätt Gradient möjlighet att öppna färggradient Editor.

Första ändringen att blanda alternativet Overlay. Håll vinkel på 90 grader, än att ändra värderingar Opacitet. Jag väljer att sätta Opacitet till 50%.

Dubbelklicka på vänster-färg-stop och anger färgvärdet # 000000, dubbelklicka sedan på höger-färg-stop och anger färgvärdet # FFFFFF.

Inner Glow

Nästa tillämpa det inre stil glöd lager. Första ändringen att blanda möjlighet att Overlay, än att ändra värdena för opacitet och storlek. Jag väljer att ställa in opaciteten till 55% och storlek på 6px.

Ändra glöd färg från standard till # FFFFFF

Skugga

Nästa applicerar droppen lagerstilen skugga. Första ändringen att blanda alternativet Normal. Håll vinkel på 120o, än att ändra värdena för Opacitet och storlek. Jag väljer att sätta Opacitet till 55% och storlek på 3px.

Skulle se ut så här.

Steg # 5

Skapa ett nytt lager, göra ett urval runt din ursprungliga knappen kan du göra detta genom att hålla Ctrl och sedan klicka på lagrets thumbnail.).

Fyll förgrundsfärgen till vit.

Välj Rundad rektangel Tool, markera och ta bort den nedre halvan av det vita lager som du just gjort, kan du behöva mäta höjden på knappen innan du tar bort den nedre halvan.

Först måste du ändra alternativet lager läge till Softlight, än att ändra värdena för opacitet. Jag väljer att ställa in opaciteten på 20%

Steg # 6

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

Final

Låt oss veta hur det här guiden kan vara mer bättre? Om du har 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å fler tutorials från oss kan du överväga att prenumerera på vårt foder genom RSS eller via e-post .

Filed under: Photoshop , Tutorials av admin