Share
In mijn vorige artikel heb ik je laten zien hoe je een code-gestuurde animatie exporteert voor het afspelen van video's. Het probleem met het schrijven van deze dingen is dat alles geweldig is omdat ik me op één taak kan concentreren - maar iedereen denkt dan: "Cool, ik kan dat doen" en ontdekt dan dat ze in een mijnenveld zijn gelopen omdat het voorbereiden van Flash voor uitzending een veel werk achter de schermen.
In dit artikel zal ik u enkele van de belangrijkste dingen leren kennen die u moet weten en doen bij het voorbereiden van Flash-projecten voor uitzending.
Voor velen van jullie kan het een beetje een verrassing zijn om te ontdekken dat bijna vanaf de eerste release ongeveer 15 jaar geleden, Flash-animaties stilletjes van computerschermen naar tv-schermen gingen. Animaties werden geëxporteerd van Flash naar QuickTime of AVI-video's en vervolgens voorbereid voor uitzending op Avid-werkstations en op de zaterdagochtend in cartoon-shows.
Dit was een pijnlijk proces omdat alles wat moest worden gedaan op de hoofdtijdlijn en ActionScript, geneste filmclips enzovoort eenvoudig niet konden worden gebruikt.
Er was ook een Flash-beperking die tot op de dag van vandaag doorgaat: u bent "beperkt" tot 16.000 frames en elk frame kan een "maximum" van 16.000 frames hebben. Op het eerste gezicht lijkt dit meer dan voldoende ruimte, maar reken maar: bij 30 frames per seconde staat een tijdlijn van 16.000 frames voor 9 minuten afspelen. Afgezien van het feit dat het proberen om dit monster te exporteren vergelijkbaar is met het duwen van een watermeloen door een worm, is de kans bijna 100% dat je tegen de limiet van 2 GB voor AVI-bestanden stoot. Dit verklaart waarom veel Flash-animators, die content voorbereiden voor uitzending, hun gezond verstand bewaren door hun projecten in 20 - 30 sectie-chunks te splitsen.
Met de introductie van HD-video in Flash Player 9.0.115 en de mogelijkheid om HD-video te maken en af te spelen met de H.264-codec en het .mp4-formaat werd Flash ongebonden. Dezelfde video kan net zo gemakkelijk in een browser worden afgespeeld als op een Sony Playstation of het HD-scherm in uw woonkamer. Bovendien zijn de fabrikanten van SmartPhone tot het besef gekomen dat hun producten mobiele apparaten zijn die voor meer worden gebruikt dan alleen maar reiken en "iemand aanraken". Hoewel het nog steeds vroege dagen in deze arena zijn, gaat video een grote rol spelen in de opkomst van de smartphone. De dag is niet ver weg waar, dankzij Flash Player 10, Flash-animators inhoud produceren, in Flash, die tegelijkertijd wordt weergegeven op 52-inch HD-schermen, computermonitoren, gamingsystemen en smartphoneschermen. In dit artikel ga ik alleen over het voorbereiden van Flash-animaties voor tv.
Voordat u begint, is het een goed idee om te weten voor welke beeldverhouding u zich gaat ontwikkelen.
De NTSC-standaard (National Television Standards Commission) die in Noord-Amerika en het grootste deel van Zuid-Amerika wordt gebruikt, heeft een beeldverhouding van 4: 3, wat betekent dat voor elke vier pixels van de breedte 3 pixels hoog zijn. Flitsstadia van 640 bij 480, 800 bij 600 of zelfs bij 320 bij 240 zijn voorbeelden van beeldverhoudingen van 4: 3.
Als u breedbeeld gebruikt, verandert de beeldverhouding in 16: 9.
Ook al heb je de juiste fase gekozen, denk dan niet dat daar dingen stoppen. We hebben hier te maken met op schermen gebaseerde media en wanneer u van uw computerscherm naar het tv-scherm gaat, verandert de vorm van de pixels van vierkant (computer) naar rechthoekig (tv). Als u dit niet compenseert, worden verstoringen in uw werk geïntroduceerd. Om dit te ondervangen, is een algemene werkgebiedgrootte die de aanpassing weergeeft 720 x 540. Flash-documenten die zijn gemaakt voor gebruik in een PAL-instelling moeten een werkgebied van 720 in 576 hebben.
Flash-films kunnen, zoals je weet, verschillende framesnelheden hebben. Toen Flash voor het eerst verscheen, was 12 fps de standaard. Tegenwoordig is dit maximaal 24 fps, de standaard, hoewel veel ontwikkelaars en ontwerpers dit tot 30 fps of hoger tegenkomen. De uitzending is vrij rigide. De NTSC-standaard is 29,97 fps hoewel 30 fps algemeen wordt gebruikt.
Als je in Europa woont, gebruik je waarschijnlijk de PAL-norm (Phase Alternating Line) die begin jaren zestig is ingevoerd. Het gebruikt ook de beeldverhouding van 4: 3 die wordt gebruikt door zijn NTSC-neef, maar er zijn verschillen waar je je bewust van moet zijn.
Ten eerste is de PAL-framesnelheid 25 fps. Deze standaard heeft een betere resolutie dan NTSC, wat betekent dat de beeldkwaliteit ook hoger is. Flash-documenten die zijn gemaakt voor gebruik in een PAL-instelling, moeten een framesnelheid van 25 fps hebben.
Hoewel ik je heb laten zien hoe je een Flash-film exporteert als een QuickTime-film, zijn PNG-reeksen de juiste keuze wanneer de nauwkeurigheid van het frame van cruciaal belang is. Met deze techniek wordt je Flash-film, bij gebrek aan een betere analogie, behandeld als een flipboek en wordt elk frame van je Flash-film weergegeven als een genummerd PNG-document.
In dit voorbeeld heb ik een van de Motion Presets (Venster> Bewegingsvoorinstellingen) toegepast op een filmclip in de Flash-fase. De animatie resulteert in een tijdlijn met 75 frames. Ik selecteerde Bestand> Exporteren> Film exporteren en koos PNG-reeks uit het vervolgkeuzemenu Opmaak. De sleutel hier is om een map te maken voor de resulterende png-bestanden. Ik verwacht een minimum van 75 png-afbeeldingen, maar dit aantal kan oplopen tot honderden en zelfs duizenden, afhankelijk van het aantal frames in de Flash-film.
Als u op de knop Opslaan klikt, wordt het dialoogvenster PNG exporteren geopend. De gekozen instellingen spreken voor zich. Als u op de knop OK klikt, wordt het proces gestart.
Er staan nu 75 png-afbeeldingen in de map en u zult zien dat ze opeenvolgend genummerd zijn. Het is uiterst belangrijk dat u geen bestandsnaam of -nummer wijzigt.
Ik heb After Effects CS4 geopend en Bestand> Importeer geselecteerd. Toen het dialoogvenster Bestand importeren werd geopend, ging ik naar de map met de PNG-afbeeldingen en selecteerde ik het eerste bestand in de reeks. After Effects herkent deze selectie als zijnde de eerste afbeelding van een PNG-reeks en het selecteren van "Forceer alfabetische volgorde" zorgt ervoor dat de afbeeldingen op volgorde in After Effects komen. Het leuke hiervan is wanneer ik op Open klik, de reeks komt in het After Effects Project-paneel aan als een enkel document, niet als 75 afzonderlijke afbeeldingen. Van daaruit kan een video- of bewegingsgrafiekkunstenaar de bestanden verder bewerken voordat ze worden uitgezonden voor uitzending.
Als er iets is dat me afhaakt bij het kijken naar televisie, is het zo dat de titels of de beweging af en toe langs de randen van het scherm worden afgekapt. Dit komt door het feit dat tv's geen computerschermen zijn en in bijna alle gevallen zelfs een kleinere versie van de werkgebiedgrootte zullen weergeven. Daarom gebruiken videoproducenten en artiesten van Motion Graphics overlays die zowel de titelveilige als de actie veilige gebieden van het scherm weergeven.
Deze kunnen eenvoudig in Flash worden gemaakt en, indien opgeslagen als sjabloon, opnieuw worden gebruikt of u kunt hulplagen gebruiken voor doeleinden van eenmalig gebruik. Het mooie van gidslagen is dat ze niet worden geëxporteerd.
In de bovenstaande afbeelding gebruik ik een sjabloon van een 720 bij 540 fase. Ik heb het gereedschap Rechthoek gebruikt om een vak met een streek te maken en geen vulling die overeenkwam met de afmetingen van het werkvlak, waarbij het vak tegen het 0,0 punt van het werkvlak werd geplaatst. Het hebben van de doos met de afmetingen van het podium is een waardevol visueel hulpmiddel als je inhoud hebt, zoals de bovenstaande foto, die bloedt op het plakbord en het podium bedekt.
Om het Action Safe-gebied te maken, kopieerde ik het vak, selecteer ik Bewerken> Plakken op zijn plaats en vervolgens gebruikte ik het menu Schalen en Roteren in Modify> Transform> Scale and Rotate en verkleinde de grootte van het vak tot 90 procent van het oorspronkelijke formaat. Alle belangrijke bewegingen in uw Flash-film moeten binnen dit gebied plaatsvinden.
De volgende stap was om de titel Safe Area te creëren. Ik heb opnieuw Bewerken> Plakken op plaats geselecteerd en deze keer heb ik in het dialoogvenster Schalen en Roteren het vak verkleind tot 80%. Het tegelveilige gedeelte zorgt ervoor dat de belangrijke titels duidelijk leesbaar zijn en niet worden bijgesneden. Dit is de reden waarom dit gebied 20% van de absolute rand van het podium ligt.
Vervolgens heb ik de laag met de vakken geconverteerd naar een geleidelaag door met de rechtermuisknop te klikken (klikken met de Command-toets bij gebruik van een Mac) op de laagnaam en de gids te selecteren in het snelmenu.
Het laatste waar ik aan wil beginnen is de kwestie van kleur. In mijn vorige zelfstudie noemde een van de commentatoren, Shaun, "hoef maar eens naar de felle kleuren te kijken - soms bloeden." Sommigen van jullie hebben dat misschien gelezen en zich afgevraagd: "Huh?"
Het feit is dat uw tv minder kleur weergeeft dan uw computerscherm. Uw monitor kan alle RGB-kleuren weergeven van 0 tot 255. Op het gebied van tv moet uw Flash-palet worden verkleind tot een bereik van 16 en 235. Zwart, [0,0,0], wordt eigenlijk verplaatst naar [16 , 16,16] wat betekent dat de kleuren tussen 0 en 16 worden afgekapt. Hetzelfde voor wit, [255,255,255]; het wordt teruggeschakeld naar [235,235,235]. De kleur die echt de neiging heeft te bloeden, is rood, u kunt deze verkleinen van [255,0,0] naar [200,16,16] en het staal toevoegen aan uw kleurenpalet.
Als het maken van aangepaste kleuren vervelend is, wilt u misschien eens naar het web gaan en het FlashNTSC-palet van Warren Fuller ophalen..
Het installeren is niet moeilijk. Open het deelvenster Flash-blokken en selecteer in het pop-upmenu de optie Kleuren vervangen. Wanneer het dialoogvenster Importeer kleurstaal wordt geopend, navigeert u naar de map waarin u het .clr-bestand hebt opgeslagen. Selecteer het bestand en klik op Openen.
Wanneer het dialoogvenster wordt gesloten, verschijnen de NTSC-stalen in het deelvenster Stalen.
Als u wilt terugkeren naar de standaardset Flash-stalen klikt u in het pop-upmenu van het poppepaneel en selecteert u Standaardkleuren laden.
In dit artikel behandelde ik Flash-bestanden voor uitzendweergave op een tv. Ik begon met uit te leggen hoe de Flash-stage een bepaalde beeldverhouding moest hebben en gaf je de stageformaten voor NTSC- en PAL-uitzendingen die geschikt waren voor de verschuiving van de vierkante pixels van een computermonitor naar de rechthoekige pixels op een tv.
Ik heb ook gesproken over het belang van frame rate en liet je een andere methode van exporteren om uit te zenden - PNG Sequence - die frame-nauwkeuriger is dan de gebruikelijke QuickTime-export uit Flash.
Vanaf daar ben ik begonnen met het identificeren van de Action Safe en Title Safe-gebieden van een scherm en legde ik uit hoe deze gebieden gemaakt kunnen worden met behulp van een Guide-laag. Ik eindigde met een korte bespreking van een aantal kleurproblemen, hoe hiermee om te gaan en waar je een gratis NTSC-staalbestand kunt ophalen.
Ik hoop dat, als je dit punt in het artikel hebt bereikt, je begrijpt dat er veel meer aan het proces is dan alleen Flash's QuickTime Exporter opstarten. Dat is de laatste stap in het proces.
Accentsconagua