Flash Grundlagen (Symbole | Bewegungs-Tween)

7. September 2006 - Donnerstag

Fltut07

Manchmal muss es eben Flash sein. Und Flash ist nicht gleich überladenes Gezappel. Es gibt da auch geniale Seiten. Egal ob die Seite von Ikea oder ein simples Männeken Tanz das von links nach rechts läuft, jeder Animation mit Flash liegt der Grundsatzgedanke von Symbolen (Objekten) zu Grunde die sich in Einzelbildern auf einer Zeitleiste (meist auf verschiedenen Ebenen) bewegen oder dort angeordnet sind | denen ein bestimmtes Verhalten oder eine bestimmte Funktion zugeteilt wurde.

Fltut03

In meinem Beispiel habe ich ein Männeken gezeichnet, dieses komplett ausgewählt (Auswahlwerkzeug) und es dann in ein Symbol konvertiert (Control-Klick bzw. Rechtsklick öffnet dieses Menü). Wenn ich direkt ein neues Symbol anlegen möchte geht dies am schnellsten über ‘F8′ und dieses neue Symbol kann ich dann nachträglich mit Inhalt füllen. Einmal angelegte Symbole können jederzeit nachträglich abgeändert werden (entweder im Bibliotheken-Reiter auswählen oder durch Doppelklick) oder man kann ihnen nachträglich neue Eigenschaften zuordnen. Wird dieses Symbol mehrmals in einem Film verwendet, ist es an diesen Stellen automatisch mit verändert, kann aber bei Bedarf immer noch unterschiedliche Funktionen haben. Man kann aus jedem Objekt (Buchstaben | Worte | Bilder | Zeichnungen | eingebetteten Filmen etc. ein Symbol erstellen, somit kann ein Symbol auch aus mehreren Symbolen (Gruppierungen) bestehen.

Fltut05

Diesen Symbolen sollte man immer einen eindeutigen Namen geben, bei aufwändigeren Animationen überschreiten die Symbole in der Bibliothek locker die 1000er Grenze. In diesem Dialog (der erscheint, wenn man ein ausgewähltes Objekt in ein Symbol konvertieren will) kann man festlegen, wie dieses Symbol behandelt werden soll. Einer Schaltfläche kann man andere Eigenschaften zuordnen als zum Beispiel einem eingebettetem Film. Sollte man sich nachträglich umentscheiden, kann man diues aber immer noch ändern oder einfach ein Symbol aus dem Symbol mit anderen Eigenschaften erstellen.

Fltut02

Wenn man schon Flash verwendet, will man in der Regel auch wohl etwas mit Bewegung erschaffen. Handelt es sich um eine simple Animation, bei der sich zum Beispiel ein Objekt von A nach B bewegen soll, könnte man immer neue Einzelbilder zeichnen, man kann es sich aber in Flash auch leichter machen und einen ‘Bewegungs-Tween‘ erstellen. Soll zum Beispiel mein Männeken sich vom linken Bühnenrand zum rechten bewegen, wählt man das Symbol des Männekens (Symbole lassen sich nach dem Anlegen mit einem einfachen klick auswählen) klickt man im ersten Einzelbild (bzw. in dem Einzelbild, in dem die Bewegung starten lassen will) mit Rechtsklick (’Controlklick’) in der Zeitleiste in dieses Einzelbild und wählt den Punkt ‘Bewegungs-Tween erstellen’ aus.

Fltut04

Dann wählt man in der Zeitleiste das Einzelbild aus in dem die Bewegung abgeschlossen sein soll und konvertiert dieses mit einem ‘Controlklick’ in ein Schlüsselbild um. Flash generiert nun diese Zwischenbilder automatisch in der unten im ‘Eigenschaften-Reiter’ angegebenen Geschwindigkeit (Standard sind 12 Bilder in der Sekunde). Wenn man jetzt mit Apfel+Return den Film testen will, wird man feststellen, dass sich das Männeken noch gar nicht bewegt, denn es befindet sich auf der Bühne beim Start- und beim Endbild immer noch an der selben Stelle. Bewegt man das Männeken nun im Starbild zum Beispiel an den linken Bühnenrand und in dem Bild in dem der Bewegungs-Tween endet an den rechten Rand der Bühne oder auch drüber hinaus und testet den Film erneut, dann bewegt sich das Männeken. Jetzt kann man etwas herum experimentieren und sich das Männeken auch drehen lassen oder unten bei ausgewähltem Symbol die Farbe dieses Symbols abändern lassen, so kann das Männeken im Startbild blau sein und während der Bewegung grün einfärben, verblassen oder die Form oder Größe ändern. Somit ist der Fantasie keine Grenzen gesetzt, denn ich kann auch so eine Bewegung in ein Symbol konvertieren und dieses Symbol in ein anderes Symbol einsetzen und dieses Symbol im Symbol im Symbol in ein weiteres und dieses…

Hier gibt es den passenden Flashfilm.

Technorati Tags: , ,


Bis jetzt hat noch keiner einen Kommentar hinterlassen.

Denken hilft!

(ist erforderlich)

(ist erforderlich)


Gut zu Wissen
Zeilen und Leerstellen werden automatisch generiert. Deine eMail Adresse wird nicht angezeigt und ich verkaufe auch kein Viagra. Links werden aber von mir angeschaut.


RSS | TrackBack-URI