Målet med denna handledning är att demonstrera några grundläggande verktyg för att utveckla en DVD-rörelsemeny från grunden. I vårt exempel kommer rörelsemenyn att spelas upp i 30 sekunder, och specifikationerna kommer att vara NTSC-format, med ett bildförhållande på 4:3. För den här handledningen kommer vi att skapa en typisk "huvudmeny" från ett filmprojekt i långfilmslängd. Menyn i sig kommer att visa ett 30-sekunders klipp från vår film, samt tre knappar för navigering. De tre knapparna kommer att vara Spela Program, Scenval och Bonusfunktioner.
Läs hela artikeln DVD Motion Menus.
Se avskriftenHej, jag heter Brian Brodeur från New York DVD. Tack för att du följde med mig på min DVD Motion Menu-handledning. Idag kommer jag att gå igenom de grundläggande delarna av att skapa en rörelsemeny från början, som kommer att innehålla ett 30-sekunders klipp, tre knappar och en bakgrund. Jag kommer att gå igenom några grundläggande delar av att använda Photoshop och After Effects, och sedan den slutliga renderingen och alla specifikationer du behöver förstå för att skapa en professionell, enkel rörelsemeny.
Den här handledningen kommer att innehålla en rörelsemeny i NTSC-format och bildförhållande fyra gånger tre. Här är en kort del av rörelseklippet som vi kommer att använda. De tre knapparna vi kommer att använda i vår rörelsemeny kommer att vara spelprogram, kapitelval och bonusfunktioner. Det är ganska typiskt för en långfilm. Här är ett kort klipp av vår sista renderade rörelsemeny.
Vårt första steg blir att skapa vår grundläggande menylayout i Photoshop. När vi är klara kommer denna Photoshop-fil att importeras till After Effects, men låt oss börja med att starta Photoshop så skapar vi ett nytt Photoshop-dokument. Okej, vår grundläggande menylayout kommer att bestå av en bakgrund, de tre textknapparna, och sedan ska vi spara den filen för import till After Effects.
Nu kommer Photoshop vanligtvis med en massa olika mallar som vi kan öppna och skapa en ny fil och det kommer att vara klart för oss att använda. Mallen du vill använda kommer att vara NTSC D1 Square Pixels, 720 gånger 540 med guider. Om du har det är det en bra början, om du inte gör det, här är hur du skapar en anpassad mall som passar våra behov. Ställ in dokumentets bredd till 720 pixlar, ställ in dokumenthöjden till 540 pixlar, ställ in upplösningen till 72 pixlar per tum. Ställ in färgläget på RGB-färg, också med åtta-bitars djup, och de avancerade inställningarna bör ställas in färgprofilen SMPTE C, och se till att pixel-bildförhållandet är kvadratiskt.
Okej, låt mig prata lite om kvadratiska pixlar och rektangulära pixlar. Du kan ta reda på mycket mer om detta på webben men jag ska beröra det lite här. Nu har vi gjort DVD-skivor i tio år och vi har ett arbetsflöde och en policy som fungerar i kvadratiska pixlar och sedan konverteras till rektangulära pixlar för kodningsprocessen och sedan spela upp DVD:n. Många mjukvarupaket kommer att eliminera denna process för dig och automatiskt kompensera, men för oss, att skapa rörelsemenyer från grunden, är detta vår process. Vi kommer att skapa Photoshop-dokumentet med kvadratiska pixlar, 720 gånger 540. När vi går till After Effects kommer den kompositionen också att vara 720 gånger 540, och när vi renderar ut kommer vi att pressa ner menyn till 720 gånger 480, sedan kodar vi det, och det kommer att sättas ihop till DVD-författaren. När den menyn spelas upp, antingen på en LCD-skärm eller en sändningsmonitor, kommer pixelförhållandena att visas korrekt och bilderna kommer inte att förvrängas.
Okej, låt mig beröra titel och handling säker, ta två. Okej, låt oss diskutera titel och handling säkert. När vi tittar på vår rörelsemeny på en datorskärm ser vi hela bilden. När vi tittar på eller menyer på en sändningsmonitor kan en del av kanten skäras av på grund av röret. Detta är ganska standard i branschen. Vad vi behöver göra, eller vad vi behöver vara medvetna om är en 10-procentig kant runt kanten av vår meny, och vi kommer att designa all vår grafik och alla knappar inom den 10-procentiga gränsen. Nu kallas den 10-procentiga gränsen titeln säker eller titelsäkerhet. Ytterligare 5 procent utanför det kallas handlingssäker. Nu kan du testa dina menyer när du bränner dem till en DVD-R och du kan se exakt hur de spelas upp på datorer och sändningsmonitorer, men för vår användning vill vi behålla hela 10-procentsgränsen för våra knappar och alla annan rubrik eller grafik som vi verkligen vill se på vår meny. För vårt exempel har vår meny klämman och knapparna snyggt centrerade i mitten, så det är verkligen inget problem, men det är väldigt bra för dig att veta om oavsett vilket projekt du designar för.
Nu, när vi väl har skapat ett 720 x 540 Photoshop-dokument, vill vi börja med att skapa bakgrundslagret för vår rörelsemeny. Nu, för den här handledningen, vad jag har gjort är att ta förgrunds- och bakgrundsfärgen och använda renderingsfiberfiltret för att skapa en strimmig enkel bakgrund. Du kan göra hur många saker som helst, rendera moln, det är ett annat filter, du kan lägga in en bild, en gradient, en solid färg, vad du än vill göra. Men för den här handledningen använde vi en mörkgrön och en svart och det skapar en enkel bakgrund.
Okej, skapa sedan ett nytt lager i ditt Photoshop-dokument och använd ditt textverktyg för att skapa tre textrader som säger spelprogram, kapitelval och bonusfunktioner. Vi har formaterat den här texten i den här handledningen så att den är kapell. Den är i allmänhet 90 procent vit med en skugga och den är centrerad, men du kan använda vilken designkänsla du vill.
Nu, för läsbarhet under din DVD-uppspelning, rekommenderar vi att du använder 18-punktstyp eller större. För den här handledningen skulle något mellan 30 och 36 poäng fungera bra, men när du kommer under 18 poäng blir det svårt att läsa och du kommer att få en del surrande av texten som inte ser riktigt bra ut.
Med bakgrunden och textlagret färdiga, låt oss spara den här filen som menu.psd. Detta Photoshop-dokument kommer att importeras till After Effects och sedan läggs vårt klipp till och vi går igenom renderingsprocessen.
För den här delen av handledningen kommer vi att arbeta med Adobe After Effects. Detta är en industristandard för sammansättning av rörlig grafik. Jag är säker på att några av er har den senaste versionen av denna programvara, men vi kommer att använda version 5.5. Det är den äldsta versionen som vi har i vår studio.
När du startar After Effects skapar det vanligtvis ett nytt projekt. Vi vill skapa en ny komposition. Du kan göra detta på en mängd olika sätt, men under rullgardinsmenyn som heter Komposition ser du ny komposition. När du gör detta vill vi återigen skapa en kvadratisk pixel, 720 x 540 komposition som är 30 sekunder lång. Vi använde en förinställning som var märkt NTSC D1 Square Pixels, 720 gånger 540. Vi kallade kompositionsmenyn för rörelse. Bredden och höjden är förstås 720 och 540. Vi låste bildpunktsförhållandet till fyra gånger tre. Vi såg till att bildförhållandet var kvadratiska pixlar. Bildfrekvensen blir 29,97 bilder per sekund. Vi använder upplösningen fullt ut och vi använder starttidskoden på 0 ramar över hela linjen, och naturligtvis kommer sluttidskoden att vara 30 sekunder 0 ramar. Nu kommer den här After Effects-kompositionen på 720 x 540 exakt att matcha inställningarna för vår Photoshop-fil som var kvadratiska pixlar och 720 gånger 540 också.
När du har skapat din komposition ser du ett tidslinjefönster. Nu ska vi importera vår Photoshop-fil till After Effects för att få ner till tidslinjen. Låt oss importera menyn som vi skapade i Photoshop till After Effects. Använd filrullgardinsmenyn för att välja Importera fil, med den dialogrutan, leta sedan upp menu.psd-filen som vi just skapade, välj den. Och After Effects ger oss valet att importera det som sammanslagna lager, så alla dessa lager till ett lager eller enskilda lager. För den här handledningens skull tror jag att vi bara kan använda sammanslagna lager, bakgrunden och textknapparna kommer in som ett lager. I mer komplexa animationer som vi kan göra i framtiden skulle vi göra individuella lager så att vi kunde behandla dem som rörlig grafik separat under en animering.
Nästa steg kommer att importera rörelseklippet som vi kommer att använda i vår rörelsemeny. För den här handledningens skull använder jag en 30 sekunder lång bild av Santa Monica. Det tonar in och tonar ut. Det är egentligen inget speciellt, men det är helskärm. Vad vi vill göra är att vi så småningom vill få ner det till halvskärm, 320 gånger 240, och det rörelseklippet kommer att spelas precis ovanför de tre textknapparna. Här är ytterligare ett klipp av vår färdiga rörelsemeny så att du kan se vad jag menar.
Så använd samma teknik som menyn, använd rullgardinsmenyn Arkiv, välj Importera och Arkiv och leta upp ditt rörelsemenyklipp; i mitt fall heter det clip.mov och filen kommer att importeras till After Effects. Du ser i projektfönstret att vi har vår menu.psd och vår clip.mov, samt kompositionsnamnet, rörelsemenyn. Vad vi ska göra nu är att dra de två elementen, klippet och menyn, ner till tidslinjen. Dra och släpp menu.psd-tillgången till tidslinjen under där det står källnamn. Genom att göra detta kommer detta att importera menu.psd, som är bakgrunden och textknapparna, som ett lager i tidslinjen och det kommer att justera den till 0-ramen.
Nu när vi har menybakgrunden i tidslinjen i After Effects vill vi lägga till rörelseklippet till ett nytt lager ovanför menybakgrunden. Låt oss göra detta genom att dra och släppa clip.mov i tidslinjens källnamnskolumn ovan där menu.psd är. När jag drar clip.mov-filen i den döljer den naturligtvis knapparna som vi har skapat i bakgrunden. Tja, vi kommer att ändra storleken på det rörelseklippet till 320 gånger 240 så att det finns tillräckligt med utrymme för knapparna och klippet att leva på menyn.
Okej, låt oss ändra storlek på vårt rörelsemenyklipp. Se till att du har lagret som heter clip.mov som du just importerade till tidslinjen, se till att du har valt det. Gå till rullgardinsmenyn Lager, välj transformera och skala sedan. Det öppnar en dialogruta som låter dig ändra skalan till 50 procent. Här är inställningarna som du vill använda, bredden och höjden ska vara 50 procent, enheterna är procent av källan, bevara det aktuella bildförhållandet och inkludera pixelformatet bör inte markeras.
Nu när vi har ändrat storleken på klippet till hälften av dess storlek, använd musen eller pilarna för att flytta klippet ovanför de tre knapparna. Nu är din After Effects-komposition redo att renderas. Vi har vårt rörelseklipp i storlek, vi har våra tre knappar och vår bakgrund, de sitter alla i tidslinjen och spelar i 30 sekunder. Vi är redo att lägga till den här kompositionen i renderingskön. För att lägga till kompositionen i renderingskön, använd rullgardinsmenyn under Komposition och lägg till i renderingskön.
Renderingköfönstret har fyra sektioner under renderingsdetaljerna. Dessa avsnitt är renderingsinställningar, utgångsmodul, logg och utgång till. Återgivningsinställningarna ska visa en hyperlänk med aktuella inställningar. Välj den här länken, som öppnar en dialogruta. Ange följande parametrar med hjälp av rullgardinsmenyerna och ändra endast de tillämpliga inställningarna som jag anger. För kompositionsrörelsemenyn vill vi välja kvaliteten som bäst, upplösningen som full, tidsintervallet bör vara längden på kompositionen, som vi ställer in på 30 sekunder.
När dessa renderingsinställningar har angetts, tryck OK och välj hyperlänken för utdatamodulen. Detta öppnar en annan dialogruta. Det här steget i handledningen är kanske det viktigaste eftersom det är här vi kommer att pressa menyn från 720/540 kvadratpixlar till 720/480 rektangulära pixlar eller DV-format.
Med utdatamodulens dialogruta öppen, se till att formatrullgardinsmenyn är inställd på snabbtidsfilm. Du kan välja MPEG 2 om du har det installerat, men för denna handledning, låt oss lämna den så fort som möjligt. Se till att kryssrutan för videoutgång är markerad och välj knappen för formatalternativ. Ställ in följande parametrar i dialogrutan som visas och välj OK när du är klar. Kompressionstypen bör vara DV, DVC Pro NTSC. Rörelse bör vara bilder per sekund lika med 29,97. Kompressorn ska vara den bästa kvaliteten och det är en reglageinställning. Skanningsläget ska vara sammanflätat och bildförhållandet ska vara 4,3.
Välj sedan kryssrutan för sträckning, som ska visa de aktuella renderingsinställningarna som 720 x 540. Välj rullgardinsmenyn sträck till och ändra valet från anpassad till NTSC DV 720 med 480. Se till att rullgardinsmenyn för skalningskvalitet är inställd på hög.
För den här handledningen kommer vi att mata ut den här filen utan ljud, så kryssrutan för ljudutgång bör förbli avmarkerad längst ned i dialogrutan för inställningar för utdatamodulen. Välj nu ok för att stänga och spara inställningarna för utgångsmodulens inställningsdialogruta.
För att återgå till dialogrutan för renderingskön, lämna rullgardinsmenyn endast inställd på fel. Använd output till hyperlänk för att ställa in en destination för snabbtidsfilen som ska sparas. Med alla fyra inställningarna inställda i renderingskön kan du nu trycka på render-knappen uppe till höger. Detta kommer att påbörja processen att mata ut din fil till den destination du angav. När det är klart kan du öppna den snabba tidsfilen och granska den sista rörelserenderingen som vi just skapade. Naturligtvis, från det här steget, kan du gå till en kodare och skapa MPEG 2-filen som kommer att läggas till i din redigering och spelas upp på din DVD.
Tack för att du följde med mig för denna DVD Motion Menu-handledning och lycka till med all utveckling av författar- och rörelsemeny i framtiden. Ta hand om dig.
[Slut på ljud]