Wie Sie ein Dropdown-Menü in Photoshop

July 11

Auch bekannt als zeigt "Suckerfish" Menüs, Dropdown-Menüs, Untermenüs, die aus dem Hauptmenü Dropdown, wenn ein Benutzer den Mauszeiger über die Menüelemente, die Links zu den Unterrubriken der Website bewegt. Obwohl die Entwickler nicht mehr diese Menüs aus auf Webseiten anzuzeigenden Bilder vornehmen müssen, müssen Designer noch "Mock-up" Drop-Downs in ihren Web-Designs. Es ist eine gute Idee zu entwerfen, das Hauptmenü und mindestens eine Probe Dropdown-Liste können Sie dann ausblenden, indem Sie auf das Symbol "Auge" neben der Ebene im Ebenenbedienfeld in Photoshop.

Anweisungen

1 Laden Sie Photoshop auf Ihren Computer und öffnen Sie die Datei mit Ihrem Website-Design, oder erstellen Sie eine leere Datei. Erstellen Sie die leere Datei, wenn Sie auf Ihrer Tastatur ein, durch Drücken von "STRG + N" verwenden möchten, und geben Sie eine Breite von 960 Pixeln oder mehr und einer Höhe von rund 500 Pixel oder mehr. Wenn eine vorhandene Website-Design im Menü hinzufügen möchten, drücken Sie "UMSCHALT + STRG + N" auf Ihrer Tastatur, um eine neue Ebene erstellen.

2 Klicken Sie auf Rechteck-Form, von der Form-Werkzeug. Klicken Sie und halten Sie auf das Shape-Symbol, wenn Sie das abgerundete-Rechteck-Werkzeug auswählen möchten; Wenn die Form-Werkzeug-Untermenü angezeigt wird, wählen Sie das Werkzeug Rechteck mit abgerundeten Ecken und einen Radius-Betrag geben Sie im Feld Radius für den Werkzeug-Optionen Werkzeugleiste. Werte zwischen 10 und 20 Pixel gut funktionieren.

3 Platzieren Sie den Mauszeiger auf das Bild wo möchten Sie das Menü erstellen. Klicken Sie und ziehen Sie den Mauszeiger, bis die Formkontur die gewünschte Form und Größe für den Dropdown-Pfeil entspricht, und lassen Sie die Maustaste los.

4 Doppelklicken Sie auf Rechteck dem Namen der Ebene im Ebenenbedienfeld den Dialog "Überblendungsoptionen" geladen. Klicken Sie auf "Schlagschatten", und konfigurieren Sie die Einstellungen, bis Sie einen Schatten nach Ihren Wünschen erstellen.

5 Verlaufsüberlagerung im Dialogfeld "Fülloptionen" und klicken Sie auf das Dropdown neben Farbverlauf. Wählen Sie einen vorhandenen Farbverlauf aus der Farbfelder unter Voreinstellungen oder erstellen Sie Ihre eigenen Farbverlauf. Doppelklicken Sie auf den Pfeil unten links auf den Farbverlauf Vorschau und wählen Sie die erste Farbe für einen benutzerdefinierten Farbverlauf. Doppelklicken Sie auf den Pfeil rechts unten auf den Verlauf die zweite Farbe auswählen. Klicken Sie auf "OK", wenn Sie fertig.

6 "T" Symbol in der Symbolleiste anklicken. Bewegen Sie den Mauszeiger über die Menü-Leiste für die Eingabe der Menüelemente beginnen soll. Geben Sie jedes Menüelement, verwenden die Leertaste so oft wie Sie zwischen den einzelnen Elementen benötigen. Doppelklicken Sie auf die Textebene in das Bedienfeld "Ebenen", um den Text zu markieren, dann wählen Sie eine Schriftart aus der Dropdown-Liste im Menü Optionen Tool. Wählen Sie eine Größe und eine Farbe auch.

7 Erstellen Sie eine neue Ebene, durch Drücken von "STRG + UMSCHALT + N" auf der Tastatur. Klicken Sie auf neue dem Namen der Ebene im Ebenenbedienfeld und ziehen Sie es unter der Menüleiste Rechteck Schicht. Zeichnen Sie den Dropdown-Teil des Menüs, wo Sie angezeigt werden soll.

8 Rechtsklicken Sie auf das Menü Rechteck Ebene im Ebenenbedienfeld aus und wählen Sie "Ebenenstil kopieren." Rechtsklicken Sie auf den Dropdown-Pfeil-Ebene, und wählen Sie "Ebenenstil einfügen." Auf diese Weise werden auf den Dropdown-Teil des Menüs der Hauptmenüleiste Schatten und Farbverlauf angewendet.

9 Verwenden Sie das Textwerkzeug, um Beispiel Menüelemente auf der Dropdown-Liste zu setzen. Verwenden Sie die "Enter"-Taste, um Abstand zwischen Menüelemente hinzufügen.