Bonjour ! Dans cet article, je vais vous apprendre à créer votre première animation dans Clip Studio PAINT, que vous soyez débutant ou que vous vous lanciez dans le monde de l'animation 2D, vous pourrez réaliser une simple animation de style LO-FI.

 

Si vous avez Clip Studio PAINT PRO ou Clip Studio PAINT EX, vous pourrez suivre tout le processus et réaliser votre propre animation !

Voici l'animation que nous allons réaliser :

Je vais vous montrer tout le processus pour créer une animation similaire, vous verrez comme c'est amusant et facile.

 

Alors, je vous invite à regarder le super tutoriel intitulé :

Tutoriel vidéo : Comment animer dans Clip Studio PAINT (DÉBUTANTS)

La vidéo est en espagnol mais n'oubliez pas que vous pouvez activer les sous-titres dans votre langue, vous les trouverez sûrement :)

Qu'avez-vous pensé de la vidéo ? Nous avons vu étape par étape tout le processus pour réaliser une simple animation de style LO-FI.

Processus de création de l'animation :

Maintenant, je vous invite à revoir le processus étape par étape à travers des images :

1. Création du projet

Allez dans Fichier - Nouveau et choisissez la dernière option, Animation. Dans Préréglage, choisissez 1920 x 1080, changez le nom de l'histoire et le plus important, changez la Vitesse à 8 et la Durée à 24 images. Une fois prêt, appuyez sur Accepter.

2. Chronologie dans Clip Studio PAINT

N'oubliez pas de l'activer en haut dans : Fenêtre - Chronologie.

3. Enregistrez votre projet

Dans Fichier - Enregistrer sous, vous pouvez enregistrer votre projet, choisissez votre dossier et n'oubliez pas de toujours enregistrer au format .CLIPSTUDIOFORMAT

4. Mise en page de l'animation

Lors de la création du projet, nous aurons quelques éléments par défaut, un dossier d'animation et le calque papier qui est le fond blanc. Pour commencer à zéro, nous allons supprimer le dossier d'animation dans le panneau des calques, en ne laissant que le calque papier.

Et nous créons un nouveau calque tramé nommé LAYOUT.

Et pour dessiner l'esquisse de notre animation sur ce calque, nous allons choisir l'outil Crayon, avec le sous-outil Crayon. Si vous voulez faire l'esquisse avec un autre pinceau, vous pouvez le faire !

Et nous obtenons le résultat suivant :

5. Lineart de l'animation

Nous sélectionnons le calque Layout et activons : Changer la couleur du calque, puis nous baissons l'opacité à 50%.

Et nous créons un nouveau calque pour faire la ligne, mais cette fois nous choisirons un Nouveau Calque Vectoriel.

Et avec l'outil Stylo dans le sous-outil Texturé, nous allons faire la ligne de l'animation mais seulement la zone qui n'aura pas de mouvement.

 

Pourquoi ai-je choisi le sous-outil Texturé ? Parce que je veux donner à cette animation une touche artistique.

Et parfois, nous devrons couper des lignes, pour cela nous avons un excellent outil dans Clip Studio, en choisissant l'outil Gomme dans le sous-outil Vectoriel, nous pourrons couper les traits dont nous n'avons pas besoin.

Et si vous voulez modifier l'épaisseur de la ligne, vous pouvez le faire, vous devez aller à l'outil Correction de ligne et choisir dans le sous-outil : Modifier l'épaisseur de ligne. Et dans la fenêtre Propriétés de l'outil, vous pouvez choisir Augmenter ou Réduire.

Pouvant éditer l'épaisseur de la ligne de cette façon (Ligne de la table)

6. Animation des yeux

Maintenant, il est temps de commencer à animer, pour cela, nous allons commencer par le plus simple, le clignement des yeux du personnage. Pour cela, nous devons aller dans la chronologie et créer un : Nouveau dossier d'animation.

Et ensuite, nous devons créer un : Nouveau cel d'animation

Et maintenant, nous allons faire une astuce que j'adore ! Dans le panneau des calques, à l'intérieur du dossier d'animation des yeux, nous allons créer un : Nouveau dossier de calques, nous lui donnons le même nom que l'image clé, c'est-à-dire : 1.

Et nous pouvons créer différents calques, dans ce cas, nous allons créer un calque vectoriel nommé : Ligne. Et un calque tramé nommé : Couleur.

Et maintenant, nous sélectionnons le calque de ligne du dossier d'animation des yeux et nous dessinons les yeux ouverts.

En faisant d'une image clé un dossier de calques, nous créerons un nouveau cel d'animation à l'image 10 et en créant ce nouveau dessin, vous pourrez vous rendre compte qu'il crée un nouveau cel d'animation en respectant tous les calques et noms du cel précédent, quelque chose que j'adore !

Et sur le calque de la ligne du dossier d'animation des yeux, nous allons faire les yeux fermés.

N'oubliez pas d'activer : Activer la pelure d'oignon, pour voir le dessin précédent.

Maintenant, nous créons un nouveau cel d'animation à l'image 12.

Mais avant, allons à l'image 13 et activons : Spécifier les Cels.

Et nous sélectionnons le dessin 1, pour rendre à nouveau les yeux ouverts visibles à l'image 13.

Et à l'image 12, nous dessinons les yeux mi-ouverts.

Et nous voyons l'animation que nous avons réalisée jusqu'à présent, juste avec le clignement.

7. Animation du livre

Maintenant, nous allons créer un Nouveau dossier d'animation, appelé feuilles.

Nous créons un nouveau cel d'animation et nous allons répéter la même étape précédente.

Nous créons un dossier de calques avec le même nom que l'image clé, afin de pouvoir créer plus de calques à l'intérieur de ce dossier. Les calques que nous créerons seront : le calque de la ligne et le calque de couleur.

Et nous dessinons uniquement les pages du livre sur le calque de ligne de ce dossier d'animation, ce qui est ce que nous allons animer.

Maintenant, nous créons un nouveau cel d'animation à l'image 2 et, comme vous vous en souviendrez, il crée un nouveau cel d'animation en respectant le nombre de calques et leurs noms.

Et en terminant avec le dessin à l'image 3, nous avons l'animation prête.

Maintenant, nous devons réduire la durée de l'animation des pages du livre, pour cela nous prenons ce dossier d'animation depuis l'extrémité droite et nous le laissons à 3 images.

Ensuite, nous allons copier cette animation dans le même dossier d'animation. Pour cela, nous plaçons le curseur sur la partie supérieure de l'animation des pages du livre, clic droit - copier.

Et à l'image 4 qui est vide, clic droit - coller. Et nous faisons la même chose sur toute la chronologie jusqu'à la fin.

Obtenant le résultat suivant :

8. Nettoyage de l'animation

Voici le résultat que nous avons obtenu jusqu'à présent, la ligne de l'animation.

9. Couleur de l'animation

Il est temps d'ajouter de la couleur, pour cela nous créons un nouveau calque tramé appelé COULEUR en dessous du calque de ligne de l'animation, ici nous allons peindre tous les éléments qui n'ont pas de mouvement.

Nous choisissons l'outil Remplir et dans le sous-outil nous passons à : Référence aux autres calques. Ainsi, nous pourrons peindre sur un calque différent et il lira la ligne de bord pour remplir de couleur les éléments fixes de l'animation.

En y parvenant de cette manière :

10. Couleur de l'animation des pages du livre

Maintenant, nous allons peindre l'animation du livre, nous sélectionnons le premier dessin de l'animation, puis le calque de couleur et nous peignons avec le stylo, le même outil que celui avec lequel nous avons fait la ligne.

11. Couleur de l'animation des yeux

Nous faisons le même processus, nous choisissons le dossier d'animation des yeux et nous peignons les 3 dessins de l'animation de clignement.

Nous peignons la partie claire des yeux et l'iris. Et si vous voulez, vous pouvez ajouter une couleur supplémentaire aux yeux.

Obtenant le résultat suivant.

12. Couleur de la ligne de bord

Maintenant, nous allons ajouter un détail supplémentaire, nous allons colorer la ligne de bord et vous verrez qu'en faisant cela, notre animation sera encore meilleure.

 

Pour cela, nous créons un nouveau calque au-dessus du calque de la Ligne, appelé : Couleur Ligne. Et nous allons dans Édition - Remplir. Mais il est très important d'avoir activé dans le panneau des calques : Clip vers le calque inférieur, comme je le montre dans l'image suivante :

13. Ambiance de l'animation

Maintenant, nous allons jouer avec l'éclairage de l'animation. Nous allons créer un nouveau calque tramé nommé : Ambiance. Nous allons dans Édition - Remplir pour peindre toute la zone de travail, avec la même couleur que la ligne de bord. Et dans le panneau des calques, dans les modes de fusion, nous activons : Multiplication et nous baissons l'opacité à 70%.

14. Ombre de l'animation

Bien que cette animation ait des couleurs unies, nous devons créer de la profondeur entre le premier plan et les éléments de l'arrière-plan. Pour cela, nous allons créer un nouveau calque tramé au-dessus de tous les autres et nous le nommons : Ombres. Et avec l'outil stylo, nous peignons uniquement l'arrière-plan de l'animation. Nous laisserons également l'opacité à 70%.

15. Éclairage de l'animation

Comme touche finale, nous pouvons créer un nouveau calque tramé appelé : Lumière. Pour ajouter de petites touches d'éclairage à la scène, nous changeons le mode de fusion en Ajouter (Luminosité) et nous laissons l'opacité à 50%.

16. Caméra 2D dans Clip Studio PAINT

Si vous souhaitez modifier le cadrage de la caméra, cela peut être fait facilement dans Clip Studio PAINT en créant une caméra 2D, mais avant de la créer, nous allons activer le rendu de la caméra 2D, ce qui nous montrera réellement le cadrage de la caméra que nous exporterons en tant que vidéo ou gif.

 

Tout d'abord, allez dans Animation - Paramètres de lecture - Rendre la caméra 2D.

Si nous activons la lecture dans la chronologie, nous verrons le rendu réel de notre caméra.

Maintenant, nous allons créer une nouvelle caméra pour modifier le cadrage. Pour cela, allez dans : Animation - Nouveau calque d'animation - Dossier de caméra 2D.

Et avec l'outil Opération, nous pouvons déplacer la caméra dans le cadrage que nous souhaitons.

Mais pour que la caméra fonctionne, nous devons déplacer tous les calques et les placer dans le dossier de la caméra, de cette façon :

Et si nous activons la lecture, nous voyons le cadrage final de la caméra que nous avons éditée.

17. Animation de la lumière

Comme détail final, nous allons faire une animation de la lumière de manière très simple. Pour cela, nous créons un : Nouveau dossier d'animation au-dessus de tous les calques, nous lui donnons le nom Lumière.

Nous prenons le calque de lumière créé précédemment et nous le mettons dans le nouveau dossier d'animation appelé Lumière.

Et dans le dossier d'animation appelé lumière, nous activons l'option : Spécifier les Cels.

Et nous sélectionnons le dessin appelé Lumière 1

Dans la chronologie, dans la zone où se trouve le dessin, clic droit - Dupliquer le calque.

Maintenant, nous avons 2 dessins identiques dans le dossier d'animation de la Lumière. Maintenant, allons à l'image 3 et activons : Spécifier les Cels.

Et nous sélectionnons le dessin 2 appelé Lumière 2, enfin nous changeons l'opacité à 70%.

Maintenant, nous prenons la durée de l'animation de la lumière en la laissant à 4 images.

Ensuite, sur la partie supérieure de l'animation de la lumière, clic droit - Copier.

Ensuite, à l'image 5, clic droit - Coller. Et nous faisons la même chose avec le reste des images.

En parvenant à compléter la chronologie avec l'animation de la lumière.

18. Exporter l'animation en tant que film

Allez dans Fichier - Exporter l'animation - Film

Nous activons : Appliquer les effets de caméra 2D et nous changeons les FPS (Images par seconde) à 8. Et nous appuyons sur accepter, pour exporter notre animation en tant que vidéo. Vous pouvez choisir le format .mov ou .mp4

19. Exporter l'animation en tant que Gif

Fichier - Exporter l'animation - Gif animé

Dans les paramètres d'exportation de GIF animé, nous modifions la largeur et la hauteur si nous voulons un gif grand et de bonne qualité, nous appuyons sur accepter et notre animation sera exportée en tant que .gif

20. Animation finale de style LO-FI

J'espère que cet article vous a été très utile et qu'il vous motivera à réaliser votre première animation, comme vous avez pu le voir, c'est plus facile qu'il n'y paraît.

 

Je vous attends dans le prochain CONSEIL !