✨ Introduction
Coucou ! Je suis Maya Kalico et voici mes premiers Tips ✨ Aujourd'hui, je vais partager avec vous comment réaliser une animation super facile en mode Simple de Clip Studio Paint. J'espère que vous vous amuserez autant que moi à créer la vôtre ! On y va ?
○ Suivre en vidéo
💬 Des sous-titres et un doublage par IA sont disponibles dans différentes langues.
1) Concepts de base
Un mouvement en animation est composé de plusieurs images à la suite. Ces images défilent très rapidement entre elles, ce qui crée l'action. Chaque image de cette séquence est appelée un Frame (ou image). La vitesse à laquelle nous passons d'une image à l'autre dépend du FPS : Frames par seconde (Images par seconde).
Allons sur Clip Studio Paint pour mieux comprendre !
2) Paramètres initiaux
2.1) Taille de la toile
• Sur l'écran d'accueil de Clip Studio Paint, cliquez sur Dessiner puis sur Nouveau Projet ;
• Sélectionnez l'onglet Animation ;
• Cliquez sur 1080x1080px
Vous pouvez créer une illustration puis la transformer en animation si vous le souhaitez, mais aujourd'hui nous allons commencer directement par l'animation.
Comme nous allons faire un emote/avatar, il est important que le format soit carré pour mieux s'adapter.
2.2) Frames par seconde
Le Mode Simple de Clip Studio Paint a par défaut 12 images par seconde, ce qui est génial car cela signifie que nous n'aurons à dessiner que 12 images pour chaque seconde d'animation (on peut toujours les dupliquer, vous verrez !)
Pensez à un ballon de basket. Il a essentiellement trois mouvements : être lancé au sol, rebondir sur le sol et revenir dans votre main. Mais si seuls ces trois mouvements s'enchaînent très vite, l'animation sera très rigide, regardez :
Alors, nous ajoutons plus de mouvements entre ces trois principaux, ainsi l'animation devient plus fluide :
2.3) Pelure d'oignon
Dans Clip Studio Paint, l'image précédente est lilas et l'image suivante est verte. Vous pouvez activer ou désactiver la visualisation de la Pelure d'oignon via la Timeline : en bas de l'écran, cliquez sur les 3 petits points et activez/désactivez la Pelure d'oignon.
La Pelure d'oignon (Onion Skin) est le terme utilisé pour la prévisualisation des images précédente et suivante par rapport à l'image actuelle. Ainsi, vous pouvez planifier exactement quelles parties du dessin doivent bouger et lesquelles doivent rester en place pour que l'animation soit bien fluide.
3) Planifier votre animation
3.1) Design de l'emote
Le design de l'emote se fera selon votre style ! Il est important de se rappeler que les emotes se concentrent généralement uniquement sur le visage (avec l'utilisation d'expressions faciales et un petit aperçu du cou). N'oubliez pas que l'emote sera réduit, il faut donc que l'expression soit bien nette.
Pour notre cas, j'ai fait un design que j'aime : des yeux géants, beaucoup de cils et de grandes oreilles. Je trouve les personnages comme ça très mignons !
Faites un croquis sans vous presser. J'aime utiliser les pinceaux fusain ou le critérium pour cette partie, en couleur rouge. Ensuite, je crée un nouveau calque et je mets au propre le design final qui m'a plu, regardez :
Utilisez différents outils pour vous aider : J'ai utilisé l'outil Transformation pour ajuster la taille du visage à l'intérieur du carré. Vous pouvez aussi utiliser l'outil Sélection pour copier et coller différentes parties du dessin, comme l'œil :)
01. Commencez la création de votre dessin (ici j'ai utilisé le pinceau Dessiner > Fusain) ;
02. J'utilise l'outil Transformation pour ajuster la taille et l'alignement de la tête ;
03. Continuez votre dessin jusqu'à ce que vous soyez satisfait du design ;
04. Commencez à faire le lineart (ici j'ai utilisé le pinceau Stylo > Stylo rugueux) ;
05. Si vous voulez un élément exactement identique, utilisez l'outil Sélectionner et copiez-collez, comme je l'ai fait pour l'œil de mon personnage ;
06. Finalisez le lineart.
3.2) Choisir quoi animer
Maintenant, en observant votre design, choisissez ce que vous souhaitez animer ! Dans mon cas, comme j'aime les yeux très expressifs, je veux que mon personnage cligne des yeux de façon mignonne.
Un autre point sympa, c'est qu'en Mode Simple, on ressent beaucoup de liberté pour faire des allers-retours dans son design. Vous verrez que durant le processus, j'ai décidé qu'il serait cool d'avoir aussi une petite main qui fait coucou :)
N'oubliez pas, s'amuser durant le processus est la meilleure partie. N'hésitez pas à revenir sur votre design ou vos décisions si vous en avez envie.
4) Animer
4.1) Créer les images
Pour créer une nouvelle image :
Appuyez sur la première image de la timeline ;
Sélectionnez Dupliquer.
Ainsi, cela crée une nouvelle image pour votre animation, en copiant tous les calques de votre design initial avec !
Maintenant que vous avez votre design, commençons notre animation ! Vous vous souvenez de ce que nous avons dit au début sur les images ? C'est le moment de créer la première étape de notre mouvement :
Cette barre inférieure avec le bouton de lecture s'appelle la Timeline. C'est là que se trouveront toutes nos images. Appuyez sur la première image et cliquez sur Dupliquer. Cela fera en sorte que tous les calques de votre design soient copiés dans cette nouvelle image.
Ce type d'action facilite les choses quand on veut être sûr que tout sera aligné, mais vous pouvez aussi cliquer sur le bouton + et créer une toute nouvelle image vide. Si la pelure d'oignon est activée, vous ne verrez que l'ombre de l'image précédente et rien d'autre.
01. J'ai masqué tous les calques de l'image dupliquée et la seule chose que l'on peut visualiser est l'image précédente qui, grâce à la Pelure d'oignon, apparaît ici en couleur lilas ;
02. J'utilise le croquis du design pour effacer et planifier comment sera le design de l'œil qui cligne ;
03. Quand je suis satisfaite, j'affiche le calque principal et je redessine l'œil à la moitié du mouvement de clignement.
// Détails de l'animation :
J'ai décidé que pour le mouvement de clignement, je ferais seulement 3 images :
Œil ouvert
Œil mi-clos
Œil totalement fermé
Pour faire la boucle, il suffit de dupliquer l'image du milieu (Œil mi-clos) et mon personnage pourrait passer la journée entière à cligner des yeux xD
Vous voulez apporter une touche spéciale et plus de personnalité ? J'ai choisi d'animer aussi les sourcils pendant le clignement, ainsi cela fait plus naturel et donne l'impression qu'il y a beaucoup plus de mouvement que juste l'œil.
Conseil supplémentaire : Vous pouvez aussi ajuster la durée d'un mouvement simplement en dupliquant les images et en les réorganisant. Avec mon design d'exemple, j'ai dupliqué deux fois l'œil ouvert, deux fois l'œil mi-clos et deux fois l'œil complètement fermé. Ainsi, le mouvement de clignement s'est produit avec moins de vitesse.
4.2) Utilisation d'autres outils
4.2.1) Outil Transformation > Mise à l'échelle/Rotation
Vous vous souvenez que j'ai dit avoir décidé que je voulais mon personnage faisant coucou ?
Alors, j'ai dessiné la petite main dans la position finale et en utilisant l'outil Transformation, j'ai créé de nouvelles images, en faisant glisser la petite main vers le bas et en réorganisant les images à l'envers.
4.2.2) Outil Transformation > Déformation de marionnette
Dans l'outil Transformation, nous avons plusieurs options à utiliser. Une option très cool pour les animations est la Déformation de marionnette (Puppet Warp) !
Fondamentalement, avec l'outil Déformation de marionnette, nous pouvons définir où se trouvent les « articulations » du personnage et créer des distorsions qui simuleront les mouvements.
Par exemple, notre poignet est une « articulation » du bras avec la main. C'est ce qui dicte une bonne partie des mouvements des mains. Donc, pour que notre « coucou » soit bien joli, voici comment l'utiliser :
Sélectionnez l'outil Transformation ;
Passez en Déformation de marionnette ;
Ajustez la sélection via Étendre la sélection ;
Appuyez là où vous souhaitez créer les points d'« articulations ».
N'oubliez pas : Chaque étape du mouvement doit être une image, alors créez de nouvelles images et utilisez l'outil Déformation de marionnette pour créer le mouvement comme vous le souhaitez.
4.3) Coloriser votre animation
Vous allez coloriser votre animation de la même manière que vous colorisez habituellement vos illustrations en Mode Simple ! Vous pouvez coloriser l'animation image par image au fur et à mesure ou tout d'un coup à la fin, j'ai choisi de tout coloriser à la fin.
4.3.1) Définissez le style de colorisation à utiliser
Pensez au style visuel que vous voulez obtenir à la fin. Est-ce quelque chose de plus consistant ? De plus fluide et naturel ?
En pensant spécifiquement à un emote qui sera très petit, je ne recommande pas d'utiliser des pinceaux qui ont trop de détails ou qui sont trop naturels.
Exemple : Un pinceau comme le bord d'aquarelle sera presque imperceptible à la taille de l'emote, et de plus, il peut nuire à la netteté de votre dessin.
Je recommande d'utiliser des pinceaux de couleur unie et avec peu de texture. Mais, si c'est votre objectif ou si vous voulez utiliser d'autres types de pinceaux : essayez ! L'important est que cela vous ressemble et que ce soit comme vous le trouvez le plus beau.
4.3.2) Créez une palette de couleurs
Créer une palette de couleurs est super facile et nous aidera à maintenir la cohérence de l' animation. Si vous choisissez un orange au hasard pour le t-shirt et que vous ne retrouvez pas la même couleur à l'image suivante, il y aura une petite différence à chaque image et cela peut être gênant.
Voici comment créer une palette :
01. Appuyez sur le sélecteur de couleur principal ;
02. Appuyez sur le titre de la palette de couleurs ;
03. Appuyez sur le symbole + (si vous aimez une palette existante, vous pouvez simplement la sélectionner à cette étape) ;
04. Appuyez sur « New Color Set ».
Ensuite, il suffit de donner un nom à la palette et de sélectionner chaque couleur souhaitée :
Faites glisser le curseur jusqu'à la couleur que vous souhaitez enregistrer ;
Appuyez sur le symbole + pour l'ajouter à votre palette.
Comme la tête de mon personnage ne bouge pas pendant l'animation, j'ai utilisé l'outil Sélection au lasso et j'ai détouré toute la tête. Ainsi, il suffit d'utiliser le pot de peinture sur chaque image pour coloriser plus rapidement.
Toutes les ressources que vous connaissez déjà pour coloriser plus rapidement, disponibles en Mode Simple, fonctionneront également lorsque nous créons une animation. Profitez-en !
5) Exporter votre animation
Yes ! Nous voici au meilleur moment : voir notre animation terminée !
Pour l'exporter, c'est super simple :
En haut à droite, appuyez sur les 3 petits points ;
Appuyez sur « Exporter l'animation » ;
Appuyez sur « Enregistrer sur l'appareil ».
Clip Studio Paint affichera une prévisualisation de votre animation. Si vous êtes satisfait du résultat, cliquez sur Enregistrer.
Si vous voulez faire un ajustement, sur le côté gauche, cliquez sur la petite flèche de retour et faites vos modifications.
Vous pouvez également prévisualiser l'animation via la timeline, en cliquant sur le bouton de lecture.
Et voilà ! Vous avez votre emote animé prêt à être utilisé où vous le souhaitez :D
✨ Remerciements et Matériel
Si vous êtes arrivé jusqu'ici, merci beaucoup pour votre patience ! J'espère que ces Tips vous aideront d'une manière ou d'une autre.
C'était super amusant de créer cet emote et le Mode Simple rend vraiment le processus d'animation très facile et léger. C'est une excellente façon d'explorer et de commencer à faire des animations.
À la prochaine. N'hésitez pas à laisser des commentaires ou à poser des questions, je vous répondrai et vous aiderai du mieux que je peux.
Bisous
// Pinceaux utilisés :
Pinceau standard Crayon
Pinceau standard Stylo rugueux
Les utilisateurs qui ont aimé cette publication
Commentaire