Come preparare i documenti Flash per la trasmissione TV

Nel mio precedente articolo ho mostrato come esportare un'animazione basata su codice per la riproduzione di video. Il problema con la scrittura di queste cose è che tutto è meraviglioso perché mi concentro su un singolo compito, ma tutti poi pensano "Cool, posso farlo" e poi scoprono di essere entrati in un campo minato perché preparare Flash per la trasmissione richiede un molto lavoro dietro le quinte.

In questo articolo, ti guiderò attraverso alcune delle cose più importanti che devi sapere e fare quando preparerai i progetti Flash per la trasmissione.

Un po 'di sfondo

Per molti di voi, può sembrare una sorpresa scoprire che quasi dalla sua prima versione circa 15 anni fa, le animazioni Flash passavano tranquillamente dagli schermi dei computer agli schermi TV. Le animazioni sono state esportate da Flash a video QuickTime o AVI e successivamente preparate per essere trasmesse su workstation Avid e mostrate negli spettacoli di cartoni animati del sabato mattina.

Questo è stato un processo doloroso perché tutto ciò che doveva essere fatto sulla timeline principale e su ActionScript, i Movie Clip nidificati e così via semplicemente non potevano essere usati.

C'era anche un vincolo Flash che continua fino ad oggi: sei "limitato" a 16.000 fotogrammi e ogni fotogramma può avere un "massimo" di 16.000 livelli. Sulla superficie potrebbe sembrare una stanza più che sufficiente, ma fare i conti: a 30 fotogrammi al secondo una timeline di 16.000 fotogrammi rappresenta 9 minuti di riproduzione. A parte il fatto che tentare di far esportare questo mostro è come spingere un cocomero attraverso un worm, le probabilità sono quasi al 100% rispetto al limite di 2 GB per i file AVI. Questo spiega perché molti animatori Flash, preparando i contenuti per la trasmissione, mantengono la loro sanità mentale spezzando i loro progetti in blocchi di 20 - 30 sezioni.

Con l'introduzione di video HD in Flash Player 9.0.115 e la possibilità di creare e riprodurre video HD utilizzando il codec H.264 e il formato .mp4, Flash non ha avuto vincoli. Lo stesso video può essere facilmente riprodotto in un browser come su una Sony Playstation o sullo schermo HD nel tuo salotto. Inoltre, i produttori di SmartPhone sono giunti alla conclusione che i loro prodotti sono dispositivi mobili che vengono utilizzati per qualcosa di più che semplicemente raggiungere e "toccare qualcuno". Sebbene sia ancora agli inizi in questa arena, il video avrà un ruolo enorme nell'ascesa dello smartphone. Non è lontano il giorno in cui, grazie a Flash Player 10, gli animatori Flash produrranno contenuti, in Flash, che si presenteranno, simultaneamente, su schermi HD da 52 pollici, monitor per computer, sistemi di gioco e schermi SmartPhone. In questo articolo mi occuperò solo della preparazione di animazioni Flash per la TV.

Impostazione del documento Flash

Prima di iniziare è una buona idea sapere quali proporzioni si svilupperanno per.

Lo standard NTSC (National Television Standards Commission) utilizzato in tutto il Nord America e gran parte del Sud America ha un rapporto 4: 3 che significa che per ogni quattro pixel di larghezza ci sono 3 pixel di altezza. Le dimensioni dello stage Flash di 640 x 480, 800 x 600 o 320 x 240 sono esempi di proporzioni 4: 3.

Se stai andando in widescreen, il rapporto aspetto cambia in 16: 9.

Anche se hai scelto le dimensioni dello stage appropriate, non pensare che le cose finiscano qui. Abbiamo a che fare con i media basati sullo schermo e quando si passa dallo schermo del computer allo schermo TV la forma dei pixel cambia da quadrata (computer) a rettangolare (TV). Se non lo compensi, nel tuo lavoro verranno introdotte distorsioni. Per ovviare a ciò, una dimensione dello stage comune che riflette la regolazione è 720 per 540. I documenti Flash creati per l'uso in un'impostazione PAL dovrebbero avere una dimensione dello stage di 720 per 576.

La frequenza fotogrammi è critica

I film in flash, come sai, possono avere frequenze fotogrammi variabili. Quando Flash è apparso per la prima volta, 12 fps erano lo standard. Oggi è fino a 24 fps, l'impostazione predefinita, anche se molti sviluppatori e progettisti la raggiungono a 30 fps o superiore. La trasmissione è piuttosto rigida. Lo standard NTSC è 29,97 fps, sebbene siano comunemente usati 30 fps.
Se vivi in ​​Europa, molto probabilmente usi lo standard PAL (Phase Alternating Line) adottato all'inizio degli anni '60. Anch'esso utilizza lo aspect ratio 4: 3 utilizzato dal suo cugino NTSC, ma ci sono delle differenze di cui devi essere consapevole.

Prima di tutto, la frequenza dei fotogrammi PAL è 25 fps. Questo standard ha una risoluzione migliore di NTSC, il che significa che la sua qualità dell'immagine è anche più alta. I documenti Flash creati per l'uso in un'impostazione PAL dovrebbero avere una frequenza fotogrammi di 25 fps.

Quicktime non è la tua unica opzione di esportazione

Anche se ti ho mostrato come esportare un filmato Flash come filmato QuickTime, le sequenze PNG sono la strada da percorrere quando la precisione dei fotogrammi è fondamentale. Con questa tecnica il tuo filmato Flash, per mancanza di una migliore analogia, viene trattato come un Flip Book e ogni fotogramma del tuo filmato Flash viene visualizzato come un documento PNG numerato.

In questo esempio ho applicato uno dei Preset di movimento (Finestra> Preselezioni di movimento) a un Movie Clip sullo stage Flash. L'animazione produce una timeline di 75 fotogrammi. Ho selezionato File> Esporta> Esporta filmato e ho selezionato Sequenza PNG dal menu a discesa Formato. La chiave qui è creare una cartella per contenere i file png risultanti. Mi aspetto un minimo di 75 immagini png ma questo numero può crescere fino a centinaia e persino migliaia a seconda del numero di fotogrammi nel filmato Flash.

Facendo clic sul pulsante Salva si apre la finestra di dialogo Esporta PNG. Le impostazioni scelte sono autoesplicative. Facendo clic sul pulsante OK avvia il processo.

Ora ci sono 75 immagini png nella cartella e noterete che sono numerate in sequenza. È estremamente importante non modificare alcun nome o numero di file.

Ho aperto After Effects CS4 e selezionato File> Importa. Quando si apre la finestra di dialogo Importa file, ho navigato nella cartella contenente le immagini PNG e selezionato il primo file nella sequenza. After Effects riconosce che questa selezione è la prima immagine di una sequenza PNG e selezionando "Forza ordine alfabetico" si assicura che le immagini entrino in After Effects in ordine. La cosa interessante è quando faccio clic su Apri, la sequenza arriva nel pannello Progetto After Effects come un singolo documento, non 75 singole immagini. Da lì un artista Video o Motion Graphics può ulteriormente manipolare i file prima di emetterli per la trasmissione.

Fare un Sicuro Flash Stage

Se c'è una cosa che mi impedisce di guardare la televisione è che, a volte, i titoli o il movimento vengono tagliati intorno ai bordi dello schermo. Ciò è dovuto al fatto che i televisori non sono schermi di computer e in quasi tutti i casi mostrerà effettivamente una versione più piccola della dimensione dello stage. Questo è il motivo per cui i produttori di video e gli artisti di Motion Graphics utilizzeranno le sovrapposizioni che mostrano sia le aree Title Safe che Action Safe dello schermo.

Questi possono essere facilmente creati in Flash e, se salvati come modello, possono essere riutilizzati o è possibile utilizzare Guide Layers per uso singolo. La cosa bella di Guide Layers è che non vengono esportati.

Nell'immagine sopra sto usando un modello di 720 per 540 livelli. Ho usato lo strumento Rettangolo per creare una scatola con un tratto e nessun riempimento che corrispondesse alle dimensioni dello stage, rimboccando la scatola contro il punto 0,0 dello stage. Avere la scatola contenente le dimensioni dello stage è un aiuto visivo inestimabile quando hai contenuto, come la foto sopra, che sanguina sul tavolo di montaggio e copre il palco.

Per creare l'area Action Safe, ho copiato la casella, selezionato Modifica> Incolla in posizione e quindi, utilizzando il menu Ridimensiona e Ruota che si trova in Modifica> Trasforma> Ridimensiona e ruota, riduci la dimensione della casella al 90 percento della sua dimensione originale. Tutto il movimento importante nel tuo filmato Flash dovrebbe svolgersi in quest'area.

Il passo successivo era creare l'area di sicurezza del titolo. Ancora una volta ho selezionato Modifica> Incolla in posizione e questa volta, nella finestra di dialogo Ridimensiona e ruota, ho ridotto la casella all'80%. L'area sicura Tile assicura che tutti i titoli importanti siano chiaramente leggibili e non siano ritagliati. Questo è il motivo per cui quest'area si trova al 20% dal bordo assoluto del palco.

Ho quindi convertito il livello contenente le caselle in un livello Guida facendo clic con il pulsante destro del mouse (Comando-clic se si utilizza un Mac) sul nome del livello e selezionando Guida dal menu di scelta rapida.

TV Color non è il colore Web

L'ultima cosa che voglio entrare è la questione del colore. Nel mio precedente tutorial uno dei commentatori, Shaun, ha detto "Basta guardare i colori vivaci - a volte sembra sanguinare". Alcuni di voi potrebbero averlo letto e si sono chiesti: "Huh?"

Il fatto è che la tua TV mostra meno colori del monitor del tuo computer. Il monitor può visualizzare tutti i colori RGB da 0 a 255. Quando si tratta della TV, la palette Flash deve essere ridotta a un intervallo compreso tra 16 e 235. Il nero, [0,0,0], viene effettivamente spostato su [16 16,16] significa che i colori tra 0 e 16 sono ritagliati. Stessa cosa per il bianco, [255,255,255]; viene ridotto a [235,235,235]. Il colore che tende a sanguinare è rosso, potresti volerlo ridurre da [255,0,0] a [200,16,16] e aggiungere il campione alla tavolozza dei colori.

Se la creazione di colori personalizzati è noiosa, potresti voler andare sul Web e raccogliere la palette di campioni FlashNTSC di Warren Fuller.

L'installazione non è difficile. Apri il pannello Campioni Flash e, dal menu a discesa del pannello, seleziona Sostituisci colori. Quando si apre la finestra di dialogo Import Swatch Color, accedere alla cartella in cui è stato salvato il file .clr, selezionare il file e fare clic su Apri.

Quando la finestra di dialogo si chiude, i campioni NTSC appariranno nel pannello Campione.

Per tornare al set predefinito di campioni Flash, fai clic sul menu a discesa del pannello Swatch e seleziona Carica colori predefiniti.

Conclusione

In questo articolo mi sono occupato della preparazione dei file Flash per la visualizzazione della trasmissione su un televisore. Ho iniziato spiegando come le dimensioni dello stage di Flash devono avere un particolare rapporto di aspetto e ti hanno fornito le dimensioni dello stage per le trasmissioni NTSC e PAL che consentono lo spostamento dai pixel quadrati di un monitor di computer ai pixel rettangolari su una TV.

Ho anche discusso dell'importanza della frequenza dei fotogrammi e vi ho mostrato un altro metodo di esportazione da trasmettere - Sequenza PNG - che è più accurato rispetto alla normale esportazione QuickTime di Flash.

Da lì mi sono spostato su come identificare le aree Action safe e Title safe di uno schermo e ho spiegato come creare queste aree attraverso l'uso di un layer Guide. Ho finito per rivedere brevemente un paio di problemi di colore, come gestirli e dove è possibile ritirare un file di campioni NTSC gratuito.

Spero che, se hai raggiunto questo punto nell'articolo, capisci che c'è molto di più nel processo rispetto alla semplice attivazione di QuickTime Exporter di Flash. Questo è l'ultimo passaggio del processo.