All Articles After Effects
Cartoon Animation dans After Effects: l'outil Coin marionnette
Richard Lainhart on Sat, September 17th | 1 comments
After Effects is very capable animation tool for both the "jointed" method and "squash-and-stretch" technique. Richard Lainhart pulls some effective character animation tricks out of the bag.

Si vous avez vérifié mon Cartoon Animation Basics série ou mon article Hub MPV Animation Monty Python Bouche dans After Effects , vous avez vu quelques exemples d'animations articulées: où le personnage est divisé en sections (généralement au niveau des joints) , les joints sont "épinglés" en collaboration avec les points d'ancrage, et vous animez le personnage en faisant tourner ou re-positionnement des membres (ou des mâchoires) autour de ces points d'ancrage. Il s'agit d'une technique d'animation simple et efficace, mais elle tend à créer des personnages rigides qui ressemblent à des marionnettes sur les cordes.

Cependant, il ya une autre technique à notre disposition dans After Effects qui nous permet de créer beaucoup plus organique, spontanée "squash-and-stretch" d'animation. Squash-et-stretch est un fluide, style d'animation caoutchouteuse datant des années 1920, et utilisé à bon escient dans les dessins animés comme Betty Boop animations, où le style de squash-et-étirement est poussée à l'extrême surréaliste:



Utilisation d'After Effect outil de marionnettes Pin, nous pouvons animer nos propres personnages dans un très organiques, naturels de squash et stretch style, et même d'enregistrer les mouvements de notre personnage en temps réel tout en synchronisant les mouvements d'une bande-son, le tout dans After Effects. Et dans ce tutoriel fonctionnalité, je vais vous montrer les rudiments de la façon de faire exactement cela. (Ma nouvelle série " Plus Basics Cartoon Animation "couvre l'outil Coin marionnette dans le détail.) Commençons.


Étape 1 - Préparer le personnage dans Photoshop

Maintenant, à la différence des caractères, vous devez créer des animations articulées, où vous avez à briser le caractère jusqu'à en couches séparées dans Photoshop avant de l'importer dans After Effects, votre personnage Coin marionnette devrait être une seule pièce sur une seule couche. En fait, tous vos besoins de caractères est une ébauche de canal alpha, qui va définir les bords du personnage quand vous le banc avec l'outil Coin marionnette (ce qui fera plus de sens dans un instant.)

Pour ce tutoriel, je vais juste utiliser un aperçu très simple d'une figure générique de l'exercice, blanc sur fond noir:

simple exercise figure


Vous pouvez utiliser ce que l'image que vous aimez, bien sûr, mais il est essentiel que l'image possède un canal alpha qui décrit sa forme. Si ce n'est pas l'un de ses propres, vous aurez besoin de masquer le contour de l'image manuellement. Heureusement, mon image est facile de masquer, qui est l'une des raisons pour lesquelles j'ai choisi cet hôtel. Si vous avez une image similaire, voici une méthode pour masquer rapidement une image. Prenez l'outil Baguette magique (W):

Using the magic wand tool


Ensuite, cliquez avec elle dans la plus grande zone blanche de l'image pour sélectionner tous les pixels blancs:

Select all white pixels


Nous voulons aussi que la tête du personnage pour faire partie de l'animation de marionnettes Pin, nous avons donc besoin d'ajouter que le canal alpha. Ainsi, Maj-clic avec la baguette magique dans la région de la tête d'ajouter ses pixels de la sélection:

Add pixels to selection


Maintenant, choisissez Sélectionner

Create an alpha channel


Nous avons maintenant un canal alpha qui exactement duplique l'image. Toutefois, nous avons besoin de connecter la partie de tête du canal alpha pour le corps, ou bien l'outil Coin marionnette va les voir comme deux objets distincts et ne seront pas les relier en un seul caractère. Dans le même temps, nous ne voulons pas créer un cou artificielle pour le chiffre qui est, nous voulons la tête d'apparaître détaché. Nous résolvons ce problème en peignant directement dans le canal alpha, et non pas les canaux RVB.

Ainsi, dans Photoshop, cliquez sur l'onglet Canaux pour montrer les canaux, désactiver la visibilité pour les canaux RGB, tournez sur la visibilité pour le canal Alpha, et le sélectionner pour l'édition:

Alpha Channel visibility enabled


Suivant configurer votre couleur de fond à blanc et utiliser l'outil Rectangle de sélection pour faire une sélection entre la tête et du cou, puis supprimez la sélection en blanc:

Delete selection between neck and head


Nous avons encore noir dans les canaux RVB, donc la tête apparaîtra à se détacher lors composite contre les noirs, mais le canal alpha relie les deux sections ensemble pour le Coin marionnette. Suffit d'enregistrer l'image comme un fichier Photoshop pour préserver le canal alpha, et nous sommes prêts à commencer à travailler dans After Effects.


Etape 2 - Configuration du Projet d'After Effects

L'extrait de musique que je vais utiliser ici est de 22 secondes, de sorte que la durée de mon projet sera. Et je vais travailler à 640 x 480 pixels pour une taille d'image vidéo raisonnable. Notez aussi que ma couleur de fond est noir maquette:

Working at 640x480


Importez vos fichiers musicaux et d'images, de les ajouter à votre maquette, et nous sommes prêts à truquer le caractère.


Étape 3 - Démarrez le gréement de caractère

La prochaine étape est de truquer le personnage avec l'outil Coin marionnette, ce qui signifie pour définir les points de déformation que nous allons être animer. La façon dont Coin marionnette fonctionne est que la fixation d'un point de Pin initiale avec l'outil divise le characterbased entière sur son canal alpha dans une maille fine de triangles. Vous pouvez ensuite ajouter des points supplémentaires pour définir Pin articulations et des centres de déformation. Après cela, vous pouvez déplacer ces Pins autour (y compris les images clés), et les pixels sous la maille de chaîne et plier avec la maille, presque comme si votre image a été imprimée sur une feuille de caoutchouc, et vous êtes étirement et de traction la feuille. C'est un effet cool, mais vous avez besoin de truquer le premier caractère.

Donc, pour commencer, prenez l'outil Coin marionnette de la barre d'outils, laissant ses paramètres à leurs valeurs par défaut pour l'instant:

Puppet Pin Tool in the Toolbar


Cliquez avec elle dans la région du pied du personnage - vous allez voir la figure couverte de la maille:

Figure is covered with a mesh


Étape 4 - Ajouter des points de contrôle

Ensuite, nous voulons ajouter quelques points supplémentaires Pin. Ces points servent de points de contrôle de l'animation et des limites fixées pour l'influence des autres points de la maille. Cependant, vous n'avez pas besoin de très nombreux points d'une simple animation. Dans mon cas, je vais juste avoir le chiffre balançant ses hanches à la musique tout en agitant ses bras-dessus, mais en gardant ses pieds en place. Alors, j'ai vraiment besoin que de deux pieds Pins (pour les maintenir en place), l'un au niveau des hanches (qui sera notre point d'animation principale), et un sur la tête près du cou, ce qui permettra le passage à la tête le long de corps, mais aussi aider à maintenir en place, de sorte qu'il n'est pas complètement en phase avec le corps:

Adding pins to the head, hips and feet


Expérimentation sera, bien sûr, vous aider à comprendre comment les Pins s'influencent mutuellement, mais pour l'instant, nous n'avons besoin que d'un couple. Maintenant que vous avez un couple de broches en place, vous pouvez simplement placer votre curseur sur l'un des points et faites-le glisser autour pour voir ce qui se passe: vous verrez que la maille, et le personnage, se déformer pour suivre le point:

Dragging the Pin points around


Étape 5 - Dance!

Maintenant vient la partie la plus amusante: rendre la danse de caractère. Nous pourrions le faire par keyframing le personnage au fil du temps de la manière habituelle, mais c'est beaucoup plus amusant d'enregistrer une animation en temps réel tout en écoutant une bande sonore. C'est l'une des fonctionnalités les plus intéressantes du Pin marionnette.

Pour commencer, nous avons besoin d'une bande-son, bien sûr, je suis en utilisant un extrait d'un de mes vieux comptes. Il suffit d'ajouter que pour maquette du personnage et le positionner dans le temps où vous souhaitez qu'il démarre. Puis, avec l'outil Coin marionnette sélectionné, maintenez la touche Commande enfoncée et la position de l'outil sur un de vos points de Pin, vous verrez le curseur ajouter une icône de petite horloge. Dès que vous cliquez avec ce curseur sur l'enregistrement Pin, l'enregistrement démarre, alors soyez prêt pour cela. Vous pourriez avoir besoin un peu de pratique pour avoir une idée sur la façon dont l'enregistrement commence, mais vous pouvez toujours annuler toute fausse commence à vous faire.

Alors, cliquez et se mettent à danser! Voici une capture d'écran d'un de mes propres efforts, quelque chose comme ce que vous verrez lorsque vous faites vous-même:

[Vidéo id = "9196"]


Et voici le résultat:

[Vidéo id = "9195"]


Et fondamentalement, c'est ce que vous devez savoir pour débuter avec l'outil Coin marionnette, une caractéristique merveilleuse, mais moins connus dans After Effects . Et comme toujours, d'expérimenter et s'amuser.

Comments (1)

You must be logged in to comment. Login Now

  • Stash Pro
    hahaha
    • 7 years ago
    • By: Stash Pro
    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: