Introduction
Bonjour à tous ! Dans ce guide, je vais vous montrer comment créer des animations sympas pour donner vie à votre illustration. L'illustration animée ci-dessous utilise principalement des images clés !
Avant de plonger dans le tutoriel sur l'animation dans Clip Studio Paint, il est préférable de connaître les fonctionnalités utiles pour créer des animations dans Clip Studio Paint et la différence entre l'animation dans Clip Studio Paint PRO et Clip Studio Paint EX.
Démarrage
I. Fonctionnalités et outils pour animer dans CSP
Deux fenêtres sont utiles pour l'animation : Calques d'animation et Chronologie. Pour les activer, il vous suffit de cliquer sur Fenêtre>Chronologie
Calques d'animation.
Pour les débutants, je recommande d'activer simplement la chronologie, et c'est suffisant pour animer avec.
La chronologie contient des outils utiles ; je vais simplement expliquer ceux qui seront très souvent utilisés dans ce tutoriel.
Nouvelle chronologie : pour créer différentes chronologies et avec différentes animations.
Zoom avant\/arrière : Pour zoomer avant\/arrière sur la chronologie
Lecture\/Arrêt : Pour démarrer\/arrêter l'animation
Nouveau dossier d'animation : pour créer un dossier d'animation.
Nouveau calque d'animation : pour créer une autre cellule d'animation, cet outil est spécifiquement utilisé pour l'animation image par image.
Activer la pelure d'oignon : outils pour faciliter le dessin de la cellule d'animation suivante.
Activer les images clés sur ce calque : cet outil est très utile pour créer des animations de glissement\/zoom\/transition fluides sur le calque. En fait, l'illustration que j'ai réalisée est principalement animée en utilisant cette fonctionnalité.
Ajouter une image clé : cela ajoute un point sur la chronologie pour enregistrer la position\/le visuel du calque. Dans ce tutoriel, j'utilise principalement l'interpolation douce pour créer une transition fluide de l'image clé précédente à l'image clé suivante.
II. La différence entre CSP PRO et CSP EX en animation
Comme les fonctionnalités de CSP PRO privilégient la création de bandes dessinées ou d'illustrations, il existe des fonctionnalités limitées pour l'animation dans CSP PRO. Le nombre maximal d'images dans CSP PRO est de 24 images, ce qui signifie soit 1 seconde à 24 ips soit 3 secondes à 8 ips. Dans CSP EX, il n'y a aucune limitation sur le nombre d'images que vous pouvez créer en 1 seconde, donc je recommande d'utiliser CSP EX si vous êtes intéressé par la création de nombreuses animations. Cependant, malgré cette limitation, cela ne signifie pas que vous ne pouvez pas animer plus d'une seconde dans CSP PRO. J'ai utilisé CSP PRO pour créer l'animation afin que les utilisateurs de CSP PRO puissent aussi essayer de créer des animations !
III. Avant de commencer
Pour créer un nouveau fichier d'animation, choisissez le type d'animation. C'est une toile différente de celle de l'illustration. Sur la toile d'animation, il y a un espace vide et une option de fréquence d'images. Vous pouvez choisir jusqu'à 60 ips si vous utilisez EX et 24 ips pour PRO. Si par hasard vous commencez sur une toile d'illustration, il vous suffit d'activer une nouvelle chronologie puis de créer un nouveau dossier d'animation.
Une autre astuce est que si vous êtes à l'aise avec la création de calques colorés séparés du lineart, vous pouvez simplement créer un nouveau dossier à l'intérieur du dossier d'animation et les y regrouper lorsque vous l'animez. Comme il vient d'être déplacé dans le dossier d'animation, il est généralement masqué au départ.
Pour le faire apparaître, vous pouvez faire un clic droit sur la chronologie et choisir le calque. C'est également une bonne utilisation pour l'animation dessinée à la main, vous pouvez simplement insérer ou supprimer un calque sans vraiment le supprimer du fichier.
Partie pré-animation
Vous pouvez commencer à esquisser le type d'illustration que vous avez en tête et à planifier la durée de l'animation. Pour mon illustration, je prévois de créer une animation de 7 secondes à 24 ips avec un mouvement par seconde basé sur le projecteur :
1. le projecteur apparaît
2. le projecteur descend lentement
3. Le projecteur s'ajuste au milieu
4. Le projecteur s'arrête
5. Le projecteur recommence à descendre lentement
6. Le projecteur descend jusqu'à disparaître
7. Plus de projecteur
En outre, j'ai commencé à planifier quelle partie serait animée et à m'assurer que le calque est séparé des calques statiques :
1. Yeux (cellule)
2. Ligne noire (cellule)
3. Globe oculaire (image clé)
4. Liquide (image clé)
5. Papillon (image clé)
6. Projecteur (image clé)
7. Lumière des yeux (image clé)
Coloration de la partie d'animation par cellules (Yeux et ligne noire)
Comme j'ai réalisé l'illustration en peignant plutôt qu'en utilisant des lignes vectorielles\/un ombrage cellulaire souvent utilisés pour l'animation, il faut du temps pour peindre chaque cellule d'animation. J'ai placé le calque coloré sous le lineart que j'ai dessiné, en suivant l'esquisse de l'animation. La partie des yeux est divisée en 4 cellules : entièrement ouverte, presque fermée, entièrement fermée et presque entièrement ouverte. Vous pouvez ajuster le rythme de l'animation de clignement en utilisant « presque fermée » et « presque entièrement ouverte » comme cellules intermédiaires entre « entièrement ouverte » et « entièrement fermée ». Pour m'assurer que la couleur reste attachée à la cellule, j'ai placé chaque cellule dans un dossier différent au sein du dossier d'animation.
Quant à la ligne noire, j'ai simplement griffonné 4 lignes aléatoires et placé chaque cellule dans un ordre aléatoire.
Animer avec des images clés
I. Animer le globe oculaire avec des images clés
Pour donner l'impression que le globe oculaire bouge, j'anime la pupille avec des images clés. Avant de commencer à l'animer avec des images clés, vous devez convertir le calque en calque de matière image en cliquant droit sur le calque> convertir le calque et, dans la fenêtre de conversion de calque, choisissez calque de matière image.
Cliquez sur "Activer les images clés sur ce calque", puis cliquez sur "Ajouter une image clé" au point de départ. Lorsque vous passez à une autre image et déplacez le calque, une image clé est automatiquement enregistrée.
Pour m'assurer qu'il bouge différemment dans les 7 secondes, j'ai élaboré le même plan que pour le projecteur. Avec CSP EX, vous pouvez simplement créer différentes images clés en douceur d'une seconde à l'autre. Quant aux utilisateurs de CSP PRO, vous devez créer une nouvelle chronologie, puis copier la dernière image clé et la coller au début de la nouvelle chronologie.
C'est une façon de créer une animation de plus d'une seconde à 24 ips dans CSP PRO. L'inconvénient de la version PRO est qu'il y a une pause rapide un peu maladroite entre les secondes lors du rendu, car il faut un rythme précis et similaire pour que cela coule en douceur, à moins que vous ne puissiez calculer le rythme.
II. Animer le liquide avec des images clés
Si vous regardez attentivement, certains liquides coulent plus vite\/plus lentement que d'autres. L'astuce est que j'ai créé 2 calques de liquide et que j'ai contrôlé le rythme du flux à l'aide d'images clés. Pour m'assurer que le liquide en dehors du cadre est masqué, je m'assure que le fond d'écran le couvre afin qu'il semble sortir du cadre ! En utilisant la même méthode que pour le globe oculaire, j'ai créé des rythmes différents en quelques secondes avec une chronologie par seconde sur CSP PRO. J'ai fait apparaître le calque de liquide (1) en premier, puis le calque de liquide (2) est sorti lentement. Ensuite, sur une autre seconde (chronologie dans CSP PRO), le calque de liquide (2) coule plus vite que le calque de liquide (1).
III. Animer les ailes de papillon
Pour créer chaque mouvement comme des parties séparées, je crée chaque ressource d'aile. Vous pouvez essayer d'animer le papillon avec ma ressource ici.
Pour vous assurer que les ailes tournent comme si elles étaient attachées au corps, vous devez déplacer le point de contrôle vers l'extrémité de l'aile qui est cachée sous le calque du corps. Vous pouvez maintenant faire pivoter chaque image clé de l'aile tout en étant attachée au corps.
IV. Animer le projecteur
Avant de créer le projecteur, vous devez assombrir l'illustration en bloquant le dessin avec une couleur sombre, de préférence une teinte froide, et définir le calque sur Produit. Dessinez un cercle avec l'outil ellipse et choisissez l'option remplir. Vous pouvez ajuster l'intensité du cercle soit en le dessinant avec une demi-opacité, soit en ajustant l'opacité du calque. Sélectionnez Ajouter (Luminosité) ou Superposition en fonction de la saturation.
Les couleurs vives préfèrent l'option Ajouter (Luminosité) tandis que les couleurs pâles utilisent mieux la Superposition. Si la couleur est encore trop lumineuse, vous pouvez ajuster l'opacité avant de convertir le calque en calque de matière image. Vous pouvez commencer à animer le projecteur simplement en utilisant des images clés.
Ajout de détails basés sur l'éclairage
I. Animer l'ombre + la lumière en fonction de la présence du projecteur
Avec une source de lumière rapprochée, vous devez ajouter des lumières et des ombres lorsqu'il y a de la lumière. La méthode la plus simple consiste à créer un calque d'ombre et un calque de lumière écrêté sur le dossier du projecteur.
Puisqu'ils sont écrêtés sur le calque du projecteur, ils n'apparaîtront que lorsque le projecteur couvrira la zone.
II. Animer la lumière des yeux
Dessinez la lumière et assurez-vous que le calque est Ajouter (Luminosité). Pour vous assurer que la lumière n'apparaît que lorsque les yeux s'ouvrent et que le projecteur la couvre, ajoutez une image clé avec 0 % d'opacité lorsque les yeux se ferment\/il n'y a pas de projecteur. Et lorsque les yeux s'ouvrent\/le projecteur apparaît, vous pouvez ramener l'opacité à 100 % et l'enregistrer sur une nouvelle image clé. Faites attention au type d'image clé, car l'interpolation douce fait disparaître l'opacité non pas instantanément d'une image clé précédente à la suivante. Vous voudrez peut-être vérifier l'opacité de chaque image.
Bonus : Effet de bruit en mouvement
J'ai donc créé 2 styles lors de la réalisation de cette illustration. Un avec un effet de bruit pour donner l'impression d'une vieille vidéo documentée et un avec un projecteur. Si vous remarquez que le bruit semble instable. La méthode est simple. Tout d'abord, créez un effet de bruit ou utilisez une ressource de calque de bruit. J'utilise cette ressource pour créer l'effet de bruit.
Définissez le type de calque sur "Produit" ou "Écran" et ajustez l'intensité selon vos préférences. Après cela, comme il est défini comme calque de matière image, vous devez déplacer l'objet en dehors du dessin. Assurez-vous d'enregistrer l'image clé au début de l'animation. Sur l'image suivante, pas très loin, faites-le se déplacer légèrement vers un autre endroit.
Maintenant, vous avez 2 images clés sur la chronologie, sélectionnez les deux > clic droit > copier puis coller sur l'image rapprochée suivante. Répétez cela en sélectionnant tout, puis copiez et collez à nouveau jusqu'à la fin.
Maintenant, votre illustration a un effet de bruit en mouvement.
Clôture du guide : Exporter l'animation
Si vous utilisez CSP EX, vous pouvez simplement cliquer sur Fichier> Exporter l'animation et choisir le type de fichier que vous souhaitez. Pour les utilisateurs de CSP PRO, il y a une limitation car l'exportation ne compte qu'une seule chronologie. Donc, pour pouvoir exporter l'animation, cliquez sur Fichier> Exporter l'animation de chaque chronologie.
Par exemple : j'exporte en séquence d'images et cela rendra la chronologie 1. Une fois terminé, choisissez une autre chronologie et exportez-la. Répétez l'opération jusqu'à la dernière chronologie. Après avoir obtenu toutes les chronologies, vous pourriez avoir besoin d'un logiciel\/site web tiers pour fusionner toutes les chronologies.
Et maintenant l'animation est terminée ! C'est ma première fois que je crée un guide, alors merci beaucoup d'être venu le consulter ! J'espère que vous vous amuserez à expérimenter l'animation !
Les utilisateurs qui ont aimé cette publication
Commentaire