Introduction

Salut tout le monde, bienvenue dans un autre tutoriel effrayant de votre habitant de minuit préféré, le professeur Crimsy !

 

Dans le tutoriel d'aujourd'hui, nous allons créer un écran animé noir et blanc effrayant pour Twitch en utilisant l'animation par images clés et une caméra 2D dans Clip Studio Paint, alors sans plus tarder, commençons le rituel !

Créez votre toile

La première chose à faire est de créer la toile pour notre projet.

 

Pour cela, allez simplement dans Fichier --> Nouveau... Et lorsque la fenêtre du projet s'ouvre, assurez-vous que la taille de votre toile respecte le même rapport d'image que celui avec lequel vous streamez. La plupart des gens streament en 1080p, mais j'opterai pour une toile 4K pour obtenir une meilleure qualité d'image, soit 3840 x 2160p.

 

N'oubliez pas non plus de vous assurer que votre DPI est à 300, puis appuyez sur OK.

Planifiez et dessinez votre scène !

Une fois votre toile vierge créée, il est temps de la remplir d'art effrayant !

 

Tout d'abord, rappelez-vous que pour ce tutoriel, nous animerons cette scène en utilisant uniquement l'animation par images clés, et non l'animation image par image, afin que nous puissions ajouter autant de détails que nous le souhaitons à l'illustration.

 

L'animation par images clés, également connue sous le nom d'animation de transition (tween animation), est le processus de création de mouvement à partir d'images statiques en utilisant l'interpolation entre les images clés sur une timeline. On pourrait dire que l'animation par images clés est similaire à la manipulation d'une marionnette à fils : toutes les différentes parties de votre marionnette sont des objets statiques qui se déplacent indépendamment les unes des autres et restent visuellement identiques.

 

 

Donc, lorsque vous recherchez des idées, essayez de penser à ce qui rendrait bien avec des mouvements simples, tels que les translations, les rotations et les mises à l'échelle. Essayez d'avoir suffisamment d'objets en mouvement dans votre scène pour la rendre dynamique, mais évitez d'en faire trop, sinon votre toile pourrait finir par ressembler à un désordre chaotique.

 

Comme vous pouvez probablement le deviner, pour ce projet, je voulais créer une scène sombre en noir et blanc avec un éclairage d'ambiance, mettant en vedette un décor sinistre et la tête fantomatique de mon Persona lévitant au milieu, avec d'énormes mèches de cheveux noirs flottant de haut en bas.

 

 

CONSEIL 01 : en cas de doute, assurez-vous que votre mouvement sera esthétique, ce que vous pouvez simuler en utilisant Ctrl + T, en déplaçant le point de pivot (+) de votre élément à son origine et en le faisant pivoter pour voir ce à quoi il ressemblera.

 

CONSEIL 02 : réalisez les éléments en mouvement aussi complets et remplis que possible, car le déplacement d'éléments peut révéler des manques dans votre illustration, ce qui est assez facile à éviter si vous les imaginez comme des ressources autonomes, comme ceci. En gros, assurez-vous de rendre la pièce entière, même si une partie peut être cachée derrière autre chose.

 

CONSEIL 03 : ajoutez une bordure autour des objets que vous souhaitez faire ressortir un peu. Vous pouvez ajouter une bordure à des calques individuels, mais vous pouvez également en ajouter une à un dossier entier si vous le souhaitez. Dans ce scénario, j'ai ajouté une bordure blanche au dossier de la tête flottante pour la faire ressortir, et une bordure noire autour de la table et des roses pour les épaissir un peu.

Oh, et une dernière chose à prendre en compte lors de la recherche d'idées est que notre timeline est limitée à 24 images, c'est-à-dire si vous êtes un utilisateur de Clip Studio Paint Pro. Si vous avez acheté la version EX, vous n'aurez aucune limitation d'images.

Convertissez vos calques en objets fichier

Une fois que vous avez rendu tous vos calques et que votre scène commence à être plutôt cool, assurez-vous de sauvegarder votre projet et de créer une copie de sauvegarde en utilisant Fichier --> Enregistrer sous... et en lui donnant un nom différent. Cette étape est facultative, mais j'aime conserver des versions non modifiées des projets en général, alors n'hésitez pas à le faire ou à l'ignorer.

 

Une fois cela fait, il ne reste plus qu'à convertir tous les calques et dossiers de nos différentes parties en objets fichier afin de pouvoir commencer à animer notre scène.

Pour ce faire, faites simplement un clic droit sur un dossier ou un calque --> allez dans Objet fichier --> et puis cliquez sur convertir le calque en objet fichier.

Il y a de nombreux avantages à convertir des calques et des dossiers en objets fichier

 

1. Cela réduit l'encombrement du projet et vous permet d'animer un seul objet en utilisant un seul point de pivot.

 

2. Les objets fichier conservent tout le contenu des calques précédents tout en vous permettant de modifier le fichier original autant que vous le souhaitez, mais le meilleur dans tout ça est que cela n'altérera pas les images clés d'animation déjà existantes, donc même après avoir commencé à animer, vous pouvez toujours apporter des modifications à l'illustration.

3. le plus important de tout, une fois que vous activez les images clés sur un calque normal, vous remarquerez que ce calque est verrouillé, ce qui vous empêche d'effectuer des actions de transformation courantes comme les rotations et les mises à l'échelle, mais si vous le convertissez d'abord en objet fichier, vous pouvez ensuite aller dans le menu objet et utiliser toutes les fonctions de transformation disponibles.

Bien sûr, assurez-vous de conserver chaque partie que vous souhaitez animer comme un objet fichier séparé. Par exemple, j'ai créé un objet fichier pour chaque mèche de cheveux, sinon je ne pourrais pas les animer toutes séparément.

Commencez à animer votre scène !

Maintenant commence la partie vraiment amusante, donner vie à votre scène !

 

Tout d'abord, nous devrons créer une nouvelle timeline pour notre animation en allant dans le menu animation --> Timeline --> Nouvelle timeline

Lorsque les fenêtres de la timeline s'ouvrent, assurez-vous simplement que votre lecture est réglée sur 24 images, à moins que vous n'ayez la version EX de Clip Studio Paint, auquel cas n'hésitez pas à faire durer votre animation plus longtemps.

Ensuite, changez la fréquence d'images à 8, ce qui nous donnera trois secondes complètes d'animation à manipuler.

Ensuite, retournez au menu supérieur --> Fenêtre --> Et cliquez sur Timeline.

Maintenant, comme vous pouvez le voir, nous avons notre timeline complète ici, n'hésitez pas à zoomer ou dézoomer en utilisant ces icônes de loupe et assurez-vous également d'activer l'icône de boucle pour que votre animation se répète une fois qu'elle atteint la fin de la timeline.

Maintenant, commençons l'animation !

 

La première chose à prendre en compte lors de la création de vos images clés est le type d'interpolation que vous avez activé entre ces images. Il existe trois types d'interpolation parmi lesquels vous pouvez choisir : Maintien (Hold), Linéaire (Linear) et Lisse (Smooth). Vous pouvez rapidement modifier la façon dont vos images clés s'interpolent en faisant un clic droit sur l'image et en passant à la méthode souhaitée.

 

ASTUCE : Notez que c'est également ici que vous pouvez copier, couper et supprimer des images si nécessaire.

 

Voici un graphique rapide expliquant le comportement de chaque type d'interpolation, mais en règle générale, vous voudrez très probablement utiliser l'interpolation lisse car cette option crée le mouvement le plus organique.

Alors d'abord, j'ai décidé de créer le mouvement de haut en bas pour la tête, j'ai donc sélectionné tous les calques du dossier personnage et cliqué sur « activer les images clés pour ce calque ».

Ensuite, allez à la première image, déplacez la tête et appuyez sur la touche K du clavier pour déplacer les calques en groupe et cliquez sur « ajouter une image clé ».

 

Et ensuite, pour que votre animation boucle parfaitement, appuyez sur Alt de votre clavier et faites glisser vos images jusqu'à la dernière image clé pour les dupliquer ou allez simplement à la fin de votre timeline et ajoutez une image clé.

Après cela, tout ce que j'ai fait a été d'ajouter des images intermédiaires à l'animation et de m'assurer de déplacer leur point de pivot pour que la rotation provienne de la bonne position.

ASTUCE : Veuillez noter que les images copiées/collées conserveront le même point de pivot, mais les images nouvellement créées auront leur point de pivot au centre de l'objet.

 

Et c'est tout, maintenant il ne reste plus qu'à répéter ce processus encore et encore pour tous les cheveux et passer aux éléments suivants.

 

CONSEIL 01 : il est bon de noter que vous pouvez déplacer chaque objet fichier séparément avec l'outil de transformation d'objet, mais vous ne pouvez pas utiliser cet outil pour déplacer plusieurs objets à la fois. Vous pouvez cependant activer les images clés sur un dossier contenant plusieurs objets fichier qui sont eux-mêmes animés et les déplacer, les faire pivoter ou les mettre à l'échelle tous ensemble comme une seule entité. Vous pourriez même créer une hiérarchie de dossiers complexe pour l'animation de marionnettes en utilisant cette méthode, mais je m'écarte du sujet.

 

CONSEIL 02 : N'oubliez pas de revoir votre animation aussi souvent que possible pendant ce processus et n'hésitez pas à masquer certains dossiers si votre aperçu d'animation devient un peu lent.

 

Animer l'opacité et la lueur

J'ai suivi à peu près les mêmes étapes pour toute la scène, mais il est utile de préciser que j'ai également animé l'opacité de certains calques pour créer l'effet de lueur sur l'écriture et les bougies, ainsi que la fumée s'échappant de la bougie supérieure.

 

Pour animer l'opacité, il vous suffit d'appuyer sur la petite icône plus de votre objet fichier, d'activer les images clés et de créer votre animation.

Ajouter une caméra 2D à votre scène

Malgré le fait que tout semble assez fini, il reste une dernière chose à ajouter à la scène pour créer encore plus de profondeur dans le mouvement : un subtil mouvement de caméra qui zoome et dézoome.

 

Pour créer un mouvement de caméra dans votre scène, allez simplement dans le menu supérieur --> Animation --> nouveau calque d'animation --> dossier caméra 2D.

Ensuite, sélectionnez simplement tous les dossiers et calques de votre scène et faites-les glisser dans le dossier de la caméra.

Animer la caméra est également assez simple. J'ai créé une image clé à la douzième image, puis je suis revenu à la première image et j'ai un peu réduit la taille de la caméra. Pas trop, juste assez pour que le mouvement ne devienne pas nauséabond, mais juste assez pour que tout l'environnement semble un peu en mouvement. Ensuite, copiez/collez votre première image à la dernière image et vous devriez être prêt.

 

Enfin, pour afficher le point de vue de votre caméra sur la toile, sélectionnez votre dossier de caméra et, dans les propriétés de l'outil, sélectionnez l'icône « afficher le champ de vision de la caméra ».

Rendre votre animation finale !

Enfin, il est temps de rendre votre animation et de voir le fruit de tout votre travail acharné sous vos yeux.

Pour rendre votre animation, allez dans Fichier --> Exporter l'animation --> Sélectionnez le format de sortie souhaité.

Personnellement, j'ai choisi l'option film, puis MP4 comme extension de fichier, je lui ai donné un nom, puis j'ai appuyé sur Enregistrer. Une fois cela fait, une dernière fenêtre apparaîtra et vous permettra de choisir la taille et la fréquence d'images souhaitées. N'oubliez pas de cocher la case « Appliquer les effets de caméra 2D » si vous voulez que le mouvement de votre caméra soit inclus dans le rendu final et appuyez sur OK.

Et maintenant, nous attendons, c'est tout, alors jetons enfin un coup d'œil à notre rendu final !

Réflexions finales

Plutôt cool, n'est-ce pas ? >:)

 

J'espère vraiment avoir couvert tout ce dont vous aviez besoin dans le tutoriel d'aujourd'hui. S'il y a autre chose que vous aimeriez savoir, si vous avez aimé cette vidéo et que vous vous sentez reconnaissant, n'hésitez pas à commenter, à montrer un peu d'amour à la chaîne en aimant la vidéo, abonnez-vous si vous souhaitez voir plus de tutoriels comme celui-ci et laissez votre esprit vagabonder vers ces autres vidéos recommandées si le cœur vous en dit, mais ce sera tout pour moi, il est temps de me blottir dans ma crypte, à la prochaine tout le monde !

 

Au revoir~