Going on Holidays?

TAKE IT WITH YOU!

Get a Library Pass and all Downloads are just $999

JULY ONLY

To learn more, check out our

Plans & Pricing
(Close)
Forgot password?
AskAudio Magazine
Join Now! Watch Tutorials
macProVideo.com
Close

Premium Accesso libero

Accedere alla nostra libreria di articoli Hub Premium, file di progetto e il primo 10% di ogni tutorial-video dalla libreria di tutorial online .

Crea un account gratuito ora!

Share this article with friends!

Nozioni di base dopo Cartoon Effects: Monty Python Bocca Animazione
Tradotto da Google Translate

Sono sicuro che molti di voi hanno visto l'animazione stilizzata bocca fumetto popolare da Terry Gilliam in originale serie Monty Python. Ecco un buon esempio (anche se il video è di pessima qualità):


Il concetto è semplice: prendere un fermo immagine del volto di una persona, e creare una base in playback animazione muovendo la bocca dell'immagine su e giù nel tempo con la traccia audio. (Questo concetto è stato aggiornato di recente con grande effetto nel popolare Jib Jab-animazioni hai anche probabilmente visto.)

In questo tutorial, stiamo per mostrare le basi per creare il proprio stile Monty Python animazioni bocca in After Effects . Cominciamo.


Fase 1 - Assemblare il patrimonio

Per prima cosa, avrete bisogno di un'immagine e alcune audio con cui lavorare. Ho intenzione di utilizzare una scala-on colpo del mio viso, che mostra un sacco di denti, ma con la bocca chiusa altrimenti:

Lainhart face


Un'immagine così sarà più facile da lavorare, almeno per il primo tentativo a questo. Avrete anche bisogno di un qualche tipo di audio voce fuori campo per sincronizzare la bocca per, qui è mio, ma è possibile registrare facilmente il proprio con quello del computer microfono incorporato:

[Audio id = "7970"]


Quando si registra l'audio, assicurarsi di registrare su un buon livello alto, e ridurre al minimo suono di sottofondo. In questo modo sarà più facile individuare le tue parole nella forma d'onda più tardi.


Passo 2 - impostare il progetto

Quindi, aprire After Effects, importare i file di origine nel nuovo progetto e creare una nuova composizione, qualcosa di simile:

New composition


Assicurati di rendere il vostro colore di sfondo nero, come noi vedremo che quando facciamo la nostra animazione. Questo sfondo nero crea l'illusione della parte interna della bocca come si apre e si chiude.


Fase 3 - Set Up Your Livelli

Successivamente, trascinare due copie della vostra immagine viso nel riquadro Livello della linea temporale, a partire dalla stessa ora e nella stessa posizione. Trascinare il livello audio anche:

Placing images and audio in the Timeline


Fase 4 - mascherare il livello della bocca

Il nostro prossimo passo è quello di mascherare i nostri due livelli per creare una bocca separato possiamo animare. Fondamentalmente, abbiamo bisogno di avere la parte della bocca da animare, come un livello separato, mentre nello strato dietro di esso, abbiamo bisogno di nero in quella zona in modo che come livello di bocca si muove il nero sarà rivelato, creando l'illusione di l'interno della bocca. Quindi, abbiamo bisogno di isolare solo la bocca su un livello separato, mentre il taglio un foro corrispondente del livello alle spalle. Potremmo farlo in Photoshop, ma è facile da fare in After Effects troppo, quindi lo faremo qui.

In primo luogo, fare doppio clic sul livello superiore per aprirlo in una finestra Layer proprio. Selezionare lo strumento Penna (G), e disegnare una maschera intorno alla parte inferiore della bocca per isolarlo dal resto dell'immagine. Si desidera che la parte superiore della maschera di allinearsi con la separazione tra i denti superiori ed inferiori, e il resto della maschera di delineare solo gli angoli della bocca e un po 'del labbro inferiore. La tua immagine varia, naturalmente, ma per il mio viso, ecco la maschera che sto utilizzando (ho ingrandito per renderlo più facile da vedere):

Mask of the mouth


Non preoccuparti troppo di appianare i bordi della maschera, in questo tipo di cut-out animazione, linee rette fanno parte del look. Ho fatto fare il punto superiore maschera centro un punto Bzier trascinando il punto con lo strumento Penna quando l'ho messo, così ho potuto farla adattare la curva dei miei denti meglio, ma potrebbe non essere necessario o si desidera farlo, a seconda sulla vostra immagine.


Fase 5 - La maschera di livello di fondo

Poi abbiamo bisogno di mascherare il livello basso di fare un buco che rivelerà lo sfondo nero in cui si muove la bocca. Questa è una domanda facile, perché possiamo usare la maschera che abbiamo appena fatto. Quindi, chiudere la finestra Layer, e assicurarsi che la maschera appena creata è selezionata per rotolare giù per le proprietà per lo strato superiore e cliccando sul nome della maschera (che sarà "Maschera 1" a meno che hai modificato o reso altre maschere .)

Copiare la maschera, selezionare il livello inferiore, e incollare la maschera in esso. Si dovrebbe vedere solo la bocca isolato ora, dal momento che entrambi gli strati hanno la stessa maschera. Ora rotolare giù le proprietà per lo strato inferiore e fare clic sulla casella di controllo invertito per la maschera:

Invert the mask


Ciò elimina ogni cosa all'interno dell'area della maschera, invece di fuori. Si dovrebbe vedere l'intera faccia

The hole corresponds to the masked mouth


Fase 6 - Animare la Bocca

Quindi, stiamo andando ad animare la bocca e sincronizzare i suoi movimenti alla nostra traccia audio. In primo luogo, rotolare giù tutti i twirlies proprietà per il livello audio per rivelare la forma d'onda audio:

reveal the audio waveform


(Si noti che Ho fatto scivolare audio su poco più tardi nel tempo, in modo che non partono proprio all'inizio del clip.) Ora, se si dà un'occhiata la forma d'onda audio, si dovrebbe vedere la picchi di ampiezza where parli ogni sillaba, e il (relativamente) valli silenziose tra le sillabe. È anche possibile Comando trascinare l'indicatore di tempo corrente (CTI) lungo la linea temporale a macchia manualmente attraverso l'audio e identificare i picchi e valli. Ciò che stiamo per fare è semplicemente animare il livello della bocca verso il basso sulle cime, e torna di nuovo sulle valli.

Quindi, selezionate il livello bocca e P tipo di solista sua proprietà Position, poi posizionare il CTI appena prima l'audio inizia. Fare clic sulla proprietà position Time-Vary cronometro per impostare una posizione keyframe. Ora spostare il CTI avanti per il primo picco audio e trascinare la posizione valore Y di proprietà giù un po 'ad aprire la bocca:

Opening the mouth


Quanto si muove la bocca è a voi, naturalmente, ma dipenderà in parte sulla forma della maschera originale, l'immagine stessa bocca, e il modo esagerato l'effetto desiderato.

Quindi, spostare il CTI avanti verso la valle ampiezza successiva, selezionare il primo fotogramma chiave, copiarlo e incollarlo in al nuovo orario. Ora dovreste avere tre keyframesclosed, aperto, closedthat corrispondenti alla tua prima sillaba:

The three keyframes correspond to the first syllable


Da qui, è una questione relativamente semplice per completare l'animazione: selezionare i fotogrammi chiave seconda e la terza che hai appena fatto (aperto-chiuso). Copiarle, spostare il CTI al picco di ampiezza prossimo, e incollare i due fotogrammi chiave. Avrete probabilmente bisogno di regolare la posizione nel tempo del secondo (chiuso) fotogramma chiave, come le sillabe saranno di diverse lunghezze. Basta trascinare ognuno in modo che le linee con una valle ampiezza dopo averlo incollato. (E probabilmente sarà utile per ingrandire la timeline in cui si sta lavorando su questo.)

Anche

Per finire bisogna visualizzare in anteprima le lip-sync e la regolazione dei fotogrammi chiave nel tempo necessario, e quando hai finito, si dovrebbe vedere qualcosa di simile:

[Video id = "8461"]


E questo è tutto! Come sempre, vi incoraggio a provare le varianti proprio su questa tecnica e, soprattutto, sperimentare e divertirsi!


Non c'è più dettagliata dopo l'animazione di formazione effetti disponibili:

After Effects CS5 302 - Nozioni di base Animazione Cartoon

After Effects CS5 303 - Più di base Animazione Cartoon

After Effects CS5 303 - More Cartoon Animation Basics

After Effects CS5 303 - Più di base Animazione Cartoon.

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

Sep 02, 2011
Stevesaxman
Let me just say that I was reading the hub as I do daily while at work (shhh, don't tell) and when I got to step five, Richard's picture made me fall out of my seat. No sound required....That is probably the funniest thing I've seen all week and a much needed laugh at the end of a long stretch at work. Thanks, Richard for keeping us all on our toes and for the great tips. You're the man!
Sep 02, 2011
rlainhart
Thank you, Steve - we appreciate it! And I'm happy to hear you've gotten some amusement out of my tutorial.
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2014 macProVideo.com
a division of NonLinear Educating Inc.
Link