L'obiettivo di questo tutorial è dimostrare alcuni strumenti di base per lo sviluppo di un menu animato DVD da zero. Nel nostro esempio, il menu di movimento verrà riprodotto per 30 secondi e le specifiche saranno in formato NTSC, utilizzando un rapporto di aspetto 4:3. Per questo tutorial, creeremo un tipico "menu principale" da un progetto di un lungometraggio. Il menu stesso mostrerà una clip di 30 secondi del nostro film, oltre a tre pulsanti per la navigazione. I tre pulsanti saranno Play Program, Scene Selection e Bonus Features.
Leggi l'articolo completo Menu DVD Motion.
Visualizza la trascrizioneCiao, sono Brian Brodeur del DVD di New York. Grazie per esserti unito a me per il mio tutorial su DVD Motion Menu. Oggi ti guiderò attraverso gli elementi di base della creazione di un menu animato da zero, che includerà una clip di 30 secondi, tre pulsanti e uno sfondo. Ti guiderò attraverso alcuni elementi di base dell'utilizzo di Photoshop e After Effects, quindi il rendering finale e tutte le specifiche che devi comprendere per creare un menu animato semplice e professionale.
Questo tutorial includerà un menu di movimento in formato NTSC e proporzioni quattro per tre. Ecco un breve pezzo della clip in movimento che useremo. I tre pulsanti che useremo nel nostro menu di movimento saranno il programma di riproduzione, la selezione dei capitoli e le funzioni bonus. Questo è abbastanza tipico per un lungometraggio. Ecco una breve clip del nostro menu di animazione renderizzato finale.
Il nostro primo passo sarà creare il nostro layout di menu di base in Photoshop. Al termine, questo file di Photoshop verrà importato in After Effects, ma per ora iniziamo avviando Photoshop e creeremo un nuovo documento Photoshop. Ok, il layout del menu di base comprenderà uno sfondo, i tre pulsanti di testo e quindi salveremo il file per l'importazione in After Effects.
Ora, Photoshop di solito viene fornito con molti modelli diversi che possiamo aprire e creare un nuovo file e sarà tutto pronto per l'uso. Il modello che desideri utilizzare sarà NTSC D1 Square Pixels, 720 per 540 con Guide. Se lo hai, è un ottimo inizio, in caso contrario, ecco come creare un modello personalizzato che soddisfi le nostre esigenze. Imposta la larghezza del documento su 720 pixel, imposta l'altezza del documento su 540 pixel, imposta la risoluzione su 72 pixel per pollice. Imposta la modalità colore su Colore RGB, anche con profondità di otto bit, e le impostazioni avanzate dovrebbero essere il profilo colore SMPTE C e assicurati che le proporzioni pixel siano quadrate.
Ok, vorrei parlare un po' di pixel quadrati e pixel rettangolari. Puoi scoprire molto di più su questo sul web, ma lo toccherò un po 'qui. Ora, produciamo DVD da dieci anni e abbiamo un flusso di lavoro e una politica che funziona in pixel quadrati e quindi converte in pixel rettangolari per il processo di codifica e quindi riproduce dal DVD. Molti pacchetti software elimineranno questo processo per te e compenseranno automaticamente, ma per noi, creando menu animati da zero, questo è il nostro processo. Creeremo il documento di Photoshop utilizzando pixel quadrati, 720 per 540. Quando andiamo su After Effects, anche quella composizione sarà 720 per 540 e, quando eseguiamo il rendering, riduciamo il menu a 720 per 480, quindi codifichiamo it, e verrà assemblato nell'authoring del DVD. Quando quel menu viene riprodotto, su un display LCD o su un monitor di trasmissione, i rapporti dei pixel appariranno corretti e le immagini non saranno distorte.
Ok, lasciami toccare il titolo e l'azione sicura, prendine due. Ok, discutiamo del titolo e dell'azione in sicurezza. Quando visualizziamo il nostro menu di movimento sul monitor di un computer, vediamo l'intera immagine. Quando visualizziamo o menu su un monitor di trasmissione, alcuni dei bordi potrebbero essere tagliati a causa del tubo. Questo è abbastanza standard nel settore. Quello che dobbiamo fare, o di cui dobbiamo essere consapevoli, è un bordo del 10 percento attorno al bordo del nostro menu e progetteremo tutta la nostra grafica e i pulsanti all'interno di quel bordo del 10 percento. Ora, quel confine del 10 percento è chiamato titolo sicuro o titolo sicuro. Un altro 5% al di fuori di questo è chiamato azione sicura. Ora puoi testare i tuoi menu quando li masterizzi su un DVD-R e puoi vedere esattamente come vengono riprodotti su computer e monitor di trasmissione, ma per il nostro uso, ci piace mantenere quel limite completo del 10 percento per i nostri pulsanti e qualsiasi altri titoli o grafiche che vorremo davvero vedere nel nostro menu. Per il nostro esempio, il nostro menu ha la clip e i pulsanti ben centrati al centro, quindi non è davvero un problema, ma è molto utile per te sapere indipendentemente dal progetto per cui stai progettando.
Ora, una volta creato un documento Photoshop 720 per 540, vogliamo iniziare creando il livello di sfondo per il nostro menu animato. Ora, per questo tutorial, quello che ho fatto è prendere il colore di primo piano e di sfondo e utilizzare il filtro delle fibre di rendering per creare uno sfondo semplice striato. Puoi fare un numero qualsiasi di cose, rendere le nuvole, questo è un altro filtro, puoi inserire un'immagine, una sfumatura, un colore solido, qualunque cosa tu voglia fare. Ma per questo tutorial, abbiamo usato un verde scuro e un nero e crea uno sfondo semplice.
Ok, quindi, crea un nuovo livello nel tuo documento Photoshop e usa il tuo strumento di testo per creare tre righe di testo che dicono programma di riproduzione, selezione dei capitoli e funzioni bonus. Abbiamo formattato questo testo in questo tutorial in maiuscolo. In genere è bianco al 90 percento con un'ombra esterna ed è centrato, ma puoi usare il senso del design che desideri.
Ora, per la leggibilità durante la riproduzione del DVD, ti consigliamo di utilizzare un tipo a 18 punti o più grande. Per questo tutorial, qualcosa tra 30 e 36 punti funzionerebbe bene, ma quando si scende al di sotto di 18 punti diventa difficile da leggere e si otterrà un ronzio del testo che non sembrerà proprio giusto.
Con lo sfondo e il livello di testo completi, salviamo questo file come menu.psd. Questo documento Photoshop verrà importato in After Effects, quindi verrà aggiunta la nostra clip e seguiremo il processo di rendering.
Per questa parte del tutorial, lavoreremo con Adobe After Effects. Questo è un software di compositing per grafica animata standard del settore. Sono sicuro che alcuni di voi hanno la versione più recente di questo software, ma useremo la versione 5.5. È la versione più vecchia che abbiamo nel nostro studio.
Quando avvii After Effects, in genere viene creato un nuovo progetto. Vogliamo creare una nuova composizione. Puoi farlo in vari modi, ma sotto il menu a discesa chiamato Composizione vedrai una nuova composizione. Quando lo fai, vogliamo creare, ancora, un pixel quadrato, una composizione di 720 per 540 lunga 30 secondi. Abbiamo usato un preset chiamato NTSC D1 Square Pixels, 720 per 540. Abbiamo chiamato il menu di movimento della composizione. La larghezza e l'altezza, ovviamente, sono 720 e 540. Abbiamo bloccato le proporzioni dei pixel su quattro per tre. Ci siamo assicurati che le proporzioni fossero pixel quadrati. La frequenza dei fotogrammi sarà di 29,97 fotogrammi al secondo. Stiamo usando la risoluzione al massimo e stiamo usando il codice temporale di inizio di 0 fotogrammi su tutta la linea e, naturalmente, il codice temporale finale sarà di 30 secondi e 0 fotogrammi. Ora, questa composizione After Effects 720 per 540 corrisponderà esattamente alla configurazione del nostro file Photoshop che era pixel quadrati e anche 720 per 540.
Dopo aver creato la tua composizione, vedrai apparire una finestra della sequenza temporale. Ora importeremo il nostro file Photoshop in After Effects per riportarlo nella timeline. Importiamo il menu che abbiamo creato in Photoshop in After Effects. Usa il menu a discesa File per selezionare Importa file, con quella finestra di dialogo, quindi vai a cercare il file menu.psd che abbiamo appena creato, selezionalo. E After Effects ci darà la possibilità di importarlo come livelli uniti, quindi tutti quei livelli in un livello o livelli individuali. Per il bene di questo tutorial, penso che possiamo semplicemente usare livelli uniti, lo sfondo e i pulsanti di testo entreranno in un unico livello. Nelle animazioni più complesse che potremmo realizzare in futuro, creeremmo livelli individuali in modo da poterli trattare come grafica animata separatamente durante un'animazione.
Il prossimo passo sarà importare il clip animato che useremo nel nostro menu animato. Per il bene di questo tutorial, sto usando un filmato di 30 secondi di Santa Monica. Svanisce e svanisce. Non è davvero niente di speciale, ma è a schermo intero. Quello che vogliamo fare è alla fine ridurlo a metà schermo, 320 per 240, e quel clip in movimento verrà riprodotto appena sopra i tre pulsanti del testo. Ecco un'altra clip del nostro menu animato finito, così puoi capire cosa intendo.
Quindi, usando la stessa tecnica del menu, usa il menu a discesa File, seleziona Importa e File e vai a trovare la clip del menu animato; nel mio caso, si chiama clip.mov e il file verrà importato in After Effects. Vedrai nella finestra del progetto che abbiamo il nostro menu.psd e il nostro clip.mov, oltre al nome della composizione, menu di movimento. Quello che faremo ora è trascinare questi due elementi, la clip e il menu, nella timeline. Trascina e rilascia la risorsa menu.psd nella timeline sotto dove dice il nome della fonte. In questo modo, questo importerà il menu.psd, che è lo sfondo e i pulsanti di testo, come livello nella timeline e lo giustificherà al frame 0.
Ora che abbiamo lo sfondo del menu nella timeline in After Effects, vogliamo aggiungere la clip di movimento a un nuovo livello sopra lo sfondo del menu. Facciamolo trascinando e rilasciando clip.mov nella colonna del nome della sorgente della timeline sopra dove si trova menu.psd. Quando trascino il file clip.mov al suo interno, naturalmente i pulsanti che abbiamo creato in background vengono oscurati. Bene, ridimensioneremo la clip in movimento a 320 per 240 in modo che ci sia spazio sufficiente per i pulsanti e la clip per vivere nel menu.
Ok, ridimensioniamo il clip del menu animato. Assicurati di avere il livello chiamato clip.mov che hai appena importato nella timeline, assicurati di averlo selezionato. Vai al menu a tendina Layer, scegli trasforma e poi ridimensiona. Si aprirà una finestra di dialogo che ti consentirà di modificare la scala al 50 percento. Ecco le impostazioni che desideri utilizzare, la larghezza e l'altezza devono essere del 50 percento, le unità sono la percentuale della sorgente, mantenere le proporzioni correnti e includere le proporzioni dei pixel non devono essere selezionate.
Ora che abbiamo ridimensionato la clip alla metà delle sue dimensioni, usa il mouse o le frecce per riposizionare la clip sopra i tre pulsanti. Ora la composizione di After Effects è pronta per il rendering. Abbiamo il nostro clip in movimento ridimensionato, abbiamo i nostri tre pulsanti e il nostro sfondo, si trovano tutti nella timeline e giocano per 30 secondi. Siamo pronti per aggiungere questa composizione alla coda di rendering. Per aggiungere la composizione alla coda di rendering, utilizza il menu a discesa in Composizione e aggiungi alla coda di rendering.
La finestra della coda di rendering presenta quattro sezioni sotto i dettagli di rendering. Queste sezioni sono impostazioni di rendering, modulo di output, registro e output su. Le impostazioni di rendering dovrebbero visualizzare un collegamento ipertestuale delle impostazioni correnti. Seleziona questo link, che aprirà una finestra di dialogo. Specificare i seguenti parametri utilizzando i menu a discesa e modificare solo le impostazioni applicabili che sto specificando. Per il menu di movimento della composizione, vogliamo selezionare la qualità migliore, la risoluzione al massimo, l'intervallo di tempo dovrebbe essere la durata della composizione, che impostiamo a 30 secondi.
Una volta specificate queste impostazioni di rendering, premi OK e scegli il collegamento ipertestuale del modulo di output. Si aprirà un'altra finestra di dialogo. Questa fase del tutorial è forse la più importante perché è qui che andremo a ridurre il menu da 720/540 pixel quadrati a 720/480 pixel rettangolari o formato DV.
Con la finestra di dialogo del modulo di output aperta, assicurati che il menu a discesa del formato sia impostato su Quick Time Movie. Puoi scegliere MPEG 2 se lo hai installato, ma per questo tutorial, lasciamo perdere velocemente. Assicurati che la casella di controllo dell'output video sia selezionata e seleziona il pulsante delle opzioni di formato. Imposta i seguenti parametri all'interno della finestra di dialogo che appare e scegli OK quando hai finito. Il tipo di compressione dovrebbe essere DV, DVC Pro NTSC. Il movimento dovrebbe essere fotogrammi al secondo pari a 29,97. Il compressore dovrebbe essere di qualità uguale al migliore e questa è un'impostazione del dispositivo di scorrimento. La modalità di scansione dovrebbe essere interlacciata e le proporzioni dovrebbero essere 4,3.
Quindi, seleziona la casella di controllo allunga, che dovrebbe mostrare le impostazioni di rendering correnti come 720 per 540. Seleziona il menu a discesa allunga e modifica la selezione da personalizzata a NTSC DV 720 per 480. Assicurati che il menu a discesa della qualità di ridimensionamento sia impostato su alto.
Per questo tutorial, produrremo questo file senza audio, quindi la casella di controllo dell'output audio dovrebbe rimanere deselezionata nella parte inferiore della finestra di dialogo delle impostazioni del modulo di output. Ora seleziona OK per chiudere e salvare le impostazioni per la finestra di dialogo delle impostazioni del modulo di output.
Tornando alla finestra di dialogo della coda di rendering, lascia il menu a discesa del registro impostato solo su errori. Utilizzare l'output per il collegamento ipertestuale per impostare una destinazione per il salvataggio del file Quick Time. Con tutte e quattro le impostazioni configurate nella coda di rendering, ora puoi premere il pulsante di rendering in alto a destra. Questo avvierà il processo di output del tuo file nella destinazione che hai specificato. Una volta completato, puoi aprire quel file di tempo rapido e rivedere il rendering del movimento finale che abbiamo appena creato. Naturalmente, da questo passaggio, puoi passare a un codificatore e creare il file MPEG 2 che verrà aggiunto al tuo authoring e riprodotto nel tuo DVD.
Grazie per esserti unito a me per questo tutorial su DVD Motion Menu e buona fortuna per tutto il tuo sviluppo di authoring e motion menu in futuro. Abbi cura di te.
[Fine dell'audio]