Übung 10 - Animiertes Gif
| << vorige Übung |
Werbebanner
- Lade dir das grüne Auto herunter und öffne in Macromedia Fireworks:
- Erstelle ein neues 200 x 35 Fireworks-Bild mit der Leinwandfarbe #3399FF.
- Wähle mit der Rechtecksauswahl den gesamten Leinwandbereich aus und verkleinere
die Auswahl um 2 Pixel (Auswahl > Auswahlrahmen verkleinern). Kehre die
Auswahl um und fülle die Auswahl mit der Farbe #0000FF:
- Erstelle eine neue Ebene und kopiere das grüne Auto nun in diese Ebene:
- Wandle das Auto in ein Symbol um (Modifizieren > Symbol > In Symbol
konvertieren - oder F8)
- Doppelklicke die Ebene 1 (die den Hintergrund mit dem Rahmen beinhaltet)
und aktiviere "Über Frames freigeben". Dies bewirkt, dass diese Ebene auf
allen Frames angezeigt werden wird:
- Verschiebe das Auto nach links, sodass es außerhalb unseres Bildes
liegt (es soll ja von links in das Bild "fahren"). Die Koordinaten sind
X: -46, Y: 4.
Dann klone das Auto und schiebe den Klon nach rechts, sodass dessen Koordinaten lauten: X: 8, Y: 4. Markiere beide Objekte:
- Wende nun den Tween-Effekt an (Modifizieren > Symbol > Tween Instanzen
...) mit dem Wert 3 und aktiviere dabei "Auf Frames verteilen":
- Blende das Fenster "Frame" ein und du wirst sehen, dass du insgesamt
bereits 5 Frames (Bilder wie in einem Daumenkino) hast:
- Am unteren Bereich deines Bildes findest du nun einen "Player" mit dem
du die Animation bereits testen kannst:
- Damit man das Auto auch dann noch sehen kann, wenn es steht und der Text
lesbar wird, müssen wir den letzten Frame (Frame 5) 5 Mal duplizieren.
Klicke dazu auf das Menüsymbol rechts oben und dann auf "Frame duplizieren
...":
Stelle die Anzahl auf 5:
- Klicke in den Frame 6 und schreibe rechts neben dem Auto den Text "martins
autoshop" in Verdana 14 pt, weiß, fett:
- Markiere den Text und Klicke auf Modifizieren > Animation > Auswahl
animieren ... und stelle folgende Werte ein (Opazität von 0 bis 100 bedeutet,
dass der Text langsam eingeblendet wird):
- Nun funktioniert das Banner schon ganz gut, allerdings wäre es noch besser,
wenn man den letzten Frame noch etwas länger sehen könnte:
- Die Anzeigezeit kann für jeden Frame einzeln festgelegt werden. Momentan
ist für jeden Frame 7/100 Sekunden eingestellt. Doppelklicke die Zahl 7
im letzten Frame und erhöhe den Wert auf 200 (also auf 2 Sekunden):
- Jetzt müssen wir unser Banner nur mehr als Animiertes Gif speichern.
Das geht am einfachsten mit dem Export-Assistenten (Datei > Export-Assistent
...):
- Schritt 1: "Weiter" (Ein Exportformat auswählen")
- Schritt 2: "Animiertes Gif"
- Schritt 3: "Exportieren" und einen Namen eingeben. Im letzten Dialogfenster könnten wir noch einige Einstellungen verändern, was meistens jedoch nicht notwendig ist.
So sollte dein Ergebnisbild aussehen:
