<Browse> Startseite / Alle , BUTTON , Tutorial / Blog article: RIATMP1039 - Menu Bar / Button - Photoshop Tutorial

| Mobil | RSS

RIATMP1039 - Menu Bar / Button - Photoshop Tutorial

20. Mai 2009

Schritt 1: Erstellen Sie eine neue Datei von etwa 869px / 146 px, mit weißem Hintergrund (Datei -> Neu)

Schritt 2: Vergewissern Sie sich, Schicht-Fenster geöffnet ist, und fügen Sie eine neue Ebene, indem Sie auf Neue Ebene erstellen Icon am rechten unteren Ecke des Fensters Schicht. Geben Sie dieser neuen Layer einen Namen "Taste 1".

Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial

Schritt 3: Wählen Sie nun das Werkzeug für abgerundetes Rechteck, geben Sie 15 px als Radius für die abgerundeten Ecken und ziehen Sie Ihre Schaltfläche Rechteck Form (1039-A). Direkt an dieser Form Maustaste und wählen Sie "Make Selection" (1039-B). Füllen Sie nun, dass abgerundetes Rechteck Auswahl mit Schwarz (1039-C).

Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial

Schritt 4: Im Gaumen Schicht; Rechtsklick auf das "Taste 1" Schicht und wählen Sie Fülloptionen. Fügen Sie zunächst Verlaufsüberlagerung. Verfolgen Bild (1039-D) für alle Werte. Als nächstes fügen Sie Abgeflachte Kante und Relief. Verfolgen Bild (1039-E) für Werte. Mit diesen Layer-Effekte erhalten Sie Knopf wie Bild (1039-F).

Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial

Schritt 5: Erstellen Sie eine neue Ebene und ihm einen Namen geben "Weitere Schaltflächen". Jetzt folgen Sie einfach unter "Schritt 3" und einen anderen Schwarzen abgerundetes Rechteck mit Radius 15 px. Siehe Bild (1039-G).

Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial

Schritt 6: Jetzt rechts auf dieser Ebene und wählen Sie Fülloptionen. Fügen Sie zunächst Verlaufsüberlagerung. Verfolgen Bild (1039-H) für alle Werte. Als nächstes fügen Sie Abgeflachte Kante und Relief. Folgen Sie Bild (1039-I) für alle Werte. Mit diesen Layer-Effekte erhalten Sie Knopf wie Bild (1039-J). Machen Sie 3 weitere Kopien und verschmelzen alle schwarzen Tasten in einer Schicht. Schließlich mit Text, den Sie erhalten diese "Menu Bar" (1039-K). Hoffe, Sie werden diesen Effekt gerne. J Ihr keine Kommentare werden ermutigend.

Menu Bar / Button – Photoshop Tutorial
Menu Bar / Button - Photoshop Tutorial
Share and Enjoy
  •  RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1039   Menu Bar / Button – Photoshop Tutorial  RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1039   Menu Bar / Button – Photoshop Tutorial
Lassen Sie eine Antwort 4556 Aufrufe, 11 so weit heute |
Verfolgen Diskussion

2 Responses to "RIATMP1039 - Menu Bar / Button - Photoshop Tutorial"

  1. Dennis sagt:

    Vielen Dank an alle, dass entsandte, sehr cool site weiter so

  2. Photoshop Tutorials Says:

    Als Newbie, bin ich immer auf der Suche online nach Artikeln, die mir helfen kann. Danke

Lassen Sie eine Antwort