Hei folkens én Photoshop Tutorial. I denne opplæringen vil jeg finne deg Hvordan lage en enkel grønn knapp i Photoshop. Dette er meget enkel og svært effektiv opplæringen. Jeg håper du vil like denne opplæringen.

Sluttresultatet

Dette er hva vi gjør i dag borte

Step # 1

Åpne Photoshop og opprette et nytt dokument, er min 550px × 398px med en hvit bakgrunn.

Step # 2

Fyll fargen i bakgrunnslaget, er min farge # 979696.

Step # 3

Velg Avrundet rektangel Tool og lage knapp, er min Radius 5px, bredde: 219px og høyde: 40px..

Nå vil vi bruke noen effekt

Gradient Overlay

Styling knappen dobbel-klikk på knappen Lag miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en Vertical Gradient Effect for Button. Deretter klikker du på Color Gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor.

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 55A646, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # A5CE3F.

Drop Shadow

Neste anvende Drop Shadow laget stil. Hold vinkelen på 120o, enn å endre verdiene i Opacity, avstand og størrelse. Jeg velger å sette Opacity til 20%, Avstand til 1px og størrelse på 5px.

Inner Shadow

Neste gjelder Indre Shadow laget stil. Hold vinkelen på 120o, enn å endre verdiene i Opacity, Choke og størrelse. Jeg velger å sette Opacity til 27% og Choke på 100% og størrelse på 2px.

Neste Endre Blending alternativet til Normal.

Bevel Relieff

Neste vi vil gjelde Bevel Relieff, First Endre stil til Inner Bevel og teknikk til Glatt, enn å endre verdiene i Depth, retning, størrelse og mykere. Jeg velger å sette dybde på 100%, retning Up, størrelse på 1px og mykere på 0px

Hold vinkelen på 120o, Høyde på 30o

Marker modus: Jeg velger å sette Opacity på 0%.

Shadow-modus: Jeg velger å sette Opacity til 14%.

Slag

Til slutt vil vi bruke Stroke. Først skiftende verdier Size. Jeg velger å angi størrelsen på 1px. Endring av posisjon på Inside

Jeg velger å sette Opacity til 50%.

Endre Strek farge fra standard til # 529846

Skal se slik ut.

Step # 4

Velg Horizontal Type Tool og skriv inn tekst på forsiden.

Vi vil bruke noen effekt for tekst.

Gradient Overlay

Dobbeltklikk på tekstlaget miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen. Først vil vi bruke Gradient Overlay, vil vi bruke en Vertical Gradient Effect for teksten. Deretter klikker du på Color Gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor ..

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # DDDCDC, dobbeltklikk deretter på sentrum-color-stopp og angi fargeverdi # FFFFFF.

Drop Shadow

Til slutt vil vi bruke Drop Shadow laget stil. Hold vinkelen på 120o, enn å endre verdiene i Opacity, avstand og størrelse. Jeg velger å sette Opacity på 34%, Avstand til 1px og størrelse på 1px.

Sluttresultatet

Hvis du vil kontrollere arbeidet ditt, kan du laste ned PSD-filen for denne opplæringen

Download File [240KB]

Hvis du ønsker å motta mer inspirasjon fra oss, kan du vurdere å abonnere på vårt feed via RSS eller via e-post.