Share
I min tidigare artikel visade jag dig hur man exporterar en koddriven animering för videouppspelning. Problemet med att skriva dessa saker är att allt är underbart för att jag ska fokusera på en enda uppgift - men alla tycker då, "Cool, det kan jag göra" och upptäcker att de har gått i ett minfält eftersom förberedelserna för Flash för sändning kräver en mycket arbete bakom kulisserna.
I den här artikeln kommer jag att gå igenom några av de viktigaste sakerna du behöver veta och göra när du förbereder Flash-projekt för sändning.
För många av er kan det komma som en överraskning att upptäcka att nästan allt från dess första utgåva för ungefär 15 år sedan flyttade animationerna tyst från dataskärmar till tv-skärmar. Animationer exporterades från Flash till QuickTime eller AVI-videor och förbereddes därefter för sändning på Avid-arbetsstationer och visas på lördag morgontecknadstävlingar.
Det här var en smärtsam process eftersom allt som behövdes på huvudtidslinjen och ActionScript, nestade filmklipp och så vidare helt enkelt inte kunde användas.
Det fanns också en Flash-begränsning som fortsätter till denna dag: Du är "begränsad" till 16 000 bilder och en ram kan ha ett "maximum" på 16 000 lager. På ytan som kan tyckas vara mer än tillräckligt med utrymme men matematiken: vid 30 bilder per sekund representerar en 16 000-frame tidslinje 9 minuters uppspelning. Bortsett från det faktum att försök att få detta monster att exportera liknar att trycka en vattenmelon via en mask, är oddsen nästan 100% att du kommer att stöta på 2 GB-gränsen för AVI-filer. Detta förklarar varför många Flash-animatörer, förbereder innehåll för sändning, bevarar deras sanity genom att bryta sina projekt till 20-30 stycken bitar.
Med introduktionen av HD-video i Flash Player 9.0.115 och möjligheten att skapa och spela HD-video med hjälp av H.264-codec och .mp4-formatet, blev Flash obundet. Samma video kan lika enkelt spelas i en webbläsare som den kan på en Sony Playstation eller HD-skärmen i ditt vardagsrum. Utöver allt har SmartPhone-tillverkare kommit fram till att deras produkter är mobila enheter som används för mer än att bara nå ut och "röra någon". Även om det fortfarande är tidiga dagar i denna arena, kommer video att spela en stor roll i uppkomsten av smarttelefonen. Dagen är inte långt borta, där Flash-animatorerna Flash Player 10 producerar innehåll, i Flash, som samtidigt visas på 52-tums HD-skärmar, dataskärmar, spelsystem och SmartPhone-skärmar. I den här artikeln kommer jag bara att hantera förberedelser av Flash-animationer för TV.
Innan du börjar är det en riktigt bra idé att veta vilket bildförhållande du ska utveckla för.
NTSC-standarden (National Television Standards Commission) som används över hela Nordamerika och de flesta Sydamerika har ett 4: 3 bildförhållande vilket innebär att för varje fyra pixlar i bredd finns 3 pixlar i höjd. Flashstegstorlekar på 640 med 480, 800 med 600 eller till och med 320 med 240 är exempel på 4: 3-bildförhållanden.
Om du går widescreen ändras bildförhållandet till 16: 9.
Även om du har valt lämplig scenstorlek, tänk inte att saker slutar där. Vi har att göra med skärmbaserade media här och när du flyttar från din datorskärm till TV-skärmen ändras bildformen från kvadrat (dator) till rektangulär (TV). Om du inte kompenserar för detta kommer förvrängningar att införas i ditt arbete. För att övervinna detta är en gemensam scenstorlek som speglar justeringen 720 vid 540. Flashdokument skapade för användning i en PAL-inställning bör ha en scenstorlek på 720 med 576.
Flash-filmer, som du vet, kan ha varierande bildräntor. När Flash visade sig första gången var 12 bilder per sekund standard. Idag är det upp till 24 bilder per sekund, standard, men många utvecklare och designers stöter den till 30 fps eller högre. Broadcast är ganska styv. NTSC-standarden är 29,97 fps men 30 fps används vanligtvis.
Om du bor i Europa använder du förmodligen PAL (Phase Alternating Line) -standarden som antogs i början av 1960-talet. Den använder också 4: 3-bildförhållandet som används av sin NTSC-kusin men det finns skillnader du behöver vara medveten om.
Först ut är PAL-bildhastigheten 25fps. Denna standard har bättre upplösning än NTSC vilket betyder att dess bildkvalitet också är högre. Flashdokument som skapats för användning i en PAL-inställning bör ha en bildhastighet på 25 bilder per sekund.
Även om jag visade dig hur du exporterar en Flash-film som en QuickTime-film, är PNG-sekvenser vägen när ramnoggrannheten är kritisk. Med denna teknik behandlas din Flash-film, för en bättre analogi, som en flipbook och varje ram i din Flash-film återges som ett numrerat PNG-dokument.
I det här exemplet har jag applicerat en av Motion Presets (Window> Motion Presets) till en filmklipp på Flash-scenen. Animeringen resulterar i en tidslinje på 75 ramar. Jag valde Arkiv> Exportera> Exportera film och valde PNG-sekvens från popupmenyn Format. Nyckeln här är att skapa en mapp för att hålla de resulterande png-filerna. Jag förväntar mig minst 75 png bilder men det här numret kan växa till hundratals och till och med tusentals beroende på antalet ramar i Flash-filmen.
Om du klickar på knappen Spara öppnas dialogrutan Exportera PNG. De valda inställningarna är självförklarande. Genom att klicka på OK-knappen startas processen.
Det finns nu 75 png bilder i mappen och du kommer att notera att de sekventiellt numreras. Det är oerhört viktigt att du inte ändrar något filnamn eller nummer.
Jag öppnade After Effects CS4 och valde Arkiv> Importera. När dialogrutan Importera fil öppnades navigerade jag till mappen som innehåller PNG-bilderna och valde den första filen i sekvensen. After Effects känner igen detta val som den första bilden av en PNG-sekvens och väljer "Force alfabetisk ordning" ser till att bilderna kommer in i After Effects i ordning. Det snygga med detta är när jag klickar på Öppna, kommer sekvensen i After Effects Project-panelen som ett enda dokument, inte 75 enskilda bilder. Därifrån kan en Video eller Motion Graphics artist manipulera filerna ytterligare innan de sänds ut för sändning.
Om det finns en sak som hämmar mig om att titta på tv, så kommer titlarna eller rörelsen att klippas av runt skärmens kanter. Detta beror på att TV-apparater inte är dataskärmar och i nästan alla fall kommer faktiskt att visa en mindre version av scenstorleken. Det här varför videoproducenter och Motion Graphics-artister kommer att använda överlagringar som visar dem både Titelsäker och Åtgärder Säkert på skärmen.
Dessa kan enkelt skapas i Flash och, om de sparas som en mall, kan återanvändas eller du kan använda Guide Layers för engångsändamål. Det snygga med Guide Lager är att de inte exporteras.
I ovanstående bild använder jag en mall av en 720 vid 540 scen. Jag använde rektangulärverktyget för att skapa en låda med en stroke och ingen fyllning som matchade scendimensionerna och stoppade rutan upp mot scenens 0,0-punkt. Att ha rutan som innehåller scendimensionerna är ett ovärderligt visuellt hjälpmedel när du har innehåll, som ovanstående foto, som blöder på pasteboarden och täcker scenen.
För att skapa åtgärdsskyddat område kopierade jag rutan, välj Redigera> Klistra in plats och sedan reducerade storleken på rutan till 90 procent av originalets storlek med hjälp av menyn Skala och rotera i Ändra> Omforma> Skala och Rotera. All den viktiga rörelsen i din Flash-film ska ske inom detta område.
Nästa steg var att skapa titelsäkert område. Återigen valde jag Redigera> Klistra in plats och den här gången reducerade jag rutan till 80% i dialogrutan Skala och rotera. Tile Safe-området säkerställer att alla viktiga titlar är klart läsbara och inte beskäras. Därför ligger detta område 20% från den absoluta kanten av scenen.
Sedan konverterade jag skiktet som innehåller rutorna till ett guideskikt genom att högerklicka (Kommandoklikk om du använder en Mac) på lagrets namn och välja Guide från Kontextmenyn.
Det sista jag vill komma in är frågan om färg. I min tidigare handledning nämnde en av kommentarerna, Shaun, "Bara att titta på de ljusa färgerna - verkar blöda ibland". Vissa av er kanske har läst det och undrade, "va?"
Faktum är att din TV visar färre färger än din dataskärm. Din skärm kan visa alla RGB-färger från 0 till 255. När det gäller TV måste din Flash-palett minskas till ett intervall från 16 och 235. Svart, [0,0,0] flyttas faktiskt till [16 , 16,16] vilket betyder att färgerna mellan 0 och 16 är klippta. Samma sak för vitt, [255,255,255]; det blir nedväxlat till [235 235 235]. Färgen som verkligen tenderar att blöda är röd, du kanske vill minska den från [255,0,0] till [200,16,16] och lägga till prickfliken i färgpalett.
Om du skapar egna färger är det tråkigt att du kanske vill gå ut på webben och plocka upp Warren Fullers FlashNTSC-färgpalett.
Installera det är inte svårt. Öppna panelen Flashfönstret och välj Byt färger på popupmenyn i panelen. När dialogrutan Importera färgspärr öppnas navigera till mappen där du sparade .clr-filen, välj filen och klicka på Öppna.
När dialogrutan stängs visas NTSC-fönstren i fönstret.
För att återgå till standarduppsättningen med Flash-korrigeringar klickar du på skärmpanelens popup-meny och väljer Ladda standardfärger.
I den här artikeln handlade jag om att förbereda Flash-filer för sändningsdisplay på en TV. Jag började med att förklara hur Flash-scenstorleken måste ha ett visst bildförhållande och ge dig scenstorlekarna för NTSC- och PAL-sändningar som rymmer övergången från kvadratpixlarna från en dataskärm till de rektangulära bildpunkterna på en TV.
Jag diskuterade också vikten av bildhastighet och visade dig en annan metod för export att sända - PNG-sekvens - vilket är mer ramsäker än den vanliga QuickTime-exporten från Flash.
Därifrån flyttade jag in i hur man identifierade områdena Skyddsfel och Title Safe på en skärm och förklarade hur man skapade dessa områden genom att använda ett Guide-lager. Jag avslutade med att korta granska ett par färgproblem, hur man hanterar dem och var du kan hämta en gratis NTSC-korrigeringsfil.
Jag hoppas att om du har nått denna punkt i artikeln förstår du att det finns mycket mer på processen än att bara skjuta upp Flashs QuickTime Exporter. Det är det sista steget i processen.
Accentsconagua