Erstellen eines Simple Green Button in Photoshop
Hey Jungs noch eine Photoshop-Tutorial. In diesem Tutorial finden ich Ihnen, wie eine einfache grüne Schaltfläche, um in Photoshop erstellen. Das ist sehr einfach und sehr effektiv Tutorial. Ich hoffe, Sie werden dieses Tutorial zu genießen.
Endergebnis
Dies ist, was wir erlebt heute tun
Schritt # 1
Öffnen Sie Photoshop und ein neues Dokument erstellen, ist mein 550px × 398px mit einem weißen Hintergrund.
Schritt # 2
Füllen Sie die Farbe im Hintergrund Schicht, ist mein Farbe # 979696.
Schritt 3
Wählen Sie das Werkzeug für abgerundetes Rechteck, und erstellen Sie Taste, ist mein Radius 5px, width: 219px und height: 40px..
Jetzt werden wir für eine gewisse Wirkung
Verlaufsüberlagerung
Styling the Button Doppelklicken Sie auf das Vorschaubild der Button-Ebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld, werden wir für ein Vertical Gradient-Effekt für den Button aus. Dann klicken Sie auf den Farbverlauf auf der rechten Seite der Gradient Option zur Öffnung der Farbverlauf-Editor.
Doppelklicken Sie auf left-color-stop und geben Sie den Farbwert # 55A646, dann klicken Sie doppelt auf right-color-stop und geben Sie den Farbwert # A5CE3F.
Schlagschatten
Weiter gelten die Schlagschatten Ebenenstil. Halten Sie den Winkel von 120o, als die Werte für Deckkraft, Entfernung und Größe. Ich wähle, um die Deckkraft auf 20%, Entfernung und Größe auf 1px auf 5px gesetzt.
Inner Shadow
Weiter gelten die Inner Shadow Ebenenstil. Halten Sie den Winkel von 120o, als eine Änderung der Werte der Deckkraft, Choke und Größe. Ich wähle, um die Deckkraft auf 27% und Choke bei 100% und Größe auf 2px gesetzt.
Nächste Änderung der Blending Option auf Normal.
Bevel Relief
Als nächstes werden wir Bevel Relief, wenden Sie zuerst Ändern der Style zu Inner Bevel und Technik zu glatt, als die Werte für Tiefe, Richtung, Größe und zu mildern. Ich wähle die Tiefe auf 100% gesetzt, Richtung bei Up, Größe auf 1px und Soften auf 0px
Halten Sie den Winkel von 120o, Zielhöhe 30o
Highlight-Modus: Ich wähle, um die Deckkraft auf 0% gesetzt.
Shadow-Modus: Ich wähle, um die Deckkraft auf 14% festgesetzt.
Hieb
Schließlich werden wir für den Schlaganfall. Erstens ändern die Werte der Größe. Ich wähle die Größe auf 1px gesetzt. Ändern der Position bei Inside
Ich wähle, um die Deckkraft auf 50% festgesetzt.
Ändern Sie die Farbe aus der Stroke standardmäßig # 529846
Sollte wie folgt aussehen.
Schritt # 4
Wählen Sie "Horizontal Textwerkzeug und geben Sie Text auf der Vorderseite.
Wir werden für eine gewisse Wirkung für Text.
Verlaufsüberlagerung
Doppelklicken Sie auf das Vorschaubild der Textebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld. Zuerst haben wir Verlaufsüberlagerung gilt, werden wir ein Vertical Gradient-Effekt gilt für Ihren Text. Dann klicken Sie auf den Farbverlauf auf der rechten Seite der Gradient Option zur Öffnung der Farbverlauf Editor ..
Doppelklicken Sie auf left-color-stop und geben Sie den Farbwert # DDDCDC, dann klicken Sie doppelt auf Mitte-Farb-Anschlag, und geben Sie den Farbwert # FFFFFF.
Schlagschatten
Schließlich werden wir für den Schlagschatten Ebenenstil. Halten Sie den Winkel von 120o, als die Werte für Deckkraft, Entfernung und Größe. Ich wähle, um die Deckkraft auf 34%, Entfernung und Größe auf 1px auf 1px gesetzt.
Endergebnis
Wenn Sie möchten, dass Ihre Arbeit einchecken, können Sie die PSD-Datei Download für dieses Tutorial
Wenn Sie möchten mehr Inspiration von uns erhalten, prüfen Sie bitte abonnieren Sie unseren Feed von RSS-oder E-Mail.
In Verbindung stehende Artikel:
Wenn Sie genossen diesen Artikel lesen, schauen Sie bitte auf ähnliche Artikel unter:



































































designfollow sagt am: 2. Dezember 2009 um 12:52 Said:
großes Tutorial, vielen Dank.