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

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Share this article with friends!

After Effects Basics Cartoon: Animation Monty Python Bouche
Traduit par Google Translate

Je suis sûr que la plupart d'entre vous ont vu le dessin animé stylisée bouche popularisé par Terry Gilliam dans la série originale des Monty Python. Voici un bon exemple (bien que la vidéo elle-même est de très mauvaise qualité):


Le concept est simple: prendre une image fixe du visage d'une personne, et de créer une base lip-sync animation en déplaçant la bouche de l'image de haut en bas dans le temps avec la piste audio. (Ce concept a été mis à jour récemment au grand effet dans le populaire Jib Jab-animations vous avez aussi probablement vu.)

Dans ce tutoriel, nous allons montrer les rudiments de la création de vos propres animations Monty Python bouche-style dans After Effects . Commençons.


Etape 1 - Rassembler vos biens

D'abord, vous aurez besoin d'une image et de l'audio pour travailler avec. Je vais être en utilisant un coup droit sur mon visage, montrant beaucoup de dents, mais avec ma bouche autrement fermés:

Lainhart face


Une image comme celle-ci sera plus facile de travailler avec, au moins pour votre première tentative à ce sujet. Vous aurez également besoin d'une sorte de voix off pour la synchronisation audio de la bouche d'; voici le mien, mais vous pouvez facilement enregistrer vos propres avec votre ordinateur micro intégré:

[Audio id = "7970"]


Lorsque vous enregistrez vos fichiers audio, assurez-vous d'enregistrer un bon niveau élevé, et de minimiser les bruits de fond. Il sera ainsi plus facile de localiser vos mots dans la forme d'onde plus tard.


Étape 2 - Configurez votre projet

Ensuite, ouvrez After Effects, importez vos fichiers source dans votre nouveau projet et mettre en place une nouvelle composition, quelque chose comme ceci:

New composition


Soyez sûr de faire votre couleur de fond noir, comme nous allons voir que lorsque nous faisons de notre animation. Ce fond noir va créer l'illusion de l'intérieur de la bouche comme il s'ouvre et se ferme.


Étape 3 - Configurez votre Couches

Ensuite, faites glisser deux copies de votre image de visage dans le volet de couche de la chronologie, en commençant au même moment et dans la même position. Faites glisser votre calque audio ainsi:

Placing images and audio in the Timeline


Étape 4 - masquer le calque Bouche

Notre prochaine étape est de masquer nos deux couches pour créer une bouche séparés, nous pouvons animer. Fondamentalement, nous avons besoin de la part de la bouche que nous voulons animer un calque séparé, tandis que dans la couche derrière elle, nous avons besoin de noirs dans cette région afin que, comme la couche la bouche se déplace le noir sera révélé, créant l'illusion de l'intérieur de la bouche. Donc, nous avons besoin d'isoler seulement la bouche sur sa propre couche, tout en coupant un trou correspondant dans la couche derrière. Nous pourrions faire cela dans Photoshop, mais c'est facile à faire dans After Effects aussi, donc nous allons le faire ici.

Tout d'abord, double-cliquez sur la couche supérieure de l'ouvrir dans sa propre couche de fenêtre. Sélectionnez l'outil Plume (G), et dessiner un masque autour de la partie inférieure de la bouche à l'isoler du reste de l'image. Vous voulez la partie supérieure du masque pour s'aligner avec la séparation entre les dents supérieures et inférieures, et le reste du masque de décrire simplement les coins de la bouche et un peu de la lèvre inférieure. Votre image peut varier, bien sûr, mais pour mon visage le masque, voici que j'utilise (j'ai zoomé sur elle pour la rendre plus facile à voir):

Mask of the mouth


Ne pas trop se soucier de lisser les bords du masque; dans ce genre d'découpé, des lignes droites font partie de la regarder. J'ai fait le point haut au centre un masque de Bzier points en faisant glisser sur le point avec l'outil Plume lorsque je l'ai placé, donc j'ai pu faire rentrer la courbe de mes dents mieux, mais vous ne pouvez pas besoin ou envie de le faire, selon sur votre image.


Étape 5 - Masque de la couche inférieure

Ensuite nous avons besoin de masquer la couche de fond pour faire un trou qui va révéler le fond noir lors du déplacement la bouche. C'est une tâche facile, car nous pouvons utiliser le masque que nous venons de faire. Alors, fermez la fenêtre des calques, et s'assurer que le masque que vous venez de faire est sélectionné par dévalant les propriétés de la couche supérieure et en cliquant sur le nom du masque (qui sera "Masque 1", sauf si vous avez changé ou mis des masques d'autres .)

Copiez le masque, sélectionnez le calque inférieur, et coller le masque en elle. Vous devez juste voir l'embouchure isolée maintenant, puisque les deux couches ont le même masque. Maintenant rouler les propriétés de la couche de fond et cliquez sur la case à cocher pour le masque inversé:

Invert the mask


Cela permettra d'éliminer tout l'intérieur de la zone du masque, au lieu de l'extérieur. Vous devriez voir l'ensemble du visage

The hole corresponds to the masked mouth


Étape 6 - Animer la Bouche

Ensuite, nous allons animer la bouche et de synchroniser ses mouvements à notre piste audio. Tout d'abord, rouler tous les twirlies propriété pour la couche audio de révéler la forme d'onde audio:

reveal the audio waveform


(Notez que je glisse ma audio sur un peu plus tard dans le temps, donc il ne démarre pas dès le début du clip.) Maintenant, si vous jetez un oeil à la forme d'onde audio, vous devriez voir les pics d'amplitude où vous parlent chaque syllabe, et les vallées (relativement) silencieux entre les syllabes. Vous pouvez également Commande + faire glisser l'indicateur de l'heure (CTI), ainsi que le calendrier à la main par le gommage audio et identifier les pics et les vallées. Ce que nous allons faire est simplement d'animer la couche la bouche vers le bas sur les sommets, et remonter sur les vallées.

Donc, sélectionnez le calque bouche et de type P en solo sa propriété Position, puis placez votre CTI juste avant l'audio commence. Cliquez sur la propriété Position Time-Vary chronomètre à définir une position-clé. Maintenant, déplacez le CTI avance pour le premier pic audio et faites glisser la valeur de la propriété Position Y bas d'un peu d'ouvrir la bouche:

Opening the mouth


Combien vous déplacer la bouche est à vous, bien sûr, mais cela dépendra en partie sur la forme de votre masque original, l'image la bouche elle-même, et comment exagérée un effet que vous voulez.

Ensuite, déplacez le CTI en avance dans la vallée de l'amplitude suivante, sélectionnez votre première image-clé, copiez-le, puis le coller dans la nouvelle heure. Vous devriez maintenant avoir trois keyframesclosed, ouvert, closedthat correspondent à votre première syllabe:

The three keyframes correspond to the first syllable


A partir de là, c'est une question relativement simple pour compléter l'animation: sélectionnez les images clés deuxième et troisième vous venez de faire (ouvert-fermé). Copiez-les, déplacez le CTI à l'amplitude crête suivante, et coller dans les deux images clés. Vous aurez probablement besoin d'ajuster la position en temps de la seconde (fermé) keyframe, comme les syllabes seront de longueurs différentes. Il suffit de glisser chacun afin qu'il s'aligne avec une vallée, l'amplitude après vous le collez. (Il faudra sans doute aider à zoomer sur la timeline lorsque vous travaillez sur ce point.)

Aussi

Terminer par un aperçu de votre lip-sync et ajuster vos images clés en temps que nécessaire, et lorsque vous avez terminé, vous devriez voir quelque chose comme ceci:

[Vidéo id = "8461"]


Et c'est tout! Comme toujours, je vous encourage à essayer vos propres variations sur cette technique et, surtout, d'expérimenter et s'amuser!


Il ya plus détaillé après l'animation de formation Effets disponibles:

After Effects CS5 302 - Basics Cartoon Animation

After Effects CS5 303 - Plus Basics Cartoon Animation

After Effects CS5 303 - More Cartoon Animation Basics

After Effects CS5 303 - Plus Basics Cartoon Animation.

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.

About

Our Plans

Tutorials

Community

Help

Legal

Link