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

 

Je vais utiliser Clip Studio Paint EX pour ce tutoriel. Si vous avez Clip Studio Paint Pro, vous pouvez toujours suivre ce didacticiel, mais sachez que vous ne pourrez monter 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é au côté animation des choses, je vais suivre cette étape par étape, alors n'hésitez pas à suivre si vous souhaitez apprendre comment pour animer un cycle de marche - enfin, en quelque sorte !

 

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

Mise en place d'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 seuls éléments auxquels vous devez faire attention sont la largeur x la hauteur et la fréquence d'images. J'ai le mien réglé sur 1920 x 1080 car il s'agit des paramètres de prévisualisation Full HD habituels pour la plupart des sites de partage de vidéos, et j'ai la fréquence d'images réglée sur 24 images par seconde.

 

Selon ce que vous animez/comment vous animez, vous pouvez régler la fréquence d'images sur ce que vous voulez, tant que vous exportez la vidéo avec la même fréquence d'images. Pour cet exemple, je le 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 tous vos cadres disparaissent. Une fois que vous avez placé vos images clés, elles ne seront pas supprimées et cela agit comme un bouton 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 Hold interoplation (qui apparaîtra sous la forme d'un losange jaune sur la timeline), Linear Interoplation (qui est le losange vert) et Smooth Interpolation (qui est un losange violet).

 

• Hold Interpolation - Pour être honnête, j'utilise très rarement celui-ci, mais il est pratique lorsque vous souhaitez passer rapidement d'une pose à une autre. Je l'utilise également dans mes animations lorsque je souhaite effectuer un zoom avant sans prise de vue panoramique. (Ajouter l'exemple de King Crowbeard)

 

• Interoplation linéaire - J'utilise principalement celle-ci lorsque je souhaite 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 rebondissant et "d'assouplissement" 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 "plus" au milieu. C'est le point d'ancrage de votre objet. Cela signifie essentiellement que c'est de là que votre objet se déplacera. Donc, si vous voulez que votre objet tourne en cercle, assurez-vous qu'il se trouve au milieu de votre objet. Si vous voulez qu'il se déplace à partir d'un certain point, disons si je voulais que l'étoile tombe sur le côté, je déplacerais le signe plus vers un sur les coins.

 

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 arrière-plan plus large que haut. Pour mon exemple, je l'ai copié + collé et retourné horizontalement pour le rendre plus long. Cela ne boucle pas parfaitement mais ce n'est qu'un exemple pratique.

 

Enregistrez maintenant 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 souhaitez placer l'arrière-plan, cliquez sur Fichier> Importer> Image et sélectionnez l'arrière-plan et il apparaîtra dans le dossier. Pour le faire apparaître sur le canevas, faites un clic droit sur le premier cadre et sélectionnez le nom de votre fichier.

Pour configurer l'arrière-plan, faites glisser l'image vers la droite et assurez-vous que l'image tient dans le carré bleu. Pensez-y comme le viseur d'un appareil photo. Tout ce qui se trouve en dehors du carré ne sera pas visible lorsqu'il sera exporté, alors gardez cela à l'esprit.

 

Pour ajouter un personnage, cliquez sur le bouton Nouveau dossier d'animation et assurez-vous que le calque se trouve au-dessus du dossier Arrière-plan. Nommez le dossier 'Personnage' et appuyez sur le bouton 'Nouvelle animation Cel'. Il vous suffit de faire un dessin pour que cet effet fonctionne. Je dessine un personnage très simple pour cet exemple mais vous pouvez rendre le vôtre aussi simple ou aussi complexe que vous le souhaitez.

 

 

Maintenant, pour faire défiler le fond. Masquez votre calque de personnage en appuyant sur l'icône de globe oculaire dans la partie 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 chronologie et appuyez sur le bouton "Ajouter une image clé". Faites maintenant glisser la barre rouge jusqu'à la fin de la chronologie. 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, plus l'image défile rapidement lorsque vous la lisez. Cela dépendra également de la longueur de l'image, alors expérimentez jusqu'où vous voulez que l'arrière-plan défile 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.

Animation du 'Walkcycle'

Pour rendre le tricheur, Hanna-Barbera esque walkcycle, faites glisser la barre rouge au début de la chronologie et vérifiez l'icône du globe oculaire pour rendre votre personnage visible. Comme vous pouvez le voir, cela a une illusion de mouvement, mais on dirait plus qu'ils portent des talons plutôt que de marcher avec leurs deux pieds.

 

Donc, pour donner au personnage cet effet de cycle de marche rebondissant, activez les images clés sur le calque de personnage et sélectionnez Interpolation lisse. Vous pouvez soit ajouter des images clés manuellement en appuyant sur le bouton Ajouter des images clés, soit les ajouter automatiquement en déplaçant l'image sur le canevas. Dans le dossier du personnage, ajoutez une image clé au début de la chronologie. Faites ensuite glisser la barre rouge vers l'image 5, sélectionnez "Objet" dans la barre d'outils et faites légèrement glisser le caractère vers le haut. Comme vous pouvez le voir, cela a automatiquement ajouté une image clé lorsque l'option d'image clé est activée. Faites glisser la barre rouge vers l'image 9, puis faites glisser le personnage vers le bas, juste en dessous de la position à laquelle il se trouve sur la première image.

Maintenant, au lieu de répéter ce processus manuellement, il existe une astuce simple que vous pouvez faire pour rendre le mouvement plus uniforme. Maintenez le bouton gauche de la souris enfoncé et faites glisser les images clés pour les mettre en surbrillance. Cliquez avec le bouton droit sur la première image clé de la chronologie 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 chronologie et cela ressemblera à ceci.

 

Mouvement secondaire

Maintenant, cela semble correct, mais il y a une étape supplémentaire que vous pouvez prendre pour donner un peu plus de vie à votre animation. Nous allons ajouter une petite touffe de cheveux et l'animer sur un calque séparé. Cliquez sur Nouveau dossier d'animation, puis sur Nouveau cellulo d'animation. Assurez-vous de désactiver les images clés sur la couche de caractères juste pour rendre ce processus un peu plus facile. Dessinez les cheveux et ajoutez un nouveau cellulo d'animation. Pour vous assurer que les cheveux coulent de manière uniforme, cliquez sur le bouton Activer la peau d'oignon afin de pouvoir facilement tracer l'image précédente. Je voulais obtenir un effet rebondissant lorsque le personnage se déplace de haut en bas, j'ai donc dessiné la touffe de cheveux rebondissant en cinq dessins séparés.

 

Pour modifier le minutage, sélectionnez l'image à partir de laquelle elle commence dans la chronologie et faites-la glisser vers sa nouvelle position. Au lieu de redessiner le même mouvement, maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur sur les cadres. Faites un clic droit sur la première image et cliquez sur copier. Cliquez ensuite avec le bouton droit sur la dernière image et cliquez sur Coller. Faites-le autant de fois que nécessaire dans la chronologie et le mouvement se mettra en boucle.

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

 

En parlant de gain de temps avec le copier-coller, vous avez peut-être remarqué un problème lorsque je retourne les images clés sur le calque de 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 des personnages 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 vous reste plus qu'à exporter votre animation. Allez dans fichier > Exporter l'animation. Voici les deux options que j'utilise normalement, exporter en GIF ou en 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 sous forme de film. Pour exporter au format GIF, choisissez Gif animé, choisissez un fichier pour l'enregistrer et nommez-le comme vous le souhaitez. Ensuite, vous obtiendrez une boîte 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 sur ce que vous voulez pour une image GIF. Expérimentez avec cette section pour obtenir le look que vous préférez. Je m'en tiens à 24 ips juste pour cet exemple.

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

Mais si vous souhaitez modifier la fréquence d'images dans le programme, accédez à Animation> Chronologie> Modifier 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 correspondent exactement au même nombre.

 

Conclusion

Et c'est un enveloppement! J'espère que cette vidéo vous a aidé à comprendre les fonctions d'animation de Clip Studio et qu'elle vous a inspiré à en créer vous-même. S'amuser!