Introduction

Bonjour à tous ! Je suis kuramoriz. Dans ce tutoriel, je vais vous montrer comment créer une animation simple dans Clip Studio Paint en utilisant des images clés.

 

J'espère que ce tutoriel vous aidera à créer vos propres animations !

 

Tutoriel vidéo

Vous pouvez regarder le tutoriel vidéo en anglais ici :

La vidéo a des sous-titres en anglais pour votre commodité. Vous pouvez également activer la traduction automatique des sous-titres dans votre langue.

Animation que nous allons réaliser à la fin

Deux façons d'animer

Habituellement, en animation 2D, l'artiste doit dessiner manuellement image par image. Et pour un débutant qui n'a jamais essayé d'animer quoi que ce soit, cela peut être difficile. Imaginez : dessiner manuellement 24 images pour obtenir 1 seconde d'animation !

Je vais vous montrer comment réaliser une animation simple où vous n'avez pas besoin de dessiner chaque image, Clip Studio Paint fera une partie du travail pour nous ! Pour ce faire, nous allons réaliser une animation en utilisant des images clés.

 

Qu'est-ce que l'animation par images clés

L'animation par images clés, c'est quand nous indiquons à Clip Studio Paint comment un objet doit être positionné sur l'une des images et comment il doit être positionné (ou, en général, comment il doit être transformé) sur l'une des images suivantes, et tout ce qui se trouve entre les deux est créé automatiquement par le programme.

 

Types de transformations en animation par images clés

Nous pouvons effectuer différents types de transformations, tels que :

 

1. Changer la position :

2. Changer la taille :

3. Rotation et modification du point central de rotation :

4. Changer la transparence :

Et, bien sûr, nous pouvons tous les combiner :

La transformation en mode image clé s'applique à l'ensemble du calque, donc si nous voulons animer plusieurs objets, ils doivent être placés sur des calques différents.

 

Processus étape par étape

Laissez-moi vous montrer comment créer une animation à l'aide d'images clés dans Clip Studio Paint.

 

Tout d'abord, vous devez dessiner une image et la préparer un peu.

Comme vous pouvez le voir dans la capture d'écran ci-dessus, j'ai un dossier séparé pour le garçon et un dossier séparé pour la fille. Vous devez placer chaque objet qui bougera sur un calque différent. Par exemple, j'ai sa main, sa robe, ses jambes, son œil, sa tête et ses ailes sur des calques séparés. Vous devez dessiner même les parties de l'image qui ne sont généralement pas visibles dans une image statique, par exemple, derrière la main.

 

Il y a deux façons de procéder. La première consiste à créer une nouvelle animation en utilisant le menu Fichier->Nouveau, puis à choisir Animation, et à copier tous vos objets dans un nouveau fichier.

 

Mais je vais créer une animation directement dans mon fichier original. Pour ce faire, il suffit d'activer la chronologie dans le menu Fenêtre -> Chronologie. Cliquez ensuite sur le bouton « Nouvelle chronologie ». Voir l'image ci-dessous :

Dans la fenêtre contextuelle, j'ai défini la fréquence d'images à 24 images par seconde et la durée de lecture à 24 images. J'utilise Clip Studio Paint PRO, je suis donc limité à 24 images, mais c'est suffisant pour créer des gifs simples. Si vous voulez ne pas avoir de limites, vous devriez utiliser Clip Studio Paint EX.

Commençons à animer la fille. La première chose à faire est de sélectionner notre dossier et de cliquer sur « Activer les images clés sur ce calque ».

Notez que nous ne pouvons plus dessiner sur aucun calque de ce dossier. C'est parce que nous ne pouvons maintenant utiliser que l'outil « Objet ».

Sur la première image, cliquez sur le bouton « Ajouter une image clé » :

Ensuite, sélectionnez n'importe quelle autre image et utilisez l'outil « Objet » pour déplacer tous les calques de ce dossier un peu plus haut. Une nouvelle image clé sera ajoutée automatiquement.

Je veux que la fille soit dans la même position sur la dernière image que sur la première. Faites un clic droit sur la première image clé, choisissez Copier, faites un clic droit sur la dernière image, choisissez Coller.

Si vous parcourez les images, vous verrez que Clip Studio Paint a ajouté des images intermédiaires, et maintenant la fille bouge en douceur. Cliquons sur « Lecture » et voyons !

Maintenant, animons ses ailes. Je sélectionne le calque avec les ailes (vous pouvez le faire sur la chronologie ou dans la fenêtre des calques), puis je vais à la première image et j'ajoute une image clé. Je ferai pivoter les ailes dans les images suivantes, il est donc important de définir le point de rotation dans la première image. Nous devons juste déplacer cette petite croix au point autour duquel ses ailes pivoteront.

Ensuite, allez à une autre image et faites pivoter un peu les ailes.

Répétez cette opération : allez à une autre image et faites pivoter les ailes.

 

N'oubliez pas que vous pouvez copier les images clés une par une ou plusieurs à la fois : sélectionnez-les avec la souris, bouton droit de la souris, copier, bouton droit de la souris, coller. Maintenant, la fille agite ses ailes. Lancez l'animation pour voir le résultat ! C'est très facile, n'est-ce pas ? :)

 

De même, j'ajouterai une animation pour d'autres parties de l'image : je ferai en sorte que ses bras bougent légèrement de haut en bas, et que ses jambes bougent un peu.

Si le résultat ne vous plaît pas, vous pouvez choisir n'importe quelle image clé de la chronologie et modifier la position de votre image sur le calque actuel.

Vous pouvez également déplacer les images clés elles-mêmes, il suffit de les saisir et de les faire glisser.

Vous pouvez supprimer des images clés en cliquant avec le bouton droit sur l'une d'elles (ou vous pouvez en sélectionner plusieurs à la fois) et en sélectionnant « Supprimer ».

Vous pouvez supprimer toutes les images clés du calque en cliquant avec le bouton droit dessus et en sélectionnant « Supprimer toutes les images clés ».

 

Maintenant, faisons cligner des yeux la fille.

 

J'ai deux calques séparés pour les yeux ouverts et les yeux fermés.

Je dois d'abord choisir le calque avec l'œil fermé et aller à la première image. Si vous cliquez sur le bouton « plus », vous pourrez voir les images clés pour la propriété d'opacité.

Les images clés pour l'opacité sont différentes des autres transformations que nous pouvons appliquer au calque. Nous pouvons définir la valeur de l'opacité dans la palette de propriétés de l'outil ou dans la palette de calques. J'ai réglé l'opacité du calque de l'œil fermé à 0.

Pour le calque de l'œil ouvert, je vais aussi à la première image, l'opacité devrait y être déjà réglée à 100, donc je dois cliquer sur le bouton « Ajouter une image clé ».

Maintenant, disons que nous allons à l'image 8, je veux qu'elle ferme son œil ici. Pour cela, je dois changer l'opacité du calque avec l'œil ouvert à 0, et pour le calque avec l'œil fermé à 100. Nous verrons que son œil est fermé sur cette image.

 

Après cela, nous devons la faire ouvrir les yeux à nouveau quelques images plus tard, alors je crée simplement de nouvelles images clés à l'image 10 pour les calques des yeux ouverts et fermés. Si nous lisons cette animation, la fille clignera des yeux, mais comme la propriété d'opacité change en douceur, cela ne semble pas bon.

Peut-être avez-vous besoin de regarder de plus près (et plus lentement) pour voir comment la transparence d'un calque passe à un autre :

Pour résoudre ce problème, modifions le type d'interpolation des images clés. Sélectionnez toutes les images clés du calque, faites un clic droit et choisissez « Basculer l'image clé en interpolation de maintien »

Dans la plupart des cas, l'interpolation fluide par défaut semble plus jolie et plus naturelle, mais pour cette animation d'œil, l'interpolation de maintien est plus appropriée.

 

Maintenant, le changement d'opacité sera instantané :

Après cela, je fais une animation similaire pour le garçon.

 

Exporter l'animation

Pour enregistrer notre animation, cliquez sur Fichier -> Exporter l'animation. Habituellement, vous voulez l'exporter en tant que fichier GIF ou en tant que fichier vidéo.

 

Je vais l'exporter en tant que GIF.

 

Voici l'animation que j'ai obtenue à la fin :

Vous pouvez également ajouter un arrière-plan sur un calque séparé pour rendre le gif encore plus intéressant.

J'espère que ce tutoriel vous aidera à créer votre propre animation. Merci de votre lecture !