I denne opplæringen vi skal lage enkle og glatt blå knappen. 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.

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

Step # 3

Velg Avrundet rektangel Tool og lage knapp, er min Radius 15px, bredde: 128px og høyde: 36px. Endre forgrunnsfargen til en hyggelig # 13AAB7 (Blue).

Step # 4

Nå må vi legge noen fine effekter på knappen.

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.

Første endre blending alternativet til overlegg. Hold vinkelen på 90o, enn å endre verdier Opacity. Jeg velger å sette Opacity til 50%.

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 000000, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # FFFFFF.

Inner Glow

Neste gjelder den indre gløden laget stil. Første endre blending muligheten til overlegg, enn å endre verdiene for gjennomsiktighet og størrelse. Jeg velger å sette opacity på 55% og størrelse på 6px.

Endre gløden Color fra standard til # FFFFFF

Drop Shadow

Neste bruke skyggelegging laget stil. Første endre blending alternativet til Normal. Hold vinkelen på 120o, enn å endre verdiene for Dekkevne og størrelse. Jeg velger å sette Opacity til 55% og størrelse på 3px.

Skal se slik ut.

Step # 5

Opprett et nytt lag, gjør et valg rundt det opprinnelige knapp, kan du gjøre dette ved å holde ctrl deretter klikke på laget i miniatyr.).

Fyll forgrunnsfargen til hvit.

Velg Avrundet rektangel Tool, velge og slette den nedre halvdelen av det hvite laget du nettopp laget, må du kanskje måle høyden på knappen din før du sletter den nedre halvdelen.

Først må du endre laget modus-alternativ til Softlight, enn å endre verdiene av dekkevne. Jeg velger å sette opacity på 20%

Step # 6

Velg Horizontal Type Tool og type tekst på forsiden.

Final

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 opplæring fra oss, kan du vurdere å abonnere på vårt feed via RSS eller via e-post.

Arkivert under: Photoshop, Tutorials av admin