Animation beim Mouseover in Flash

TP Login

TP Intern

Animation beim Mouseover in Flash

Um einem Button in Flash die besondere Note zu geben, kann mann einfach beim Mouseover eine Animation abspielen lassen. Wie das funktioniert? step by steb .... besonders für Einsteiger.

Autor:: TheNobody Style
Arbeitsmaterial:: download
Schwierigkeit:: Anfänger

1Einleitung

Um die Verfahrensweise zu verdeutlichen (welche vom Prinzip immer gleich ist), erstellen wir einen Button und lassen beim Mouseover einen Text einblenden.

Folgende Fenster sollten geöffnet sein:

Fenster -> Bedienfelder -> Effekt und die Bibliothek (Strg+L)

Dann kann es ja losgehen.

2Schritt 1

Zuerst erstellst du die Animation, welche beim Mouseover abgespielt werden soll. In diesem Fall also der Text. Mit der Tastenkombination Strg+F8 erstellst du ein neues Symbol. Als Namen verwenden wir mal "Buttontext" und die Option auf Filmsequenz.

3Schritt 2

Nun benutzt du das Textwerkzeug (das A in der Werkzeugleiste) und schreibst in die neue Ebene den Text, der dann erscheinen soll. Da dieser Text ja animiert sein soll, reicht das aber noch nicht ganz.

Wir benutzen also das Pfeilwerkzeug und markieren den Text.

4Schritt 3

Ist der Text nun markiert, drücke einfach F8. Damit wird der Text zum Symbol konvertiert. Als Namen geben wir hier Buttontext 1 ein und die Option bitte auf Grafik setzen.

5Schritt 4

Nach dem OK geht es nun in die Zeitleiste. Nun einen Rechsklick bei Frame 10 und im Kontextmenü auf Schlüsselbild einfügen klicken. Nun nochmal einen Rechtsklick auf dieses Frame und Bewegungs-Tween erstellen. Wundert euch nicht, wenn nun in der Zeitleiste noch keine Veränderung zu sehen ist. Jetzt fehlt noch der Rechtsklick auf das erste Frame und ebenfalls Bewegungs-Tween erstellen. Jetzt sollte eure Zeitleiste so aussehnen.

6Schritt 5

Da nun das erste Frame noch markiert ist, stellen wir gleich im Effekt-Fenster folgendes ein: alpha und 0 %. Jetzt noch einen Rechtsklick auf das 10. Fame und auf Aktionen klicken und den Stop-Befehl setzen. Sonst wird die Animation nachher in Schleife abgespielt. Damit wäre die Animation fertig und wir können wieder zur Hauptebene zurückkehren. (siehe oberes Bild ... einfach auf Szene1 klicken) Nun erstellen wir hier ein Rechteck, welcher der Button werden soll. Diesen markieren wir mit dem Pfeilwerkzeug und drücken die Taste F8 und machen daraus eine Schaltfläche. Wenn das geschehen ist, mach einfach einen Doppelklick auf dieses Rechteck. Nun solltest du dieses Bild vor Augen haben.

7Schritt 6

Nun einfach auf das Feld unter Darüber klicken und F6 drücken, um ein Schlüsselbild zu erstellen. Nun brauchen wir das Fenster Bibliothek. Darin sollte sich die Animation Buttontext befinden. Diese einfach mit der Maus anklicken, festhalten und auf die Ebene unter den Button ziehen.