Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Flash > Animation beim Mouseover in Flash

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.

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.

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. tooltipp

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. tooltipp

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. tooltipp

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. tooltipp

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. tooltipp

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.

Nun fehlt nur noch eines: F12 drücken und sich das Ergebnis anschauen

 

Autor: TheNobody Style von www.internetfeuer.de

Abbildungen

Abbildung 1 - Neues Symbol erstellen

Abbildung 1 - Neues Symbol erstellen

Abbildung 2 - Pfeilwerkzeug

Abbildung 2 - Pfeilwerkzeug

Abbildung 3 - Text in Symbol konvertieren

Abbildung 3 - Text in Symbol konvertieren

Abbildung 4 - Bewegungs-Tween erstellt

Abbildung 4 - Bewegungs-Tween erstellt

Abbildung 5 - die Button-Steuerung

Abbildung 5 - die Button-Steuerung

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /