I denne tutorial skal vi skabe enkle og glat blå knap. 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.

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 # 3B3F46.

Trin # 3

Vælg Afrundet rektangel Tool og skabe knappen, mine Radius er 15px, width: 128px og height: 36px. Skift din forgrundsfarve til en dejlig # 13AAB7 (blå).

Trin # 4

Nu er vi nødt til at tilføje nogle flotte effekter til knappen.

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.

Først ændre blanding mulighed for at Overlay. Hold vinkel på 90o, end at ændre værdierne af uigennemsigtighed. Jeg vælger at indstille Opacity til 50%.

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

Inner Glow

Næste anvende den indre glød lag stil. Først ændre blanding mulighed for at Overlay, end at ændre værdierne af uigennemsigtighed og størrelse. Jeg vælger at sætte opacitet på 55% og Størrelse på 6px.

Skift glød Color fra standard til # FFFFFF

Drop Shadow

Næste anvende slagskygge lag stil. Først ændre blanding mulighed til Normal. Hold vinkel på 120 °, end at ændre værdierne af Opacitet og størrelse. Jeg vælger at indstille Opacity til 55% og Størrelse på 3px.

Skal se sådan ud.

Trin # 5

Opret et nyt lag, foretage en markering omkring dit oprindelige knap, kan du gøre dette ved at holde Ctrl derefter klikke på lagets miniature.).

Fyld forgrundsfarven til hvid.

Vælg Rounded Rectangle Tool, vælge og slette den nederste halvdel af det hvide lag, du netop har lavet, skal du måske til at måle højden på din knap, før du sletter den nederste halvdel.

Først skal du ændre lagets blandingstilstand mulighed for at Softlight, end at ændre værdierne af uigennemsigtighed. Jeg vælger at sætte opacitet på 20%

Trin # 6

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

Endelig

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 flere tutorials fra os, kan du overveje at abonnere på vores feed ved RSS eller e-mail.

Filed under: Photoshop, Tutorials af admin