All Articles After Effects
Depois Basics Effects Cartoon: Monty Python Animação 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.

Tenho certeza que a maioria de vocês já viram a animação estilizada boca cartoon popularizado por Terry Gilliam na série original de Monty Python. Aqui está um bom exemplo (embora o vídeo em si é de muito má qualidade):


O conceito é simples: pegue uma imagem fixa do rosto de uma pessoa, e criar uma animação básica lip-sync, movendo a boca da imagem cima e para baixo no tempo com a faixa de áudio. (Esse conceito foi atualizado recentemente com grande efeito na popular Jib Jab animações você também deve ter visto.)

Neste tutorial, vamos mostrar os princípios de criar seu próprio Monty Python animações estilo de boca em After Effects . Vamos começar.


Passo 1 - Reúna seus ativos

Primeiro, você vai precisar de uma imagem e alguns de áudio para trabalhar com ele. Eu vou estar usando um tiro certeiro-on do meu rosto, mostrando um monte de dentes, mas com a minha boca de outra forma fechada:

Lainhart face


Uma imagem como esta vai ser mais fácil trabalhar com, pelo menos para a sua primeira tentativa neste sentido. Você também vai precisar de algum tipo de áudio de narração para sincronizar a boca, aqui é meu, mas você pode facilmente gravar o seu próprio com o seu computador microfone embutido:

[Áudio id = "7970"]


Quando você grava o áudio, não se esqueça de gravar em um bom nível alto, e minimizar qualquer som de fundo. Isto tornará mais fácil localizar as suas palavras em forma de onda mais tarde.


Passo 2 - configurar seu projeto

Em seguida, abra o After Effects, importar os arquivos de origem em seu novo projeto e criar uma nova composição, algo como isto:

New composition


Certifique-se de fazer a sua cor de fundo preto, como nós vamos estar vendo que quando fazemos a nossa animação. Este fundo preto irá criar a ilusão de o interior da boca como se abre e fecha.


Passo 3 - Configure o seu Layers

Em seguida, arraste dois exemplares de sua imagem de rosto no painel da camada do Timeline, começando ao mesmo tempo e exatamente na mesma posição. Arraste a camada de áudio também:

Placing images and audio in the Timeline


Passo 4 - A Camada de Máscara boca

Nosso próximo passo é a máscara de nossas duas camadas para criar uma boca separados podemos animar. Basicamente, precisamos ter a parte da boca que deseja animar como uma camada separada, enquanto na camada de trás dele, temos preto nessa área para que, como a camada de boca move o preto será revelado, criando a ilusão de o interior da boca. Então, precisamos isolar apenas a boca em sua própria camada, ao cortar um buraco na camada correspondente para trás. Nós poderíamos fazer isso no Photoshop, mas é fácil de fazer em After Effects também, então vamos fazê-lo aqui.

Primeiro, faça duplo clique na camada superior para abri-la em sua janela própria camada. Selecione a Pen Tool (G), e desenhar uma máscara em torno da parte inferior da boca para o isolar do resto da imagem. Você quer que a parte superior da máscara para se alinhar com a separação entre os dentes superiores e inferiores, eo resto da máscara para delinear apenas cantos da boca e um pouco do lábio inferior. Sua imagem vai variar, é claro, mas para a minha cara aqui está a máscara que eu estou usando (eu ampliada sobre ele para torná-lo mais fácil de ver):

Mask of the mouth


Não se preocupe muito com suavização das bordas da máscara, neste tipo de corte de animação, linhas retas fazem parte do look. Eu fiz o ponto de máscara superior um centro Bzier ponto arrastando no ponto com a ferramenta Caneta quando eu colocá-lo, para que eu pudesse torná-lo apto a curva dos meus dentes melhor, mas você pode não precisar ou querer fazer isso, dependendo em sua imagem.


Passo 5 - Máscara da camada inferior

Em seguida, precisamos para mascarar a camada inferior para fazer um buraco que vai revelar o fundo preto quando os movimentos da boca. Isso é fácil, porque podemos usar a máscara que acabou de fazer. Então, feche a janela Layer, e certifique-se a máscara que você acabou de fazer é selecionada por rolando as propriedades para a camada superior e clicando sobre o nome da máscara (que será "uma máscara" a menos que você mudou ou fazia outras máscaras .)

Cópia da máscara, selecione a camada fundo, e cole a máscara para ela. Você deve apenas ver a boca agora isolado, uma vez que ambas as camadas têm a mesma máscara. Agora rolam as propriedades para a camada inferior e clique na caixa invertido para a máscara:

Invert the mask


Isto irá eliminar tudo dentro da área da máscara, em vez de fora. Você deverá ver o rosto inteiro

The hole corresponds to the masked mouth


Passo 6 - Animar o Boca

Em seguida, vamos para animar a boca e sincronizar seus movimentos ao nosso faixa de áudio. Primeiro, role para baixo todas as twirlies propriedade para a camada de áudio para revelar a forma de onda de áudio:

reveal the audio waveform


(Note que eu deslizei meu áudio através de um pouco mais tarde no tempo, de modo que não começar logo no início do clipe.) Agora, se você dar uma olhada em forma de onda de áudio, você deve ver os picos de amplitude, onde você fala cada sílaba, e os vales (relativamente) em silêncio entre as sílabas. Você também pode arrastar Command-O indicador de tempo atual (CTI) ao longo da linha do tempo para esfregar manualmente através do áudio e identificar os picos e os vales. O que vamos fazer é simplesmente animar a camada de boca para baixo sobre os picos, e volta-se novamente sobre os vales.

Então, selecione a camada boca e P tipo de solo para sua propriedade Position, em seguida, posicione o CTI, pouco antes o áudio começa. Clique na Propriedade Posição Time-Vary cronômetro para definir uma posição Keyframe. Agora mova o CTI frente para o primeiro pico de áudio e arraste o Y valor da propriedade Position um pouco para baixo para abrir a boca:

Opening the mouth


O quanto você se mover a boca é até você, é claro, mas isso dependerá em parte de sua forma de máscara original, a imagem própria boca, e como exagerado um efeito que você deseja.

Em seguida, mova o CTI em frente ao vale amplitude seguinte, selecione o primeiro quadro-chave, copiá-lo e colá-lo em no novo tempo. Você deve agora ter três keyframesclosed, closedthat, abra correspondem à sua primeira sílaba:

The three keyframes correspond to the first syllable


A partir daqui, é uma questão relativamente simples para completar a animação: selecione o keyframes segundo e terceiro você acabou de fazer (aberto-fechado). Copiá-los, mova o CTI para o pico de amplitude que vem, e colar nos dois quadros principais. Você provavelmente vai precisar ajustar a posição no tempo da segunda (fechado) quadro-chave, como as sílabas será de comprimentos diferentes. Basta arrastar cada um para que seja alinhado com uma amplitude vale depois de colá-lo. (Provavelmente vai ajudar a ampliar a linha do tempo quando você está trabalhando sobre isso.)

Também

Concluir-se, visualizando o seu lábio-sync e ajustando o seu keyframes no tempo, conforme necessário, e quando estiver pronto, você deve ver algo como isto:

[Vídeo id = "8461"]


E é isso! Como sempre, encorajo-vos a experimentar suas próprias variações sobre esta técnica e, sobretudo, experimentar e se divertir!


Há mais detalhadas After Effects animação de treinamento disponíveis:

After Effects CS5 302 - Noções básicas de animação dos desenhos animados

After Effects CS5 303 - Basics Mais animação dos desenhos animados

After Effects CS5 303 - More Cartoon Animation Basics

After Effects CS5 303 - Basics Mais animação dos desenhos 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: