🎀 Introduction
L'animation d'expressions faciales peut donner vie aux personnages, en ajoutant de l'émotion et de la personnalité. Ce tutoriel guidera les débutants à travers les outils essentiels de Clip Studio Paint (CSP) pour créer des animations simples, telles que le clignement des yeux et le sourire.
🎀 Configuration de votre espace de travail
Avant de commencer à animer, vous devez configurer correctement votre espace de travail.
🌸 Ouvrez Clip Studio Paint et créez un nouveau fichier.
🌸 Allez dans Fichier > Nouveau, et sélectionnez Animation. Cela garantit que le fichier est configuré pour l'animation image par image.
🌸 Choisissez une taille de toile appropriée (par exemple, 1920x1080 pixels) en fonction des besoins de votre projet. Les tailles plus grandes permettent un travail détaillé, tandis que les tailles plus petites rendent les animations simples plus rapides à rendre.
🌸 Définissez la fréquence d'images (12 ou 24 ips est courant pour une animation fluide). La fréquence d'images détermine le nombre d'images affichées par seconde ; une fréquence d'images plus élevée se traduit par un mouvement plus fluide.
🌸 Cliquez sur OK pour créer votre fichier d'animation, et vous êtes prêt à commencer !
🎀 Comprendre la chronologie
La Chronologie est l'endroit où toutes les séquences d'animation sont gérées. Elle contrôle la façon dont les images apparaissent au fil du temps, déterminant le mouvement et le flux de votre animation.
🌸 Ouvrez la fenêtre Chronologie depuis Fenêtre > Chronologie si elle n'est pas déjà visible.
🌸 Cliquez sur Nouvelle chronologie, et définissez la fréquence d'images et la plage de lecture. La plage de lecture définit le nombre d'images qui seront incluses dans l'aperçu de l'animation.
🌸 Ajoutez des images d'animation en cliquant sur le bouton Nouvelle planche d'animation dans la chronologie. Chaque planche représente une image individuelle, et de nouvelles planches vous permettent de créer du mouvement entre les images.
Voici une brève explication de la fonctionnalité de chaque bouton :
1. Éditeur de graphiques – Ouvre l'éditeur de graphiques pour affiner les courbes d'animation.
2. Modifier la chronologie – Permet des modifications aux paramètres de la chronologie.
3. Nouvelle chronologie – Crée une nouvelle chronologie d'animation.
4. Zoom arrière – Diminue le niveau de zoom de la chronologie pour une vue plus large.
5. Zoom avant – Augmente le niveau de zoom de la chronologie pour une vue plus rapprochée.
6. Aller au début – Déplace la tête de lecture vers la première image.
7. Aller à l'image précédente – Déplace la tête de lecture d'une image en arrière.
8. Lire/Arrêter l'animation – Démarre ou arrête la lecture de l'animation.
9. Aller à l'image suivante – Déplace la tête de lecture d'une image en avant.
10. Aller à la fin – Déplace la tête de lecture vers la dernière image.
11. Lecture en boucle – Active ou désactive la lecture en boucle de l'animation.
12. Nouveau dossier d'animation – Crée un nouveau dossier pour organiser les calques d'animation.
13. Nouvelle planche d'animation – Ajoute une nouvelle planche (image) dans l'animation.
14. Affecter la planche à l'image – Lie une planche spécifique à une image sélectionnée.
15. Supprimer la planche – Supprime une planche de la chronologie.
16. Activer la pelure d'oignon – Active la pelure d'oignon pour visualiser faiblement les images précédentes et suivantes.
17. Ajouter une image clé – Insère une image clé à la position sélectionnée.
8. Supprimer l'image clé – Supprime une image clé de la chronologie.
19. Activer les images clés sur ce calque – Active les images clés pour un calque spécifique.
20. Modifier les calques avec des images clés actives – Permet l'édition des calques qui ont des images clés.
🎀 Concepts importants et comment les utiliser
1. Image clé
🔹 Qu'est-ce que c'est ?
Une image clé est une image spéciale dans une animation où un changement important se produit, comme un personnage qui bouge, un objet qui change de couleur ou un changement de scène.
🔹 Que fait-elle ?
Les images clés définissent les points de début et de fin d'une animation. Le logiciel remplit automatiquement les images intermédiaires, créant un mouvement fluide. Ce processus s'appelle l'interpolation.
🔹 Comment l'utiliser ?
🌸 Sélectionnez une image sur la chronologie.
🌸 Cliquez sur "Ajouter une image clé" (📌) pour la marquer.
🌸 Changez quelque chose dans votre scène (comme déplacer un objet).
🌸 Déplacez-vous vers une autre image et ajoutez une autre image clé.
🌸 Appuyez sur lecture ▶️ pour voir l'animation se produire entre les images clés !
Exemple :
Imaginez animer une balle rebondissante. Vous placez une image clé lorsque la balle est en haut, et une autre lorsqu'elle touche le sol. Le logiciel remplit le mouvement, faisant apparaître la balle comme rebondissant en douceur.
2. Planche d'animation
🔹 Qu'est-ce que c'est ?
Une planche d'animation (abréviation de "cellulo") est une seule image de dessin utilisée en animation. Les animateurs traditionnels utilisaient des feuilles transparentes pour créer des animations en superposant des planches.
🔹 Que fait-elle ?
Chaque planche d'animation contient une partie de votre animation, comme une image dans un folioscope. Les logiciels modernes imitent cela en vous permettant d'ajouter et de gérer des planches numériquement.
🔹 Comment l'utiliser ?
🌸 Créez une nouvelle planche d'animation.
🌸 Dessinez quelque chose dessus.
🌸 Attribuez-la à une image.
🌸 Répétez le processus pour le mouvement.
Exemple :
Considérez une planche d'animation comme une page dans une animation de folioscope. Si vous dessinez un personnage bâton sur différentes pages et les feuilletez rapidement, on a l'impression que le personnage bouge !
3. Pelure d'oignon
🔹 Qu'est-ce que c'est ?
La pelure d'oignon vous permet de voir une version fantôme des images précédentes et suivantes, vous aidant à dessiner des transitions fluides.
🔹 Que fait-elle ?
Elle superpose des versions estompées de vos images d'animation afin que vous puissiez suivre facilement le mouvement et maintenir l'alignement.
🔹 Comment l'utiliser ?
🌸 Activez la "Pelure d'oignon" 🧅.
🌸 Vous verrez des versions estompées des images précédentes et suivantes.
🌸 Dessinez la nouvelle image en utilisant les images fantômes comme référence.
🌸 Ajustez les paramètres de la pelure d'oignon sous Animation > Afficher les planches d'animation > Paramètres de la pelure d'oignon si nécessaire pour personnaliser la visibilité des images passées et futures.
Exemple :
Imaginez animer une personne qui court. Vous devez voir où se trouvaient ses jambes dans la dernière image pour que l'image suivante s'enchaîne naturellement. La pelure d'oignon aide en montrant les positions précédentes de manière atténuée !
4. Interpolation
🔹 Qu'est-ce que c'est ?
L'interpolation (abréviation d'intercalation) est la création automatique d'images entre deux images clés pour rendre le mouvement fluide.
🔹 Que fait-elle ?
Au lieu de dessiner chaque image manuellement, le logiciel remplit les lacunes entre les images clés, rendant l'animation beaucoup plus rapide et plus fluide.
🔹 Comment l'utiliser ?
🌸 Placez deux images clés (une au début, une à la fin).
🌸 Appliquez l'interpolation (si le logiciel le prend en charge).
🌸 Regardez l'animation passer en douceur d'une image clé à l'autre !
Exemple :
Si vous animez une voiture se déplaçant de gauche à droite, il vous suffit de définir deux images clés :
🌸 Image clé 1 (Voiture sur le côté gauche de l'écran)
🌸 Image clé 2 (Voiture sur le côté droit de l'écran)\
Le logiciel générera le mouvement intermédiaire, faisant rouler la voiture en douceur.
5. Lecture en boucle
🔹 Qu'est-ce que c'est ?
La lecture en boucle répète l'animation en continu au lieu de s'arrêter à la fin.
🔹 Que fait-elle ?
Elle vous permet de regarder les animations encore et encore sans avoir à appuyer sur lecture à nouveau. Utile pour tester des mouvements fluides.
🔹 Comment l'utiliser ?
🌸 Cliquez sur le bouton Lecture en boucle 🔁.
🌸 Appuyez sur lecture ▶️.
🌸 L'animation se répétera automatiquement du début à la fin.
Exemple :
Pensez à un GIF – il se joue en boucle sans s'arrêter ! Si vous animez un personnage qui marche, la lecture en boucle vous aide à vérifier si les pas semblent naturels.
🏵️ Étape 1 : Dessiner l'image de base
Votre première image pose les bases de votre animation.
🌸 Sélectionnez un outil crayon ou stylo pour dessiner. Choisissez une brosse qui offre des traits lisses pour des lignes d'animation nettes.
🌸 Esquissez le visage neutre du personnage. C'est l'expression par défaut à partir de laquelle l'animation changera.
🌸 Gardez les lignes simples et évitez les détails excessifs pour faciliter l'animation des mouvements faciaux subtils.
Vous devriez obtenir un lineart propre avec lequel travailler (vous pouvez opter pour une base esquissée si c'est votre style !).
🌸 Dans mon cas, j'utiliserai ce simple dessin à des fins de démonstration. 🌸
Essayez de garder vos calques séparés ; par exemple, j'ai séparé le visage du corps, des cheveux et des vêtements, de cette façon j'ai plus de liberté pour déplacer les éléments.
🏵️ Étape 2 : Animer un clignement des yeux
Le clignement des yeux est l'un des moyens les plus simples de donner vie à un personnage.
🌸 Dupliquez la première image et modifiez légèrement les paupières. Dessinez les paupières légèrement abaissées par rapport à l'image précédente.
🌸 Créez des images supplémentaires où les paupières se ferment et s'ouvrent progressivement, en décomposant le mouvement en petits incréments pour une transition fluide. Vous pouvez créer la première, la médiane et la dernière image où les yeux sont complètement ouverts, à moitié fermés et fermés, puis remplir les images intermédiaires comme bon vous semble.
🌸 Utilisez la Pelure d'oignon pour aligner correctement chaque image et assurer une forme d'œil cohérente tout au long du mouvement.
🌸 Lisez l'animation en appuyant sur le bouton Lecture dans la Chronologie pour vérifier la fluidité du clignement. Ajustez les images si nécessaire.
Voici un timelapse de la façon dont je dessine les images intermédiaires pour que cela paraisse naturel.
Et voici une image pour une illustration image par image.
🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 🌸🌸 Conseils 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸
1. Vous n'avez pas à dessiner toute l'illustration à nouveau sur chaque image, il suffit de la copier-coller et de modifier ce que vous voulez.
2. Séparer les calques vous aidera énormément ; si vous voulez juste animer une partie spécifique, gardez cette partie sur un calque séparé, puis créez un groupe de l'œuvre d'art et copiez-collez-le dans votre image d'animation.
🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸
Voici un autre ensemble d'yeux et une animation légèrement différente avec une esquisse.
🌸 Vous n'êtes pas obligé d'animer une illustration complète, amusez-vous simplement avec des choses simples. 🌸
Et voici à quoi ressemble l'animation terminée.
🏵️ Étape 3 : Animer un clin d'œil
En utilisant l'étape précédente comme base, nous pouvons maintenant facilement animer un clin d'œil.
🌸 Utilisez l'animation précédente et commencez par modifier la 2e image.
🌸 Gardez un œil statique et modifiez lentement le second œil pour qu'il se ferme.
🌸Ajoutez des effets pour exagérer le clin d'œil, dans mon cas j'ai ajouté un cœur.
🌸Vous pouvez utiliser des références vidéo si vous avez des doutes sur quelque chose.
Modifiez les images pour ajuster la vitesse à votre guise ; vous pouvez faire durer le dessin central quelques images et le reste une seule image. Expérimentez avec cela.
🏵️ Étape 4 : Animer un sourire
Animer un sourire implique des changements graduels dans la bouche et les muscles faciaux environnants.
🌸 Commencez avec le visage neutre comme Image 1.
🌸 Ajoutez une nouvelle image et soulevez légèrement les coins de la bouche, créant un sourire subtil.
🌸 Continuez d'ajouter des images, en courbant progressivement la bouche et en soulevant les joues pour accentuer le sourire.
🌸 Améliorez le réalisme en ajoutant de légers mouvements oculaires, comme un léger plissement des yeux en souriant.
🌸 Lisez l'animation pour revoir et ajuster la transition entre les images pour un mouvement naturel.
Puisque je pense que cette œuvre d'art ne montre pas bien les étapes, voici une autre, plus simple !
Ajoutons-y un peu plus de mouvement pour le rendre plus crédible !
Essayez de sourire, vous sentirez vos joues pousser vos paupières inférieures, et c'est exactement ce qui se passe ici !
🎀 Ajustement du timing
Le timing affecte l'expressivité de votre animation.
🌸 Modifiez l'exposition des images pour ajuster la durée pendant laquelle chaque image reste à l'écran. Une exposition plus longue rend un mouvement plus lent, tandis qu'une exposition plus courte crée un mouvement plus rapide.
🌸 Expérimentez avec les délais d'images dans la Chronologie. Par exemple, maintenir un sourire pendant quelques images supplémentaires avant de revenir au neutre peut rendre l'expression plus naturelle.
🌸 Utilisez des techniques d'espacement pour ajouter de la variété à votre timing, comme des clignements rapides ou des sourires lents et délibérés.
Un timing différent donne des effets d'animation différents.
En laissant quelques images vides vers la fin, vous pouvez garder le sourire un peu plus longtemps !
En voici un autre !
L'expérimentation est la clé pour trouver ce qui vous convient !
🎀 Exporter votre animation
Une fois que vous êtes satisfait de votre animation, il est temps de l'enregistrer et de la partager.
🌸 Allez dans Fichier > Exporter l'animation et choisissez entre GIF animé (pour les courtes animations en boucle) ou Film (pour une sortie vidéo de haute qualité).
🌸 Choisissez les paramètres appropriés, tels que la résolution et la fréquence d'images, en fonction des besoins de votre projet.
🌸 Enregistrez votre animation, et vous avez terminé !
💐 Conclusion
Avec ces bases, vous pouvez expérimenter des animations plus expressives et affiner votre technique. Essayez de combiner différentes expressions et d'utiliser des vidéos de référence pour améliorer vos animations faciales.
Bonne animation !
Les utilisateurs qui ont aimé cette publication
Commentaire