Bonjour! Dans cet article, je vais vous montrer comment animer des flammes dans Clip Studio PAINT d'une manière très simple et obtenir un résultat génial.

 

Auparavant, j'avais expliqué très basiquement comment animer du feu dans Clip Studio PAINT :

Mais cette fois-ci, nous allons réaliser cette animation entièrement, du mouvement à la couleur, et même ajouter des effets très simples.

Ce que nous allons faire :

Nous commencerons avec cette scène :

Et nous créerons une animation d'une flamme de feu pour l'intégrer dans cette scène :

Avant de commencer, vous devez comprendre le mouvement d'une flamme de feu, ce que je vous explique ci-dessous.

Explication du cycle de mouvement du Feu

Nous commençons par : l'Ascension, puis le Gonflement, pour continuer avec la Division et finir avec la Réduction. Pour revenir à l'Ascension, rappelez-vous que nous allons réaliser un cycle d'animation.

Bien que nous nous baserons sur les concepts suivants, dans cette nouvelle animation, nous rendrons la flamme un peu plus réaliste.

Alors il est temps de créer notre animation et pour cela, je vous invite à regarder le tutoriel suivant intitulé :

Comment animer des flammes dans Clip Studio PAINT (VIDÉOTUTORIEL)

La vidéo est en espagnol, mais vous pouvez activer les sous-titres dans votre langue, vous les trouverez sûrement.

Qu'avez-vous pensé du tutoriel ? Je l'ai rendu aussi simple que possible pour que vous puissiez vous aussi créer votre propre animation.

Processus d'animation étape par étape :

Maintenant, je vous invite à revoir le processus étape par étape de cette animation.

1. Scène que nous allons animer

Cette animation ne contient que les yeux des personnages animés, elle a donc maintenant besoin que nous fassions l'animation du feu de camp, et c'est là que nous intervenons, en réalisant l'animation des flammes de feu.

2. Cellule d'animation vers Dossier de calques

La première chose que nous allons faire est d'aller à la ligne de temps et de créer un : Nouveau dossier d'animation.

Nom : Feu. Ou comme vous voulez.

Habituellement, nous créerions une nouvelle cellule d'animation pour commencer notre animation, mais cette fois-ci, nous allons faire quelque chose de différent.

 

Une fois le dossier d'animation créé, nous allons aller au panneau des calques pour créer un : nouveau dossier de calques.

Il prend automatiquement le nom numéro 1.

Maintenant, nous allons créer différentes couches à l'intérieur de ce dossier de calques, qui sont :

• LIGNE (Ligne de contour de la flamme de feu)

• CENTRE (Centre de l'intérieur de la flamme où le feu est le plus ardent)

• BASE (Couleur générale de la flamme)

• LUEUR (Éclats de la flamme de feu)

Une fois que nous avons terminé, nous allons à la ligne de temps avec l'option spécifier les cellules, nous sélectionnons le dessin 1 à l'image 1 de la ligne de temps, pour qu'il soit visible.

Comme vous pouvez le voir, nous avons converti un dossier de calques en une cellule d'animation. Ce dossier nous permet de créer les calques que nous voulons, ce qui me semble génial et unique dans Clip Studio PAINT.

3. Outil Plume

Maintenant, nous sommes prêts à commencer à animer. Pour cela, nous dessinerons avec l'outil Plume, dans le sous-outil : Texturisé.

4. Pose Clé 1

Nous sélectionnons le calque LIGNE et nous allons faire le premier dessin de notre animation. Comme je l'ai expliqué précédemment, nous commencerons par l'ascension de la flamme de feu, qui est la suivante :

5. Édition du dossier d'animation de la flamme

Avant de continuer, nous allons définir la durée de l'animation de la flamme sur 12 images, pour cela nous la prenons de l'extrémité droite en la laissant à l'image 13.

 

Pourquoi ? Parce qu'à l'image 13, en spécifiant les cellules, nous allons sélectionner le dessin 1, qui servira de guide pour réaliser correctement le cycle d'animation de la flamme de feu.

Et enfin, nous laissons le crochet bleu sur l'image 12, ce qui sera la durée de la flamme de feu.

6. Poses clés de l'animation de la flamme

Maintenant, dans la ligne de temps, nous allons à l'image 3 pour créer une : Nouvelle cellule d'animation.

Une fois cette nouvelle cellule d'animation créée, nous la renommons en 3 dans le panneau des calques, pour continuer à travailler en ordre.

Comme vous pouvez le voir, en créant cette nouvelle cellule d'animation dans le panneau des calques, un nouveau dossier de calques a été créé avec tous les calques que nous avions créés précédemment, même les mêmes noms.

Cela se produira avec chacune des nouvelles cellules d'animation que nous créerons dans ce dossier d'animation.

Ce qui me semble génial et vaut la peine d'être utilisé ! Cela nous fera gagner beaucoup de temps.

Pour faire ce nouveau dessin, nous allons activer le calque pelure d'oignon, ce qui nous permettra de voir le dessin précédent et le suivant :

Et ce serait le dessin clé de l'image 3.

Pose Clé 3 (Image 5)

Nous avons déjà 2 dessins, maintenant nous allons faire le troisième, qui sera situé à l'image 5, nous créons une nouvelle cellule d'animation et dans le panneau des calques nous la renommons en 5. Nous sélectionnons le calque Ligne, activons le calque pelure d'oignon et réalisons ce dessin, qui représentera le concept : Gonflement.

Pose Clé 4 (Image 7)

Nous allons à l'image 7 pour créer une : Nouvelle cellule d'animation, dans le panneau des calques nous la renommons en 7.

Nous sélectionnons le calque Ligne et activons le calque pelure d'oignon dans la ligne de temps, pour continuer avec ce nouveau dessin. Ce dessin représente le concept : Division.

Pose Clé 5 (Image 9)

Le dessin suivant que nous allons faire se trouve à l'image 9, nous créons une nouvelle cellule d'animation, nous la renommons en 9 dans le panneau des calques.

Nous sélectionnons le calque Ligne, activons le calque pelure d'oignon et créons ce nouveau dessin. Lequel représentera le concept de : Réduction.

Pose Clé 6 (Image 11)

Enfin, nous allons créer le dessin de l'image 11, nous créons une nouvelle cellule d'animation, nous la renommons dans le panneau des calques.

Nous sélectionnons le calque Ligne, activons le calque pelure d'oignon et réalisons ce nouveau dessin, qui sera le dernier dessin clé de notre animation.

Dessins clés de l'animation de la flamme de feu

Voici l'animation avec les dessins clés que nous avons réalisés jusqu'à présent :

7. Intercalations

Maintenant, il est temps d'adoucir le mouvement de la flamme de feu, pour cela nous allons créer de nouvelles cellules d'animation aux images : 2-4-6-8-10-12. Toujours en activant le calque pelure d'oignon lors du dessin, pour voir le dessin précédent et le suivant.

Intercalation Image 2

Intercalation Image 4

Intercalation Image 6

Intercalation Image 8

Intercalation Image 10

Intercalation Image 12

Animation de la flamme de feu avec les intercalations

8. Couleur de base de l'animation

La première chose que nous allons faire est de masquer tous les calques de la scène de l'animation, en ne laissant visible que le dossier d'animation appelé FEU, qui contient l'animation sur laquelle nous avons travaillé.

Ensuite, nous entrons dans chacun des dessins et sélectionnons le calque BASE, où nous allons peindre.

Et pour peindre, nous sélectionnons l'outil Remplir, dans le sous-outil : Référence à d'autres calques.

Et nous peignons en un clic la zone de la flamme de feu.

Pour cela, nous continuerons à utiliser la même couleur que celle avec laquelle nous avons fait la ligne de la flamme.

Et nous faisons de même avec chacun des dessins de l'animation, obtenant le résultat suivant :

Animation de la flamme avec la couleur de base

9. Noyau de l'animation de la flamme

Maintenant, sur le calque appelé CENTRE, avec l'outil plume, nous allons dessiner le centre de la flamme de feu.

Pour cela, nous allons nous guider par la forme de la flamme en faisant quelques petites modifications et nous allons choisir une couleur orange.

En faisant de même avec chacun des dessins de l'animation, nous pouvons obtenir le résultat suivant :

Animation de la flamme avec le noyau

10. Lueur de la flamme de feu

Maintenant, nous allons rendre à nouveau visibles tous les calques du projet d'animation.

Ensuite, nous entrons dans le dossier d'animation feu, dans le dessin 1 et sélectionnons le calque : LUEUR.

Ensuite, nous sélectionnons l'outil Aérographe, dans le sous-outil Doux.

Pour peindre le bord de la flamme de feu avec la même couleur orange utilisée précédemment.

Et en faisant de même sur tous les dessins, nous pouvons obtenir le résultat suivant :

Animation de la flamme avec lueur

11. Post-production

Maintenant, nous allons faire quelques ajustements qui amélioreront encore notre animation.

La première chose est d'étendre le crochet bleu jusqu'à l'image 24, ce qui sera la durée finale de notre animation.

Ensuite, nous sélectionnons avec le curseur la partie supérieure de l'animation de la flamme de feu.

Clic droit, copier.

Maintenant, nous avançons à l'image 13, nous la sélectionnons.

Clic droit, coller.

Et voilà, l'animation est dupliquée.

Maintenant, je vais rendre visible une animation de lumière très simple que j'ai faite.

Ce qui aide à ce qu'elle ressemble à ceci :

Animation de la flamme avec lumière ambiante

Ambiance générale

Et pour que notre animation de la flamme de feu s'intègre beaucoup plus à la scène, nous allons faire ce qui suit : Nous allons créer un nouveau calque rasterisé au-dessus de tous les éléments qui se trouvent en arrière-plan.

Nous lui donnons le nom : Ambiance

Et nous peignons avec l'outil de remplissage qui se trouve en haut en utilisant la même couleur orange que le centre de la flamme.

Maintenant, dans les modes de fusion, nous allons passer de Normal à Multiplication.

Et maintenant, notre scène est bien meilleure et tous les éléments sont mieux intégrés.

12. Exporter l'animation

Enfin, nous exporterons notre animation, c'est quelque chose de simple que nous connaissons tous mais cela vaut la peine de le refaire.

Allez dans Fichier – Exporter l'animation – Film (Vous pouvez aussi l'exporter au format .gif si vous le souhaitez)

Dans la fenêtre suivante, nous pouvons donner un nom à notre animation et nous pouvons choisir le format, je choisirai .mp4

Ensuite, cette fenêtre apparaît où nous avons les dimensions de la vidéo qui sera exportée ainsi que les images par seconde. Nous cliquons sur OK et notre animation commencera à être exportée.

Et voilà ! Nous avons terminé et exporté notre animation, maintenant nous allons la regarder.

13. Animation finale de la flamme de feu

C'est l'animation que nous avons réalisée, elle est simple mais le résultat est génial !

Comme vous avez pu le voir, animer une flamme de feu est simple, j'espère que vous y arriverez aussi ! Rendez-vous au prochain CONSEIL !