Hvordan forberede din Flash Dokumenter for TV Broadcast

How å tilbe Flash Dokumenter for TV Broadcast
Del
Del
Del
Del

Denne Cyber ​​Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

I min forrige 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 så tenker: "Cool, kan jeg gjøre det", og da oppdager de har gått inn i et minefelt fordi forbereder Flash for kringkasting krever en mye arbeid bak kulissene.

I denne artikkelen, jeg kommer til å gå gjennom noen av de viktigste tingene du trenger å vite og gjøre når du forbereder Flash prosjekter for kringkasting.



Litt bakgrunns

For mange av dere, kan det komme som litt av en overraskelse å oppdage at nesten fra sin første utgivelse ca 15 år siden, Flash-animasjoner ble stille flytte fra dataskjermer til TV-skjermer. Animasjoner ble eksportert fra Flash til QuickTime eller AVI videoer og senere forberedes til å sendes på Avid arbeidsstasjoner og dukke opp på lørdag morgen tegnefilm viser.

Dette var en smertefull prosess, fordi alt som måtte gjøres på hovedtidslinjen og Actionscript, nestet movieclips og så videre rett og slett ikke var i stand til å bli brukt.

Det var også en Flash begrensning som fortsetter den dag i dag: Du er "begrenset" til 16.000 rammer og noen ramme kan ha en "maksimal" på 16.000 lag. På overflaten som kan synes å være mer enn nok plass, men gjøre regnestykket: 30 bilder per sekund en 16000-frame tidslinjen representerer 9 minutter med avspilling. Bortsett fra det faktum at å prøve å få dette monsteret å eksportere ligner skyve en vannmelon gjennom en orm, oddsen er nesten 100% at du vil støte opp mot 2 GB grense for AVI-filer. Dette forklarer hvorfor mange Flash animatører, forbereder innhold for kringkasting, bevare forstanden ved å bryte sine prosjekter i 20 -. 30 § biter

Med introduksjonen av HD-video i Flash Player 9.0.115 og evnen til å skape og spille av HD-video med H.264-kodeken og MP4-format Flash ble untethered. Den samme videoen kan like gjerne spilt i en nettleser som det kan på en Sony Playstation eller HD-skjermen i stua. På toppen av alt dette, har Smarttelefon produsenter kommet til den erkjennelse at deres produkter er mobile enheter som blir brukt for mer enn bare å nå ut og "berøre noen". Selv om det er fortsatt tidlig i denne arenaen, er video kommer til å spille en stor rolle i fremveksten av smarttelefonen. Dagen er ikke langt unna der, takket være Flash Player 10, vil Flash animatører være å produsere innhold, i Flash, som dukker opp, samtidig, på 52-tommers HD-skjermer, dataskjermer, spillsystemer og Smartphone-skjermer. I denne artikkelen skal jeg bare kommer til å håndtere forbereder Flash-animasjoner for TV.

Klargjøre Flash Document

Før du starter er det en veldig god idé å vite hvilken størrelsesforholdet du vil være utvikle for

NTSC standard (National Television Standards Commission) som brukes i hele Nord-Amerika og det meste av Sør-Amerika har en 4: 3-format. Det betyr at for hver fjerde piksler i bredden er det 3 piksler av høyde. Flash scenestørrelser på 640 x 480, 800 x 600 eller 320 x 240 er eksempler på 4: 3 størrelsesforhold.

Hvis du skal widescreen, størrelsesforholdet endres til 16: 9.

Selv om du har plukket den aktuelle scenen størrelsen tror ikke ting stoppe der. Vi har å gjøre med skjermbaserte medier her, og når du flytter fra dataskjermen til TV-skjermen i form av pikslene endres fra square (datamaskin) til rektangulær (TV). Hvis du ikke kompensere for dette, vil forvrengninger bli introdusert i arbeidet ditt. For å overvinne dette, en vanlig scene størrelse som reflekterer justeringen er 720 av 540. Flash dokumenter som er opprettet for bruk i en PAL innstilling bør ha en scene størrelse på 720 av 576.

Frame Rate er kritisk
< p> Flash-filmer, som du vet, kan ha varierende bildefrekvens. Når Flash først dukket opp 12 fps var standard. I dag er det opp til 24 fps, som er standard, selv om mange utviklere og designere bump det til 30 fps eller høyere. Broadcast er ganske stiv. NTSC-standarden er 29.97 fps om 30 fps er ofte brukt. Hvis du bor i Europa du mest sannsynlig bruke PAL (Phase Alternating Line) standard som ble vedtatt i tidlig på 1960-tallet. Det også, bruker 4: 3-format som brukes av sin NTSC fetter, men det er forskjeller du må være klar over

Først og fremst, er PAL frame rate 25fps.. Denne standarden har bedre oppløsning enn NTSC meningen sin bildekvalitet er også høyere. Flash dokumenter som er opprettet for bruk i en PAL innstilling bør ha en bildefrekvens på 25 bilder i sekundet.

Quicktime Er ikke det eneste eksportalternativ

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

I dette eksempelet har jeg brukt en av Motion Presets (Vindu> Motion Presets) til en MovieClip på Flash scenen. Animasjons resulterer i en 75-ramme tidslinje. Jeg valgte Fil> Eksporter> Eksporter film og valgte PNG Sequence fra Format gardinmenyen. Nøkkelen her er å opprette en mappe for å holde de resulterende png filer. Jeg forventer et minimum av 75 png bilder, men dette tallet kan vokse til hundrevis og kanskje tusenvis, avhengig av antall bilder i Flash movie.

Hvis du klikker på Lagre-knappen åpner Export PNG dialogboksen. Innstillingene som er valgt er selvforklarende. Ved å klikke på OK-knappen starter prosessen.

Det er nå 75 png bildene i mappen, og du vil merke at de blir sekvensielt nummerert. Det er svært viktig at du ikke endrer noe filnavn eller nummer.

Jeg åpnet After Effects CS4 og valgt Fil> Importer. Når Import File dialogboksen åpnes, navigerte jeg til mappen som inneholder PNG-bilder og valgt den første filen i sekvensen. After Effects gjenkjenner dette valget som det første bildet av en PNG Sequence og velge "Tving alfabetisk rekkefølge" gjør at bildene kommer inn i After Effects i orden. De pene ting om dette er når jeg klikker Open, kommer sekvensen i After Effects Prosjekt panel som ett dokument, ikke 75 enkeltbilder. Derfra en video eller Motion Graphics artist kan videre manipulere filene før du skriver ut for kringkasting.

Å gjøre en Sikker
Flash Stage

Hvis det er én ting som hacks meg av om du ser på TV er det som til tider vil titlene eller bevegelse bli klippet bort rundt kantene av skjermen. Dette skyldes det faktum at TV-er er ikke dataskjermer, og i nesten alle tilfeller faktisk vil vise en mindre versjon av scenen størrelse. Denne hvorfor video produsenter og Motion Graphics artister vil bruke overlegg som viser dem både Tittel Trygg og handlingen Trygge områder på skjermen.

Disse kan lett opprettet i Flash, og hvis lagres som en mal, kan være gjenbrukes eller du kan bruke vår guide Layers for engangsbruk formål. Den pene ting om Reiseguide lag er de ikke er eksportert.

I bildet over bruker jeg en mal av en 720 av 540 scenen. Jeg brukte rektangelverktøyet for å lage en boks med et slag og ingen fyll som matchet scenen dimensjoner, tucking boksen opp mot 0,0 poeng av scenen. Å ha boksen som inneholder scene dimensjoner er et uvurderlig visuelt hjelpemiddel når du har innhold, som ovenfor bildet, som blør på papp og dekker scenen.

For å opprette Handling -Området Jeg kopierte boksen, valgte Rediger> Lim på plass, og deretter, ved hjelp av Scale og Rotate menyen funnet i Modify> Transform> Scale og Rotate, redusert størrelsen på boksen til 90 prosent av sin opprinnelige størrelse. All viktig bevegelse i Flash filmen skal foregå innenfor dette området.

Neste skritt var å skape Tittel Safe Area. Igjen jeg valgte Rediger> Lim på plass, og denne gangen, i Scale og Rotate dialogboksen Jeg redusert boksen til 80%. Tile trygt område sikrer at alle viktige titlene er lett leselig og ikke beskjæres. Dette er grunnen til at dette området ligger 20% fra den absolutte scenekanten.

Jeg så konvertert laget som inneholder boksene til en guide lag ved å høyreklikke (Kommando-klikke hvis du bruker en Mac) lagnavn og velge Guide fra kontekstmenyen.

TV Color Er ikke Web Color

Det siste jeg ønsker å komme inn er spørsmålet om farge. I min forrige tutorial en av kommentatorer, Shaun, nevnte "Bare må se de lyse fargene - synes å blø noen ganger." Noen av dere har kanskje lest det og lurte på, "Hæ?"

Faktum er at TVen viser mindre farge enn dataskjermen. Skjermen kan vise alle RGB-fargene fra 0 til 255. Når det kommer til TV Flash paletten må reduseres til et område fra 16 og 235. Svart, [0,0,0], faktisk blir flyttet til [16 , 16,16] betyr fargene mellom 0 og 16 er klippet. Samme for hvit, [255255255]; det blir downshifted til [235235235]. Fargen som virkelig har en tendens til å blø er rød, kan det være lurt å redusere den fra [255,0,0] til [200,16,16] og tilsett swatch til din fargepalett.

Hvis du vil lage egne farger er kjedelig kan det være lurt å ta turen ut til nettet og plukke opp Warren Fullers FlashNTSC swatch palett.

Installere det er ikke vanskelig. Åpne Flash Fargeprøver-panelet, og fra panelet pop gardinmenyen velger du Erstatt farger. Når Import Swatch Color dialogboksen åpnes naviger til mappen der du lagret .clr filen, velger du filen og klikk Åpne.

Når dialogboksen lukkes, NTSC fargeprøver vises i Swatch panel.

For å gå tilbake til standard sett av Flash fargeprøver klikk Swatch panelets pop down menyen og velg Load Default Colors.

Konklusjon

I denne artikkelen jeg jobbet med å forberede Flash-filer for kringkaste visning på en TV. Jeg startet med å forklare hvordan Flash scenen størrelse må ha et bestemt størrelsesforhold og ga deg scenen størrelser for NTSC og PAL-sendinger som imøtekomme skiftet fra de firkantede piksler på en dataskjerm til de rektangulære piksler på en TV.
< p> Jeg diskuterte også betydningen av bildefrekvens og viste deg en annen metode for eksport til å kringkaste - PNG Sequence -. som er mer ramme nøyaktig enn den vanlige QuickTime eksport av Flash

Fra der jeg flyttet inn i hvordan identifisere action trygge og tittel trygge områder av en skjerm og forklart hvordan du oppretter disse områdene gjennom bruk av en guide laget. Jeg avsluttet med en kort gjennomgang av et par fargespørsmål, hvordan man skal håndtere dem, og hvor du kan plukke opp en gratis NTSC swatch-fil.

Jeg håper, hvis du har nådd dette punktet i artikkelen, at du forstår det er mye mer til prosessen enn bare å fyre opp Flash QuickTime eksportør. Det er det siste trinnet i prosessen.