Comment créer une animation pour YouTube dans CrazyTalk Animator 3

Ce que vous allez créer

Lorsque vous créez des vidéos YouTube, un enregistrement pur ne suffit parfois pas à captiver. Vous pouvez le pimenter en ajoutant des éléments animés spéciaux. Par exemple, un personnage animé peut vous aider à rester anonyme tout en fournissant une identité d'identification. Vous pouvez également présenter un concept qui ne peut pas être enregistré dans la réalité, ou mettre l'accent visuel sur certains éléments de la vidéo..

Si vous souhaitez essayer ceci, mais vous ne savez pas comment, ce tutoriel est fait pour vous! CrazyTalk Animator 3 permet aux utilisateurs de créer des animations de manière simple et directe. Vous pouvez simplement créer quelque chose dans Photoshop, puis l'importer pour l'animation. Ensuite, vous pouvez ajouter des mouvements automatiques et manuels, modifier les expressions faciales, ajouter des sons, etc..

Dans ce didacticiel, je vais vous montrer quelques astuces utiles que vous pouvez utiliser pour vos vidéos: comment créer une version animée "chibi" du présentateur, comment incorporer une vidéo dans l'animation, comment synchroniser le son de la musique, et comment y ajouter des expressions faciales et des mouvements. Je vais également vous montrer comment ajouter des accessoires animés et des effets sonores. Je vais utiliser ma propre vidéo, mais vous pouvez utiliser n'importe quoi de votre choix dans un but similaire..

Et une fois que vous avez appris à créer votre animation YouTube, vous pouvez la soumettre au concours Animation au travail.!

1. Comment préparer les actifs pour l'animation

Étape 1

Si vous voulez créer un personnage pour votre animation, vous devez d'abord le concevoir. Esquissez-le et planifiez les couleurs, puis ouvrez-le dans Photoshop ou Illustrator et baissez le Opacité.

Si vous ne savez pas comment concevoir un tel personnage, essayez ce tutoriel:

Étape 2

Créez les yeux en utilisant des formes vectorielles sur des calques séparés. Si vous débutez avec cette technique, vous pouvez apprendre à créer des vecteurs simples dans Photoshop dans ce didacticiel rapide:

Vous pouvez également apprendre à créer des personnages dans Illustrator à partir de ces tutoriels:

Étape 3

Créez le visage et des cheveux de base. Vous pouvez l'ombrer de manière simple en ajoutant un dégradé radial sur le dessus, clipsé à la forme du cheveu. Gardez les parties avant et arrière de la coupe de cheveux séparées.

Étape 4

Terminer le corps en construisant le tout à partir de formes simples puis en le remodelant.

Étape 5

Pour rendre notre personnage vraiment humain, nous devons lui donner des expressions faciales. Créer des variantes des yeux pour:

  • Sourire
  • Yeux fermés
  • Les yeux bien fermés
  • Les yeux plissés
  • Yeux avec iris spécial

Étape 6

Créez également plusieurs bouches:

  • Bouche ouverte dans un sourire
  • Baiser
  • Les lèvres ouvertes
  • Montrer les dents
  • Bouche grande ouverte

Étape 7

Parce que nous voulons que notre personnage parle, nous devons créer d'autres variantes des formes de la bouche, chacune conçue pour un son différent:

  • Ah je
  • Oh
  • EE
  • U
  • Courtiser
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z

Étape 8

Vous aurez peut-être également besoin d’autres éléments que vous souhaitez inclure dans votre vidéo. Par exemple, vous pouvez afficher une vidéo dans votre vidéo en la plaçant sur un faux écran d'ordinateur portable. Vous pouvez le télécharger sur Envato Elements et supprimer l’écran de Photoshop avec le Outil Baguette Magique (W).

2. Comment préparer les actifs pour l'importation

Étape 1

CrazyTalk Animator 3 est conçu pour fonctionner avec les ressources créées dans Photoshop, mais elles doivent être spécialement préparées à cette fin. Si vous avez créé votre personnage ailleurs, copiez-le maintenant dans Photoshop en gardant ces éléments séparés:

Vous n'avez pas besoin de faire glisser vos parties comme ça, c'est juste pour le spectacle!

Étape 2

Téléchargez un pack spécial de modèles, extrayez-le et allez à 01_Templates> Human_Front_Full_Template. Placez vos fenêtres côte à côte, sélectionnez tous les calques du modèle et faites-les glisser vers la fenêtre avec le caractère..

Étape 3

Redimensionner (Contrôle-t) le contenu des calques pour ajuster la taille du modèle à votre personnage.

Étape 4

Pour que CTA3 sache quelles parties du corps sont quoi, vous devez placer les calques dans les dossiers correspondants. Supprimez les couches factices et remplacez-les par les vôtres..

Étape 5

Placez également les éléments pour la tête dans le dossier Head_Image.

Étape 6

Les yeux et la bouche ont d'autres dossiers à l'intérieur, pour toutes les variantes que nous avons créées précédemment. Pour la bouche, placez chaque expression et son séparément:

Étape 7

Pour les yeux, dans le Ordinaire dossier, placez l’iris et le blanc de l’œil séparément.

Placez les autres expressions dans le EyeWhite dossier.

Étape 8

Enfin, vous devez indiquer à CTA3 à quoi ressemble le squelette de votre personnage. Dans le dossier RL_Bone_Human, vous trouverez des marqueurs spéciaux pour chaque partie du corps. Placez-les dans les articulations. Vous pouvez utiliser le modèle comme référence.

Étape 9

Les éléments du visage ont également besoin de leurs propres marqueurs. Ici, il ne s'agit pas vraiment de joints, mais de placement. Vous trouverez ces marqueurs dans RL_TalkingHead> HeadBone.

3. Comment importer un personnage de Photoshop vers CrazyTalk Animator 3

Étape 1

Ouvrez CrazyTalk Animator 3. Allez à Render> Render Video et changer le Taille du cadre à ce que vous voulez que la vidéo soit. N'appuyez pas sur Exporter, appuyez simplement sur la X.

Étape 2

Tout d’abord, faites glisser l’image de votre ordinateur portable dans la scène (assurez-vous que c’est une image .png). Sélectionner Soutenir.

Étape 3

Redimensionner l'image pour remplir le cadre.

Étape 4

Maintenant, faites glisser votre vidéo (sans son) vers la scène. Certains formats peuvent ne pas être pris en charge. Si vous rencontrez des problèmes, convertissez votre vidéo au format .avi. Redimensionner la vidéo pour remplir l'écran.

Étape 5

Comme vous pouvez le constater, la vidéo est maintenant devant l’écran, ce qui n’a pas l’air très convaincant. Heureusement, CTA3 supporte la troisième dimension! Il suffit de faire glisser la petite flèche en bas pour déplacer la vidéo vers l'arrière.

Étape 6

Redimensionner la vidéo à nouveau et assurez-vous que rien d'important n'est coupé par le cadre de l'ordinateur portable. Vous pouvez faire glisser le marqueur sur la timeline pour voir la vidéo, mais assurez-vous de toujours le redimensionner à la première image. Dans le cas contraire, il sera enregistré comme un changement animé.!

Étape 7

Ajoutons le personnage maintenant. Cliquez sur Créer un acteur sans os G3.

Vous verrez votre personnage avec une superposition de squelette, exactement comme vous l'avez conçu

Étape 8

Vous remarquerez peut-être que certaines des couches sont dans le mauvais ordre. Vous pouvez le réparer en allant à Gestionnaire de couche.

… Et en faisant glisser les calques où vous voulez qu'ils soient.

Étape 9

Pour voir si votre squelette fonctionne correctement, cliquez sur Aperçu et jouer avec les os. Vérifiez si le corps bouge sans problèmes plus importants lorsque vous déplacez les os.

Étape 10

Vous pouvez également tester votre personnage en utilisant Étalonnage:

Étape 11

Avez-vous trouvé quelque chose de mal, quelque chose que vous souhaitez réparer? Il suffit de sélectionner Lancer dans un éditeur PSD externe. Votre personnage sera ouvert dans Photoshop, où vous pourrez ajuster ce que vous souhaitez. Juste sauvegarder le fichier quand vous voulez le synchroniser.

Étape 12

Terminé? Revenir à Mode Scène.

Étape 13

Redimensionnez et placez votre personnage où vous le souhaitez. Assurez-vous de le faire dans la première image!

4. Comment ajouter de la synchronisation labiale à votre animation

Étape 1

Faisons parler notre personnage! Sélectionnez-le et cliquez Créer un script.

Étape 2

Sélectionner Fichier Wave et choisissez votre audio.

Étape 3

Si vous jouez l'animation maintenant, vous verrez que cela fonctionne déjà!

Cependant, comme tout est automatique, la synchronisation n’est pas parfaite. Réparons-le! Ouvrez le Éditeur de chronologie (F3) et cliquez Visage.

Étape 4

Ouvrir Clip vocal pour voir à la fois la piste audio et les expressions de la lèvre qui lui sont attribuées.

Étape 5

Si vous double-cliquez sur le son, vous verrez une liste de tous les sons et de leurs expressions. Vous pouvez facilement changer le courant pour quelque chose de mieux. Vous pouvez également régler manuellement l’ensemble de la piste, en copiant les sons, en les supprimant et en en plaçant de nouveaux. Un bon résultat final peut prendre un certain temps, en fonction de la précision de la synchronisation automatique et de votre style.

5. Comment ajouter des animations faciales

Étape 1

Notre personnage a l'air un peu bizarre, parlant sans aucune expression faciale. Changeons-le! Sélectionnez le personnage et cliquez Marionnette à visage.

Étape 2

Dans cet éditeur, vous pouvez jouer avec diverses expressions faciales créées automatiquement. presse Espace et déplacez votre curseur pour le tester.

Étape 3

Faisons bouger la tête de notre personnage en parlant, mais sans regarder autour de nous. Effacer la sélection désélectionner tous les éléments du visage.

Étape 4

Maintenant, sélectionnez les deux types de rotation uniquement.

Étape 5

presse Record et alors Espace ou Entrer enregistrer la motion. Déplacez la tête pour accentuer les sons prononcés. Vous pouvez également ajouter des clignotements occasionnels en cliquant sur le bouton gauche de la souris.. 

Étape 6

Nous pouvons ajouter un autre type d'animation simple: demandez au personnage de regarder les choses montrées dans la vidéo. Pour ce faire, revenez à la première image et choisissez un visage général. Puis éteignez les deux types de rotation de la tête.

Étape 7

presse Record et observez ce qui se passe dans la vidéo pour diriger les yeux du personnage en conséquence.

6. Comment animer un personnage dans CrazyTalk Animator 3

Étape 1

D'accord, le visage est animé, mais le reste du corps a l'air très raide. Nous pouvons le changer facilement en ajoutant des animations automatiques. 

Aller à la première image et ouvrir Gestionnaire de contenu> Animation> Motion> 1_G3_Human> Elastic Folks Front> Idle & Talk. Choisissez des animations qui seront belles et non gênantes. Vous pouvez en utiliser autant que vous le souhaitez, dans n'importe quelle configuration, mais n'oubliez pas que ceux marqués de S, L et E doivent être utilisés ensemble.

Étape 2

Mais ce n'étaient que des animations automatiques. Votre vidéo peut nécessiter que le personnage se déplace d'une manière spéciale, ce qui est également possible! Sélectionnez le personnage et cliquez Mouvement.

Cela ouvrira une chronologie pour toutes les animations. Vous pouvez voir des points gris placés au début des animations automatiques. Ces points (images clés) indiquent un changement de pose et vous pouvez les placer manuellement en appuyant sur V. Pour vous assurer que votre modification n'affecte pas les modifications précédentes / ultérieures, entourez toujours votre animation de deux autres images clés qui enregistreront la pose avant et après celle-ci..

Étape 3

Par exemple, faisons en sorte que le personnage lève le bras dans une salutation. Pour déplacer les os manuellement, ouvrez le Editeur de touches de mouvement 2D.

Étape 4

Comme je vous l'ai déjà montré, créez deux images clés, déplacez le marqueur de la timeline entre elles, puis modifiez la pose de votre personnage..

Vous pouvez copier et coller la pose pour la faire durer plus longtemps. Si vous trouvez cela déroutant, voici une explication rapide:

  1. C'est l'état sauvegardé de ce qui se passe avant cette animation.
  2. C'est ici que commence l'animation automatique.
  3. C'est l'état sauvegardé de ce qui se passe après cette animation.
  4. C'est la pose modifiée.
  5. Ceci est la pose modifiée copiée.

D'abord, le personnage déplace sa main de la pose 1 à la pose 4. Ensuite, entre 4 et 5, rien ne change, il n'y a donc aucune animation. Plus tard, le personnage passe de la pose 5 à la pose 3. Ensuite commence l’animation automatique (2)..

Étape 5

Vous pouvez changer le tempo de la transition en clic droit la deuxième image clé d'un mouvement et en sélectionnant Courbe de transition.

Ici, vous pouvez tester différentes variantes du mouvement. Joue avec eux pour voir ce qui semble le plus naturel.

Étape 6

Utilisez la même méthode pour ajouter toutes les animations dont vous avez besoin. 

7. Comment ajouter des accessoires à l'animation

Étape 1

L'animation est terminée, mais nous pouvons encore la pimenter. Par exemple, nous pouvons faire en sorte que le personnage pointe un doigt vers quelque chose au lieu de montrer une main ouverte. Pour ce faire, sélectionnez le personnage et entrez dans Mode compositeur.

Étape 2

Le lancer pour Photoshop.

Étape 3

Dans Photoshop, ajoutez une main avec un doigt pointé dans le dossier contenant la main. Placez-le en dessous de celui par défaut et masquez-le. sauvegarder le fichier pour synchroniser le personnage.

J'ai profité de cette occasion pour changer l'orientation des pouces, pour que le personnage montre ses paumes de manière plus accueillante.

Étape 4

Revenir à Mode Scène et déplacez le marqueur de la timeline à l'endroit où vous souhaitez que le changement se produise. Ouvrir Éditeur de sprite.

Étape 5

Ici vous avez la liste de tous les sprites disponibles pour chaque partie du corps. Il suffit de sélectionner le doigt pointé pour passer la main.

Étape 6

Une fois que vous avez effectué ce changement, le sprite le restera jusqu'à ce que vous le changiez à nouveau. Il suffit de déplacer le marqueur de la timeline pour en définir l’heure..

Étape 7

Mais nous pouvons aussi faire d'autres choses - par exemple, ajouter des éléments qui faciliteront l'explication. Dans ma vidéo, le personnage parle de "bords irréguliers", mais ils ne sont pas vraiment visibles à cette distance. Ajoutons une loupe pour les montrer.

Aller à Gestionnaire de contenu> Accessoires> Symboles emblématiques des bonus> Couleur> Loupe et faites glisser la loupe vers la scène.

Étape 8

Aller à Mode compositeur et lancement la loupe à Photoshop. Ici, vous pouvez ajouter une image des bords déchiquetés et zoomés que nous voulons montrer. Fusionnez-le avec la loupe, puis enregistrez le fichier..

Étape 9

Nous voulons que la loupe ne soit visible que dans une partie de la vidéo, pas tout le temps. Cliquez sur Visible

… Puis passez à la première image, clic-droit et sélectionnez Visible / invisible.

Ensuite, allez à l'endroit où il devrait commencer à être visible, et répétez. Déplacez le marqueur de la timeline là où vous souhaitez le faire disparaître, et recommencez. Une ligne entre deux points devrait apparaître où la visibilité est sur.

Étape 10

Des animations spéciales peuvent être utilisées pour un objet comme celui-ci. Aller à Mouvement élastique pour les trouver. Dans 1_Entrance vous trouverez de superbes animations pour présenter un objet, et 3_Exit ceux qui vous aident à vous en débarrasser. Choisissez quelque chose pour votre loupe, en plaçant les animations dans la courte période de visibilité.

Étape 11

Dans Accessoires> Icône de base, vous trouverez une flèche qui peut également être utilisée dans notre vidéo. Faites-le glisser sur la scène…

… Et redimensionner.

Étape 12

Aller à Mouvement élastique pour savoir ce que vous pouvez utiliser pour rendre cette flèche plus intéressante. Annulez chaque animation après l'avoir testée - nous ne voulons encore rien appliquer.

Étape 13

Vous pouvez assigner les animations à l'objet par clic droit et en sélectionnant Action Menu Editor.

Étape 14

Ici, vous pouvez ajouter les animations que vous avez aimé précédemment.

Étape 15

Sauvegardons cette flèche avec les animations incluses en tant que support personnalisé.

Étape 16

Vous pouvez maintenant faire glisser la flèche où vous le souhaitez…

… Et quand vous voulez l'animer, juste clic-droit et sélectionnez les actions dans le menu. N'oubliez pas de changer la visibilité de chaque flèche séparément!

8. Comment ajouter des effets sonores à l'animation

Étape 1

Enfin, ajoutons quelques sons pour rendre le tout plus attrayant. dans le Projet couche, cliquez La musique.

Étape 2

Faites glisser votre musique d'intro ici. J'ai utilisé une partie de ce son.

Étape 3

Pour modifier le volume du son, cliquez sur l'icône de note..

Étape 4

Ici, vous pouvez modifier le volume, ainsi que la Fondu et En dehors effets.

Étape 5

Ce calque Musique peut être utilisé comme n'importe quel autre calque. Vous pouvez placer un nouvel effet sonore ici, tant que vous avez de la place. J'ai ajouté de la musique outro à la fin.

Étape 6

Vous pouvez également ajouter d'autres effets sonores. Cliquez sur Son FX1 ouvrir sa couche.

Étape 7

Placez un clic de souris ici.

Étape 8

Pour couper uniquement le son essentiel, vous pouvez diviser le clip. Il suffit de le sélectionner et d'appuyer sur Contrôle-B. Vous pouvez déplacer et supprimer les pièces à votre guise. Copiez le son et placez-le tout au long de la timeline, chaque fois qu'un clic est affiché.

Étape 9

Avez-vous besoin d'espace pour plus de sons? Tu peux ouvrir Son FX2.

J'ai décidé de placer un son de dactylographie ici et de l'attribuer aux moments où la saisie est montrée dans la vidéo.

Bon travail!

Vous savez maintenant comment créer une animation pour votre chaîne YouTube.! 

Si vous souhaitez en savoir plus sur la création d'animations dans CrazyTalk Animator 3, consultez nos autres didacticiels: