Je m'appelle Sarrah et ce didacticiel couvrira trois conseils d'animation de personnages très utiles dans Clip Studio Paint. Je couvrirai la création de copies en double de cellules d'animation, la synchronisation labiale et la combinaison d'une animation image par image avec une animation d'images clés.

 

Au final, j'aurai créé cette animation :

Chaque section a à la fois une version vidéo et une version texte, selon votre préférence. Commençons!

Astuce n°1 : copier des cadres

Tout d’abord, comment dupliquer une image dans votre animation.

J'ai couvert les bases de la chronologie et de l'animation dans d'autres vidéos. Consultez ma playlist YouTube sur l'animation dans CSP, ou les conseils d'animation que j'ai publiés sur Clip Studio Tips via le lien ci-dessous, si vous en avez besoin. une amorce.

Copier un calque Cel

Lorsque vous ajoutez une nouvelle cellule d'animation à votre timeline, elle est vide.

Vous pouvez bien sûr activer la pelure d'oignon pour voir une vue estompée de l'image précédente, mais vous devrez quand même redessiner cette nouvelle cellule.

Au lieu de cela, vous devez accéder à la palette Calques, cliquer avec le bouton droit sur le calque que vous souhaitez copier et sélectionner Dupliquer le calque.

En fonction de vos paramètres CSP, vous pourriez recevoir ce message. Vous ne pouvez pas avoir plusieurs calques dans un dossier d’animation partageant le même nom.

 

Si vous obtenez ceci, cliquez simplement sur OK.

Assurez-vous ensuite de renommer le nouveau calque (celui du dessus) en quelque chose d'unique.

Ajouter une nouvelle cellule à la timeline

Pour ajouter cette nouvelle copie sous forme de cellule sur votre timeline, faites un clic droit et sélectionnez le nom du calque dans cette liste de gauche.

 

Vous pouvez désormais dessiner sur la deuxième cellule sans affecter la première.

Coller sur le calque sélectionné (CSP Ver 2.2.0)

Une autre option a été ajoutée si vous disposez de Clip Studio Paint version 2.2.0 ou supérieure, la possibilité de coller sur le calque sélectionné plutôt que de créer un nouveau calque lors du collage.

 

Remarque : Depuis la version 3.0 de CSP, ce paramètre n'est actuellement disponible que pour les cellules d'animation. Cela ne fonctionnera pas sur les calques normaux.

Accédez à Fichier et choisissez Préférences.

Accédez à la section Animations. Remplacez la liste déroulante "Comment coller dans les cellules" par "Coller sur le calque sélectionné". Cliquez sur OK.

Accédez au cellule que vous souhaitez dupliquer et utilisez Ctrl-C pour copier.

Cliquez avec le bouton droit sur la chronologie et créez un nouveau cel VIDE.

Utilisez Ctrl-V pour coller et vous avez maintenant une image en double.

 

En utilisant l’une ou l’autre de ces méthodes, vous pouvez créer des cellules en double sur lesquelles vous pouvez désormais dessiner sans affecter l’original.

Vous pouvez répéter cette opération autant de fois que vous le souhaitez pour terminer une animation, comme ce clignement des yeux.

 

C'est aussi simple que ça!

Astuce n°2 : synchronisation labiale

Pour faciliter la synchronisation de l'audio et en particulier de la parole avec les animations de vos personnages, vous pouvez importer un fichier audio dans Clip Studio Paint.

Importer un clip audio

Tout d’abord, vous aurez besoin d’un clip audio. Cela peut être au format .wav, .mp3 ou .ogg.

Accédez au menu Fichier, survolez Importer et choisissez Audio.

Sélectionnez le fichier et cliquez sur Ouvrir.

Il apparaîtra comme un nouveau calque sur la timeline.

 

Puisque j'étais sur l'image 1, c'est là que mon audio est importé, mais vous pouvez également cliquer et faire glisser le clip pour le déplacer. Dans ce cas, je veux que cela démarre à l’image 3.

 

Vous pouvez maintenant voir la forme d'onde du fichier et l'entendre lorsque vous appuyez sur Lecture. Si vous disposez de la version 3.0 ou supérieure de CSP, vous pouvez désormais parcourir la tête de lecture pour entendre le son de l'audio sur chaque image.

Phonèmes et visèmes

Pour animer un personnage qui parle, il suffit de savoir à quoi ressemble sa bouche lorsqu'elle émet chaque son.

Vous pouvez le faire en créant un tableau comme celui-ci comme guide pour votre personnage. (N'hésitez pas à télécharger mon tableau pour l'utiliser comme guide !)

 

Les différents sons de la parole sont appelés phonèmes. Ces représentations visuelles sont appelées visèmes. Comme vous pouvez le constater, le même visème peut être utilisé pour plusieurs phonèmes, tels que A, E et I.

 

 

Il est également très utile de garder un miroir à portée de main afin que vous puissiez voir d'un coup d'œil à quoi ressemble un son lorsque vous déplacez votre bouche dans cette position.

Synchronisation labiale

La synchronisation labiale, dans sa forme la plus simple, consiste simplement à faire correspondre le visème correct au clip audio.

Pour mon exemple, je demanderai à mon personnage de dire la phrase « Salut ! » Il est important d'écouter attentivement les sons plutôt que de penser aux lettres individuelles des mots.

J'ai dessiné juste les visèmes dont j'ai besoin pour cette phrase. Chacun se trouve sur un calque différent dans un dossier d'animation, je peux donc les ajouter n'importe où sur la timeline.

L’image 1 commence par une position neutre de la bouche. Le "H" dans "Hi" n'a pas vraiment de visème propre, allant directement dans le long son "I". Il y a un visème assez spécifique pour les sons "TH", puis on revient au même que "I" pour le son "E", et on termine par un son "R". Enfin, après quelques images, je reviendrai à ma position neutre de bouche.

 

Voici à quoi ressemble l’animation :

Et voici une version ralentie pour que vous puissiez voir les visèmes individuels que j'ai utilisés :

Mouvement de la mâchoire

Jusqu'à présent, je n'ai changé que la bouche, mais la mâchoire bouge aussi beaucoup quand on parle !

Bien sûr, certaines animations omettent le mouvement de la mâchoire pour des raisons stylistiques, mais si vous recherchez le réalisme, assurez-vous également de bouger la mâchoire.

Nettoyage audio et placement des visèmes

Comme je l'ai mentionné précédemment, il est important d'écouter uniquement les sons émis, car les accents et la vitesse à laquelle quelqu'un parle affectent tous les visèmes que vous utiliserez.

 

La nouvelle fonctionnalité de nettoyage audio introduite avec la version 3.0 de CSP est idéale pour identifier quels sons se produisent sur quelles images.

Il est important de noter que la bouche commencera à former légèrement la forme du son avant de le produire. Vous souhaiterez donc souvent placer le visème une image ou deux plus tôt que le son réel.

Émotion, Volume, Yeux et Sourcils

Le volume et l’émotion ouvrent la bouche plus grande. D’un autre côté, parler avec un murmure peut entraîner très peu de mouvements de la bouche.

 

Les yeux et les sourcils jouent également un rôle important dans le discours émotif !

Astuce n°3 : Combinez l’animation image par image et par image clé

Il existe deux types d'animation disponibles dans Clip Studio Paint : image par image et image clé. Vous pouvez également combiner les deux pour donner vie aux animations de vos personnages !

Je ne reviendrai pas ici sur le processus d’animation étape par étape. Si vous ne savez pas comment animer dans Clip Studio Paint, assurez-vous d'abord de consulter mon didacticiel Présentation de l'animation !

Rapide vue d'ensemble

L'animation image par image se produit lorsque vous avez plusieurs cellules dans un dossier d'animation et que chaque cellule est placée sur une ou plusieurs images dans la chronologie.

L’animation par images clés, en revanche, n’a pas besoin d’un dossier d’animation. Il est utilisé pour animer la position, la rotation, l'échelle et l'opacité. Vous définissez simplement les images de début et de fin, appelées clés, et le programme interpole automatiquement tout ce qui se trouve entre les deux.

Vous pouvez ajouter des images clés à un seul calque ou à un dossier entier et aux calques qu'il contient, ce qui vous permet d'enchaîner plusieurs mouvements.

Combinaison d'images clés et d'animation image par image

Ce que vous ne savez peut-être pas, cependant, c'est que vous pouvez également ajouter des images clés aux dossiers d'animation !

J'ai ajouté de la couleur à mon personnage ! Pour simplifier les choses pour cet exemple, la tête, ainsi que toutes mes animations de synchronisation labiale et de clignotement, se trouvent désormais dans un seul dossier d'animation, appelé Tête.

 

J'ai également déplacé le cou et les épaules vers un calque stationnaire séparé appelé Corps.

Si je le joue maintenant, vous pouvez voir l'animation image par image de la tête de mon personnage.

Ajout d'images clés

Je vais sélectionner le dossier d'animation Head et cliquer sur Activer les images clés sur ce calque.

Pour contrôler un calque ou un dossier compatible avec les images clés, accédez à l'outil Opération et sélectionnez le sous-outil Objet.

En m'assurant que je suis sur l'image 1, je déplacerai le centre de rotation de ma tête jusqu'à l'endroit où le cou se connecterait avec elle.

Toute action modifiant l'objet (comme déplacer le centre de rotation) provoque l'apparition d'une image clé sur ce dossier.

Ensuite, je déplace la tête de lecture vers l'image 9, puis j'incline l'objet principal, ce qui fait apparaître une autre image clé.

Lorsque je joue l'animation maintenant, vous voyez à la fois mon animation image par image et l'inclinaison de la tête à partir des images clés.

Pourquoi ne puis-je pas modifier les cadres ?

Vous avez peut-être remarqué que vous ne pouvez pas modifier les calques avec les images clés activées.

Tout ce que vous avez à faire est de cliquer sur Modifier les calques avec des images clés actives, ce qui désactive temporairement les images clés afin que vous puissiez effectuer des ajustements. Cliquez à nouveau dessus lorsque vous avez terminé.

 

Remarque : En fait, vous pouvez simplement désactiver complètement les images clés et effectuer vos modifications. Lorsque vous cliquez à nouveau sur Activer les images clés sur ce calque, elles réapparaissent.

Chaînage de plusieurs animations d'images clés

Vous vous souvenez quand j'ai mentionné le chaînage des animations ? Des dossiers d'animation image par image peuvent également être inclus dans la chaîne.

Par exemple, j'ai ajouté une animation subtile des doigts s'écartant un peu lorsque j'agite la main.

Main est un dossier d'animation qui contient l'animation des doigts en mouvement, tandis que Bras inférieur est son propre calque séparé.

 

Dans la deuxième image, vous pouvez voir que j'ai ajouté les deux à un seul dossier parent nommé Arm.

Une fois le dossier parent Arm sélectionné sélectionné, je clique sur Activer les images clés sur ce calque.

À l’aide du sous-outil Objet, je déplacerai le centre de rotation vers le bas hors de l’écran, là où tout le bras tournerait.

 

Astuce : Assurez-vous de noter l'image clé qui apparaît sur la timeline !

Tout d'abord, je vais déplacer et faire pivoter le bras jusqu'à sa position de départ sur l'image 1.

Ensuite, je vais placer la tête de lecture sur l'image 7 et déplacer le bras un peu au-delà de sa position finale.

 

Ce faisant, j'ajoute un dépassement à l'animation pour souligner le mouvement. J'en parle davantage dans mon tutoriel Animated Emote :

Enfin, je vais le ramener un peu à sa position de repos finale quelques images plus tard, sur l'image 9.

Cela a l'air plutôt bien, mais le poignet est raide, alors animons aussi la main.

Lorsque je sélectionne le dossier d'animation avec la main, notez que le bouton Activer les images clés sur ce calque est grisé.

 

IMPORTANT : Étant donné que les images clés sont déjà activées dans le dossier parent, elles sont automatiquement activées pour les dossiers enfants.

Sur l'image 1, je vais déplacer le centre de rotation de la main vers sa base.

 

Encore une fois, notez l'image clé qui apparaît automatiquement.

Comme pour le bras, je vais faire pivoter la main vers sa position de départ sur l’image 1.

Ensuite, je vais aller à la fin de l'animation et la faire pivoter jusqu'à la position souhaitée sur l'image 9.

Enfin, j'inclurai également un petit dépassement avec ce mouvement sur l'image 7.

 

Indice : J'ai fait l'image de dépassement du milieu en dernier cette fois, juste pour démontrer que l'ordre dans lequel vous configurez votre animation n'a pas vraiment d'importance !

Vous disposez désormais de trois mouvements animés enchaînés :

 

1 - Images clés déplaçant le bras

2 - Images clés déplaçant le poignet (qui bouge avec le bras)

3 - Le mouvement image par image de la main

Enfin, j'ai ajouté quelques mouvements supplémentaires en utilisant ces mêmes techniques. Le corps a maintenant un petit mouvement qui fait également bouger la tête, et je laisse tomber la main à la fin.

 

Voici quelques moyens simples d’ajouter beaucoup de mouvement et de vie aux animations de vos personnages !

Conclusion

Il s'agit d'un exemple assez simple, mais j'espère qu'il vous aidera à voir tout ce que vous pouvez faire avec les excellents outils d'animation de Clip Studio Paint.

 

Assurez-vous de me suivre @MsRedNebula sur Twitter, Instagram, Bluesky, ou Mastodon pour voir quand j'annonce de nouveaux tutoriels. Vous pouvez également me suivre ici sur Clip Studio Tips, ou vous abonner à ma chaîne YouTube.

 

Amusez-vous à animer !