All Articles After Effects
Después de Fundamentos efectos de dibujos animados: Monty Python animación de la boca
Richard Lainhart on Thu, September 1st | 2 comments
Monty Python's characteristic lo-fi animation style is famous across the world. In this article, Richard Lainhart shows how to create the "mouthy", lip-sync animation in Adobe After Effects CS5.

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.

Comments (2)

You must be logged in to comment. Login Now

  • 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!
    • 7 years ago
    • By: Stevesaxman
    Reply
  • rlainhart
    Thank you, Steve - we appreciate it! And I'm happy to hear you've gotten some amusement out of my tutorial.
    • 7 years ago
    • By: rlainhart
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: