Veränderung der Animationsgröße bei Mausberührung.
~ Alle Anleitungen ~
Laden Sie fertige Projektdatei: t1020.zip (1 KB)
In diese Anleitung erfahren Sie, wie Sie eine Animation erstellen, die ihre Größe bei Mausberührung verändert und nach der Berührung zurück zur originalen Größe kommt.
- Starten Sie ein neues Projekt im Flash Designer. Stellen Sie die Framegröße 300x300 Pixel ein, indem Sie „Frame“ > „Framegröße“ wählen.
- In der „Frames”-Palette ändern Sie die Dauer des Frames auf „Stop”, damit die Animation bei diesem Frame anhalten wird.
- Wählen Sie das „Rechteckwerkzeug” und zeichnen ein Rechteck irgendwo in der Arbeitsfläche. Danach ändern Sie die Größe des Rechtecks auf 80x80 Pixel, indem Sie auf es mi der rechten Maustaste klicken und „Größe“ im Kontextmenü wählen.
- Wählen Sie „Bearbeiten“ > „Ausrichten” > „Oben” und dann „Links”, damit das Viereck in Linksoberen Teil des Frames ausgerichtet wird.
- Falls Sie die Füllungsfarbe des Vierecks ändern möchten, klicken Sie Strg+F und wählen eine beliebige Farbe aus.
- Verdoppeln Sie den ersten Frame, indem Sie „Frame“ > „Verdoppeln“ wählen.
- Markieren Sie „Frame 2“ in der „Frames“-Palette. Dann klicken Sie mit der linken Maustaste auf das Viereck im aktiven Frame (Frame 2).
- Vergrößern Sie das Viereck, z.B. indem Sie "Bearbeiten" > "Ausrichten" > "In Frame einpassen" wählen oder mit Hilfe des Auswahlwerkzeugs.
Auf dem großen Viereck können Sie andere Elemente erzeugen, z.B. einen Text. - Markieren Sie das Rechteck im „Frame 1“ und definieren ein Mausereignis, indem Sie „Aktion“ > „Bei Mausberührung“ wählen. Im neu geöffneten Fenster markieren Sie die „Gehe zum Frame“-Option und aus der Dropdownliste „Frame 2“ auswählen. Bestätigen Sie ihre Auswahl mit OK Taste.
- Im Frame 2 gruppieren Sie alle Elemente, indem Sie sie markieren (Strg+A) und im Menü „Bearbeiten“ > „Gruppieren“ wählen oder Strg+G drücken.
- Danach definieren Sie das „Bei Ende Mausberührung“ Ereignis. Wählen Sie „Aktion” > „Bei Ende Mausberührung” und im neu geöffneten Fenster schalten die „Gehe zum Frame“ Option ein. Der Zielframe sollte „Frame 1“ werden.
- Drücken Sie F9-Taste um die Vorschau zu sehen. Der Übergang von dem kleinen Viereck zum großen hat die Form eines Sprungs nicht einer fließenden Animation. Nächster Punkt beschreibt, wie dieses Problem erledigt wird.
- Im „Frame 2“ markieren Sie das Viereck und wählen "Animation" > "Tween in". Im neu geöffneten „Objektauswahl“-Fenster markieren Sie "Frame 1:Rectangle“ und klicken auf OK Button.
Bevor Sie diese Animation exportieren, müssen noch einige Flasheigenschaften bestimmt werden.
- Wählen Sie „Film“ > „Exporteinstellungen” und markieren das „Durchsichtig” Ankreuzfeld.
- Wählen Sie „Film“ > „Preloader Eigenschaften” und schalten den Preloader aus, indem Sie aus der Dropdownliste „Kein“ auswählen.
Diese Flashanimation sollte in Ihre Seite in einem absolut positionierten DIV Element eingefügt werden:
<DIV STYLE="position:absolute">
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
...
</DIV>
