3x bewertet

Tween-Buttons

von Mauri  |  29.04.2009 um 15:13 h
Flash Grundlagen
Typ: Flash Grundlagen
Stufe:Einfach
Ihr braucht dafür:
Was Du brauchst:
Macromedia/Adobe Flash



Zuerst erstellt ihr in Flash ein neues Dokument. Dann zeichnet ihr mit dem Rechteckwerkzeug erstmal ein Kasten, um ihn dann anschließend in ein Movielclip zu verwandeln. Wenn ihr das gemacht habt, müsst ihr noch einen Layer für das Actionscript und einen für den allgemeinen Button machen.

Wichtig!:
ACHTUNG: Den Button müsst ihr dann im Movieclip noch als Grafik verwandeln, da ihr sonst den Button nicht tweenen könnt!


Nun wählt ihr in der Zeitleiste die 10 aus, rechtsklickt darauf und wählt Schlüsselbild einfügen. Dies macht ihr mit beiden Layern.

Dort wo das Actionscript reinkommt, müsst ihr im ersten Frame folgenden Code reinschreiben:

stop(); //PFLICHT! Der Frame wird gestoppt.
this.onEnterFrame = function(){
if(rewind == true){
prevFrame();
}
}
this.onRollOver = function(){
rewind = false; //Definierung: Rückspulen ist deaktiviert.
play(); //Der Button wird normal beim RollOver abgespielt.
}
this.onRollOut = function(){
rewind = true; //Wenn man den Button verlässt, wird er zurückgespielt!
}
this.onRelease = function(){
getURL("http://google.de","_blank"); //Damit wird durch klicken der Benutzer zu einer Seite geschickt. Weglassen, um den Button so zu lassen ohne Link.
}

Im letzten Frame (Frame 10) wird dann dieser Code im Actionscript-Layer reingeschrieben:

stop();
hitspot.onRollOver = function(){
gotoAndPlay(2); //Er springt zum 2 Frame, damit der Tween vollendet werden kann.
}
hitspot.onRollOut = function(){
gotoAndPlay(6);
}

Danach müsst ihr den Button im 2 Layer (da wo der Grundbutton liegt) tweenen. Einfach die lange Strecke vom 1 Frame bis zum 10 Frame auswählen, bei Eigenschaften bei Tween Bewegung auswählen und dann loslassen.

Wichtig!:
Natürlich kann man nicht nur Buttons tweenen. Auch Texte, die als Buttons verwandelt sind, kann man tweenen!


Nun seit ihr auch schon fertig! :)
Das Fertigproodukt: HIER
Die .fla: HIER

Viel Spaß beim Ausprobieren ˆ_ˆ
Sollte etwas unklar sein, einfach mich per PN anfragen Smilie




0 Kommentare