Hey guys en mere Photoshop Tutorial. I dette selvstudium jeg vil finde, hvordan du opretter en simpel grønne knap i Photoshop. Dette er meget simpelt og ganske effektiv tutorial. Jeg håber du vil nyde denne tutorial.

Slutresultat

Det er, hvad vi gået gøre i dag

Trin # 1

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

Trin # 2

Fyld farve i baggrunden lag, min farve er # 979.696.

Trin # 3

Vælg Afrundet rektangel Tool og skabe knappen, mine Radius er 5px, width: 219px og height: 40px..

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 # 55A646, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # A5CE3F.

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 til 20%, Afstand på 1px og Størrelse på 5px.

Indvendig skygge

Næste anvende Indvendig skygge lag stil. Hold den vinkel, 120 °, end at ændre værdierne Opacitet, Choke og størrelse. Jeg vælger at indstille Opacity til 27% og Choke på 100% og Størrelse på 2px.

Næste Skift Blending indstilling til Normal.

Facet Relief

Næste vi vil anvende Facet prægning, først at ændre stil til Inner Facet og teknik til Glat, end at ændre værdierne Depth, Retning, Størrelse og bløde. Jeg vælger at sætte dybde på 100%, Retning op, Størrelse på 1px og Blødgør på 0px

Hold den vinkel, 120 °, Højde ved 30o

Fremhæv mode: Jeg vælger at indstille Opacity til 0%.

Shadow mode: Jeg vælger at indstille Opacity til 14%.

Slag

Endelig vil vi anvende Stroke. Først at ændre værdierne af størrelse. Jeg vælger at indstille størrelsen på 1px. At ændre holdning på Inside

Jeg vælger at indstille Opacity til 50%.

Skift stregfarven fra standard til # 529.846

Skal se sådan ud.

Trin # 4

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

Vi vil anvende en vis effekt for tekst.

Gradient Overlay

Dobbelt-klik på tekst laget miniature i Lag-panelet for at åbne dialogboksen Lagtype. Først vil vi anvende Gradient Overlay, vil vi anvende en Lodret overgang Effect til din tekst. Klik derefter på Color Gradient til højre på forløbet mulighed for at åbne op farveovergangen Editor ..

Dobbelt-klik på venstre-farve-stop og indtast farveværdi # DDDCDC, derefter dobbeltklikke på center-farve-stop og indtast farveværdi # FFFFFF.

Drop Shadow

Endelig vil vi anvende Skyggeeffekt lag stil. Hold den vinkel, 120 °, end at ændre værdierne Opacitet, Afstand og størrelse. Jeg vælger at indstille Opacity til 34%, Afstand på 1px og Størrelse på 1px.

Slutresultat

Hvis du ønsker at kontrollere dit arbejde, kan du downloade de færdige filer til denne tutorial

Download File [240KB]

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

Filed under: Photoshop, Tutorials af admin