Ein Rollover ist eine Taste, auf der Website , die seinen Zustand ändert, wenn die Maus über sie . Der Staat Änderung kann eine beliebige Anzahl von Änderungen wie Farbe, Schriftart, Größe oder eine Kombination von diesen sein. Rollover Schaltflächen fügen Politur und Professionalität, um Ihre Website und können leicht in Adobe Photoshop und ImageReady erstellt werden. Diese Schritte beschreiben , wie ein einfaches Rollover-Schaltfläche zu erstellen , aber der Prozess kann für mehr stilisierte Grafiken verändert werden. Things You
Adobe Photoshop ImageReady
brauchen anzeigen Weitere Anweisungen
Erstellen Sie die Taste Bilder in Photoshop
1
Gehe zu> New und legen Sie die Datei Bildgröße auf 80 von 25 Pixel mit einer Auflösung von 72 Pixel pro Zoll .
2
Klicken Sie auf das Farbfeld Vordergrund nahe der Unterseite der Werkzeugpalette auf der rechten Seite des Bildschirms. Wählen Sie eine Farbe für den Text auf den Button aus. Dann auf dem Hintergrund Farbfeld klicken und eine Farbe auswählen.
3
Taste "" Ctrl + Backspace , um das Bild mit Ihrem gewählten Hintergrundfarbe füllen .
4
Wählen Sie den "Type" -Werkzeug aus der Werkzeugpalette , und stellen Sie die Schriftart und-größe in der Tool-Menü am oberen Rand des Bildschirms. Klicken Sie auf das Dokument an und geben Sie den Namen der Schaltfläche wie "Portfolio" oder "Home ".
5
Verwenden Sie das Werkzeug "Verschieben" , um den Text nach Ihren Wünschen auszurichten.
< Br > 6
Copy sowohl die Hintergrund -und Textebene . Erstellen Sie eine Kopie von einer Schicht mit der rechten Maustaste auf eine Schicht in der Ebenenpalette und wählen Sie " Duplizieren ".
7
Merge den ursprünglichen Hintergrund und Text Schichten , indem Sie die "Shift "-Taste gedrückt, während Sie beide Schichten in der Ebenen-Palette. Dann gehen Sie auf > Merge Layers bearbeiten . Benennen Sie die Ebene "Normalzustand ".
8
Doppelklicken Sie auf die "T" Bild auf der linken Seite der kopierten Schicht , um den Text zu markieren. Klicken Sie auf das Farbfeld in der Werkzeug- Menü am oberen Rand des Bildschirms , und wählen Sie eine andere Farbe für den Text , wenn die Maus über die Schaltfläche .
9
Ändern Sie die Farbe in der Hintergrund-Ebene , wenn gewünscht.
10
Zusammenführen der beiden Schichten kopiert , und benennen Sie die Ebene " Rollover-Status . " Ihre Datei sollte nun zwei Schichten: der "Normalzustand " Schicht auf dem Boden und die " Rollover-Status "-Schicht an der Spitze. Sie können eine Vorschau , wie die Schaltfläche Änderung aussehen wird , indem die Sichtbarkeit der Deckschicht ein-und ausschalten . Klicken Sie auf die Grafik Auge auf der linken Seite der Schicht zu zeigen oder ausblenden .
Erstellen Sie die Rollover-Schaltfläche in ImageReady
11
Klicken Sie auf " Gehe zu ImageReady "-Taste . an der Unterseite der Werkzeugpalette mit Ihrem Schaltfläche Datei noch offen
12
der Aussehen-Palette ( in CS oder neuer) oder der Rollover -Palette ( in älteren Versionen ) gehen , wenn es nicht bereits geöffnet ist, gehen Sie im Menü Fenster und wählen Sie die Palette aus dem Dropdown-Menü
13
ausblenden "Rollover State" Schicht; . dies die normale Zustand Ihres Schaltfläche "Normal" eingestellt Schicht .
14
klicken Sie auf " Create New State" -Symbol am unteren Rand des " Aussehen " oder "Rollover " -Palette. Schalten Sie die Sichtbarkeit auf dem " Rollover-Status "-Schicht , um es als Rollover-Status gesetzt
15
der Slice-Palette gehen ; . Wenn es nicht bereits geöffnet ist , kann es in dem Fenster gefunden werden Menü . Vergeben Sie einen URL zu Ihrer Rollover-Schaltfläche , das ist die Web-Seite der Anwender getroffen werden , wenn er auf Ihre Schaltfläche klickt
16
Testen Sie Ihre Rollover-Schaltfläche die Schaltfläche " Vorschau in Standard-Browser" -Taste. nahe der Unterseite der Werkzeugpalette .
17
gehen Sie zu Datei > Optimiert, um die HTML-Datei und Ordner zu speichern Bild speichern .
