De la 3D à l'animation 2D finie : Tutoriel complet étape par étape

10 523

Joseph77

Joseph77

Introduction

Bonjour à nouveau ! 😀 Je suis LibertyFreedom, une artiste conceptrice et mangaka qui utilise Clip Studio Paint comme outil d'art numérique principal depuis 7 ans.

 

 

Je croyais auparavant que la seule façon d'améliorer mes compétences en animation était de rechercher continuellement des références et de pratiquer le dessin. Cependant, grâce aux remarquables fonctionnalités 3D disponibles dans Clip Studio Paint, les débutants peuvent désormais améliorer leurs compétences en animation plus efficacement, et c'est l'objet de ce tutoriel

 

Utiliser une figure 3D comme référence solide pour faciliter le dessin d'animation 2D

Dans ce guide d'animation étape par étape, nous allons non seulement parcourir le flux de travail d'animation complet mais aussi aborder les défis courants auxquels les débutants sont confrontés.

Bien que le tutoriel présente la version tablette, soyez assuré qu'il est également applicable à la version PC. Bien que l'interface diffère légèrement, les fonctions et les icônes restent les mêmes pour les versions tablette et PC.

Donc, que vous soyez un débutant ou que vous cherchiez à améliorer vos compétences, ce tutoriel vous couvre du début à la fin. Plongeons et libérons votre créativité !😃

 

 

Étape 1 : Configuration de l'espace de travail du canevas

Maintenant, regardez ces deux diagrammes simultanément pour mieux comprendre l'espace de travail du canevas d'animation.

Les réglages de B à E sont nécessaires pour les animateurs professionnels car ils travaillent quotidiennement sur un long projet d'animation en équipe dans un studio. Vous pouvez ajuster les réglages de l'espace de travail à votre guise. Mais pour ce tutoriel, j'aimerais garder l'espace de travail propre et simple afin que les débutants puissent voir et suivre facilement.

 

 

Voici mes réglages pour mon nouvel espace de travail de canevas d'animation.

Pour ce tutoriel, je veux que ce soit simple afin que les débutants puissent suivre facilement. Créons une animation GIF simple d'environ 1 seconde avec un taux de 10 images par seconde dans ce tutoriel.

 

 

Une fois que vous avez terminé les réglages et cliqué sur OK, vous devriez avoir un panneau [Chronologie]. Si le panneau est manquant, allez dans [Fenêtre] depuis le menu et faites apparaître le panneau.

Nous n'avons pas besoin du panneau [Cellules d'animation], alors fermez ce panneau.

 

 

Étape 2 : Configuration des raccourcis clavier importants pour l'animation.

Avant cela, j'ai une suggestion utile si vous êtes gaucher.

Dessiner de l'animation nécessite de vérifier les images en avant et en arrière afin de maintenir la cohérence du dessin. Je recommande fortement de configurer des raccourcis clavier pour ces fonctions afin de rationaliser le processus. (Vous le saurez plus tard)

Si vous utilisez un clavier avec une tablette (ou un PC), définissez un raccourci clavier pour le clavier.

Si vous utilisez uniquement une tablette, faites apparaître le clavier de bord et attribuez les fonctions aux touches spéciales. J'utilise uniquement une tablette et un stylet dans ce tutoriel.

 

 

Nous aurons besoin d'utiliser cette fonction beaucoup plus tard pour la coloration, alors définissons un raccourci clavier pour cela.

N'oubliez pas d'utiliser les deux mains pour dessiner et appuyer sur le raccourci clavier, c'est à cela que sert le clavier de bord.

Étape 3 : Utilisation d'une figure 3D pour créer des images clés

Au lieu d'esquisser des images clés, les débutants peuvent utiliser des figures 3D pour la pose. Cela fournit un point de référence solide, particulièrement pour ceux qui ne sont pas familiers avec le dessin de poses séquentielles naturelles.

Le flux de travail 3D peut sembler compliqué à utiliser pour les débutants au début, mais croyez-moi, une fois que vous connaîtrez l'astuce, c'est en fait simple. 😎

Vous pouvez simplement utiliser la pose téléchargée pour la dernière image clé ou modifier la pose si nécessaire. Je modifie la pose dans ce cas.

Vous pourriez trouver difficile d'ajuster la pose du modèle 3D au début, mais croyez-moi, avec de la pratique, vous deviendrez rapidement habile à poser la figure. La clé est de faire pivoter la figure 3D sous différents angles pour obtenir la pose désirée, plutôt que de s'en tenir à un seul angle.

Je suis familier avec la pose 3D, il ne m'a donc fallu qu'environ 1 minute pour finir de modifier la pose. 😎 Vous pouvez le faire aussi ! 😁

Posez d'abord la figure 3D avant d'ajuster la caméra afin de pouvoir voir la différence entre les images clés. (Activez la pelure d'oignon)

Cette technique est connue sous le nom de "Méthode des moitiés".

Nous commençons d'abord par la première et la dernière image d'une séquence d'action, puis nous continuons à diviser en deux les images intermédiaires.

Cette approche est fortement recommandée pour les débutants car elle garantit que vous arrivez d'abord au bon point. Si vous dessinez une séquence d'action de manière linéaire (image par image en séquence), il y a plus de chances que vous obteniez quelque chose que vous ne voulez pas à la fin.

Vous devriez tout recommencer si la pose de l'image de fin n'est pas ce que vous voulez, car toutes les images intermédiaires sont destinées à construire la dernière image. C'est pourquoi la première image, l'image du milieu et la dernière image sont les images les plus importantes, appelées images clés.

N'oubliez pas, ces trois images clés sont la pierre angulaire de votre animation, tout comme les fondations d'un bâtiment. Si elles ne sont pas bien gérées dès le départ, toutes les images intermédiaires n'auront pas beaucoup d'importance.

Étape 4 : Utilisation d'une figure 3D pour créer des images clés secondaires et des images intermédiaires.

Lorsque vous avez terminé l'image secondaire, répétez les mêmes étapes pour les images intermédiaires.

Étape 5 : Esquisse en référence aux figures 3D

Tout comme nous avons utilisé les figures 3D dans l'animation précédemment (Étape 4). Commencez par esquisser les images clés en premier.

 

 

Lancez la lecture pour vérifier la séquence des [images clés]. S'il y a un problème, revenez en arrière pour corriger les images clés. Une fois que vous êtes satisfait de la séquence [d'images clés], passez à l'esquisse des images clés secondaires.

Lancez la lecture pour vérifier la séquence [images clés + images secondaires]. Une fois que vous êtes satisfait de la séquence [images clés + images clés secondaires], passez à l'esquisse des images clés intermédiaires.

Lancez la lecture pour vérifier la séquence [images clés + images secondaires + images intermédiaires]. Une fois que vous êtes satisfait de la séquence [images clés + images clés secondaires + images intermédiaires], passez à l'étape suivante 😄

Étape 6 : Nettoyage de l'esquisse (Line art propre)

Veuillez vous assurer que l'anticrénelage est désactivé. C'est crucial.

Nous devons utiliser des lignes crénelées (pixélisées, à bords durs) pour le line art en animation afin de pouvoir colorer facilement les lignes pixélisées. Ne vous inquiétez pas, je vous montrerai comment revenir de ces lignes crénelées à des lignes anticrénelées (lignes à bords doux) après avoir terminé la coloration, ce qui est la dernière étape.

Pour dessiner une symétrie parfaite pour la première image, suivez ces étapes.

Activez et désactivez la règle symétrique lorsque vous dessinez la vue de face dans les images 1, 2 et 3.

Utilisez toutes les techniques que j'ai mentionnées ci-dessus pour encrer toutes les esquisses de l'image 1 à l'image 10.

Étape 7 : Ligne de séparation des couleurs

Quel est l'intérêt de dessiner des lignes de séparation des couleurs ?

Tout comme nous dessinons pose par pose pour animer les mouvements des personnages, nous devons également dessiner la ligne de séparation des couleurs pour animer le mouvement des couleurs.

Quand je parle de "couleur", je fais référence aux formes de la tonalité d'ombre et de la tonalité de lumière.

Ces tonalités ne sont pas statiques ; elles changent au fur et à mesure que le personnage bouge ou que la source de lumière se déplace. Nous n'avons pas besoin d'animer la tonalité locale/moyenne puisqu'elle reste toujours attachée au line art.

Pour les débutants, il se peut que vous ne soyez pas familier avec l'utilisation de lignes bleues et rouges pour indiquer la région de la tonalité d'ombre et de lumière. Pour y remédier, vous pouvez commencer par colorer le line art en premier. Ensuite, tracez par-dessus la tonalité d'ombre et la tonalité de lumière pour comprendre comment fonctionnent les lignes de séparation des couleurs en animation.

Répétez les mêmes étapes pour colorer/dessiner toutes les tonalités de lumière.

Comme nous l'avons fait à l'étape 5, il existe deux méthodes pour référencer l'image précédente lors du dessin de la ligne de séparation des couleurs.

Une fois que vous avez fini de dessiner la ligne de séparation des couleurs pour chaque image, NE REMPLISSEZ PAS LA COULEUR tout de suite (sauf pour l'image 1 si vous êtes débutant). Je commence par colorer la première image juste pour aider les débutants à mieux comprendre comment la ligne de séparation des couleurs fonctionne en animation.

 

Il est préférable de compléter toutes les lignes de séparation des couleurs pour toutes les images d'abord. Cela nous permet de lire et de revoir l'animation des lignes de séparation des couleurs pour repérer les erreurs avant de passer à l'étape de la coloration.

 

 

Étape 8 : Colorisation

Nous avons peint l'image 1 pour comprendre la ligne de séparation des couleurs à l'étape précédente. Maintenant, passons à la coloration des autres images, en commençant par l'image 2.

Appliquez toutes les techniques que j'ai démontrées ci-dessus pour terminer la coloration de toutes les images.

Étape 9 : Lisser l'animation

Nous avons utilisé des lignes crénelées (lignes pixélisées) pour dessiner toutes les lignes afin de pouvoir facilement colorer les espaces. Maintenant que nous avons terminé la coloration, revenons des lignes crénelées aux lignes anticrénelées (lignes à bords doux).

Étape 10 : Exportation de l'animation

Assurez-vous que les paramètres d'exportation correspondent à ceux que nous avons définis à l'origine, car ils peuvent parfois différer

Cliquez sur OK et voilà. Nous avons terminé l'animation ! 🥰🥰😍

Conclusion

Ceci conclut notre flux de travail complet étape par étape pour l'intégration de figures 3D dans une animation GIF 2D finie.

Voici l'image récapitulative finale de ce tutoriel lorsque j'ai tout mis dans le panneau Chronologie.

Une fois que vous maîtrisez les fondamentaux abordés dans ce tutoriel, vous pouvez améliorer vos compétences en expérimentant des fréquences d'images plus élevées et des durées de lecture plus longues. Vous pouvez même explorer une scène plus complexe avec plusieurs personnages et différents angles de caméra. Continuez à explorer, continuez à créer et profitez du voyage artistique qui vous attend ! 😎👍

Répondre à une préoccupation courante

Dois-je réellement utiliser des figures 3D pour chaque image ?

Réponse : Oui et non. Cela dépend de votre niveau de compétence et de votre aisance. Les débutants bénéficient souvent de l'utilisation d'une figure 3D pour chaque image comme référence lors du dessin de séquences de poses. Cependant, à mesure que vous gagnez de l'expérience, vous pouvez réduire votre dépendance à leur égard.

À mesure que vous vous familiariserez avec l'animation, vous pourrez essayer de ne pas utiliser de figures 3D pour les images intermédiaires et peut-être un jour ne plus utiliser les images clés secondaires et les images intermédiaires. Avec de plus en plus de pratique, un jour vous pourriez même constater que vous n'avez plus du tout besoin de figure 3D.

 

 

Considérez simplement la figure 3D comme une référence utile, comme l'utilisation d'images en ligne pour votre propre référence. Vous n'avez pas besoin de parcourir tout internet ou d'utiliser d'innombrables images pour votre référence.

Vous n'avez besoin que de ce qui est "suffisant" pour vous.


Merci d'avoir suivi ! J'espère que les conseils que j'ai partagés vous seront utiles dans votre parcours artistique.

À bientôt pour la prochaine astuce ! 😀

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel