Hey guys een meer Photoshop Tutorial. In deze tutorial zal ik je vinden hoe u een eenvoudige groene knop maken in Photoshop. Dit is zeer eenvoudig en zeer effectief tutorial. Ik hoop dat u deze tutorial genieten.

Eindresultaat

Dit is wat we gaan doen vandaag

Stap # 1

Open Photoshop en maak een nieuw document, is de mijne 550px × 398px met een witte achtergrond.

Stap # 2

Vul de kleur in de achtergrond laag, mijn kleur is # 979696.

Stap # 3

Selecteer de Rounded Rectangle Tool en creëren knop, de mijne Radius is 5px, width: 219px en height: 40px..

Nu zullen we toepassen enig effect

Gradient Overlay

Styling de knop dubbelklikt u op de miniatuur van de Layer knop in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale gradiënt Gevolgen voor uw Button. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # 55A646, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # A5CE3F.

Slagschaduw

Vervolgens passen de Slagschaduw laag stijl. Houd de hoek 120o, dan veranderen de waarden van de Dekking, afstand en grootte. Ik kies ervoor om de Dekking vastgesteld op 20%, op afstand 1px en Grootte op 5px.

Inner Shadow

Vervolgens passen de Inner Shadow laag stijl. Houd de hoek 120o, dan veranderen de waarden van de Dekking, Choke en grootte. Ik kies ervoor om de Dekking vastgesteld op 27% en Choke op 100% en grootte op 2px.

Volgende Verander de optie voor het bijmengen van Normaal.

Bevel Reliëf

Vervolgens zullen we toepassen Bevel Reliëf, Eerste veranderen van de stijl te afschuining en Techniek aan Glad, dan veranderen de waarden van diepte, richting, grootte en te verzachten. Ik kies om de diepte vastgesteld op 100%, richting omhoog, grootte op 1px en Zachter op 0px

Houd de hoek 120o, Hoogte bij 30o

Markeer modus: ik ervoor kiezen om de Opacity op 0%.

Shadow-modus: ik ervoor kiezen om de Dekking vastgesteld op 14%.

Slag

Tot slot zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px. Veranderen van de positie op Inside

Ik kies ervoor om de Dekking vastgesteld op 50%.

Verander de Slag van de standaard kleur op # 529846

Moet er zo uitzien.

Stap # 4

Selecteer Horizontal Type Tool en typt u tekst op de voorzijde.

We zullen van toepassing zijn enig effect voor tekst.

Gradient Overlay

Dubbelklik op de miniatuur van de tekst laag in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster. Eerst gaan we Gradient Overlay toepassing zal zijn, zullen we het toepassen van een verticale Gradiënt Gevolgen voor uw tekst. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor ..

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # DDDCDC, dubbelklik vervolgens op de center-kleur-stop en voer de kleurwaarde # FFFFFF.

Slagschaduw

Tot slot zullen we de toepassing van de Slagschaduw laag stijl. Houd de hoek 120o, dan veranderen de waarden van de Dekking, afstand en grootte. Ik kies ervoor om de Dekking vastgesteld op 34%, op afstand 1px en Grootte op 1px.

Eindresultaat

Als u wilt uw werk te controleren, kunt u downloaden van de PSD-bestand voor deze tutorial

Download File [240KB]

Als u wilt meer inspiratie van ons te ontvangen, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.