Avez-vous déjà passé des heures à regarder des vidéos de danse et trouvé qu'il est difficile d'arrêter de faire défiler pour en voir plus ? Créons nous aussi l'animation de danse avec Clip Studio Paint EX !!

 

 

Note : Le logiciel que j'utilise est Clip Studio Paint Ex 4.1, la plupart des techniques de ce tutoriel fonctionnent dans les versions précédentes, à l'exception de la Déformation de marionnette.

Aperçu du tutoriel

•Partie 1 - Créer une conception d'image clé de danse pour faciliter le travail

•Partie 2 - Dessiner l'image clé et l'image clé intermédiaire avec les fonctionnalités de Clip Studio Paint

Ce tutoriel se concentre sur le flux de travail de base, il est donc adapté aux débutants.

Vous pouvez le suivre étape par étape et poser vos questions ici si vous en avez.

Partie 1 : Conception des images clés

La conception des images clés est un processus important. Vous pourrez visualiser tout le timing de la danse avant de commencer le processus de dessin, ce qui vous fera gagner beaucoup de temps en évitant les erreurs.

Étape 1 : Dessiner un bonhomme bâton

Le bonhomme bâton représente le squelette du personnage et vous aide à gagner beaucoup de temps lors du processus de dessin.

Quelle que soit la structure de vos personnages, vous pouvez en faire une version bonhomme bâton !!

Étape 2 : Conception du motif de danse

Généralement, la danse pop a un motif qui peut se répéter en une courte boucle puis passer à un autre motif de danse.

Écoutez la musique et arrangez la danse. Dessinez-la ensuite dans l'ordre, comme une planche de bande dessinée.

Dans mon animation, il y a 4 séquences de danse qui se répéteront en plusieurs boucles.

Conseils : J'utilise le pinceau avec contour pour l'esquisse de pose, ce sera plus facile si les parties du corps se chevauchent

Je publie également le pinceau que j'ai utilisé

Étape 3 : Animatic du motif de danse

La mise en place de l'animatic vous aidera à visualiser l'ensemble de l'animation

Créez un nouveau canevas, sélectionnez le [Projet d'animation]

Dans les préréglages, vous pouvez sélectionner [1080 x 1920 sans marges] pour la vidéo verticale.

Facultatif : Si vous préférez travailler avec un canevas plus grand, vous pouvez ajouter des marges de sécurité en activant les [Paramètres du cadre d'animation] et en ajoutant une [Zone d'espace vierge]

Cet espace vide ne sera pas exporté avec votre animation

Configurez la chronologie dans la section [Chronologie]

La musique que j'utiliserai dure 30 secondes,

donc je règle le temps de lecture sur 360 images pour une fréquence d'images de 12 ips (12x30)

Lorsque vous créez un nouveau canevas avec le préréglage Animation,

vous obtiendrez un [Dossier d'animation] avec la [Chronologie] prête pour l'animation !!

Dans le panneau [Calque] , faites un clic droit sur le calque 1 du dossier

et [Créer un dossier et insérer un calque]

Vous obtiendrez un dossier de calques lorsque vous créerez la nouvelle cellule d'animation.

Ensuite, Importez la musique dans la chronologie [Fichier>Importer>Audio]

 

 

Conseils : activer le [Scrimage audio] vous permettra d'entendre la musique lorsque vous faites glisser la ligne de sélection sur la chronologie.

Sélectionnez le dossier d'animation,

et créez une cellule d'animation où les changements de motif de danse sont liés à la musique.

Conseils : vous pouvez zoomer la chronologie pour travailler plus facilement

Parfois, le rythme est perceptible sur la forme d'onde dans l'onglet audio..

La chronologie complète ressemblera à ceci :

Placez le motif de danse que vous avez conçu dans chaque dossier

Vous obtiendrez un rapide animatic pour votre danse

Note : cet animatic est 5 fois plus rapide

Étape 4 : Ajouter des images clés de danse synchronisées avec la musique

La synchronisation est importante lorsque vous réalisez une vidéo de danse,

Marquer la position du rythme vous permettra de voir combien d'images sont disponibles pour le mouvement.

Sur la chronologie, développez le calque audio et vous verrez la barre [d'étiquettes de piste]

Lorsque vous faites un clic droit sur la barre d'étiquettes de piste, vous pouvez ajouter l'étiquette à l'audio.

Marquez la position du rythme dans la musique

Commençons par le premier motif de danse, il n'a que 2 images clés et se répète en boucles

 

Si le motif se répète à chaque battement, vous aurez 11 images pour cette animation

 

Créez un nouveau dossier d'animation et renommez-le avec le nom du motif.

(J'utiliserai un dossier d'animation différent pour chaque motif de danse,

pour nos 4 motifs de danse, il y aura 4 dossiers au final)

Sur le premier marqueur de rythme, créez une nouvelle cellule d'animation et placez-la dans le dossier.

Puis sur le second marqueur de rythme, [Clic droit] et [Définir comme dernière image d'affichage]

Ce sera la durée de l'animation pour un battement, la barre entière est appelée un clip

 

 

Ensuite, ajoutez la nouvelle cellule et placez l'image clé dans le dossier.

Réduisez l'[Opacité] et définissez la [Couleur du calque] de l'image clé de l'animatic pour l'utiliser comme animation de référence.

Répétez le clip pour créer l'animation en boucle

Copiez la chronologie en faisant un clic droit sur l'en-tête de la barre de clip.

Collez-le ensuite après le premier clip, puis ajustez l'image clé au rythme

(faites glisser le petit carré en haut à droite de la barre de clip)

Fusionnez les clips

Conseils : Pour tester l'animation sur une partie, vous pouvez faire un clic droit sur la barre de chronologie et définir les [images de début] et [de fin]

 

 

Répétez les étapes avec les autres motifs de danse et vous verrez l'animatic de danse plus détaillé !!

Partie 2 : Dessin des images clés

Pour dessiner l'animation image par image, je recommande d'utiliser certaines fonctionnalités utiles de Clip Studio pour faciliter votre travail !!

Le panneau de cellules d'animation

Lorsque vous avez déjà configuré l'animatic,

Au lieu d'ajouter des calques de référence supplémentaires,

Vous pouvez utiliser la fonction [Table lumineuse] du panneau [Cellules d'animation] pour travailler sur l'image clé.

La table lumineuse est comme un monde parallèle, elle n'exporte pas votre référence avec votre animation !!

Pour ouvrir le panneau de cellules d'animation : [Fenêtre > Cellules d'animation]

Voici une brève explication du menu du panneau Cellules d'animation et de la [Table lumineuse]

Lorsque vous importez le fichier image sur la table lumineuse,

vous pouvez le déplacer avec l'outil [Opération] > [Table lumineuse]

Commencez à dessiner la première image clé,

Cliquez sur la cellule (dossier) sur laquelle vous souhaitez travailler,

La table lumineuse affichera instantanément les calques de la cellule.

J'ai ancré le panneau de cellules d'animation à côté du panneau Calque

C'est confortable à utiliser pour moi :3

Réduisez l'opacité du calque du bonhomme bâton,

Puis ajoutez un nouveau calque et dessinez l'image clé.

Note : le menu et les opérations des calques sont toujours dans le panneau [Calque],

mais vous pouvez sélectionner le calque depuis le panneau [Cellules d'animation]

Le lineart de la première image clé est terminé, vous pouvez masquer ou supprimer les calques et références indésirables.

Pour travailler sur la cellule suivante, faites glisser le calque d'encre vers le panneau [Table lumineuse générale]

Ensuite, naviguez vers le calque suivant,

vous verrez le calque précédent comme si vous travailliez sur une table lumineuse traditionnelle !!

Déplacez la référence sur le panneau spécifique à la cellule pour qu'elle ne s'affiche que pour cette cellule.

Vous pouvez également modifier la couleur du calque de référence.

Transformation de maillage

Conseils : Le mouvement n'étant que sur une jambe. Je copie le calque d'encre de l'image clé précédente pour l'éditer, vous pouvez facilement le faire sur le panneau [Cellules d'animation]

Utilisez l'outil [Transformation de maillage] pour éditer le mouvement et ne dessiner que les jambes,

Cela vous aidera à gagner beaucoup de temps sur le dessin.

Si vous utilisez le calque vectoriel pour l'encre, vous pouvez utiliser l'outil [Objet] pour éditer l'encre individuellement

Recherche de calques

Donner le nom de calque « Encre » au calque d'encre le rendra consultable.

Vous pouvez rechercher le calque par son nom lorsque vous souhaitez modifier quelque chose

Par exemple : Je veux définir tous les calques d'encre comme calques de référence pour le processus de coloration.

Ouvrez le panneau [Rechercher le calque] [Fenêtre > Rechercher le calque]

Et tapez le nom du calque à rechercher..

Maintenez [Ctrl] pour sélectionner plusieurs calques,

Puis [clic droit > Paramètres du calque > Définir comme calque de référence]

Conseils : Au lieu de renommer le calque tout le temps,

vous pouvez créer des calques vides avec le nom et les copier dans une autre cellule.

Si vous ne voulez pas que le logiciel ajoute « Copie » au calque copié,

vous pouvez modifier le paramètre dans [Fichier > Préférences] et l'onglet [Calque]

Maintenant, je peux utiliser l'outil [Remplir] et [Référence multiple : Calque de référence] pour remplir la couleur.

La recherche de calques est également utile si vous souhaitez changer la couleur d'une partie.

Pas besoin de trouver le calque dans chaque cellule de la chronologie :3

Déformation de marionnette (Clip Studio 4.0+)

Si vous voulez que votre animation soit plus fluide, vous pouvez dessiner l'image clé intermédiaire.

 

Et si vous utilisez la version 4.0+ de Clip Studio Paint, vous pouvez utiliser la Déformation de marionnette pour la créer à la place…

Dupliquez le dossier de calques et donnez-lui un nouveau nom,

Ensuite, attribuez-le à la chronologie.

Important : pixellisez le calque d'encre si vous utilisez le calque vectoriel

Sur la chronologie, activez l'[Pelure d'oignon]

Sélectionnez le dossier de cellules

Puis [Édition > Transformation > Déformation de marionnette]

Cliquez pour ajouter des épingles à la marionnette,

Commencez par plusieurs épingles sur le corps (cela fixera le corps en place)

puis ajoutez et déplacez les épingles sur la tête, les cheveux et les jambes.

Cliquez sur OK pour valider, et votre image clé intermédiaire facile est prête !!

Si la musique est rapide, vous n'aurez peut-être pas besoin d'ajouter beaucoup d'images clés intermédiaires.

 

Je répète les étapes sur d'autres motifs de danse..

J'ajoute également un mouvement de caméra 2D à la version finale pour la rendre plus vivante.

Vous pouvez consulter mon tutoriel précédent sur la caméra 2D.

Voici le résultat

J'espère que ce tutoriel vous a donné des idées pour votre vidéo de danse !! À bientôt pour le prochain tutoriel et amusez-vous bien à animer !!