Auch als " suckerfish " Menüs bekannt , zeigen Dropdown-Menüs Untermenüs, die sich aus dem Hauptmenü fallen , wenn ein Benutzer mit dem Mauszeiger über Menüpunkte enthält Links zu Teilbereiche einer Website. Obwohl die Entwickler nicht mehr benötigen, um diese Menüs machen aus Bildern , um sie auf Web-Seiten anzuzeigen , Designer müssen noch " Mockup " drop- downs in ihre Web -Designs. Es ist eine gute Idee , um das Hauptmenü und mindestens eine Probe Dropdown , entwerfen , wenn Sie dann durch Anklicken des " Auge "-Symbol neben der Ebene in der Ebenen-Palette in Photoshop verstecken kann . Anleitung
1
laden Photoshop auf Ihrem Computer , und öffnen Sie die Datei mit Ihren Website-Design oder erstellen Sie eine leere Datei. Erstellen Sie die leere Datei , wenn Sie zu einem Einsatz , durch Drücken von " Strg + N " auf Ihrer Tastatur und geben eine Breite von 960 Pixel oder mehr und einer Höhe von etwa 500 Pixel oder mehr wollen. Wenn du das Menü, um eine bestehende Website-Design , drücken Sie "Shift + Strg + N " auf Ihrer Tastatur , um eine neue Ebene zu erstellen .
2
Klicken Sie auf das rechteckige Symbol des Form-Werkzeug . Klicken und halten Sie auf dem Form-Werkzeug -Symbol, wenn Sie die abgerundeten Rechteck-Werkzeug auswählen möchten , wenn die Form-Werkzeug im Untermenü erscheint, wählen Sie das abgerundete Rechteck-Werkzeug und geben Sie einen Radius Menge im Feld Radius am Werkzeug Optionen Werkzeugleiste . Werte zwischen 10 und 20 Pixel gut funktionieren.
3
Platzieren Sie den Mauszeiger auf das Bild , wo Sie wollen , um das Menü zu erstellen. Klicken und ziehen Sie den Mauszeiger, bis die Form passt Umriss die gewünschte Form und Größe für den Drop-down- , dann die Maustaste los.
4
Doppelklicken Sie auf das Rechteck Schicht den Namen in der Ebenen-Palette , um der Last " Blending Options" -Dialog. Klicken Sie auf " Schlagschatten " und konfigurieren Sie die Einstellungen, bis Sie einen Schatten erstellen nach Ihren Wünschen.
5
Zur Gradient Overlay auf dem Blending Optionen-Dialog und klicken Sie auf das Dropdown neben Gradient . Wählen Sie einen vorhandenen Gradienten von den Stoffproben unter Presets oder erstellen Sie Ihre eigenen Gradienten . Doppelklicken Sie auf die untere linke Pfeil auf dem Gradienten Vorschau und wählen Sie die erste Farbe für einen eigenen Verlauf . Doppelklicken Sie auf die untere rechte Pfeil auf der Steigung , die zweite Farbe auszuwählen. Klicken Sie auf " OK" , wenn Sie fertig .
6
Klicken Sie auf die "T "-Symbol in der Symbolleiste. Platzieren Sie den Cursor über die Menüleiste , wo Sie wollen der Eingabe beginnen die Menüpunkte. Geben Sie jeden Menüpunkt mit der Leertaste so oft, wie Sie zwischen den einzelnen Elementen müssen . Doppelklicken Sie auf die Textebene in der Ebenen-Palette , um den Text zu markieren, und wählen Sie eine Schriftart aus der Drop -down in der Werkzeug-Optionen -Menü. Wählen Sie eine Größe und eine Farbe als gut.
7
Erstellen Sie eine neue Ebene , indem Sie " Strg + Shift + N " auf der Tastatur. Klicken Sie auf die neue Schicht der Name in der Ebenen-Palette und ziehen Sie es unterhalb der Menüleiste des Rechtecks Schicht . Zeichnen Sie die Dropdown- Teil des Menüs , wo man sie erscheinen lassen soll.
8
der rechten Maustaste auf das Menü des Rechtecks in der Ebenen- Bedienfeld und wählen "Kopieren Ebenenstil . " Auf die rechte Maustaste das Drop- Down- Schicht und wählen Sie "Einfügen Ebenenstil . " Dadurch wird die Menüleiste Schatten und Farbverlauf zu der Dropdown- Teil des Menüs gelten .
9
Verwenden Sie das Text-Werkzeug zu platzieren Probe Menüpunkte auf den Drop -down . Verwenden Sie die " Enter"-Taste , um Platz zwischen den Menüpunkten hinzuzufügen.
