Je vais vous montrer ici comment créer une animation de travelling autour d'un personnage. Un concept qui montre un personnage sous tous les angles le rend plus vivant et nous fournit également des informations supplémentaires, par exemple sur les vues de profil et le dos des vêtements.

Clip Studio Paint offre des possibilités pratiques pour cela.

 

Ce tutoriel est assez complexe, mais convient également aux débutants. Cependant, vous devriez être familiarisé avec les fonctions de base du programme.

Tous les matériaux de ce tutoriel font soit partie standard de Clip Studio Paint, soit sont disponibles gratuitement sur Clip Studio Assets.

 

Amusez-vous à animer !

Planification

Il est utile d'avoir déjà un plan approximatif de l'animation. Nous avons besoin de:

 

Matériel de référence: croquis, photo pour les poses, palette de couleurs approximative

Pour le travelling: 8 vues à 45° d'intervalle

 

Le format de sortie doit être GIF.

Créer une illustration avec mouvement

Choisissez Fichier > Nouveau > Illustration avec mouvement, 8 images, 6 ips

Je crée le fichier au format 16:9 au cas où je voudrais télécharger l'animation plus tard comme vidéo, par exemple sur Youtube. Une norme est de 1280 x 720 pixels.

 

Le personnage doit être visible sous 8 angles différents, nous avons donc besoin de 8 images.

Vitesse: Comme nous ne peindrons que 8 images, choisissez la valeur la plus petite, 6 images par seconde, afin que l'animation ne soit pas trop agitée.

Clip Studio Paint crée automatiquement un document avec un dossier d'animation contenant 8 cellules d'animation vides. (Nous n'allons pas nous occuper de ce dossier pour l'instant.)

Conseil pour les débutants

Si vous n'avez jamais travaillé avec des figures 3D, vous devriez d'abord vous familiariser avec leur manipulation. Essayez de les faire pivoter, de les mettre à l'échelle et de les positionner.

Vous avez besoin de cet outil lorsque vous travaillez avec des figures 3D:

Sélection d'objet, pour activer la figure 3D.

Personnaliser la figure de dessin 3D

Sélectionnez une figure de dessin 3D standard dans votre document et positionnez-la au centre de la toile.

Activez la figure et cliquez sur la palette en bas à droite. Cela ouvre «Détails de l'outil secondaire». Ici, vous pouvez modifier la figure dans son ensemble et en détail. Le mode actif est affiché en bleu.

Ma figure est un peu ronde et a des proportions de bande dessinée, donc une tête légèrement plus grande. J'ajuste la forme du corps jusqu'à ce qu'elle me convienne.

Conseil: Enregistrer la forme du corps

Si vous souhaitez utiliser cette forme de corps plus souvent, enregistrez-la en tant que matériel. Cliquez ici

Une boîte de dialogue s'ouvre. Saisissez un nom et enregistrez la forme du corps dans le dossier correspondant. Vous pouvez également sélectionner une image appropriée en cliquant sur l'icône de dossier à côté de «Matériel graphique».

Déterminer la pose et la position

Voyons si la pose de référence peut être scannée...

Sélectionnez votre image de référence

Le résultat... pas tout à fait parfait, il faut donc ajuster un peu.

Optimisez la pose avec précaution. Sélectionnez les différentes parties du corps et positionnez-les avec les poignées 3D (les ellipses colorées), sans bouger les membres eux-mêmes. Vous aurez ainsi plus de contrôle.

Ça a déjà l'air bien comme ça

Maintenant, choisissez l'angle de caméra avec la vue frontale complète parmi les préréglages et faites pivoter la figure de manière à ce que le visage soit entièrement visible. (Assurez-vous ici de faire pivoter la figure et non la caméra.)

Ajuster l'éclairage

Pour avoir des ombres clairement définies plus tard dans l'illustration, allez dans les options de rendu de la palette d'outils secondaires > Attribution et réglez la «Méthode» sur «Toon».

 

Vous devrez peut-être équilibrer les différentes sources de lumière afin que la figure et la forme du corps soient bien visibles sous tous les angles et que les ombres aient l'air intéressantes.

Il existe 3 sources de lumière que vous pouvez modifier séparément: Lumière ambiante, Lumière parallèle 1 et 2. Pour la lumière ambiante, vous ne pouvez modifier que l'intensité et la couleur de la lumière. Pour les lumières parallèles, vous pouvez également modifier la position de la lumière. Vous pouvez laisser la couleur de la lumière en blanc partout.

Voici mes réglages. J'ai disposé les lumières parallèles sur différents côtés de la figure afin que le dos ne soit pas complètement dans l'ombre.

Une image par position

Nous avons besoin des 8 vues du personnage sur un fond transparent, désactivez donc la visibilité du calque de papier.

Activez le calque de la figure 3D, sélectionnez la vue frontale dans la palette de modèles et, dans la palette des calques, allez sur «Combiner les copies des calques visibles». Donnez un nom significatif au calque nouvellement créé, par exemple «1/1» ou «Frontal».

Ensuite, désactivez la visibilité de ce calque.

Activez à nouveau le calque de la figure 3D et sélectionnez la vue de gauche à partir des modèles. Créez à nouveau un nouveau calque à partir de cette vue via «Combiner les copies des calques visibles» et donnez-lui un nom significatif, par exemple «G 1/2». Désactivez la visibilité de ce calque.

Répétez cette opération pour toutes les autres vues: Profil droit, vues trois-quarts droite et gauche, vue arrière.

Il manque maintenant les vues un quart droite et gauche, pour lesquelles il n'y a malheureusement pas de préréglages.

Après quelques essais, j'ai trouvé qu'il était le plus simple et le plus rapide de positionner la caméra à l'œil. (Étant donné que chaque image n'est visible que pendant des fractions de seconde, elle n'a pas besoin d'être mathématiquement exacte, juste crédible.)

Il est important que vous déplaciez la caméra ici, pas la figure elle-même. Dans cette animation, nous faisons pivoter la caméra autour de la figure. La figure elle-même ne bouge pas.

Test d'animation

Dans le dossier d'animation, créez un dossier séparé pour chaque calque. «Créer un dossier et insérer un calque» ou cmd/ctrl-G.

Déplacez les différentes vues de la figure dans le bon ordre dans le dossier de l'image correspondante: vue frontale dans le dossier 1, vue 3/4 gauche dans le dossier 2, etc.

 

Si la fenêtre de la chronologie n'est pas encore ouverte, ouvrez-la maintenant.

Votre espace de travail devrait maintenant ressembler à ceci. En bas de la chronologie, vous pouvez lire votre animation.

Couleur et ombres

Dans le dossier d'animation, dupliquez chacune des 8 vues de la figure. Ces calques deviendront plus tard les ombres.

Réglez les duplicatas en mode de fusion Multiplier, la visibilité à 30% et verrouillez les calques pour éviter de travailler dessus par erreur. Désactivez les calques vides dans le dossier d'animation.

 

Je copie ma palette de couleurs du fichier de référence sur un nouveau calque. (Attention à ne pas la placer dans le dossier d'animation)

J'aime toujours avoir ma palette directement dans le document. (Vous pouvez également créer des nuanciers si vous préférez travailler différemment)

Maintenant, vous pouvez travailler sur les 8 vues de la figure. Effacez les ombres portées sur tous les calques et fixez la transparence.

Mon personnage porte une tenue futuriste avec des bottes et des gants. Je colorie grossièrement les formes de base avec l'outil de remplissage Lasso. Les lignes sur la figure m'aident à m'orienter.

Lorsque vous avez déterminé quelle partie a quelle couleur, dupliquez le calque colorié et déplacez-le sur le côté comme référence pour les autres vues.

Colorez grossièrement chaque vue. Les lignes de la grille vous indiquent comment les vêtements tombent sur le corps. Vous n'avez pas besoin de peindre la lumière et les ombres, cela viendra plus tard. Testez l'animation. (J'ai expérimenté ici avec des cheveux flottant au vent)

Peindre les détails

Il est temps de détailler. Déverrouillez la transparence sur le calque de la vue frontale pour définir les cheveux et les vêtements. Les vêtements de ma figure sont ajustés, mais ont de la dimension. (Ici, il est utile de rendre le calque d'ombre invisible de temps en temps pour ne pas être distrait.)

Je travaille maintenant avec l'outil Courbe pour ajuster joliment les lignes à la forme du corps. Là encore, je ne vais pas trop dans les détails, je veux d'abord mettre chaque vue au même niveau.

 

Une fois que je suis satisfait de la vue frontale, je continue avec le profil gauche. J'ai recopié le calque de la vue frontale comme référence pour les détails. Je ne veux pas un dessin réaliste qui ressemble à une animation 3D, mais un look fait main, décontracté.

Optionnel: Plus de détails

Si votre personnage doit recevoir quelques extras, utilisez les calques encore vides dans le dossier d'animation. Créez-les en tant que masque d'écrêtage afin de ne pas peindre en dehors du personnage, et faites-les glisser sous les calques d'ombre. Verrouillez également les calques déjà coloriés, afin que le design de base ne puisse plus être détruit.

Peignez pour chaque vue, par exemple:

avec l'aérographe:

un peu de rose sur les traits du visage, les genoux et les coudes.

avec un feutre fin, un marqueur et un pinceau couvrant:

Détails des cheveux

Textures

Coutures

Ornements

 

La grille sur les figures 3D aide à l'orientation ici.

 

Lorsque vous êtes satisfait, réduisez les calques de détails et les calques de figure coloriés en un seul calque.

Terminez toutes les vues de cette manière et exportez un GIF à titre de test.

Saisissez la taille souhaitée et réglez le nombre de boucles sur «Illimité» si votre animation doit être lue en boucle infinie.

À quoi ça ressemble? Pour un aspect «plat» simple, vous pourriez vous arrêter ici.

Ou continuez avec les ombres et quelques effets.

Ombres

Déverrouillez les calques que vous avez créés sous «Couleur et ombres».

Pour obtenir des ombres clairement définies et vous débarrasser des lignes de la grille, j'utilise une fonction pratique de Clip Studio sous «Propriétés du calque». Je règle la couleur d'expression sur «Monochrome» et j'ajuste les curseurs jusqu'à ce que le type d'ombre me plaise. Je ne veux pas de contours et, à certains endroits, pas d'ombres trop intenses. Selon les réglages, l'ombre portée peut également disparaître. (Je l'ai fait disparaître pour ce tutoriel afin de ne pas le rendre trop volumineux.) Attention: «Refléter l'opacité du calque» doit être désactivé, sinon le calque sera affiché à 100% d'opacité.

Maintenant, allez sur «Convertir le calque» et réglez la couleur d'expression sur «Couleur», car nous aurons besoin de demi-tons à l'étape suivante.

Ajustez l'opacité des calques d'ombre de manière à ce que les ombres soient belles. Faites cela pour tous les calques d'ombre. De plus, configurez tous les calques d'ombre comme masques d'écrêtage pour le calque en dessous. Votre dossier d'animation devrait maintenant ressembler à peu près à ceci.

Vous savez maintenant où se situent approximativement les ombres. Il est temps de faire preuve de créativité: Choisissez un pinceau avec lequel vous pouvez estomper et diffuser la couleur, par exemple «Estomper à l'eau» parmi les pinceaux aquarelle.

Estompez les bords de l'ombre jusqu'à ce qu'ils ressemblent à de la peinture. À certains endroits, comme le bord du t-shirt, j'ai besoin d'ombres supplémentaires. Je les peins simplement avec un pinceau aquarelle en noir.

(Vous n'avez besoin que de la couleur noire pour les ombres.)

 

Le personnage acquiert ainsi un style expressif et décontracté.

Faites la même chose pour tous les calques d'ombre.

 

Vous pouvez maintenant donner à votre animation un fond coloré et un peu de texture.

 

Exportez un GIF de la même manière qu'auparavant. Fini!

 

Merci d'avoir lu et essayé!