Ein Rollover ist ein Effekt auf ein Bild in einer Webseite , um das Bild zu verwandeln , wenn eine Maus rollt oder schwebt über daran gewöhnt. Dies wird häufig verwendet, um Schaltflächen oder Menüs ändern Farbe zu machen, sondern kann auf jedem Bild verwendet werden. Mit Photoshop können Sie ein beliebiges Bild in Scheiben schneiden , dann ändern Sie eine Scheibe , so dass nur der Teil der Bild Veränderungen in der Rollover , wie das Erstellen Worte auf dem Boden erscheinen , oder das Ändern der Farbe nur ein Element im Bild. Sobald die Scheiben erstellt , müssen Sie die entsprechende JavaScript-Code in die Web Seite zu platzieren , um die Rollover-Effekt zu erstellen , mit Hilfe eines Web -Design-Software -oder HTML- Editor. Anleitung
1
Starten Sie Photoshop und wählen Sie " Öffnen" aus dem Menü Datei. Navigieren Sie zu einem Bild, das Sie für den Rollover und klicken Sie auf " Öffnen ". Klicken Sie auf die " Slice-Werkzeug " in der Toolbox. Wenn Sie es nicht sehen können , klicken Sie und halten Sie die "Crop -Werkzeug " oder " Slice-Auswahl- Werkzeug ", um es zu offenbaren.
2
Entscheiden Sie , wo Sie die Rollover-Effekt erscheinen soll. Beachten Sie, dass die Slice-Werkzeug schafft nur rechteckige Scheiben und dass zusätzliche Scheiben werden vom verbleibenden Bild erstellt werden. Zum Beispiel, wenn Sie die obere Hälfte eines Bildes als Rollover- Scheibe wählen, wird die andere Hälfte des Bildes auch eine Scheibe sein . Wenn Sie einen Platz in der Mitte des Bildes abgeschnitten werden vier anderen Scheiben erstellt , eine über Ihre Scheibe , eine unten und eine auf jeder Seite .
3
Ziehen Sie das Slice-Werkzeug über die Bereich, den Sie für den Rollover . Das Bild wird in Scheiben geschnitten , mit einer Zahl in der oberen linken Ecke.
4
Klicken und halten Sie die " Slice-Werkzeug " in der Toolbox , klicken Sie auf die " Slice-Auswahl- Werkzeug . " Double -Click- die Scheibe Sie gemacht in Schritt 3, um die Slice-Optionen zu öffnen. Typ "Rollover " im Namen ein und klicken Sie "OK". Doppelklicken Sie auf jede der anderen Scheiben , um ihnen entsprechende Namen wie " Top ", " Links ", "Mitte ", " Rechts" und " Bottom . "
5
Presse " F7 ", um das Bedienfeld Ebenen offenbaren. Ziehen Sie das " Hintergrund-Ebene " in der Ebenen- Bedienfeld auf das " Neue Ebene "-Taste an der Unterseite der Platte . Nehmen Sie die gewünschten Änderungen vor , um das Bild, um die "Rollover " Scheibe ändern. Sie können Text über die Scheibe schreiben, zeichnen eine Form , oder legen Sie ein anderes Bild . Sie können Effekte oder Bildkorrekturen , die das gesamte Bild verändern . Änderungen an alle anderen Scheiben werden nicht gespeichert.
6
Klicken Sie auf " Speichern für Web und Geräte speichern " im Datei-Menü . Speichern Sie das Bild in Ihr bevorzugtes Format - meistens wahrscheinlich JPEG oder GIF - und klicken Sie auf Jede der Scheiben wird mit dem Namen, den Sie gab ihnen als separates Bild in einem Ordner namens gespeichert
< "Speichern". " Bild . " br> 7
Ziehen Sie das " Hintergrund Kopie" in der Ebenen- Bedienfeld auf der "Trash "-Button am unteren Rand des Fensters , sowie alle anderen Schichten Sie erstellt Hinzufügen von Effekten oder Text haben , so dass Sie nur noch die ursprüngliche Ebene "Hintergrund" übrig.
8
Doppelklicken Sie auf das "Rollover " mit dem Slice- Auswahl-Werkzeug , und ändern Sie den Namen in "Original ". Klicken Sie auf " OK".
< br > 9
Klicken Sie auf " Speichern oder Web und Geräte speichern " aus dem Menü Datei. Verwenden Sie die gleiche Dateiformat und den gleichen Zielordner , wie Sie in Schritt 6 tat. Klicken Sie auf " Speichern". Öffnet sich eine Dialogbox gewarnt, dass die anderen Scheiben ersetzt werden. Dies sind die Versionen, die Sie speichern möchten, so klicken Sie auf " OK".
10
Verwenden Sie einen beliebigen Web -Design-Software , um die Bilder zusammen auf einer Website . Sie haben jetzt alle Scheiben mit dem "Original" Scheibe , um das Originalbild und das "Rollover " Scheibe in der Rollover-Effekt auf der Web -Seite verwenden wieder zusammenzusetzen.
