Hey guys een meer Photoshop Tutorial. In deze tutorial zal ik leren hoe je een Nice Sleek Dark Button maken in Photoshop. Dit is zeer eenvoudig en zeer effectief tutorial. Ik hoop dat u deze tutorial genieten.

Final Preview

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 # 131313.

Stap # 3

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

Nu gelden 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 gradiant effect 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 # 0E0E0E, dubbel-klik op links-midden-kleur-stop en voer de kleurwaarde # 1C1C1C, dubbel-klik op rechts-center-color-stop en voer de kleurwaarde # 262626, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # 292929.

Moet er zo uitzien.

Outer Glow

Vervolgens passen de Outer Glow laag stijl. Veranderen van de mengmodus op Overlay, dan veranderen de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 3px

Ik kies ervoor om de Dekking vastgesteld op 30%.

Veranderen van de Techniek op Precise.

Moet er zo uitzien.

Stap # 4

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

Stap # 5

de knop het gebied laag (Ctrl + klik op de miniatuur van de Layer knop in het deelvenster Lagen).

Dan een nieuwe laag de naam van de laag blauw kleurverloop.

Styling de Blue gradiënt dubbel-klik op de miniatuur van de Blauwe gradiënt Layer in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een horizontale gradiant effect voor uw Button. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Houd de hoek 180o

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # 047CA3, dubbel-klik op centrum-kleur-stop en voer de kleurwaarde # 25C4F4, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # 047CA3.

Moet er zo uitzien.

Nu deselecteer uw keuze (Ctrl + D). Nu zet het hoogtepunt onder de knop duwen, zodat de laag van twee pixels door te tikken op de omlaag-toets (door uw toetsenbord).

Uitslag

Download het bronbestand

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

slank-knop (226 KB)

Geplaatst onder: Photoshop, Tutorials door admin