Comment animer une scène à l'aide d'images clés et de caméras 2D!
introduction
Salut les gars, bienvenue à nouveau dans un autre didacticiel effrayant de votre professeur Crimsy, un habitant de minuit préféré!
Dans le didacticiel d'aujourd'hui, nous allons créer un écran animé noir et blanc effrayant pour Twitch à l'aide d'une animation d'images clés et d'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 le canevas de notre projet.
Alors dirigez-vous simplement vers Fichier -> Nouveau ... Et lorsque la fenêtre du projet s'ouvre, assurez-vous que la taille de votre canevas suit le même rapport d'image que celui avec lequel vous diffusez. La plupart des gens diffusent en 1080p, mais j'utiliserai une toile 4K pour obtenir la meilleure qualité d'image, qui est de 3840 x 2160p.
N'oubliez pas non plus de vous assurer que votre DPI est également à 300, puis appuyez sur OK.
Planifiez et dessinez votre scène!
Une fois votre toile vierge créée, il est maintenant temps de la remplir d'art effrayant!
Tout d'abord, n'oubliez pas que pour ce didacticiel, nous animerons cette scène à l'aide d'une animation par image clé uniquement, et non d'une animation image par image, afin que nous puissions mettre autant de détails dans l'art que nous le souhaitons.
L'animation d'images clés, également appelée animation d'interpolation, consiste à créer un mouvement à partir d'images statiques à l'aide de l'interpolation entre les images clés d'un montage. Je suppose que vous pourriez dire que l'animation d'images clés est similaire au déplacement d'une marionnette à cordes, toutes les différentes parties de votre marionnette sont des objets statiques qui se déplacent indépendamment les uns des autres et restent visuellement les mêmes.
Donc, lorsque vous cherchez des idées, essayez de penser à ce qui semblerait bien en utilisant des mouvements simples, tels que les traductions, les rotations et la mise à 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 comme un désordre chaotique.
Donc, comme vous pouvez probablement le constater, pour ce projet, je voulais créer une scène sombre en noir et blanc avec un éclairage maussade avec un décor effrayant et la tête fantomatique de ma Persona en lévitation 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 beau, ce que vous pouvez simuler en utilisant Ctrl + T, en déplaçant le point de pivot (+) de votre pièce vers son origine et faites-le pivoter pour voir à quoi il ressemblera .
CONSEIL 02: rendez les pièces en mouvement aussi complètes et remplies que possible, car les pièces en mouvement peuvent certainement découvrir des trous dans votre art, ce qui est assez facile à éviter si vous les imaginez comme des éléments autonomes comme celui-ci. En gros, assurez-vous simplement de rendre la pièce entière, même si une partie de celle-ci peut être cachée derrière autre chose.
ASTUCE 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 ajouter une bordure à 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 le faire ressortir et une bordure noire autour de la table et des roses pour les épaissir un peu.
Oh et une dernière chose que nous devons considérer lors de la recherche d'idées est que notre chronologie 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'image.
Convertissez vos calques en objets de fichier
Donc, une fois que vous avez rendu tous vos calques et que votre scène commence à être plutôt cool, assurez-vous d'enregistrer 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 les versions inchangées des projets en général, alors n'hésitez pas à le faire ou à l'ignorer.
Une fois que cela est fait, il ne reste plus qu'à convertir tous les calques et dossiers de nos différentes pièces en objets fichier afin que nous puissions commencer à animer notre scène.
Pour ce faire, cliquez simplement avec le bouton droit sur un dossier ou une couche -> allez dans l'objet Fichier -> puis cliquez sur convertir la couche en objet fichier.
Il existe de nombreux avantages à convertir des calques et des dossiers en objets fichier
1. Il supprime 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 du calque précédent tout en vous permettant de modifier le fichier d'origine autant que vous le souhaitez, mais la meilleure chose à ce sujet est de ne pas modifier les images clés d'animation qui existent déjà, même après avoir commencé à animer, vous pouvez toujours apporter des modifications à l'art.
3. le plus important de tous, une fois que vous activez les images clés sur un calque normal, vous remarquerez que ledit calque se verrouille, ce qui vous empêche d'effectuer des actions de transformation courantes telles que les rotations et la mise à l'échelle, mais si vous le convertissez d'abord en objet fichier, vous pouvez ensuite aller dans le menu objet et utiliser toutes les fonctionnalités de transformation disponibles.
Ou bien sûr, assurez-vous de conserver chaque partie que vous souhaitez animer en tant qu'objet fichier distinct. Par exemple, j'ai créé un objet fichier pour chaque mèche de cheveux, sinon je ne pourrais pas les animer tous séparément.
Commencez à animer votre scène!
Commence maintenant la partie vraiment amusante, donnant vie à votre scène!
Tout d'abord, nous devrons créer une nouvelle chronologie pour notre animation en allant dans le menu Animation -> Chronologie -> Nouvelle chronologie
Lorsque la fenêtre de la chronologie s'ouvre, assurez-vous simplement que votre lecture est réglée sur 24 images, sauf si vous avez la version EX de Clip Studio Paint, auquel cas n'hésitez pas à prolonger la durée de votre animation.
Ensuite, changez la fréquence d'images à 8 et cela nous donnera trois secondes complètes d'animation avec lesquelles jouer.
Revenez ensuite au menu supérieur -> Fenêtre -> Et cliquez sur Chronologie.
Maintenant, comme vous pouvez le voir, nous avons notre chronologie complète ici, n'hésitez pas à faire un zoom avant ou arrière à l'aide de ces icônes en forme 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 chronologie.
Maintenant, commençons à animer!
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: Hold, Linear et Smooth. Vous pouvez modifier rapidement l'interpolation de vos images clés en cliquant avec le bouton droit de la souris sur l'image et en basculant vers la méthode souhaitée.
CONSEIL: Notez que c'est également ici que vous pouvez copier, couper et supprimer des cadres si nécessaire.
Voici un graphique rapide expliquant le comportement de chaque type d’interpolation, mais de manière générale, vous souhaiterez probablement utiliser l’interpolation fluide, car cette option crée le mouvement d’aspect le plus organique.
Donc, tout d’abord, j’ai décidé de créer le mouvement de haut en bas pour la tête, donc j’ai sélectionné tous les calques du dossier de personnage et cliqué sur «Activer les images clés pour ce calque».
Passez ensuite à la première image, déplacez la tête et appuyez sur la touche de raccourci K du clavier pour déplacer les calques en tant que groupe et cliquez sur «Ajouter une image clé».
Et puis pour faire une boucle d'animation parfaitement, appuyez sur Alt sur votre clavier et faites glisser vos images vers la dernière image clé pour les dupliquer ou allez simplement à la fin de votre chronologie et ajoutez une image clé.
Après cela, tout ce que j'ai fait a été d'ajouter des images du milieu à l'animation et de m'assurer de déplacer leur point de pivot pour m'assurer que la rotation proviendrait de la bonne position.
CONSEIL: Veuillez noter que les cadres copiés / collés conserveront le même point de pivot, mais les cadres nouvellement créés auront leur pivot au centre de l'objet.
Et c’est tout, il ne vous 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 eux-mêmes animés et les déplacer, les faire pivoter ou les mettre à l'échelle tout autour comme une seule entité. Vous pouvez même créer une hiérarchie de dossiers complexe pour l'animation de marionnettes en utilisant cette méthode, mais je m'éloigne 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.
Animation de l'opacité et de l'éclat
J'ai suivi à peu près les mêmes étapes pour toute la scène, mais il vaut la peine de préciser que j'ai également animé l'opacité de certains calques pour créer l'effet lumineux sur l'écriture et les bougies, ainsi que la fumée sortant du haut bougie.
Pour animer l'opacité, il vous suffit d'appuyer sur le petit plus de votre objet fichier, d'activer les images clés et de créer votre animation.
Ajout d'une caméra 2D à votre scène
Bien que tout semble plutôt fini, il reste encore une dernière chose à ajouter à la scène pour créer encore plus de profondeur dans le mouvement, un mouvement subtil de la caméra zoomant avant et arrière.
Pour créer un mouvement de caméra dans votre scène, rendez-vous uniquement dans le menu supérieur -> Animation -> nouveau calque d'animation -> dossier de caméra 2D.
Ensuite, sélectionnez simplement tous les dossiers et calques de votre scène et faites-les glisser et déposez-les dans le dossier de la caméra.
L'animation de la caméra est également assez simple. J'ai créé une image clé sur l'image 12, puis je suis retourné à l'image 01 et j'ai réduit un peu la caméra. Pas trop, juste pour que le mouvement ne devienne pas nauséabond, mais juste assez pour que tout l'environnement apparaisse un peu en mouvement. Ensuite, copiez / collez votre première image sur la dernière image et vous devriez être prêt à partir.
Enfin, pour afficher le point de vue de votre caméra dans le canevas, sélectionnez votre dossier de caméra et dans la propriété de l’outil, sélectionnez l’icône «Afficher le champ de vision de la caméra».
Rendu de votre animation finale!
Enfin, le moment est venu 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é.
J'ai personnellement opté pour l'option film, puis j'ai choisi MP4 comme extension de fichier, lui ai donné un nom, puis j'ai appuyé sur Enregistrer. Une fois que vous faites cela, 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 dans le rendu final et appuyez sur OK.
Et maintenant, nous attendons, c’est tout, alors jetons enfin un œil à notre rendu final!
Dernières pensées
Assez cool non? > :)
Maintenant, 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, alors n'hésitez pas à commenter, montrez 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 dériver vers ces autres vidéos recommandées si vous vous sentez tellement enclin, mais ce sera tout pour moi, il est temps de vous installer dans ma crypte, jusqu'à la prochaine fois tout le monde !
Aurevoir ~
Commentaire