Habe ja gesagt, daß ich nun vor längerer Zeit das Buch anfing zu lesen, und als ich mich dann wieder an Flash Macromedia rangesetzt habe, habe ich bereits vergessen, wie man mit Flash animiert.
Deshalb war es nötig mich wieder an das Buch ranzusetzen, oder ehergesagt, nochmals durch die Grundlagen blättern.
Heute Abend war es soweit, und Flash wurde zu einer Schandtat an Bild-zu-Bild Animation verwendet.
Bild-zu-Bild Flash Animation bedeutet nur soviel, daß jedes Bild (bis auf den ungelungenen Schluß) weder interpoliert, noch gemorpht, getweent wurde.
An dieser Stelle sollte ich wohl erwähnen, daß Bild zu Bild Animationen mehr Speicherplatz benötigt, weil die einzelnen Grafiken in jedem Bild neu und separat berechnet werden müssen.
Den Anfang machte ich mit einem kleinen, und schnell gemalten Hintergrund Bild welches die Szenerie des animierten Flashfilms bilden sollte. Alles natürlich diletantisch gehalten, da ja die reine Technik des Flash animierens erprobt werdne sollte.

Dieser Hintergrund bleibt konstant, das heißt, er wird nicht geändert.
Hierbei habe ich lediglich die “Pinselfunktion” des Macromedia Flash MX Programms verwendet. Dieses Werkzeug gleich einem Kunstpinsel bei Bildbearbeitungsprogrammen wie Adobe Photoshop.
Natürlich kann man auch eine Pixelgrafik als Hintergrund verwenden, ein Foto, ein eingescanntes Bild etc. Für diesen Zwekc reicht jedoch diese 2 Sekunden Grafik aus.
Nun ging es an die Akteure. Den Besoffenen und den blutrünstigen Hasen (nach wahren Begebenheiten, lediglich blutrünstiger ausgeschmückt).
Das sah dann wie folgt aus, natürlich noch diletantischer als zuvor. Für die Anschaung reicht es. Ich beschränke mich lediglich auf die beiden Screenshots, die Macromedia Flash Rohdatei .fla kann im Anschluß runtergeladen, und alle Schritte selbst nachgeschaut werden.

Man beachte die beiden Akteure die jetzt auf dem Bild erschienen sind.
Jedes Schlüsselbild der Animation wurde hierbei einzeln per Hand, und natürlich wieder diletantisch eingezeichnet.
Doch wie kreigt man das hin? Wie sieht man, wie das Bild davor war, ohne in die gleiche Zelle reinzuzeichnen?
Ganz einfach, der Zwiebelschichten Effekt.
Man sieht das vorhergehende Bild blaß, und kann sich daran orientieren.

Der obere, rote Pfeil zeigt auf die Spanne, welchen der Zwiebelschichteffekt umfasst.
Der Effekt sieht dann so aus:

Das war auch schon das Wesentliche. Eine Animation noch für den blutrünstigen Hasen, und es kann losgehen. Fix als .swf oder .fla gespeichert und fertig.
Bedenkt, .fla ist wie der Sourcecode eines Programms. Wenn Ihr nicht wollt, daß jemand darin rumfummelt, dürft Ihr Eure Flash Animation nur als .swf veröffentlichen.
Link: .fla Download – Der blutrünstige Hase!

September 19th, 2005
Christoph
Posted in 


