Sven Brencher

Heute ist mein dritter Tag auf der FMX. Bereits zum 13. mal findet die internationale Konferenz für Animation, Visual Effects und Digitale Medien in Stuttgart statt. An den ersten beiden Tagen hatte ich jeweils einen Vortrag zu Production Premium und Flash Video. Beide Vorträge wurden von dem Magazin Imagine mitgeschnitten und stehen in voller Länge als Vodcast zur Verfügung.

Ich war überrascht, wie gut das Thema Flash Video hier auf der FMX aufgenommen wurde - und das obwohl ich gegen 18.00 Uhr noch den letzten Vortrag bestreiten musste. Freundlicherweise hat Darragh Field von Imagine beide Vorträge mitgeschnitten und sie stehen jetzt in voller Länge als iTunes Vodcast zur Verfügung.

Einfach auf http://www.imagineanimation.net/?q=videopodcast gehen oder den Link als iTunes Podcast abbonieren und dann knapp 1,5 Stunden Adobe Production Premium und Flash Video Produktion anschauen. Der Fokus der beiden Vorträge lag auf dem Zusammenspiel der Adobe Anwendungen bei der Erstellung digitaler Medieninhalte.

Im Vortrag von Montag zeige ich, wie man Videodaten aus Premiere an After Effects übergibt, effizient mit Photoshop und After Effects zusammenarbeitet und das ganze via Dynamic Link wieder zurück an Premiere geben kann. Gerade die neuen Photoshop Funktionen, wie z.B. die 3D oder Fluchtpunktverbesserungen kommen hier auf der FMX natürlich besonders gut an.

Am Dienstag ging es dann mehr um Flash Video. Auch hier zeige ich, wie man in Photoshop und Illustrator Benutzeroberflächen für Flash Anwendungen zusammenstellen kann und dafür parallel in Flash schon Funktionen entwickeln kann. Aus After Effects und Premiere kommen die dazu passenden Videoclips, die dort bereits mit CuePoints versehen werden, damit in der Flash Anwendung dann Untertitel ausgegeben werden können. Den Patzer am Ende möchte ich hier kurz noch korrigieren: es ist eine Instanz im Code falsch geschrieben, aber da die Zeit knapp wurde habe ich es leider nicht mehr geschafft den Fehler direkt zu finden. Erst danach fällt es einem dann wie Schuppen von den Augen - but thats life!

Da man den Code im Vodcast nicht gut lesen kann hier noch mal das ganze. Zusammen mit dem Film, sollte man dann in der Lage sein, diesen Einstieg in Flash Video nachzuvollziehen.

/* der erste Teil geht mehr um die Animation eines Symbols aus Illustrator und hat mit dem Video eigentlich nichts zu tun. Ausserdem werden hier die Klassen für den Animator und die späteren MetadataEvents importiert: */

import fl.motion.Animator;

/* den ganzen XML Code hier habe ich nicht von Hand geschrieben, sondern mit dem Befehl Bewegung als XML kopieren von Flash generieren lassen. Nur noch das “var myXML:XML =” davor setzen: */

var myXML:XML = // hier den XML Code aus dem Bewegung kopieren einfügen.

/* Hier wird der Animator für den MovieClip aus Illustrator angelegt und abgespielt. Nichts besonderes, aber es zeigt, wie man Designs aus Illustrator importieren kann und parallel in Flash die Anwendungslogik dazu schreiben kann. Damit das funktioniert muss es eine Instanz Namens skater_mc geben. */

var myAni:Animator = new Animator(myXML);
myAni.target = skater_mc;
myAni.play();

/* Der EventListener wird auf den in Illustrator gezeichneten MovieClip button_mc gelegt. Illustrator kann leider keine Button Symbole anlegen. Man könnte aber mit dem Befehl “button_mc.buttonMode = true;” zumindest den Hand-Cursor einblenden. Einen Rollover müsste man dann durch EventListener hinzufügen. */

button_mc.addEventListener(MouseEvent.CLICK, showVideo);

function showVideo(obj:MouseEvent):void{

/* Movie ist ein Symbol, das ich in die Flash Bibliothek gelegt habe und das eine FLVPlayback Komponente und eine FLVPlaybackCaptioning Komponente beinhaltet.  Letztere zeigt die Untertitel an. Die Funktion platziert damit den Film auf der Bühne, wenn man auf den Button klickt. Wichtig ist, dass in den Eigenschaften des Movie Symbols die Eigenschaft “Export für ActionScript aktiviert ist. */

  var myMovie:Movie = new Movie();
  myMovie.y = 280;
  myMovie.x = 0;
  addChild(myMovie);
}

/* Das wars dann auch. Im zweiten Teil wird auf einen CuePoint im Video (adStart), den ich in After Effects eingesetzt habe ein zweites Video eingeblendet. Dieses Skript liegt direkt in der Hauptzeitleiste des Movie Symbols. Es reagiert auf MetadataEvents und überprüft ob der Name des Cuepoints adStart ist. Wenn ja platziert es ein zweites Symbol namens AdMovie aus der Bibliothek (auch dafür muss “Export für Actionscript” aktiviert sein. ach ja, die FLVPlayback Komponente hat in diesem Fall den Instanznamen interview. */

import fl.video.*;
interview.addEventListener(MetadataEvent.CUE_POINT, showAd);

function showAd(obj:MetadataEvent):void{
   if (obj.info.name == “adStart”) {
      var myAd:AdMovie = new AdMovie();
      addChild(myAd);
   }
}