Het doel van deze zelfstudie is om enkele basishulpmiddelen te demonstreren bij het helemaal opnieuw ontwikkelen van een dvd-bewegingsmenu. In ons voorbeeld wordt het bewegingsmenu 30 seconden afgespeeld en zijn de specificaties NTSC-formaat, met een beeldverhouding van 4:3. Voor deze zelfstudie zullen we een typisch "hoofdmenu" maken van een filmproject van lange duur. Het menu zelf zal een clip van 30 seconden uit onze film weergeven, evenals drie navigatieknoppen. De drie knoppen zijn Play Program, Scene Selection en Bonus Features.
Lees het volledige artikel DVD Motion Menu's.
Bekijk het transcriptHallo, ik ben Brian Brodeur van de New York DVD. Bedankt voor je deelname aan mijn DVD Motion Menu-tutorial. Vandaag zal ik je door de basiselementen leiden van het helemaal opnieuw maken van een bewegingsmenu, dat een clip van 30 seconden, drie knoppen en een achtergrond zal bevatten. Ik zal je door enkele basiselementen leiden van het gebruik van Photoshop en After Effects, en dan de uiteindelijke weergave en alle specificaties die je moet begrijpen om een professioneel, eenvoudig bewegingsmenu te maken.
Deze zelfstudie bevat een bewegingsmenu in NTSC-indeling en een beeldverhouding van vier bij drie. Hier is een kort stukje van de bewegingsclip die we zullen gebruiken. De drie knoppen die we in ons bewegingsmenu zullen gebruiken, zijn het afspeelprogramma, hoofdstukselectie en bonusfuncties. Dat is vrij typisch voor een speelfilm. Hier is een korte clip van ons uiteindelijke gerenderde bewegingsmenu.
Onze eerste stap zal zijn om onze basismenu-indeling in Photoshop te maken. Als we klaar zijn, wordt dit Photoshop-bestand geïmporteerd in After Effects, maar laten we voor nu beginnen met het starten van Photoshop en dan maken we een nieuw Photoshop-document. Oké, onze basismenulay-out zal bestaan uit een achtergrond, de drie tekstknoppen, en dan gaan we dat bestand opslaan om te importeren in After Effects.
Nu wordt Photoshop meestal geleverd met veel verschillende sjablonen die we kunnen openen en een nieuw bestand kunnen maken en het zal allemaal klaar zijn voor gebruik. De sjabloon die u wilt gebruiken, is NTSC D1 Square Pixels, 720 bij 540 met hulplijnen. Als je dat hebt, is dat een goed begin, als je dat niet hebt, kun je als volgt een aangepaste sjabloon maken die aan onze behoeften voldoet. Stel de documentbreedte in op 720 pixels, stel de documenthoogte in op 540 pixels, stel de resolutie in op 72 pixels per inch. Stel de kleurmodus in op RGB-kleur, ook met acht-bits diepte, en de geavanceerde instellingen moeten worden ingesteld op kleurprofiel SMPTE C en zorg ervoor dat de pixel-aspectverhouding vierkant is.
Oké, laat me het even hebben over vierkante pixels en rechthoekige pixels. Je kunt hier veel meer over te weten komen op internet, maar ik zal er hier een beetje op ingaan. Nu maken we al tien jaar dvd's en we hebben een workflow en een beleid dat werkt in vierkante pixels en vervolgens wordt geconverteerd naar rechthoekige pixels voor het coderingsproces en vervolgens wordt afgespeeld vanaf de dvd. Veel softwarepakketten zullen dit proces voor u elimineren en automatisch compenseren, maar voor ons, het creëren van bewegingsmenu's vanaf het begin, is dit ons proces. We zullen het Photoshop-document maken met vierkante pixels, 720 bij 540. Als we naar After Effects gaan, zal die compositie ook 720 bij 540 zijn, en wanneer we renderen, zullen we het menu verkleinen tot 720 bij 480, dan coderen we het, en het zal worden geassembleerd in de dvd-authoring. Wanneer dat menu wordt afgespeeld, hetzij op een LCD-scherm of een televisiemonitor, zullen de pixelverhoudingen correct worden weergegeven en zullen de beelden niet worden vervormd.
Oké, laat me het hebben over titel en actie, veilig, neem er twee. Oké, laten we de titel en actie veilig bespreken. Wanneer we ons bewegingsmenu op een computerscherm bekijken, zien we het hele beeld. Wanneer we kijken of menu's op een uitzendmonitor, kan een deel van de rand worden afgesneden vanwege de buis. Dit is vrij standaard in de branche. Wat we moeten doen, of waar we ons bewust van moeten zijn, is een rand van 10 procent rond de rand van ons menu, en we zullen al onze afbeeldingen en knoppen binnen die grens van 10 procent ontwerpen. Nu wordt die grens van 10 procent de titelkluis of titelbeveiliging genoemd. Nog eens 5 procent daarbuiten wordt de actiekluis genoemd. Nu kunt u uw menu's testen wanneer u ze op een dvd-r brandt en u kunt precies zien hoe ze worden afgespeeld op computers en uitzendmonitors, maar voor ons gebruik houden we graag die volledige rand van 10 procent voor onze knoppen en eventuele andere titels of afbeeldingen die we echt op ons menu willen zien. Ons menu heeft bijvoorbeeld de clip en de knoppen mooi gecentreerd in het midden, dus het is echt geen probleem, maar het is erg goed voor je om te weten voor welk project je ook aan het ontwerpen bent.
Nu we een Photoshop-document van 720 bij 540 hebben gemaakt, willen we beginnen met het maken van de achtergrondlaag voor ons bewegingsmenu. Voor deze zelfstudie heb ik de voorgrond- en achtergrondkleur genomen en het filter voor rendervezels gebruikt om een gestreepte eenvoudige achtergrond te maken. Je kunt een aantal dingen doen, wolken renderen, dat is een ander filter, je kunt een afbeelding, een verloop, een effen kleur plaatsen, wat je maar wilt. Maar voor deze tutorial hebben we donkergroen en zwart gebruikt en het creëert een eenvoudige achtergrond.
Oké, maak vervolgens een nieuwe laag in je Photoshop-document en gebruik je teksttool om drie regels tekst te maken met de tekst 'programma afspelen', 'hoofdstukselectie' en bonusfuncties. We hebben deze tekst in deze tutorial opgemaakt in hoofdletters. Het is over het algemeen 90 procent wit met een slagschaduw en het is gecentreerd, maar je kunt elk ontwerpgevoel gebruiken dat je wilt.
Voor de leesbaarheid tijdens het afspelen van uw dvd raden we u aan om 18-punts of groter te gebruiken. Voor deze tutorial zou iets tussen 30 en 36 punten prima werken, maar als je onder de 18 punten komt, wordt het moeilijk te lezen en krijg je wat gezoem van de tekst die er niet echt goed uitziet.
Nu de achtergrond en de tekstlaag zijn voltooid, gaan we dit bestand opslaan als menu.psd. Dit Photoshop-document wordt geïmporteerd in After Effects en vervolgens wordt onze clip toegevoegd en doorlopen we het weergaveproces.
Voor dit deel van de tutorial werken we met Adobe After Effects. Dit is een industriestandaard, motion graphics-compositing-software. Ik weet zeker dat sommigen van jullie de meest recente versie van deze software hebben, maar we zullen versie 5.5 gebruiken. Het is de oudste versie die we in onze studio hebben.
Wanneer je After Effects start, wordt er meestal een nieuw project gemaakt. We willen een nieuwe compositie maken. Je kunt dit op verschillende manieren doen, maar onder de vervolgkeuzelijst Compositie zie je een nieuwe compositie. Wanneer je dit doet, willen we opnieuw een vierkante pixel maken, een compositie van 720 bij 540 die 30 seconden lang is. We gebruikten een voorinstelling met het label NTSC D1 Square Pixels, 720 bij 540. We noemden het compositie-bewegingsmenu. De breedte en de hoogte zijn natuurlijk 720 en 540. We hebben de pixelverhouding vastgezet op vier bij drie. We hebben ervoor gezorgd dat de beeldverhouding vierkante pixels was. De framesnelheid zal 29,97 frames per seconde bedragen. We gebruiken de volledige resolutie en we gebruiken de begintijdcode van 0 frames over de hele linie, en natuurlijk is de eindtijdcode 30 seconden 0 frames. Nu komt deze 720 bij 540 After Effects-compositie exact overeen met de instellingen van ons Photoshop-bestand dat vierkante pixels was en ook 720 bij 540.
Nadat u uw compositie hebt gemaakt, ziet u een tijdlijnvenster verschijnen. Nu gaan we ons Photoshop-bestand importeren in After Effects om het naar de tijdlijn te brengen. Laten we het menu dat we in Photoshop hebben gemaakt importeren in After Effects. Gebruik de vervolgkeuzelijst Bestand om Bestand importeren te selecteren, met dat dialoogvenster, ga dan naar het menu.psd-bestand dat we zojuist hebben gemaakt, selecteer dat. En After Effects geeft ons de keuze om dat te importeren als samengevoegde lagen, dus al die lagen in één laag, of individuele lagen. Voor deze tutorial denk ik dat we gewoon samengevoegde lagen kunnen gebruiken, de achtergrond en de tekstknoppen komen als één laag binnen. In complexere animaties die we in de toekomst mogelijk zullen maken, zouden we afzonderlijke lagen maken, zodat we ze tijdens een animatie afzonderlijk als bewegende beelden zouden kunnen behandelen.
De volgende stap is het importeren van de bewegingsclip die we in ons bewegingsmenu zullen gebruiken. Omwille van deze tutorial gebruik ik een 30 seconden durende stock footage van Santa Monica. Het vervaagt in en vervaagt. Het is niet echt iets bijzonders, maar het is volledig scherm. Wat we willen doen, is dat het uiteindelijk een half scherm wordt, 320 bij 240, en dat de bewegingsclip net boven de drie tekstknoppen wordt afgespeeld. Hier is nog een clip van ons voltooide bewegingsmenu, zodat je kunt zien wat ik bedoel.
Gebruik dus dezelfde techniek als het menu, gebruik de vervolgkeuzelijst Bestand, selecteer Importeren en Bestand en ga op zoek naar uw bewegingsmenuclip; in mijn geval heet het clip.mov en wordt het bestand geïmporteerd in After Effects. Je zult in het projectvenster zien dat we ons menu.psd en onze clip.mov hebben, evenals de compositienaam, het bewegingsmenu. Wat we nu gaan doen, is die twee elementen, de clip en het menu, naar beneden in de tijdlijn slepen. Sleep het item menu.psd naar de tijdlijn onder de bronnaam. Door dit te doen, importeert dit de menu.psd, wat de achtergrond en de tekstknoppen zijn, als een laag in de tijdlijn en het zal het uitvullen naar het 0-frame.
Nu we de menu-achtergrond in de tijdlijn in After Effects hebben, willen we de bewegingsclip toevoegen aan een nieuwe laag boven de menu-achtergrond. Laten we dit doen door de clip.mov te slepen en neer te zetten in de kolom met de naam van de tijdlijnbron hierboven waar menu.psd staat. Wanneer ik het clip.mov-bestand erin sleep, verdoezelt het natuurlijk de knoppen die we op de achtergrond hebben gemaakt. Welnu, we gaan die bewegingsclip verkleinen naar 320 bij 240, zodat er genoeg ruimte is voor de knoppen en de clip om in het menu te leven.
Oké, laten we het formaat van onze bewegingsmenuclip aanpassen. Zorg ervoor dat je de laag clip.mov hebt die je zojuist in de tijdlijn hebt geïmporteerd, zorg ervoor dat je die hebt geselecteerd. Ga naar de vervolgkeuzelijst Laag, kies transformeren en vervolgens schalen. Dat opent een dialoogvenster waarmee u de schaal kunt wijzigen in 50 procent. Dit zijn de instellingen die u wilt gebruiken, de breedte en hoogte moeten 50 procent zijn, de eenheden zijn het percentage van de bron, behouden de huidige beeldverhouding en de pixelverhouding moet niet worden gecontroleerd.
Nu we de clip hebben verkleind tot de helft van zijn grootte, gebruikt u uw muis of pijlen om de clip boven de drie knoppen te verplaatsen. Nu is je After Effects-compositie klaar om te renderen. We hebben onze verkleinde bewegingsclip, we hebben onze drie knoppen en onze achtergrond, ze zitten allemaal in de tijdlijn en spelen 30 seconden. We zijn klaar om deze compositie toe te voegen aan de renderwachtrij. Om de compositie aan de renderwachtrij toe te voegen, gebruikt u de vervolgkeuzelijst onder Compositie en voegt u toe aan de renderwachtrij.
Het renderwachtrijvenster bevat vier secties onder de renderdetails. Deze secties zijn render-instellingen, uitvoermodule, log en uitvoer naar. De render-instellingen moeten een hyperlink van de huidige instellingen weergeven. Selecteer deze link, die een dialoogvenster opent. Geef de volgende parameters op met behulp van de vervolgkeuzemenu's en wijzig alleen de toepasselijke instellingen die ik opgeef. Voor het bewegingsmenu voor compositie willen we de kwaliteit als beste selecteren, resolutie als volledig, de tijdspanne moet de lengte van de compositie zijn, die we hebben ingesteld op 30 seconden.
Zodra deze render-instellingen zijn opgegeven, drukt u op OK en kiest u de hyperlink van de uitvoermodule. Dit opent een ander dialoogvenster. Deze fase van de tutorial is misschien wel de belangrijkste, omdat we hier het menu gaan verkleinen van 720/540 vierkante pixels naar 720/480 rechthoekige pixels of DV-formaat.
Zorg ervoor dat, terwijl het dialoogvenster van de uitvoermodule is geopend, de vervolgkeuzelijst voor formaat is ingesteld op snelle film. Je zou MPEG 2 kunnen kiezen als je dat hebt geïnstalleerd, maar laten we het voor deze tutorial maar even laten. Zorg ervoor dat het selectievakje voor video-uitvoer is aangevinkt en selecteer de knop voor formaatopties. Stel de volgende parameters in in het dialoogvenster dat verschijnt en kies OK als je klaar bent. Het compressietype moet DV, DVC Pro NTSC zijn. Beweging moet frames per seconde gelijk zijn aan 29,97. De compressor moet kwaliteit gelijk zijn aan de beste en dat is een slider instelling. De scanmodus moet interlaced zijn en de beeldverhouding moet 4,3 zijn.
Selecteer vervolgens het selectievakje Uitrekken, dat de huidige weergave-instellingen moet weergeven als 720 bij 540. Selecteer het vervolgkeuzemenu Uitrekken tot en verander de selectie van aangepast in NTSC DV 720 bij 480. Zorg ervoor dat de vervolgkeuzelijst voor schaalkwaliteit is ingesteld op hoog.
Voor deze zelfstudie zullen we dit bestand zonder audio uitvoeren, dus het selectievakje voor audio-uitvoer moet uitgeschakeld blijven onder aan het dialoogvenster met instellingen van de uitvoermodule. Selecteer nu OK om de instellingen voor het dialoogvenster met instellingen van de uitvoermodule te sluiten en op te slaan.
Keer terug naar het dialoogvenster voor de weergavewachtrij en laat de vervolgkeuzelijst voor logbestanden alleen op fouten staan. Gebruik de output naar hyperlink om een bestemming in te stellen voor het Quick Time-bestand dat moet worden opgeslagen. Met alle vier de instellingen in de renderwachtrij, kun je nu op de renderknop rechtsboven drukken. Hiermee begint het proces van het uitvoeren van uw bestand naar de bestemming die u hebt opgegeven. Zodra dat is voltooid, kunt u dat snelle tijdbestand openen en de uiteindelijke bewegingsweergave bekijken die we zojuist hebben gemaakt. Vanaf deze stap kunt u natuurlijk naar een encoder gaan en het MPEG 2-bestand maken dat aan uw authoring wordt toegevoegd en op uw dvd wordt afgespeeld.
Bedankt voor je deelname aan deze dvd-bewegingsmenu-tutorial en veel succes met al je ontwerpen en het ontwikkelen van bewegingsmenu's in de toekomst. Wees voorzichtig.
[Einde van audio]