Dans ce tutoriel, je vais vous montrer comment créer un cycle de marche... sans animer un cycle de marche. Je sais que cela peut sembler étrange, mais il est possible de donner l'impression qu'un personnage marche sans réellement le faire marcher.

 

J'utiliserai Clip Studio Paint EX pour ce tutoriel. Si vous avez Clip Studio Paint Pro, vous pouvez toujours suivre ce tutoriel, mais sachez que vous ne pourrez aller que jusqu'à 24 images dans cette version du programme.

 

Si vous n'avez jamais utilisé ce programme auparavant ou si vous n'êtes pas habitué à l'aspect animation, je vais vous guider étape par étape, alors n'hésitez pas à suivre si vous souhaitez apprendre à animer un cycle de marche - enfin, en quelque sorte !

Voici un lien vers la version vidéo de ce tutoriel.

Configurer un fichier pour l'animation

Ouvrez Clip Studio Paint et sélectionnez Fichier > Nouveau. Sélectionnez l'option Animation. Cela peut sembler un peu intimidant au début, mais les seules choses auxquelles vous devez prêter attention sont la Largeur x Hauteur et la Fréquence d'images. J'ai défini les miens sur 1920 x 1080 car ce sont les paramètres habituels de prévisualisation Full HD pour la plupart des sites de partage de vidéos, et j'ai défini la fréquence d'images sur 24 images par seconde.

 

Selon ce que/comment vous animez, vous pouvez définir la fréquence d'images comme vous le souhaitez, tant que vous exportez la vidéo avec la même fréquence d'images. Pour cet exemple, je la maintiens à 24 ips.

 

Comment utiliser les images clés

Lorsque vous êtes dans un calque d'animation, vous pouvez activer les images clés en appuyant sur ce bouton. Ne vous inquiétez pas si vous appuyez à nouveau sur le bouton et que toutes vos images disparaissent. Une fois que vous avez placé vos images clés, elles ne seront pas supprimées et le bouton agit comme un interrupteur marche/arrêt. Lorsque vos images clés sont désactivées, vous pouvez modifier l'objet sur le calque comme vous le souhaitez.

 

À côté du bouton Ajouter une image clé se trouve un bouton appelé 'Interpolation d'image clé' qui déterminera comment votre animation se déplacera. Les trois options sont l'interpolation de maintien (qui apparaîtra comme un losange jaune sur la timeline), l'interpolation linéaire (qui est le losange vert) et l'interpolation douce (qui est un losange violet).

 

• Interpolation de maintien - Pour être honnête, je l'utilise très rarement mais elle est utile lorsque vous voulez passer rapidement d'une pose à une autre. Je l'utilise aussi dans mes animations quand je veux zoomer sans faire de panoramique. (Ajouter l'exemple du Roi Crowbeard)

 

• Interpolation linéaire - Je l'utilise principalement lorsque je veux qu'un personnage ou un objet se déplace en ligne droite d'un point à un autre. Je trouve que cette option fonctionne mieux avec un arrière-plan défilant ou un objet mécanique comme un tapis roulant par exemple.

 

• Interpolation douce - C'est celle que j'utilise la plupart du temps car elle a un effet de rebondissement, de 'ralenti progressif' qui la rend légèrement plus naturelle que les deux autres options d'images clés.

 

 

Lorsque vous sélectionnez un objet dans les paramètres d'image clé, vous remarquerez qu'il y a un petit signe

Faire défiler l'arrière-plan

Une fois que vous connaissez les bases de l'utilisation des images clés, il est temps de les mettre en pratique. Pour la première partie de l'animation, vous aurez besoin d'un arrière-plan. Il est préférable d'avoir un arrière-plan qui défile ou au moins un qui est plus large que haut. Pour mon exemple, j'ai copié+collé et retourné horizontalement pour le rendre plus long. Il ne boucle pas parfaitement, mais ce n'est qu'un exemple d'entraînement.

 

Maintenant, enregistrez cette image au format PNG et importez-la dans votre espace de travail d'animation. Pour ce faire, sélectionnez le dossier d'animation dans lequel vous voulez que l'arrière-plan se trouve, cliquez sur Fichier > Importer > Image et sélectionnez l'arrière-plan, il apparaîtra alors dans le dossier. Pour le faire apparaître sur la toile, faites un clic droit sur la première image et sélectionnez le nom de votre fichier.

Pour configurer l'arrière-plan, faites glisser l'image vers la droite et assurez-vous qu'elle s'insère dans le carré bleu. Pensez-y comme au viseur d'un appareil photo. Tout ce qui se trouve en dehors du carré ne sera pas visible lors de l'exportation, alors gardez cela à l'esprit.

 

Pour ajouter un personnage, cliquez sur le bouton Nouveau dossier d'animation et assurez-vous que le calque est au-dessus du dossier Arrière-plan. Nommez le dossier 'Personnage' et appuyez sur le bouton 'Nouvelle cel d'animation'. Vous n'avez besoin de faire qu'un seul dessin pour que cet effet fonctionne. Je dessine un personnage très simple pour cet exemple, mais vous pouvez le rendre aussi simple ou aussi complexe que vous le souhaitez.

 

 

Maintenant, pour faire défiler l'arrière-plan. Masquez votre calque de personnage en appuyant sur l'icône en forme d'œil sur le côté gauche du dossier Personnage. Sélectionnez le dossier Arrière-plan, cliquez sur le bouton Activer les images clés et sélectionnez Interpolation linéaire. Faites glisser la barre rouge au tout début de la timeline et appuyez sur le bouton 'Ajouter une image clé'. Faites maintenant glisser la barre rouge à la fin de la timeline. Cliquez sur le bouton 'Objet' dans la fenêtre de sélection d'outils pour sélectionner l'arrière-plan, maintenez la touche Maj enfoncée et faites glisser l'arrière-plan vers la gauche.

 

Gardez à l'esprit que plus vous faites glisser l'arrière-plan loin, plus l'image défilera rapidement lorsque vous la lirez. Cela dépendra également de la longueur de l'image, alors expérimentez la distance à laquelle vous voulez faire défiler l'arrière-plan pour obtenir la bonne vitesse pour votre animation. Dans cet exemple, j'ai fait glisser l'arrière-plan à peu près à mi-chemin, ce qui a entraîné un défilement plus lent.

Animer le 'cycle de marche'

Pour créer le cycle de marche

Maintenant, au lieu de répéter ce processus manuellement, il y a une astuce simple que vous pouvez utiliser pour rendre le mouvement plus uniforme. Maintenez le bouton gauche de la souris enfoncé et faites glisser sur les images clés pour qu'elles soient mises en surbrillance. Faites un clic droit sur la première image clé de la timeline et sélectionnez Copier. Allez ensuite à l'image 12 et faites un clic droit sur 'Coller'. Cela copiera les images clés à leur position exacte. Maintenant, vous pouvez continuer à coller les images clés jusqu'à ce qu'elles remplissent votre timeline et cela ressemblera à ceci.

 

Mouvement secondaire

Maintenant, cela semble correct, mais il y a une étape supplémentaire que vous pouvez faire pour donner un peu plus de vie à votre animation. Nous allons ajouter une petite mèche de cheveux et l'animer sur un calque séparé. Cliquez sur Nouveau dossier d'animation et cliquez sur Nouvelle cel d'animation. Assurez-vous de désactiver les images clés sur le calque du personnage pour faciliter ce processus. Dessinez les cheveux et ajoutez une nouvelle cel d'animation. Pour vous assurer que les cheveux coulent de manière uniforme, cliquez sur le bouton Activer la pelure d'oignon afin de pouvoir facilement tracer l'image précédente. Je voulais obtenir un effet rebondissant lorsque le personnage monte et descend, j'ai donc dessiné la mèche de cheveux rebondissant en cinq dessins séparés.

 

Pour modifier le timing, sélectionnez l'image à partir de laquelle elle commence dans la timeline et faites-la glisser vers sa nouvelle position. Au lieu de dessiner à nouveau le même mouvement, maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur sur les images. Faites un clic droit sur la première image et cliquez sur copier. Ensuite, faites un clic droit sur la dernière image et cliquez sur coller. Faites cela autant de fois que cela convient dans la timeline et le mouvement bouclera.

Un avantage supplémentaire lorsque vous coloriez les images est que la couleur sera également copiée + collée, de sorte que vous n'avez pas à colorier chaque image. Par exemple, cette boucle fait 24 images, mais je n'ai eu à colorier que cinq dessins, ce qui permet de gagner beaucoup de temps.

 

En parlant de gain de temps avec le copier-coller, vous avez peut-être remarqué un problème lorsque je réactive les images clés sur le calque du personnage. Le personnage rebondit mais les cheveux restent au même endroit. Heureusement, vous n'avez pas à placer manuellement les images clés sur le calque des cheveux. Tout ce que vous avez à faire est d'activer les images clés sur le calque des cheveux, de sélectionner les images clés du calque du personnage et de les coller dans le calque des cheveux comme ceci. Et cela correspondra automatiquement au mouvement du personnage.

 

Exporter votre vidéo

Il ne reste plus qu'à exporter votre animation. Allez dans Fichier > Exporter l'animation. Voici les deux options que j'utilise habituellement : exporter en tant que GIF ou en tant que film.

Si l'animation n'a pas de son ou est relativement courte, le GIF est celui que je choisis. Si l'animation est plus longue et a du son, j'exporte en tant que film. Pour exporter en tant que GIF, choisissez GIF animé, choisissez un fichier pour l'enregistrer et nommez-le comme vous le souhaitez. Vous obtiendrez ensuite une boîte de dialogue de paramètres. Pour un GIF en boucle, assurez-vous que le nombre de boucles est défini sur 'Illimité'. Quant à la fréquence d'images, vous pouvez la régler comme vous le souhaitez pour une image GIF. Expérimentez avec cette section pour obtenir le rendu qui vous plaît le plus. Je m'en tiens à 24 ips juste pour cet exemple.

Pour exporter en tant que vidéo, cliquez sur Film, choisissez un fichier pour l'enregistrer, nommez-le et vous pouvez l'enregistrer au format MP4 ou AVI. J'ai enregistré le mien en MP4. Une boîte de dialogue de paramètres d'exportation apparaîtra. Bien que je n'aie utilisé aucun effet de caméra 2D dans ce tutoriel, j'aime garder cette option cochée juste au cas où. Je garde également la largeur et la hauteur identiques. Concernant la fréquence d'images, lors de l'exportation d'une vidéo, il est préférable de la maintenir à la même fréquence d'images que celle que vous avez utilisée pour l'animation. Par exemple, si vous animiez à 12 images par seconde, mais que vous exportiez la vidéo à 24 images par seconde, elle ne s'exporterait pas comme vous la voyez dans le programme et le timing serait décalé.

Mais si vous voulez modifier la fréquence d'images dans le programme, allez dans Animation > Chronologie > Changer la fréquence d'images avant d'exporter en tant que vidéo. Assurez-vous simplement que la fréquence d'images dans le programme et les paramètres d'exportation sont exactement les mêmes.

 

Conclusion

Et c'est tout ! J'espère que cette vidéo vous a aidé à comprendre les fonctions d'animation de Clip Studio et qu'elle vous a inspiré à créer les vôtres. Amusez-vous bien !