I denne tutorial vil vi skabe Web Button. Dette er meget simpelt og ganske effektiv tutorial, så alt hvad du behøver, er Adobe Photoshop til at skabe denne effekt. Jeg håber du vil nyde denne tutorial.

Sådan oprettes Web Button i Photoshop

Trin # 1

Åbne Photoshop og oprette et nyt dokument, mine er 550px × 125px med en hvid baggrund.

Trin # 2

Fyld farve i baggrunden lag, min farve er # 3A3A3A.

Trin # 3

Vælg Afrundet rektangel Tool og skabe knappen, mine Radius er 7px, width: 156px og height: 38px..

Trin # 4

Nu vil vi anvende en vis effekt

Gradient Overlay

Styling de Button dobbelt-klik på knappen Layer miniaturen i Lag-panel til at åbne dialogboksen Lagtype, vil vi anvende en Lodret overgang Effect til din knap. Klik derefter på Color Gradient til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Dobbelt-klik på venstre-farve-stop og indtast farveværdi # 9E4C45, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # EA8484.

Drop Shadow

Næste anvende Skyggeeffekt lag stil. Hold den vinkel, 120 °, end at ændre værdierne Opacitet, Afstand og størrelse. Jeg vælger at indstille Opacity på 23%, Afstand på 1px og Størrelse på 9px.

Trin # 5

Vælg Horizontal Type Tool og skrive tekst på forsiden.

Vi vil anvende en vis effekt for tekst.

Color Overlay

Dobbelt-klik på tekst laget miniature i Lag-panelet for at åbne dialogboksen Lagtype. Først vil vi anvende farve overlay, vælger jeg den farve # 0D0D0E

Drop Shadow

Endelig vil vi anvende Skyggeeffekt, først ændre Blending mulighed til Normal. Skift skyggefarve fra standard til # FFFFFF. Hold den vinkel, 120 °, end at ændre værdierne Opacitet, Afstand og størrelse. Jeg vælger at indstille Opacity til 32% og Afstand på 1px og Størrelse på 1px.

Final Preview

Lad os vide, hvordan, at dette selvstudium kan være mere bedre? Hvis du har fundet en anden Photoshop Tutorial, som du vil dele med os, er du velkommen til at kontakte os ved at droppe i en kommentar.

hvis du ønsker at modtage mere inspiration fra os, kan du overveje at abonnere på vores feed ved RSS eller e-mail.

Filed under: Freebies, Photoshop, Tutorials af admin