Hey guys back-to-back Photoshop Tutorials. I denne opplæringen skal jeg lære deg hvordan du oppretter jeg-Telefon Like knapp i Photoshop. Dette er meget enkel og svært effektiv opplæringen. Jeg håper du vil like denne opplæringen.

Final Forhåndsvisning

Dette er hva vi gjør i dag borte

Step # 1

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

Step # 2

Fyll fargen i bakgrunnslaget, er min farge # 333333.

Step # 3

Opprett et nytt lag navn laget Stripe gradient. Velg Rectangular Marquee Tool og lage hvit stripe.

Styling til Stripe Layer dobbeltklikker på Stripe Layer miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en vertikal gradiant effekt for bakgrunnen din. Deretter klikker du på c olor gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor.

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # aaaaaa, dobbeltklikk på venstre-sentrum-color-stopp og angi fargeverdi # cccccc, dobbeltklikker du på høyre-sentrum-color-stopp og angi fargeverdi # dddddd, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # ffffff.

Bør se slik ut.

Step # 4

Velg Avrundet rektangel Tool og lage knapp, er min radius 90X40px.

Nå gjelder noen effekt

Gradient Overlay

Styling knappen dobbel-klikk på knappen Lag miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en vertikal gradiant effekt for Button. Deretter klikker du på fargen gradient til høyre for Gradient muligheten til å åpne opp Color Gradient Editor.

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 000000, dobbeltklikk på venstre-sentrum-color-stopp og angi fargeverdi # 222222, dobbeltklikker du på høyre-sentrum-color-stopp og angi fargeverdi # 444444, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # 666666.

Bevel and Relieff

Neste påføre Bevel and Relieff lag stil. Endre stil til Ytre Bevel, enn å endre verdiene i Depth, størrelse og mykere. Jeg velger å sette dybde på 100%, Size på 1px og mykere på 10px

Viktig del av denne opplæringen: Hold vinkelen på -90 ^o, høyde ved 40 ^o

Marker modus: Jeg velger å sette Opacity til 100%.

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

Slag

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

Jeg velger å sette Opacity til 80%.

Endre Stroke farge fra standard til # 222222

Skal se slik ut.

Step # 5

Velg tekst verktøyet og skriv inn tekst på forsiden.

Vi vil bruke noen effekt for tekst.

Bevel Relieff

Dobbeltklikk på tekstlaget miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen. Vi vil gjelde Bevel Relieff, First Endre stil til Ytre Bevel og teknikk til Chisel Soft, enn å endre verdiene i Depth, retning, størrelse og mykere. Jeg velger å sette dybde på 130%, Retningen på Down Størrelse på 1px og mykere på 0px

Viktig del av denne opplæringen: Hold vinkelen på 90 ^o, høyde ved 30 ^o

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

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

Final Forhåndsvisning

Til slutt har vi gjort denne opplæringen.

Dette er hva vi gjør i dag borte

Last ned kildefilen

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

iphone-like-buttons.rar (21.3 kb)

Arkivert under: Photoshop, Tutorials av admin