Hey guys back-to-Back-Tutorials für Photoshop. In diesem Tutorial werde ich lernen Sie, wie I-Phone Wie Button in Photoshop zu erstellen. Das ist sehr einfach und sehr effektiv Tutorial. Ich hoffe, Sie werden dieses Tutorial zu genießen.

Final Vorschau

Dies ist, was wir erlebt heute tun

Schritt # 1

Öffnen Sie Photoshop und ein neues Dokument erstellen, ist mein 550 × 398px mit einem weißen Hintergrund.

Schritt # 2

Füllen Sie die Farbe im Hintergrund Schicht, ist mein Farbe # 333333.

Schritt 3

Erstellen Sie eine neue Ebene, nennen Sie die Ebene Stripe Gefälle. Wählen Sie das Auswahlrechteck erstellen und weißen Streifen.

Styling der Stripe Layer doppelklicken Sie auf die Miniatur des Stripe Layer in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld, werden wir für eine vertikale gradiant Effekt für den Hintergrund. Dann klicken Sie auf den c olor Steigung auf der rechten Seite des Gradient Option zur Öffnung der Farbverlauf-Editor.

Doppelklicken Sie auf left-color-stop und geben Sie den Farbwert # aaaaaa, klicken Sie doppelt auf links-Mitte-Farb-Anschlag, und geben Sie den Farbwert # cccccc, doppelklicken Sie auf der rechten Seite-center-Farb-Anschlag und geben Sie die Farbwert # dddddd, dann klicken Sie doppelt auf right-color-stop und geben Sie den Farbwert # FFFFFF.

Sollte wie folgt aussehen.

Schritt # 4

Wählen Sie das Werkzeug für abgerundetes Rechteck, und erstellen Sie Taste, ist mein Radius 90X40px.

Nun wenden wir 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 eine vertikale gradiant Effekt für Ihre Button. 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 # 000000, doppelklicken Sie auf links-Mitte-Farb-Anschlag, und geben Sie den Farbwert # 222222, doppelklicken Sie auf der rechten Seite-center-Farb-Anschlag und geben Sie die Farbwert # 444444, dann klicken Sie doppelt auf right-color-stop und geben Sie den Farbwert # 666666.

Bevel und Emboss

Weiter gelten die Bevel und Emboss Ebenenstil. Ändern der Stil Outer Bevel, als eine Änderung der Werte der Tiefe, Größe und zu mildern. Ich wähle die Tiefe auf 100% gesetzt, Größe auf 1px und Soften an 10px

Wichtiger Teil des Tutorials: Halten Sie den Winkel von -90 ^o, Höhe bei 40 ^o

Highlight-Modus: Ich wähle, um die Deckkraft auf 100% gesetzt.

Shadow-Modus: Ich wähle, um die Deckkraft auf 100% gesetzt.

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, an Inside

Ich wähle, um die Deckkraft auf 80%.

Ändern Sie die Farbe aus der Stroke standardmäßig # 222222

Sollte wie folgt aussehen.

Schritt # 5

Wählen Sie Text-Werkzeug und Eingeben von Text auf der Vorderseite.

Wir werden für eine gewisse Wirkung für Text.

Bevel Relief

Doppelklicken Sie auf das Vorschaubild der Textebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld. Wir werden Bevel Relief, wenden Sie zuerst Ändern der Style zu Outer Bevel und Technik zu Chisel Weiche, als die Werte für Tiefe, Richtung, Größe und zu mildern. Ich wähle die Tiefe auf 130% festgelegt, in Richtung Down Größe auf 1px und Soften auf 0px

Wichtiger Teil des Tutorials: Halten Sie den Winkel von 90 ^o, Höhe bei 30 ^o

Highlight-Modus: Ich wähle, um die Deckkraft auf 0% gesetzt.

Shadow-Modus: Ich wähle, um die Deckkraft auf 50% festgesetzt.

Final Vorschau

Schließlich haben wir getan haben dieses Tutorial.

Dies ist, was wir erlebt heute tun

Download der Quelldatei

Wenn Sie möchten, dass Ihre Arbeit einchecken, können Sie herunterladen, die PSD-Datei für dieses Tutorial.

iPhone-like-buttons.rar (21,3 kb)

Abgelegt unter: Photoshop, Tutorials von admin