Wie Sie Rollover-Bilder

Ein Rollover-Bild ist ein Effekt, wo das Bild ändert, wenn Sie Ihre Maus darüber bewegen. Beispielsweise wenn Sie die Maus auf ein Bild auf einer Website bewegen kann dann das Bild beleuchten oder dreidimensionale geworden. Mit Adobe Photoshop und ImageReady-Anwendungen können Sie leicht ein Bild mit Rollover-Effekt erstellen, die Ihren Wünschen entspricht. Nachdem das Rollover-Bild erfolgreich erstellt wurde, können Sie das Bild auf Ihrer Website hinzufügen.

Anweisungen

1 Öffnen Sie die Adobe Photoshop-Datei auf Ihrem Computer, dem Sie mit arbeiten möchten. Erstellen Sie zwei Schaltflächen oder Bilder, die die gleiche Größe innerhalb der gleichen Ebene sind. Die beiden Bilder müssen auch einen bestimmten Unterschied, wie z. B. die Textfarbe, für was das Bild mit dem Rollovereffekt in Platz wechseln soll.

2 Wählen Sie die Ebene für die Schaltfläche oder das Bild aus der Ebenen-Palette. Klicken Sie auf die Option "Ebene", und klicken Sie dann auf die Option "Neue Ebene basiert Slice".

3 Klicken Sie auf die Option "Datei" im oberen Symbolleiste, und klicken Sie dann auf die Option "Speichern", um Ihren Fortschritt zu speichern.

4 Klicken Sie erneut auf "Datei" und klicken Sie dann auf die Option "In ImageReady bearbeiten". Die ImageReady-Anwendung wird auf Ihrem Bildschirm geöffnet und die beiden Bilder werden angezeigt.

5 Klicken Sie auf die Option "Fenster" im oberen Symbolleiste, und klicken Sie dann auf die Option "Ebenen". Klicken Sie auf die Option "Fenster" erneut, und klicken Sie dann auf die Option "Web-Inhalt".

6 Wählen Sie die Option "Normal" aus der Web-Content-Palette, und stellen Sie sicher, dass die richtigen Ebenen für Ihr Bild in der Ebenen-Palette angezeigt werden. Klicken Sie auf das Symbol "Auge" keiner Folie ausblenden.

7 Klicken Sie auf das Slice, die, das Sie für Ihr Bild aus der Web-Content-Palette erstellt, und klicken Sie dann auf die Schaltfläche "Erstellen von Rollover-Staat" vom unteren Rand der Palette Web Content. Die beiden Bilder werden zusammen mit den Rollovereffekt in Platz geholt.

8 Vorschau der Rollover-Staat Ihres Bildes durch Klick auf die Schaltfläche "Vorschau-Dokument" aus der oberen Symbolleiste. Bewegen Sie Ihre Maus über das Bild, um den Rollovereffekt.

9 Klicken Sie auf die Option "Datei" und klicken Sie dann auf die Option "Speichern unter". Wählen Sie "HTML" und "Bilder" aus dem Feld "Dateityp", und klicken Sie dann auf die Schaltfläche "Speichern".

10 Öffnen Sie die gespeicherte Rollover Image-Datei enthält den HTML-Code für Ihre Website oder Blog. Vorschau Ihrer Seite, um sicherzustellen, dass das Rollover-Bild angezeigt wird, wie Sie möchten und veröffentlichen Ihre Seite mit dem neuen Bild.