I denne opplæringen vi skal lage Web Button. Dette er veldig enkel og ganske effektiv opplæringen, så alt du trenger er Adobe Photoshop for å skape denne effekten. Jeg håper du vil like denne opplæringen.

Hvordan Lage Web Button i Photoshop

Step # 1

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

Step # 2

Fyll fargen i bakgrunnslaget, er min farge # 3A3A3A.

Step # 3

Velg Avrundet rektangel Tool og lage knapp, er min Radius 7px, bredde: 156px og høyde: 38px..

Step # 4

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 # 9E4C45, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # EA8484.

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 23%, Avstand til 1px og størrelse på 9px.

Step # 5

Velg Horizontal Type Tool og type tekst på forsiden.

Vi vil bruke noen effekt for tekst.

Color Overlay

Dobbeltklikk på tekstlaget miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen. Først vil vi bruke fargen overlegg, jeg velge farge # 0D0D0E

Drop Shadow

Til slutt vil vi bruke Drop Shadow, først endre Blending alternativet til Normal. Endre skyggefargen fra standard til # FFFFFF. Hold vinkelen på 120o, enn å endre verdiene i Opacity, avstand og størrelse. Jeg velger å sette Opacity til 32% og distanse på 1px og størrelse på 1px.

Final Forhåndsvisning

La oss vite hvordan denne opplæringen kan bli mer bedre? Hvis du har funnet noen annen photoshop tutorial som du vil dele med oss, kan du gjerne gi oss beskjed ved å slippe i en kommentar.

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

Arkivert under: Freebies, Photoshop, Tutorials av admin