Slik klargjør du Flashdokumenter for TV-kringkasting

I min tidligere artikkel viste jeg deg hvordan du eksporterer en kode-drevet animasjon for videoavspilling. Problemet med å skrive disse tingene er at alt er fantastisk fordi jeg kommer til å fokusere på en enkelt oppgave - men alle tenker da, "Kul, jeg kan gjøre det", og oppdager at de har gått inn i et minfelt fordi det å lage Flash for kringkasting krever en mye arbeid bak kulissene.

I denne artikkelen skal jeg gå gjennom noen av de viktigere tingene du trenger å vite og gjøre når du lager Flash-prosjekter for kringkasting.

En liten bakgrunn

For mange av dere kan det komme som en overraskelse å oppdage at nesten nesten fra den første utgivelsen for omtrent 15 år siden, flyttet Flash-animasjoner stille fra dataskjermer til TV-skjermer. Animasjoner ble eksportert fra Flash til QuickTime eller AVI videoer og deretter forberedt for kringkasting på Avid-arbeidsstasjoner og viser opp på lørdag morgen tegneserie show.

Dette var en smertefull prosess fordi alt som måtte gjøres på hoved tidslinjen og ActionScript, nestede filmklipp og så videre, bare ikke kunne brukes.

Det var også en Flash-begrensning som fortsetter til denne dagen: Du er "begrenset" til 16.000 rammer, og en ramme kan ha et "maksimum" på 16.000 lag. På overflaten som kan synes å være mer enn nok plass, men gjør matematikken: Ved 30 bilder per sekund representerer en 16.000-frame tidslinje 9 minutter av avspilling. Bortsett fra at forsøk på å få dette monsteret til å eksportere, ligner på å skyve vannmelon gjennom en orm, er oddsene nesten 100% at du vil støte opp mot 2 GB grensen for AVI-filer. Dette forklarer hvorfor mange Flash-animatorer, forbereder innhold for kringkasting, bevare deres sunnhet ved å bryte sine prosjekter inn i 20-30 delbiter.

Med introduksjonen av HD-video i Flash Player 9.0.115 og evnen til å lage og spille HD-video ved hjelp av H.264-kodeken og .mp4-formatet, ble Flash untethered. Den samme videoen kan like lett spilles i en nettleser som det kan på en Sony Playstation eller HD-skjermen i stua. Dessuten har SmartPhone-produsenter innså at deres produkter er mobile enheter som brukes til mer enn bare å nå ut og "røre noen". Selv om det fortsatt er tidlige dager i denne arenaen, vil videoen spille en stor rolle i oppgangen til smarttelefonen. Dagen er ikke langt unna, der Flash Player 10, med Flash Player 10, vil produsere innhold, i Flash, som samtidig vises på 52-tommers HD-skjermer, dataskjermer, spillesystemer og SmartPhone-skjermer. I denne artikkelen skal jeg bare håndtere Flash animasjoner for TV.

Sette opp ditt Flash-dokument

Før du starter, er det en veldig god ide å vite hvilket aspektforhold du skal utvikle for.

NTSC-standarden (National Television Standards Commission) som brukes over hele Nord-Amerika og det meste av Sør-Amerika har et 4: 3 aspektforhold, noe som betyr at for hver fire piksler i bredden er det 3 piksler høyde. Flash-scenestørrelser på 640 x 480, 800 x 600 eller til og med 320 x 240 er eksempler på 4: 3 siderforhold.

Hvis du går til widescreen, endres bildeforholdet til 16: 9.

Selv om du har valgt riktig scenestørrelse, tror du ikke ting stopper der. Vi har å gjøre med skjermbaserte medier her, og når du flytter fra skjermen til TV-skjermen, endres formene på piksler fra kvadrat (datamaskin) til rektangulær (TV). Hvis du ikke kompenserer for dette, vil forvrengninger bli introdusert i arbeidet ditt. For å overvinne dette, er en felles scenestørrelse som reflekterer justeringen 720 ved 540. Blitsdokumenter opprettet for bruk i en PAL-innstilling bør ha en scenestørrelse på 720 med 576.

Rammehastighet er kritisk

Flash-filmer, som du vet, kan ha varierende bildefrekvenser. Når Flash først oppstod, var 12 fps standard. I dag er det opptil 24 fps, standard, men mange utviklere og designere støter den til 30 fps eller høyere. Broadcast er ganske stiv. NTSC-standarden er 29,97 fps, men 30 fps blir ofte brukt.
Hvis du bor i Europa, bruker du mest sannsynlig PAL (Phase Alternating Line) -standarden som ble vedtatt i begynnelsen av 1960-tallet. Den bruker også 4: 3-aspektforholdet som brukes av sin NTSC-fetter, men det er forskjeller du må være oppmerksom på.

For det første er PAL-rammen 25fps. Denne standarden har bedre oppløsning enn NTSC, noe som betyr at bildekvaliteten også er høyere. Flash-dokumenter som er opprettet for bruk i en PAL-innstilling, bør ha en bildefrekvens på 25 fps.

Quicktime er ikke ditt eneste eksportalternativ

Selv om jeg viste deg hvordan du eksporterer en Flash-film som en QuickTime-film, er PNG-sekvenser veien å gå når rammens nøyaktighet er kritisk. Med denne teknikken blir din Flash-film, for en bedre analogi, behandlet som en Flip Book, og hver ramme av Flash-filmen din blir gjengitt som et nummerert PNG-dokument.

I dette eksemplet har jeg brukt en av Motion Presets (Window> Motion Presets) til en filmklipp på Flash-scenen. Animasjonen resulterer i en 75-timers tidslinje. Jeg valgte Fil> Eksporter> Eksporter film og valgte PNG-sekvens fra rullegardinmenyen Format. Nøkkelen her er å lage en mappe for å holde de resulterende png-filene. Jeg forventer minimum 75 png bilder, men dette tallet kan vokse til hundrevis og til og med tusenvis avhengig av antall rammer i Flash-filmen.

Ved å klikke på Lagre-knappen åpnes dialogboksen Eksporter PNG. De valgte innstillingene er selvforklarende. Ved å klikke på OK-knappen starter prosessen.

Det er nå 75 png bilder i mappen, og du vil merke at de er sekvensielt nummerert. Det er ekstremt viktig at du ikke endrer et filnavn eller nummer.

Jeg åpnet After Effects CS4 og valgte File> Import. Når dialogboksen Importfil åpnet, navigerte jeg til mappen som inneholder PNG-bildene og valgte den første filen i sekvensen. After Effects gjenkjenner dette valget som det første bildet av en PNG-sekvens og velger "Force alfabetisk rekkefølge" sørger for at bildene kommer inn i After Effects i rekkefølge. Den ryddige tingen om dette er når jeg klikker på Åpen, kommer sekvensen i After Effects Project-panelet som et enkelt dokument, ikke 75 individuelle bilder. Derfra kan en Video eller Motion Graphics-artist videre manipulere filene før de sendes ut for kringkasting.

Å lage en Sikker Flash-scenen

Hvis det er en ting som slår meg av med å se på fjernsyn, er det at noen ganger titlene eller bevegelsen blir klippet ut rundt kantene på skjermen. Dette skyldes at TVer ikke er dataskjermer, og i nesten alle tilfeller vil det faktisk vise en mindre versjon av scenestørrelsen. Dette er grunnen til at videoprodusenter og Motion Graphics-artister vil bruke overlegg som viser dem både tittelsikkert og handlingssikkert områder på skjermen.

Disse kan enkelt opprettes i Flash, og hvis de er lagret som en mal, kan de gjenbrukes, eller du kan bruke Guide Layers for engangsbruk. Den ryddige tingen om Guide Layers er at de ikke eksporteres.

I bildet ovenfor bruker jeg en mal med en 720 ved 540 scene. Jeg brukte rektangulærverktøyet til å lage en boks med et slag og ingen fylling som matchet scenens dimensjoner, og tucked boksen opp mot scenens 0,0-punkt. Å ha boksen som inneholder scenemåttene, er et uvurderlig visuelt hjelpemiddel når du har innhold, som bildet over, som bløder på pasteboardet og dekker scenen.

For å opprette handlingssikkert område jeg kopierte boksen, velg Rediger> Lim inn og deretter, ved hjelp av menyen Skala og rotere funnet i Endre> Forvandle> Skala og Rotere, reduserte størrelsen på boksen til 90 prosent av originalstørrelsen. All den viktige bevegelsen i Flash-filmen din bør finne sted i dette området.

Det neste trinnet var å skape Tittel Safe Area. Igjen valgte jeg Rediger> Lim inn i plass, og denne gangen i dialogboksen Skala og rotere reduserte jeg boksen til 80%. Tile Safe-området sikrer at alle viktige titler er tydelig lesbare og ikke beskjæres. Det er derfor dette området ligger 20% fra den absolutte kanten av scenen.

Jeg konverterte deretter laget som inneholder boksene til et guidelag ved å høyreklikke (Kommandoklikk hvis du bruker en Mac) på lagnavnet og velge Guide fra Kontekstmenyen.

TV-farge er ikke webfarge

Det siste jeg vil komme inn på er problemet med farge. I min tidligere opplæring nevnte en av kommentatorene, Shaun, "Bare å se de lyse farger - synes å bløe noen ganger." Noen av dere kan ha lest det og lurte på, "Huh?"

Faktum er at TV-en din viser mindre farge enn dataskjermen. Skjermen kan vise alle RGB-fargene fra 0 til 255. Når det gjelder TV, må din Flash-palett reduseres til et område fra 16 og 235. Svart, [0,0,0], blir faktisk flyttet til [16 , 16,16] som betyr at fargene mellom 0 og 16 er klippet. Samme ting for hvitt, [255,255,255]; det blir nedskiftet til [235 235 235]. Fargen som har en tendens til å bløde er rød, du vil kanskje redusere den fra [255,0,0] til [200,16,16] og legge til fargeprøven på fargepaletten din.

Hvis du oppretter egendefinerte farger er kjedelig, vil du kanskje gå ut på nettet og plukke opp Warren Fullers FlashNTSC-fargepalett.

Det er ikke vanskelig å installere det. Åpne Flash-fargepanelet, og velg Bytt farger på rullegardinmenyen på panelet. Når dialogboksen Importer fargeprøvefarge åpnes, naviger til mappen der du lagret .clr-filen, velg filen og klikk på Åpne.

Når dialogboksen lukkes, vises NTSC-fargeprøver i svitsjepanelet.

Hvis du vil gå tilbake til standard sett med Flash-fargeprøver, klikker du på Fargepanelens popup-meny og velger Last inn standardfarger.

Konklusjon

I denne artikkelen jobbet jeg med å forberede Flash-filer for kringkastingsskjerm på en TV. Jeg begynte med å forklare hvordan Flash-scenestørrelsen må ha et bestemt bildeforhold og ga deg scenestørrelsene for NTSC- og PAL-sendinger som imøtekommer skiftet fra kvadratpiksler fra en dataskjerm til de rektangulære pikslene på en TV.

Jeg diskuterte også betydningen av bildefrekvens og viste deg en annen metode for eksport til kringkasting - PNG-sekvens - som er mer ramme nøyaktig enn den vanlige QuickTime-eksporten fra Flash.

Derfra flyttet jeg inn i hvordan man identifiserte de trygge og tittelsikre områdene på en skjerm og forklarte hvordan man opprettet disse områdene ved hjelp av et guidelag. Jeg ble ferdig med å gjennomgå et par fargeproblemer, hvordan håndtere dem og hvor du kan hente en gratis NTSC swatch-fil.

Jeg håper at hvis du har nådd dette punktet i artikkelen, forstår du at det er mye mer til prosessen enn å bare skyte opp Flashs QuickTime Exporter. Det er det siste skrittet i prosessen.