Adobe Photoshop ist der Branchenstandard für die Arbeit mit digitalen Bildern und Grafik-Design. Ein großer Teil der ästhetischen Inhalt sehen Sie auf den besten gestalteten Webseiten wurde konzipiert und erstellt in Photoshop. Allerdings ist Photoshop gut für mehr als nur Ästhetik , einer der vielen anderen Aspekten für Ihre Website , die mit der Software erstellt werden kann, ist ein Pop- up-Menü. Anleitung
Erstellen Sie die Menü
1
Öffnen Sie Adobe Photoshop und wählen Sie " Datei -> Neu . " Wählen Sie den "Web" voreingestellt und die 1024 x 768 Dimension Option für eine Vorstellung davon, wie Sie Ihren Pop -up-Menü sollte skalierten und bemessen für einen normalen Browser-Fenster .
2
Wählen Sie den " Line- Werkzeug " aus dem Tools -Panel und "Shift + Klick" beim Ziehen seitwärts um eine horizontale Linie über die Leinwand ziehen . Sie können Sie eine beliebige Farbe, die Sie mögen Vordergrund , um die Farbe der Linie zu bestimmen, werden wir mit dieser Farbe für die Pop -up-Menü sowie Stick
3
Wählen Sie den " Typ . Werkzeug. " Bewegen Sie den Mauszeiger in die Nähe der Linie und klicken Sie , wenn Sie eine Wellenlinie neben dem Typ Cursor zu sehen. Dies aktiviert die "Type auf dem Weg "-Funktion .
4
Stellen Sie Ihren Text Vorlieben für Ihr Menü Flyout Text. Geben Sie eine Überschrift Wort für das Menü.
5
erneut die Option " Text-Werkzeug " und klicken Sie auf , wo Sie möchten das Popup-Menü , um unter der Überschrift beginnen. Geben Sie Ihre Zwischenüberschriften , Drücken der "Return" -Taste, um sich neue zu starten. Wenn Sie möchten, um den Abstand zwischen Überschriften zu ändern, markieren Sie den Text und öffnen Sie die "Character" -Panel , um die führenden anzupassen.
6
Wählen Sie die " Rechteck-Werkzeug " und ziehen Sie ein Rechteck um den subhead Text, um einen Hintergrund für die Pop-up- Menü zu erstellen . Benutzen Sie den " Verschieben-Werkzeug " , um das Rechteck auf die horizontale Linie auszurichten. . Bewegen Sie das Rechteck Schicht unterhalb der horizontalen Linie Schicht in der "Layers "-Panel
7
zurück zur subhead Textebene und wählen Sie " Ebene -> Rastern - . > Typ "
8
der rechten Maustaste auf die Ebene im "Ebenen "-Panel und wählen Sie "Select Pixel. " Wählen Sie " Bearbeiten - > Füllen " und wählen Sie eine helle Farbe, die mit dem blauen Hintergrund kontrastieren wird . Zum Beispiel, wenn Sie weißes Normalpapier verwenden , haben Sie einen kühlen inverse Effekt des Textes für das Menü.
9
Wählen Sie den " Line- Werkzeug" und "Shift + Klick ", um eine Trennlinie zwischen der erstellen ersten und zweiten Zwischenüberschriften . Duplizieren Sie diese Zeile zwischen jeder subhead , indem Sie das " Verschieben-Werkzeug " und halten Sie die "Option "-Taste , während Sie die Linie, um jede Position ziehen .
10
Wählen Sie alle Trennlinie Schichten in der " Layers " -Panel und wählen Sie " Layer - . > Gruppe Schicht " Wählen Sie diese Gruppe und wählen Sie " Verteilen vertikalen Zentren " in der "Move Tool " Platte über die Leinwand, um die Linien gleichmäßig zu verteilen zwischen den Zwischenüberschriften .
Readying Ihr Menü für die Web
11
Wählen Sie den " Slice-Werkzeug " aus dem Tools -Panel und wählen Sie " Ansicht -> Snap" aus dem Bedienfeld. Erstellen Scheiben für die Überschrift und jeder der Zwischentitel , so dass der Cursor in jeder Zeile einrasten.
12
Wählen Sie " File-> Save for Web" und stellen Sie Ihre Qualität und Farbeinstellungen für , wie Sie wollen, dass die Pop-up- Menü auf dem Web angezeigt.
13
öffnen und verbinden Sie Ihre Bilder in Adobe Dreamweaver oder einen anderen HTML -Editor, um Pop-up- Menü zu animieren.
