introduction

Bonjour à tous! Je suis kuramoriz. Dans ce didacticiel, je vais vous montrer comment créer une animation simple dans Clip Studio Paint à l'aide d'images clés.

 

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

 

Didacticiel vidéo

Vous pouvez regarder le didacticiel 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 ferons à la fin

Deux façons d'animer

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

Je vais vous montrer comment créer 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 à l'aide d'images clés.

 

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

L'animation par images clés consiste à indiquer à 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 le reste est créé automatiquement par le programme.

 

Types de transformations dans l'animation d'images clés

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

 

1. Changer de position :

2. Changer de taille :

3. Rotation et modification du point central de rotation :

4. Modification de 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, alors 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 se déplacera sur un calque différent. Par exemple, j'ai sa main, sa robe, ses jambes, ses yeux, 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 d'aller plus loin. La première façon est de créer une nouvelle animation en utilisant le menu Fichier-> Nouveau, puis de choisir Animation, et de copier tous vos objets dans un nouveau fichier.

 

Mais je vais créer une animation directement dans mon fichier d'origine. Pour cela, il vous suffit d'activer la timeline dans le menu Windows -> Timeline. Cliquez ensuite sur le bouton "Nouvelle chronologie". Voir l'image ci-dessous :

Dans la fenêtre contextuelle, j'ai réglé la fréquence d'images sur 24 images par seconde et le temps de lecture sur 24 images. J'utilise Clip Studio Paint PRO, je suis donc limité à 24 images, mais cela suffit pour créer des gifs simples. Si vous ne voulez pas de limites, vous devez 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 à l'intérieur de ce dossier. En effet, nous ne pouvons désormais utiliser que l'outil "Objet".

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

Sélectionnez ensuite n'importe quel autre cadre et utilisez l'outil "Objet" pour déplacer un peu plus haut tous les calques de ce dossier. 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 cliquez sur les cadres, vous verrez que Clip Studio Paint a ajouté des cadres intermédiaires, et maintenant la fille se déplace en douceur. Cliquons sur "Jouer" et voyons !

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

Ensuite, passez à un autre cadre et faites légèrement pivoter les ailes.

Répétez ceci : passez à un autre cadre 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, non ? :)

 

De même, je vais ajouter une animation pour d'autres parties de l'image : laissez ses bras bouger légèrement de haut en bas et laissez ses jambes bouger un peu.

Si vous n'aimez pas le résultat, vous pouvez choisir n'importe quelle image clé dans 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'entre 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 dessus avec le bouton droit de la souris et en sélectionnant "Supprimer toutes les images clés".

 

Maintenant, faisons cligner les yeux de la fille.

 

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

Je dois d'abord choisir le calque avec les yeux fermés et passer à 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 d'opacité dans la palette des propriétés de l'outil ou dans la palette des calques. J'ai réglé l'opacité du calque des yeux fermés sur 0.

Pour le calque de l'œil ouvert, je passe également à la première image, l'opacité doit déjà être définie sur 100, je dois donc cliquer sur le bouton "Ajouter une image clé".

Disons maintenant que nous allons à l'image 8, je veux qu'elle ferme les yeux ici. Pour cela, je dois changer l'opacité du calque avec l'œil ouvert à 0 et du calque avec l'œil fermé à 100. Nous verrons que son œil est fermé sur ce cadre.

 

Après cela, nous avons besoin qu'elle rouvre l'œil quelques images plus tard, donc je crée simplement de nouvelles images clés sur l'image 10 pour les calques d'œil ouverts et fermés. Si nous jouons cette animation, la fille clignera des yeux, mais comme la propriété d'opacité change en douceur, cela n'a pas l'air bien.

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

Pour résoudre ce problème, changeons le type d'interpolation des images clés. Sélectionnez toutes les images clés sur le calque, faites un clic droit et choisissez "Changer d'image clé pour maintenir l'interpolation"

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

 

Désormais, 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 souhaitez l'exporter sous forme de fichier GIF ou de fichier vidéo.

 

Je vais l'exporter en GIF.

 

Voici l'animation que j'ai eu au final :

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 pour la lecture!