|
|
1.
Schritt: Wahl der Schaltfläche,
die ihr verwenden möchtet.
Öffnet euer Bild in ImageReady, und wählt mit dem Slice-Auswahlwerkzeug
das Slice der Schaltfläche aus.Die Schaltfläche muss ihr eigenes
Slice sein, damit der Rollover-Effekt nur für diesen bestimmten
Bereich des Bilds verwendet wird. Ihr könnt diesen Rollover-Effekt
auf jeden Text oder jede Grafik in der Schaltfläche anwenden,
vorausgesetzt der Text bzw. die Grafik befindet sich auf einer
eigenen Ebene. Ausserdem sollte der Hintergrund der Schaltfläche
ein einfaches Bild oder eine einfache Struktur sein, damit nicht
von dem Text oder der animierten Grafik ablenkt wird. Wenn ihr
den Effekt auf Text anwendet, sollte der Text idealerweise eine
kräftige Schriftart haben, die gut vom Hintergrund der Schaltfläche
absticht. |
|
|
2.
Schritt: Hinzufügen eines neuen Rollover-Status für die Schaltfläche
Klickt auf die Schaltfläche "Neuer Status" unten auf der Rollover-Palette.
Beachtet, dass der neue Status "Über" ist, das heisst, er wird
aktiviert, wenn der Betrachter den Zeiger über das Schaltflächen-Slice
zieht. Wir verwenden den Über-Rollover hier, aber ihr könnt
auch andere Rollover-Arten in ImageReady erstellen. Ein Unten-Rollover
wird z. B. aktiviert, wenn ein Betrachter die Maustaste auf
dem Slice drückt; ein Aussen-Rollover wird aktiviert, wenn der
Betrachter den Zeiger aus dem Slice heraus bewegt.
|
|
|
|
3.
Schritt: Wahl der Ebene und Öffnen der Verlauf/Muster-Palette.
Der
neue Rollover-Status muss in der Rollover-Palette ausgewählt
sein; wählt dann in der Ebenen-Palette die Text- oder Grafikebene
aus, auf die ihr den Rollover anwenden möchten. Klickt auf die
Schaltfläche "Effekte" unten auf der Ebenen-Palette, und wählt"Verlauf/Muster"
aus dem Einblendmenü. |
|
 |
|
4.
Schritt: Anwenden einer Verlaufsfläche auf eine Ebene.
Wählt
"Linear" aus dem Einblendmenü mit Verlaufsarten in der Verlauf/Muster-Palette.
Wählte dann eine Verlaufskombination aus dem Einblendmenü
rechts neben der Farbleiste in der Palette, oder doppelklickt
auf die Farbkästchen unter der Leiste und erstellen mit dem
Farbwähler eure eigene Kombination. Um die Position von Anfangs-,
Mittel- oder Endpunkt des Verlaufs zu ändern, zieht ein Farbkästchen
unter der Leiste. So wird ein Verlauf definiert, dessen Farbe
vom Anfangspunkt in den Endpunkt auf der Leiste übergeht.
|
|
|
|
 |
|
5.
Schritt: Festlegen der Animationsparameter.
Wählt
eine Verzögerung aus dem Verzögerung-Einblendmenü in der Animation-Palette
und dann "Unbegrenzt" aus dem Wiederholung-Einblendmenü. Verwendeet
zunächst die Verzögerung 0,1 Sekunde; ihr seht später in der
Vorschau, wie dies aussieht, und könnt dann noch die Verzögerung
je nach Wunsch anpassen. Die Verzögerung legt fest, wie lange
ein Frame während des Abspielens angezeigt wird. Mit der Option
"Unbegrenzt" wird die Sequenz während der Animation endlos
wiederholt
|
|
 |
|
6.
Schritt: Hinzufügen eines neuen Frames und Umkehrung des Verlaufs.
Klickt
auf die Schaltfläche "Neuer Frame" unten in der Animation--Palette.
Klickt dann auf das doppelte Dreieck in der Verlauf/Muster-Palette,
um die zusätzlichen Optionen einzublenden, und wählt "Umkehren".
Wenn der neue Animationsframe während des Rollovers angezeigt
wird, wird die Verlaufsfüllung umgekehrt animiert, d. h. vom
Endpunkt zum Anfangspunkt auf der Farbleiste.
|
|
|
|
 |
|
7.
Schritt: Vorschau, Optimieren und Speichern.
Wählt
"Datei" > "Vorschau in" und dann einen Browser aus dem Untermenü,
um die Animation zu sehen. Sie können jetzt zurückgehen und
die Verzögerung ändern, falls sie kürzer oder länger sein
soll. Wählt "Animation optimieren" aus dem Menü der Animation-Palette
und dann "Begrenzungsrahmen" und "Entfernen redundanter Pixel".
Wählt "GIF" in der Optimiert-Palette, und stellt andere Optionen
ein, um die Anzeige für das Web zu optimieren. Wählt dann
"Datei" > "Optimiert-Version speichern", und speichern Sie
die Animation
|
|
|
|
|
|
|
