Je m'appelle Sarrah, et ce tutoriel couvrira trois astuces très utiles pour l'animation de personnages dans Clip Studio Paint. Je parlerai de la création de copies de cellulos d'animation, de la synchronisation labiale et de la combinaison de l'animation image par image avec l'animation par images clés.

 

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

Chaque section propose une version vidéo et une version textuelle, selon votre préférence. Commençons !

Astuce n°1 : Copier des images

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 liste de lecture YouTube sur l'animation dans CSP, ou les astuces d'animation que j'ai publiées sur Clip Studio Tips via le lien ci-dessous, si vous avez besoin d'une introduction.

Copier un calque de cellulo

Lorsque vous ajoutez un nouveau cellulo d'animation à votre chronologie, il est vide.

Vous pouvez activer l'épluchure d'oignon pour voir une vue estompée de l'image précédente, bien sûr, mais vous devriez quand même redessiner ce nouveau cellulo.

Au lieu de cela, ce que vous voulez faire est d'aller dans la palette Calque, de faire un clic droit sur le calque que vous voulez copier, et de sélectionner Dupliquer le calque.

Selon vos paramètres CSP, vous pourriez recevoir ce message. Vous ne pouvez pas avoir plusieurs calques dans un dossier d'animation qui partagent le même nom.

 

Si cela se produit, cliquez simplement sur OK.

Assurez-vous ensuite de renommer le nouveau calque (celui du dessus) avec un nom unique.

Ajouter un nouveau cellulo à la chronologie

Pour ajouter cette nouvelle copie comme cellulo à votre chronologie, faites un clic droit et sélectionnez le nom du calque dans cette liste à gauche.

 

Vous pouvez maintenant dessiner sur le second cellulo sans affecter le premier.

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

Une autre option a été ajoutée si vous avez 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 : À partir de la version 3.0 de CSP, ce paramètre n'est actuellement disponible que pour les cellulos d'animation. Il ne fonctionnera pas sur les calques normaux.

Allez dans Fichier et choisissez Préférences.

Allez à la section Animation. Changez le menu déroulant qui dit "Comment coller aux cellulos" en "Coller sur le calque sélectionné". Cliquez sur OK.

Allez au cellulo que vous voulez dupliquer, et utilisez Ctrl-C pour copier.

Faites un clic droit sur la chronologie et créez un nouveau cellulo VIERGE.

Utilisez Ctrl-V pour coller, et vous avez maintenant une image dupliquée.

 

En utilisant l'une de ces méthodes, vous pouvez créer des cellulos dupliqués sur lesquels vous pouvez dessiner sans affecter l'original.

Vous pouvez répéter cette opération autant de fois que vous le souhaitez pour compléter une animation, comme ce clignement d'œil.

 

C'est aussi simple que cela !

Astuce n°2 : Synchronisation labiale

Pour vous aider à synchroniser l'audio et particulièrement la parole avec vos animations de 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. Il peut être au format .wav, .mp3 ou .ogg.

Allez dans le menu Fichier, survolez Importer, et choisissez Audio.

Sélectionnez le fichier, et cliquez sur Ouvrir.

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

 

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

 

Vous pouvez maintenant voir la forme d'onde du fichier et l'entendre lorsque vous appuyez sur lecture. Si vous avez CSP version 3.0 ou supérieure, vous pouvez maintenant faire glisser 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, vous avez juste besoin de savoir à quoi ressemble sa bouche lorsqu'il produit 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 sons individuels de la parole sont appelés phonèmes. Ces représentations visuelles sont appelées visèmes. Comme vous pouvez le voir, 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 pour pouvoir voir d'un coup d'œil à quoi ressemble un son lorsque vous placez votre bouche dans cette position.

Synchronisation labiale

La synchronisation labiale, dans sa forme la plus simple, est juste une question de faire correspondre le bon visème au clip audio.

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

J'ai dessiné uniquement les visèmes dont j'ai besoin pour cette phrase. Chacun est sur un calque différent dans un dossier d'animation, je peux donc les ajouter où je veux sur la chronologie.

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

 

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 pas mal quand vous parlez !

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 de bouger la mâchoire également.

Nettoyage audio et placement des visèmes

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

 

La nouvelle fonction de nettoyage audio introduite avec la version 3.0 de CSP est excellente pour identifier précisément quels sons se produisent sur quelles images.

Il est important de noter que la bouche commencera à prendre la forme du son légèrement avant de le produire, vous voudrez donc souvent placer le visème une ou deux images avant le son réel.

Émotion, Volume, Yeux et Sourcils

Le volume et l'émotion font ouvrir la bouche plus largement. D'un autre côté, parler dans un murmure peut entraîner très peu de mouvement de la bouche.

 

Les yeux et les sourcils jouent également un rôle important dans l'expression émotionnelle !

Astuce n°3 : Combiner l'animation image par image et l'animation par images clés

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

Je ne vais pas passer en revue le processus d'animation étape par étape ici. Si vous n'êtes pas sûr de savoir comment animer dans Clip Studio Paint, assurez-vous de consulter d'abord mon tutoriel sur l'aperçu de l'animation !

Aperçu rapide

L'animation image par image, c'est quand vous avez plusieurs cellulos dans un dossier d'animation, et que chaque cellulo est placé sur une ou plusieurs images de la chronologie.

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

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 ensemble.

Combiner l'animation par images clés et l'animation image par image

Ce que vous ignorez peut-être, 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 clignement des yeux, se trouvent maintenant dans un seul dossier d'animation, appelé Tête.

 

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

Si je la lance maintenant, vous pouvez voir l'animation image par image de la tête de mon personnage en cours de lecture.

Ajout d'images clés

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

Pour contrôler un calque ou un dossier activé par images clés, allez à l'outil Opération et sélectionnez le sous-outil Objet.

En m'assurant d'être sur l'image 1, je vais déplacer le centre de rotation de ma tête vers l'endroit où le cou s'y connecterait.

Toute action qui modifie l'objet (telle que le déplacement du centre de rotation) provoque l'apparition d'une image clé sur ce dossier.

Ensuite, je vais déplacer la tête de lecture jusqu'à l'image 9, puis incliner l'objet tête, ce qui fera apparaître une autre image clé.

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

Pourquoi ne puis-je pas modifier les images ?

Vous avez peut-être remarqué que vous ne pouvez pas modifier les calques dont les images clés sont 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 faire des ajustements. Il suffit de cliquer à nouveau 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éapparaîtront.

Enchaîner plusieurs animations par images clés

Vous vous souvenez quand j'ai mentionné l'enchaînement des animations ? Les dossiers d'animation image par image peuvent aussi être inclus dans la chaîne.

Par exemple, j'ai ajouté une animation subtile des doigts qui s'écartent un peu lorsque je salue de la main.

Main est un dossier d'animation qui contient l'animation des doigts, tandis que l'Avant-bras est un calque distinct.

 

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

Avec le dossier parent, Bras, sélectionné, je vais cliquer sur Activer les images clés sur ce calque.

À l'aide du sous-outil Objet, je vais déplacer le centre de rotation vers le bas hors de l'écran, là où tout le bras pivoterait.

 

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

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

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

 

Ce faisant, j'ajoute un léger dépassement à l'animation pour accentuer le mouvement. J'en parle davantage dans mon tutoriel sur les émoticônes animées :

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

Ça 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 le dossier parent a déjà des images clés activées, 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, j'irai à la fin de l'animation et je la ferai pivoter à la position souhaitée sur l'image 9.

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

 

Astuce : 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 avez maintenant 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 les mêmes techniques. Le corps a maintenant un petit mouvement qui déplace également la tête, et je laisse tomber la main à la fin.

 

Ce sont des moyens faciles d'ajouter beaucoup de mouvement et de vie à vos animations de personnages !

Conclusion

Ceci est 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 !