Introduction

Salut ! Je m'appelle Mokoo et je suis animateur 2D.

 

Dans ce tutoriel, je vais vous apprendre des astuces simples pour animer, étape par étape, une étincelle magique dans Clip Studio Paint.

Temps d'exposition et Recommandation tuto

En animation, la durée d'apparition d'une image sur la chronologie, avant qu'elle ne passe à l'image suivante, s'appelle "timing" ou "temps d'exposition".

 

Pour une animation à 24 images par seconde, vous pouvez avoir:

Temps d'exposition à 1.

Temps d'exposition à 2.

Temps d'exposition à 3.

Temps d'exposition à 4 et plus...

Retenez que si le temps d'exposition d'une image est long, celle-ci restera plus longtemps sur la chronologie.

 

Et si le temps d'exposition d'une image est court, elle restera moins longtemps sur la chronologie.

Je vous recommande aussi de lire ces articles de Clip Studio Paint pour en savoir plus sur les fonctionnalités d'animation de base.

 

Étape 1: Avoir une intention

Lorsque vous voulez réaliser une animation, il faut vous poser des questions :

 

• Comment doit se comporter mon animation ?

• Est-ce qu'il faut qu'elle soit vive au début, lente au milieu et calme vers la fin ?

 

• ETC.

 

L'intention est ce qui vous permet d'avoir une base sur laquelle reposera votre animation.

 

Pour cette animation, mon intention était que l'étincelle magique apparaisse de manière spontanée et calme puis devienne vif vers la fin dans un effet d'implosion/explosion.

 

J'ai donc posé un concept qui fonctionnait avec mon intention : des particules qui apparaissent lentement en début d'animation puis qui convergent vers le centre, avant d'exploser dans une danse chaotique.

Étape 2: Décomposer l'animation

Dès que vous avez votre concept, décomposez votre animation selon vos intentions.

 

Je vous encourage à utiliser des flèches comme repères pour visualiser le mouvement de votre animation.

Étape 3: Implosion

Pour la première partie de l'animation, les particules de l'étincelle magique sont très proches au départ.

 

Au fur et à mesure qu'elles convergent vers le centre, la distance entre elles augmente et elles deviennent plus rapides. Comme une implosion.

 

Dessinez image par image le mouvement de l'implosion.

Je vous suggère d'utiliser la fonction "peau d'oignon" pour voir le dessin précédent ou suivant sur la chronologie, afin que le mouvement de votre animation soit correct.

Quand vous aurez un mouvement qui vous convient, vous pourrez ajuster le temps d'exposition des images à votre convenance sur la chronologie.

 

Dans l'exemple suivant : 7, 2, 2, 2, 2, 2, 2, 1, 1, 1, 1, 1, 1 (afin que l'implosion soit lente au début et rapide vers la fin).

Après avoir réalisé toutes ces étapes, vous aurez le résultat suivant.

Étape 4: Explosion

"L’art est une explosion !" Deidara

 

Pour la seconde partie de l'animation, l'étincelle magique se concentre au milieu, puis explose vers l'extérieur.

Comme une vraie étincelle, votre étincelle magique doit se comporter de manière aléatoire.

 

Vous pouvez vous inspirer de ma façon de faire ou trouver celle qui vous correspond.

 

Il n'y a aucune règle.

Mettez le temps d'exposition à 1 par image dans la chronologie pour qu'elles défilent vite.

Étape 5: Animation en boucle

Pour la suite, votre animation doit comporter une phase où l'étincelle magique se joue et se répète (animation en boucle) vers la fin.

 

C'est la phase où votre explosion devient stable.

Voici comment procéder étape par étape.

Étape 1 : Créer des repères

 

L'objectif est que la branche 1 (en vert) réalise un tour dans le sens des aiguilles d'une montre et se transforme en la branche 1 (en bleu).

 

Pour cela, créez des repères pour chaque branche de votre éclat magique. Sur cet exemple, il y a 6 branches avec 4 poses clés pour chacune.

 

Vous pouvez en faire plus ou moins si vous voulez.

Étape 2 : Suivre vos repères et dessiner vos images clés

 

Utilisez vos repères et dessinez le mouvement de rotation pour déplacer chaque branche.

Pose clé 1

Pose clé 2

Pose clé 3

Pose clé 4

Si vous suivez bien ces étapes, vous aurez une parfaite boucle d'animation de votre étincelle magique.

Je vous suggère d'utiliser la fonction "peau d'oignon" pour voir le dessin précédent ou suivant sur la chronologie, afin que le mouvement de votre animation soit correct.

Vous pouvez ensuite mettre le temps d'exposition qui vous convient sur la chronologie.

 

*Ci-dessous : 2,2,2,2 pour chaque pose clé.

Étape 6: Répéter la boucle d'animation

Si vous voulez ensuite répéter la boucle de votre animation sur la timeline, faites ce qui suit :

Clic droit sur la chronologie de votre dossier d'animation.

Une fenêtre apparaît et vous permet de voir toutes les images de votre dossier d'animation.

Sélectionnez ensuite le numéro ou le nom de la pose clé que vous voulez voir se répéter sur la chronologie.

L'image de votre pose clé apparaîtra sur la chronologie .

 

Faites la même action pour chaque pose clé.

Ces étapes terminées, l'animation de votre étincelle magique devrait ressembler à ça.

 

Implosion et Explosion.

Étape 7: Ajouter des effets

Pour cette étape, créez deux nouveaux dossiers d'animation.

 

Effect (en orange) et Light (en jaune).

 

Chaque dossier d'animation doit comporter une seule image sur la chronologie.

Sur le calque du dossier ''Effect'', avec une couleur chaude (rouge ou orange), utilisez l'outil [Aérographe] et pulvérisez légèrement autour du dessin avec la brosse (dans un mouvement tout doux).

 

Faites la même chose dans le dossier ''Light'' avec une couleur plus claire (jaune).

Maintenant que c'est fait, appliquez le mode de fusion [Ajouter éclat] uniquement sur votre dossier d'animation ''Light''.

Sélectionnez vos deux dossiers d'animation ''Effect'' et ''Light'' ;

 

Sur le calque inférieur, choisissez l'option [Masque d'écrêtage].

Étape 8: Ajouter des particules

Suivez les prochaines étapes pour ajouter des particules à votre animation.

Créez un nouveau dossier d'animation.

 

*Ici ''Particles'' (en vert).

Ensuite, image par image, dessinez un cercle de couleur blanche au centre de votre éclat magique qui entre en explosion.

Appliquez maintenant le mode de fusion [Ajouter éclat] sur votre dossier d'animation ''Particles''.

Ajoutez des particules avec la brosse ''Real Prism brushes'' de 27pt.

 

Il s'agit d'une brosse gratuite.

Et voilà !

Étape 9: Ajouter un flou de lumière

Pour cette étape, vous allez ajouter de la lumière sur votre animation.

 

Pour commencer, dupliquez le dossier d'animation de votre étincelle magique.

Pensez à changer la couleur et le nom du dossier dupliqué pour le différencier des autres dossiers.

 

*Ci-dessous : "Glow" (en violet)

Changez la couleur de chaque dessin du dossier que vous avez dupliqué.

 

Édition > Changer les couleurs du calque en couleur de dessin.

Cliquez sur le mode de fusion de votre dossier d'animation et sélectionnez l'effet [Ajouter (éclat)].

 

Ensuite, cliquez sur la fenêtre Filtre > Flou > Flou Gaussien.

Appliquez le flou gaussien sur chaque image de votre animation selon l'intensité souhaitée.

 

Pour mon animation, j'ai mis le flou gaussien avec légèreté pour l'implosion et au maximum pour l'explosion.

Une fois que vous avez mis tous vos dessins en flou gaussien, déplacez le dossier au-dessus des autres dossiers d'animation.

Étape 10: Exporter votre animation

Après avoir terminé l'animation, exportez-la sous forme de :

 

• Video via Fichier > Exporter l'animation > Film

 

• GIF en boucle via Fichier> Exporter l'animation > GIF animé.

 

Et voilà (bis) !

 

Votre animation d'étincelle magique est prête.

Merci d'avoir lu !