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

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

Share this article with friends!

Después de Fundamentos efectos de dibujos animados: Monty Python animación de la boca
Traducido por Google Translate

Estoy seguro que muchos de ustedes han visto la animación de dibujos animados boca estilizada popularizado por Terry Gilliam en la serie original de Monty Python. He aquí un buen ejemplo (aunque el vídeo es de muy mala calidad):


El concepto es simple: tomar una imagen fija de la cara de una persona, y crear una base de sincronización de labios de animación moviendo la boca de la imagen arriba y abajo en el tiempo con la pista de audio. (Este concepto ha sido actualizado recientemente con gran éxito en el popular Jib Jab-animaciones que ha visto probablemente también.)

En este tutorial, vamos a mostrar los fundamentos de crear su propio estilo Monty Python animaciones boca en After Effects . Vamos a empezar.


Paso 1 - Prepare sus activos

En primer lugar, tendrá una imagen y sonido a trabajar. Voy a utilizar un tiro directo en mi cara, que muestra una gran cantidad de dientes, pero con la boca cerrada de lo contrario:

Lainhart face


Una imagen como esta será más fácil trabajar con, al menos en su primer intento de esto. Usted también necesitará algún tipo de voz en off de audio para sincronizar la boca, aquí está la mía, pero usted puede grabar fácilmente tus propios con su equipo de micrófono incorporado:

[Audio id = "7970"]


Cuando se graba el audio, asegúrese de registrar a un alto nivel bueno, y reducir al mínimo cualquier sonido de fondo. Esto hará que sea más fácil localizar a sus palabras en la forma de onda más tarde.


Paso 2 - Configurar el proyecto

A continuación, abra After Effects, importar los archivos de origen en su nuevo proyecto y establecer una nueva composición, algo como esto:

New composition


Asegúrese de que su color de fondo negro, como vamos a ver que cuando hacemos nuestra animación. Este fondo negro va a crear la ilusión de la parte interior de la boca mientras se abre y se cierra.


Paso 3 - Configuración de las capas

A continuación, arrastre dos copias de la imagen de la cara en el panel de la capa de la línea de tiempo, comenzando al mismo tiempo y en la misma posición. Arrastre la capa de audio, así:

Placing images and audio in the Timeline


Paso 4 - Máscara de Capa de la boca

Nuestro siguiente paso es la máscara de nuestros dos capas para crear una boca independiente que puede animar. Básicamente, tenemos que tener la parte de la boca que desea animar en una capa separada, mientras que en la capa detrás de ella, necesitamos negro en esa área para que, como la capa de la boca se mueve el negro se dará a conocer, creando la ilusión de el interior de la boca. Por lo tanto, tenemos que aislar sólo la boca en su propia capa, mientras que cortar un agujero correspondiente en la capa de atrás. Podríamos hacerlo en Photoshop, pero es fácil de hacer en After Effects también, así que vamos a hacer aquí.

En primer lugar, haga doble clic en la capa superior para abrirla en una ventana propia capa. Seleccione la herramienta Pluma (G), y dibujar una máscara alrededor de la parte inferior de la boca para aislarlo del resto de la imagen. Desea que la parte superior de la máscara para alinearse con la separación entre los dientes superiores e inferiores, y el resto de la máscara para delinear sólo las esquinas de la boca y un poco del labio inferior. La imagen puede variar, por supuesto, pero para mi esta es la cara de la máscara que estoy usando (me he acercado a él para que sea más fácil de ver):

Mask of the mouth


No se preocupe demasiado por suavizar los bordes de la máscara, en este tipo de corte de animación, las líneas rectas son parte de la mirada. Hice el punto central de la máscara de un punto superior Bzier arrastrando el punto con la herramienta Pluma cuando lo puse, para que yo pudiera hacer que se ajuste a la curva de mis dientes mejor, pero usted no necesita o quiere hacer eso, según en la imagen.


Paso 5 - Máscara de la capa inferior

Lo siguiente que necesitamos para enmascarar la capa inferior para hacer un agujero que revelan el fondo negro cuando se mueve la boca. Esa es una tarea fácil, ya que podemos utilizar la máscara que acabamos de crear. Por lo tanto, cerrar la ventana de capas, y asegúrese de que la máscara que acaba de hacer es seleccionado por rodando por las propiedades de la capa superior y hacer clic en el nombre de la máscara (que será "una máscara" a menos que haya cambiado o se ha hecho otras máscaras .)

Copia de la máscara, seleccione la capa inferior, y pegar la máscara en el mismo. Usted sólo debe ver la boca ahora aislados, ya que ambas capas tienen la misma máscara. Ahora ruedan por las propiedades de la capa inferior y haga clic en la casilla de verificación invertido para la máscara:

Invert the mask


Esto eliminará todo el interior del área de la máscara, en vez de fuera. Usted debe ver toda la cara

The hole corresponds to the masked mouth


Paso 6 - Animar la boca

A continuación, vamos a animar a la boca y sincronizar sus movimientos de nuestra pista de audio. En primer lugar, baje todos los twirlies propiedad de la capa de audio para revelar la forma de onda de audio:

reveal the audio waveform


(Tenga en cuenta que deslicé mi audio a través de un poco más adelante en el tiempo, por lo que no se inicia desde el principio del clip.) Ahora, si usted echa un vistazo a la forma de onda de audio, debe ver los picos de amplitud en la que hablan cada sílaba, y los valles (relativamente) en silencio entre las sílabas. También puede Comando y arrastrar el indicador de tiempo actual (CTI) a lo largo de la línea de tiempo para fregar manualmente a través de audio e identificar a los picos y valles. ¿Qué vamos a hacer es animar la capa boca abajo en las cumbres, y de vuelta otra vez en los valles.

Por lo tanto, seleccione la capa de la boca y tipo P en solitario de su propiedad de posición, entonces la posición de su CTI justo antes de que el audio comience. Haga clic en la propiedad Posición de tiempo varían cronómetro para establecer una posición de fotogramas clave. Ahora mueva el CTI por delante a la cima de audio primero, y arrastre el valor de la propiedad Posición Y un poco para abrir la boca:

Opening the mouth


¿Cuánto se mueve la boca de usted, por supuesto, pero dependerá en parte de su forma de la máscara original, la imagen de la boca misma, y ​​la forma exagerada el efecto que desea.

A continuación, pasar por delante de la CTI en el valle de amplitud A continuación, seleccione el primer fotograma clave, copiar, y luego pegarlo en la nueva hora. Ahora debe tener tres keyframesclosed, closedthat abierto, corresponden a la primera sílaba:

The three keyframes correspond to the first syllable


A partir de aquí, es una cuestión relativamente sencilla para completar la animación: seleccione los fotogramas clave la segunda y tercera que acaba de hacer (abierto-cerrado). Copia de ellos, mover el CTI a la amplitud pico siguiente, y pegar en los dos fotogramas clave. Es probable que necesite ajustar la posición en el tiempo de la segunda (cerrada) de fotogramas clave, como las sílabas serán de diferentes longitudes. Sólo tienes que arrastrar cada uno para que se alinee con la amplitud de un valle después de pegarlo. (Es probable que le ayudará a acercarse a la línea de tiempo cuando se está trabajando en esto.)

También

Terminar la vista previa de la sincronización de labios y el ajuste de los fotogramas clave en el tiempo que sea necesario, y cuando haya terminado, usted debería ver algo como esto:

[Video id = "8461"]


Y eso es todo! Como siempre, os animo a probar sus propias variaciones sobre esta técnica y, sobre todo, experimentar y divertirse!


No hay más detallada Después del entrenamiento de animación Efectos disponibles:

After Effects CS5 302 - Fundamentos de dibujos animados Animación

After Effects CS5 303 - Más Fundamentos Dibujos Animados

After Effects CS5 303 - More Cartoon Animation Basics

After Effects CS5 303 - Más Fundamentos de animación de dibujos animados.

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