So bereiten Sie Ihre Flash-Dokumente für die TV-Übertragung vor

In meinem vorherigen Artikel habe ich Ihnen gezeigt, wie Sie eine codegesteuerte Animation für die Videowiedergabe exportieren. Das Problem beim Schreiben dieser Dinge ist, dass alles wunderbar ist, weil ich mich auf eine einzige Aufgabe konzentrieren kann - aber dann denkt jeder: "Cool, ich kann das" und entdeckt dann, dass sie ein Minenfeld betreten haben, da für die Ausstrahlung von Flash ein Broadcast erforderlich ist viel Arbeit hinter den Kulissen.

In diesem Artikel werde ich Sie durch einige der wichtigeren Dinge führen, die Sie bei der Vorbereitung von Flash-Projekten für die Übertragung beachten müssen.

Ein kleiner Hintergrund

Für viele von Ihnen ist es vielleicht eine Überraschung zu entdecken, dass sich Flash-Animationen seit ihrer ersten Veröffentlichung vor etwa 15 Jahren von Computerbildschirmen zu Fernsehbildschirmen bewegt haben. Animationen wurden von Flash in QuickTime- oder AVI-Videos exportiert und anschließend für die Ausstrahlung auf Avid-Workstations vorbereitet und in den Cartoon-Shows am Samstagmorgen gezeigt.

Dies war ein schmerzhafter Prozess, da alles, was auf der Hauptzeitleiste und ActionScript, verschachtelten Movieclips usw. zu erledigen war, einfach nicht verwendet werden konnte.

Es gab auch eine Flash-Einschränkung, die bis heute andauert: Sie sind auf 16.000 Frames "beschränkt" und jeder Frame kann ein "Maximum" von 16.000 Layern aufweisen. Auf den ersten Blick scheint das mehr als genug Platz zu sein, aber rechnen Sie aus: Bei 30 Bildern pro Sekunde entspricht eine Zeitleiste mit 16.000 Bildern einer Wiedergabe von 9 Minuten. Abgesehen von der Tatsache, dass der Versuch, dieses Monster zum Exportieren zu bringen, vergleichbar ist mit dem Durchschieben einer Wassermelone durch einen Wurm, besteht die Wahrscheinlichkeit, dass Sie gegen das 2-GB-Limit für AVI-Dateien stoßen, zu fast 100%. Dies erklärt, warum viele Flash-Animatoren, die Inhalte für die Ausstrahlung vorbereiten, ihre Vernunft bewahren, indem sie ihre Projekte in Abschnitte von 20 bis 30 Sektionen teilen.

Mit der Einführung von HD-Video in Flash Player 9.0.115 und der Möglichkeit, HD-Videos mit dem H.264-Codec und dem .mp4-Format zu erstellen und abzuspielen, wurde Flash ungebunden. Das gleiche Video kann in einem Browser genauso einfach abgespielt werden wie auf einer Sony Playstation oder dem HD-Bildschirm in Ihrem Wohnzimmer. Darüber hinaus haben SmartPhone-Hersteller erkannt, dass es sich bei ihren Produkten um mobile Geräte handelt, die nicht nur für das Erkennen und "Anfassen" verwendet werden. Obwohl es in dieser Arena noch früh ist, wird Video eine wichtige Rolle beim Aufstieg des Smartphones spielen. Der Tag ist nicht mehr weit, und dank Flash Player 10 werden Flash-Animatoren Inhalte in Flash produzieren, die gleichzeitig auf 52-Zoll-HD-Bildschirmen, Computermonitoren, Spielesystemen und SmartPhone-Bildschirmen angezeigt werden. In diesem Artikel befasse ich mich nur mit der Vorbereitung von Flash-Animationen für das Fernsehen.

Einrichten Ihres Flash-Dokuments

Bevor Sie beginnen, ist es eine wirklich gute Idee zu wissen, für welches Seitenverhältnis Sie sich entscheiden werden.

Der NTSC-Standard (National Television Standards Commission), der in ganz Nordamerika und dem größten Teil Südamerikas verwendet wird, hat ein Seitenverhältnis von 4: 3, was bedeutet, dass für alle vier Pixel der Breite 3 Pixel Höhe vorhanden sind. Flash-Stage-Größen von 640 x 480, 800 x 600 oder sogar 320 x 240 sind Beispiele für Seitenverhältnisse von 4: 3.

Wenn Sie den Breitbildschirm verwenden, ändert sich das Seitenverhältnis in 16: 9.

Auch wenn Sie die passende Bühnengröße ausgewählt haben, denken Sie nicht, dass die Dinge dort aufhören. Wir haben es hier mit bildschirmbasierten Medien zu tun, und wenn Sie sich vom Computerbildschirm zum Fernsehbildschirm bewegen, ändert sich die Form der Pixel von quadratisch (Computer) in rechteckig (TV). Wenn Sie dies nicht kompensieren, werden Verzerrungen in Ihre Arbeit einbezogen. Um dies zu überwinden, beträgt die übliche Bühnengröße, die die Anpassung widerspiegelt, 720 x 540. Flash-Dokumente, die zur Verwendung in einer PAL-Einstellung erstellt wurden, sollten eine 720 x 576 große Bühnengröße haben.

Die Bildrate ist kritisch

Flash-Filme können, wie Sie wissen, unterschiedliche Bildraten aufweisen. Als Flash zum ersten Mal erschien, waren 12 Bilder pro Sekunde der Standard. Heute sind es bis zu 24 fps, der Standardwert, obwohl viele Entwickler und Designer es auf 30 fps oder mehr erhöhen. Broadcast ist ziemlich starr. Der NTSC-Standard beträgt 29,97 fps, obwohl üblicherweise 30 fps verwendet werden.
Wenn Sie in Europa leben, verwenden Sie höchstwahrscheinlich den PAL-Standard (Phase Alternating Line), der Anfang der 1960er Jahre eingeführt wurde. Auch das 4: 3-Seitenverhältnis des NTSC-Cousins ​​wird verwendet. Es gibt jedoch Unterschiede, auf die Sie achten müssen.

Zunächst einmal beträgt die PAL-Bildrate 25fps. Dieser Standard hat eine bessere Auflösung als NTSC, was bedeutet, dass auch die Bildqualität höher ist. Flash-Dokumente, die zur Verwendung in einer PAL-Einstellung erstellt wurden, sollten eine Bildrate von 25 Bildern pro Sekunde haben.

Quicktime ist nicht Ihre einzige Exportoption

Obwohl ich Ihnen gezeigt habe, wie Sie einen Flash-Film als QuickTime-Film exportieren, sind PNG-Sequenzen der richtige Weg, wenn die Bildgenauigkeit von entscheidender Bedeutung ist. Bei dieser Technik wird Ihr Flash-Film aus Gründen der besseren Analogie als Flipbook behandelt, und jedes Bild Ihres Flash-Films wird als nummeriertes PNG-Dokument dargestellt.

In diesem Beispiel habe ich eines der Motion-Presets (Fenster> Motion-Presets) auf einen Movieclip auf der Flash-Bühne angewendet. Die Animation führt zu einer Zeitleiste von 75 Bildern. Ich habe Datei> Exportieren> Film exportieren ausgewählt und im Dropdown-Menü Format die Option PNG-Sequenz ausgewählt. Der Schlüssel hier ist das Erstellen eines Ordners für die resultierenden PNG-Dateien. Ich erwarte ein Minimum von 75 png-Bildern, aber diese Anzahl kann sich je nach Anzahl der Bilder im Flash-Film auf Hunderte oder sogar Tausende erhöhen.

Durch Klicken auf die Schaltfläche Speichern wird das Dialogfeld PNG exportieren geöffnet. Die gewählten Einstellungen sind selbsterklärend. Durch Klicken auf die Schaltfläche OK wird der Vorgang gestartet.

Der Ordner enthält jetzt 75 Bilder, und Sie werden feststellen, dass sie fortlaufend nummeriert sind. Es ist äußerst wichtig, dass Sie keine Dateinamen oder -nummern ändern.

Ich habe After Effects CS4 geöffnet und Datei> Importieren ausgewählt. Beim Öffnen des Dialogfelds "Datei importieren" habe ich zu dem Ordner mit den PNG-Bildern navigiert und die erste Datei in der Sequenz ausgewählt. After Effects erkennt diese Auswahl als erstes Bild einer PNG-Sequenz. Wenn Sie "Alphabetische Reihenfolge erzwingen" wählen, wird sichergestellt, dass die Bilder der Reihe nach in After Effects angezeigt werden. Wenn Sie auf „Öffnen“ klicken, wird die Sequenz im After Effects-Projektfenster als einzelnes Dokument angezeigt, nicht als 75 Einzelbilder. Von dort aus kann ein Video- oder Motion Graphics-Künstler die Dateien vor der Ausgabe für die Sendung weiter bearbeiten.

Ein machen Sicher Flash-Bühne

Wenn es eine Sache gibt, die mich beim Fernsehen stört, ist es, dass gelegentlich die Titel oder die Bewegung an den Rändern des Bildschirms abgeschnitten werden. Dies ist darauf zurückzuführen, dass Fernsehgeräte keine Computerbildschirme sind und in fast allen Fällen tatsächlich eine kleinere Version der Bühnengröße angezeigt werden. Aus diesem Grund verwenden Videoproduzenten und Motion Graphics-Künstler Overlays, die sowohl den Title Safe- als auch den Action Safe-Bereich des Bildschirms anzeigen.

Diese können einfach in Flash erstellt werden. Wenn sie als Vorlage gespeichert werden, können sie wiederverwendet werden, oder Sie können Führungsebenen für den einmaligen Gebrauch verwenden. Das Beste an Guide Layers ist, dass sie nicht exportiert werden.

Im obigen Bild verwende ich eine Vorlage einer 720 x 540-Stufe. Ich habe das Rechteckwerkzeug verwendet, um eine Box mit einem Hub und keiner Füllung zu erstellen, die mit den Abmessungen der Bühne übereinstimmten. Dabei wurde die Box an den 0,0-Punkt der Bühne geklebt. Die Box mit den Dimensionen der Bühne ist eine unschätzbare visuelle Hilfe, wenn Sie Inhalte wie das oben abgebildete Foto haben, die auf die Arbeitsfläche bluten und die Bühne abdecken.

Um den Bereich Action Safe zu erstellen, kopierte ich die Box, wählte Bearbeiten> Einfügen und reduzierte die Größe der Box mit dem Menü Skalieren und Drehen unter Ändern> Transformieren> Skalieren und Drehen auf 90 Prozent der ursprünglichen Größe. Alle wichtigen Bewegungen in Ihrem Flash-Film sollten in diesem Bereich stattfinden.

Der nächste Schritt war die Erstellung des Title Safe Area. Ich wählte erneut Bearbeiten> Einfügen, und diesmal reduzierte ich im Dialogfeld Skalieren und Drehen das Feld auf 80%. Der Kachel-Sicherheitsbereich sorgt dafür, dass alle wichtigen Titel gut lesbar sind und nicht zugeschnitten werden. Deshalb liegt dieser Bereich 20% vom absoluten Bühnenrand entfernt.

Ich habe dann die Ebene mit den Feldern in eine Guide-Ebene konvertiert, indem Sie mit der rechten Maustaste auf den Ebenennamen geklickt haben (mit der Befehlstaste, wenn Sie einen Mac verwenden) und im Kontextmenü die Option Guide auswählen.

TV-Farbe ist keine Webfarbe

Das Letzte, worauf ich mich einlassen möchte, ist das Thema Farbe. In meinem vorherigen Tutorial erwähnte einer der Kommentatoren, Shaun, "Müssen Sie nur die hellen Farben beobachten - scheinen manchmal zu bluten." Einige von Ihnen haben das vielleicht gelesen und sich gefragt: "Huh?"

Tatsache ist, dass auf Ihrem Fernsehgerät weniger Farbe angezeigt wird als auf Ihrem Computermonitor. Ihr Monitor kann alle RGB-Farben von 0 bis 255 anzeigen. Wenn Sie ein Fernsehgerät verwenden, muss Ihre Flash-Palette auf einen Bereich von 16 bis 235 reduziert werden. Schwarz, [0,0,0], wird tatsächlich auf [16 , 16,16] bedeutet, dass die Farben zwischen 0 und 16 abgeschnitten werden. Dasselbe gilt für Weiß [255,255,255]; es wird auf [235,235,235] heruntergeschaltet. Die Farbe, die wirklich zum Ausbluten neigt, ist Rot. Sie können sie von [255,0,0] auf [200,16,16] reduzieren und das Farbfeld Ihrer Farbpalette hinzufügen.

Wenn das Erstellen von benutzerdefinierten Farben langwierig ist, sollten Sie zum Web gehen und die FlashNTSC-Farbpalette von Warren Fuller verwenden.

Die Installation ist nicht schwierig. Öffnen Sie das Flash-Farbfeldbedienfeld und wählen Sie im Popup-Menü des Bedienfelds die Option Farben ersetzen. Wenn das Dialogfeld Farbfeld importieren geöffnet wird, navigieren Sie zu dem Ordner, in dem Sie die CLR-Datei gespeichert haben. Wählen Sie die Datei aus und klicken Sie auf Öffnen.

Wenn das Dialogfeld geschlossen wird, werden die NTSC-Farbfelder im Farbfeldbedienfeld angezeigt.

Um zum Standardsatz der Flash-Farbfelder zurückzukehren, klicken Sie auf das Pop-Down-Menü des Farbfeldbedienfelds und wählen Sie Standardfarben laden.

Fazit

In diesem Artikel befasste ich mich mit der Vorbereitung von Flash-Dateien für die Übertragung auf einem Fernsehgerät. Zuerst habe ich erklärt, wie die Flash-Bühnengröße ein bestimmtes Seitenverhältnis haben muss, und Ihnen die Bühnengrößen für NTSC- und PAL-Sendungen gegeben, die die Verschiebung von den quadratischen Pixeln eines Computermonitors zu den rechteckigen Pixeln eines Fernsehgeräts berücksichtigen.

Ich habe auch die Bedeutung der Bildrate besprochen und Ihnen eine andere Exportmethode - PNG Sequence - gezeigt, die framegenauer ist als der übliche QuickTime-Export aus Flash.

Von dort aus ging ich auf die Bereiche Action Safe und Title Safe eines Bildschirms ein und erläuterte, wie diese Bereiche mithilfe einer Guide-Ebene erstellt werden. Zum Abschluss habe ich ein paar Farbprobleme besprochen, wie man damit umgeht und wo man eine kostenlose NTSC-Swatch-Datei abholen kann.

Ich hoffe, wenn Sie diesen Punkt in dem Artikel erreicht haben, wissen Sie, dass der Prozess viel mehr beinhaltet, als nur den QuickTime Exporter von Flash zu starten. Das ist der letzte Schritt im Prozess.