Animation 2D dans Clip Studio Paint

Animation de style aquarelle dans Clip Studio PAINT

8 589

KevinFarias

Bonjour! Dans cet article, nous apprendrons étape par étape comment créer une animation de style aquarelle dans Clip Studio PAINT, nous verrons l'ensemble du processus afin que nous puissions obtenir un excellent résultat.

L'animation que nous réaliserons :

A cette occasion, nous réaliserons une animation de style Aquarelle en essayant de la rendre aussi artistique que possible, c'est-à-dire en rendant les coups de pinceau visibles lors de la peinture, rappelez-vous, nous ne recherchons pas la perfection.

Pour ce faire, nous aborderons étape par étape chaque partie du processus, afin que vous le compreniez au mieux.

Je vous invite donc à regarder la vidéo suivante :

Tutoriel : Animation de style aquarelle dans Clip Studio PAINT

Pensez à activer les sous-titres dans votre langue, vous le trouverez sûrement ;)

Et dites-moi, qu'avez-vous pensé du tutoriel ?

Nous avons vu étape par étape comment réaliser une animation de style Aquarelle de manière simple et facile.

Résumé étape par étape du tutoriel :

Je vous invite maintenant à revoir ce que vous avez appris à travers un guide qui soutiendra ce que vous avez appris dans le didacticiel vidéo.

1. Création du projet d'animation :

Fichier - Nouveau et nous choisissons la dernière option, Animation et nous mettons les valeurs suivantes, mais si vous souhaitez le réduire, vous pouvez le faire sans problème :)

Vous pouvez essayer les tailles suivantes :

5760x3240

3840x2160

1920x1080

Et l'animation sera de 72 images et 24 ips.

Pensez à activer la timeline dans : Fenêtre - Timeline

Et n'oubliez pas de sauvegarder le projet dans Fichier - Enregistrer.

2. Poses clés de l'animation à l'aquarelle

Nous allons réaliser une animation simple, nous allons donc réaliser 3 poses clés, qui sont les suivantes :

Pose clé n°1 dans l'image 1.

La pose clé n°2 sera sur l'image 33

Et la pose clé n°3 sera dans l'image 52

Parvenant, pour le moment, au résultat suivant :

3. Répartition de l'animation de style aquarelle

Ce dessin est très important, c'est pourquoi nous le ferons dans l'image 26 et ce sera comme ceci :

N'oubliez pas d'activer l'outil pelure d'oignon pour voir le dessin précédent et suivant.

Dans un premier temps nous aurons ce résultat, avec les dessins principaux :

4. Dessins intermédiaires d’animation de style aquarelle

Dans cette partie du processus d'animation, nous ajouterons plus de dessins pour rendre le mouvement de la fille plus fluide.

Le premier dessin intermédiaire sera à l'image 24.

Le deuxième dessin intermédiaire dans l'image 29.

Le troisième dessin intermédiaire sera sur l'image 31.

Le quatrième dessin intermédiaire sera à l'image 48 :

Et le dernier dessin intermédiaire sera à l'image 50 :

On obtient le résultat suivant :

5. Croquis d’animation de style aquarelle

Simple mais mignon, non ? Nous allons maintenant continuer avec le processus Lineart et Color dans le style Aquarelle.

6. Palette de couleurs d'animation

En dehors du dossier d'animation, j'ai créé un calque appelé couleurs où j'aurai toutes les couleurs que je prendrai en peignant l'animation :

7. Pinceau Lineart d’animation de style aquarelle

Pour cette partie du processus, j'utiliserai un pinceau de la page Clip Studio PAINT Assets pour nettoyer l'animation, qui est gratuite et que je partage avec vous ci-dessous :

Je remercie le créateur de ces pinceaux, ils sont magnifiques !

Une fois que nous l'avons téléchargé, nous le prenons et nous pouvons le faire glisser vers le panneau Sous-outil de l'outil Crayon ou Stylo et nous pouvons tester le fonctionnement de ce pinceau.

Et comme vous pouvez le voir, c'est un trait texturé qui a l'air très naturel, c'est très bien pour nous de nettoyer notre animation d'une manière plus naturelle et plus artistique.

8. Convertir les images en dossiers

En tant qu'animateur, cette option est sans aucun doute l'une de mes préférées dans Clip Studio PAINT, nous pouvons convertir une image de la timeline en un dossier où nous pouvons ajouter les calques que nous voulons, ci-dessous je vais vous montrer à nouveau comment cela se fait.

Tout d'abord, nous sélectionnons le dossier Animation appelé Sketch, réduisons l'opacité à 50% et activons au préalable Changer la couleur du calque :

Ensuite, nous allons sur la timeline pour créer un nouveau dossier Animation, nous pouvons l'appeler Lineart, Color ou Final Animation, comme vous le souhaitez.

Au début elle sera vide, il faut donc créer une nouvelle cellule Animation, dans l'image N°1 :

Maintenant, nous allons dans le panneau des calques et sélectionnons l'image 1, nous allons créer un nouveau dossier de calques :

Et on change le nom du nouveau dossier, le nom doit être le même que celui du Frame, en l'occurrence "1".

Ensuite, nous prenons le calque appelé "1" qui est le cadre et le plaçons dans le dossier appelé "1" :

C'est ainsi que ce dossier devient le cadre de notre animation et de la timeline. Si vous souhaitez changer le nom du calque "1", vous pouvez le faire, et l'idée est de créer plus de calques comme vous pouvez le voir dans l'image suivante :

Essayez de créer les mêmes calques que moi et avec le même nom car nous travaillerons dans l'ordre sur chacun d'eux, donc le processus de cette animation sera facile à réaliser et divertissant.

9. Nettoyage de l'animation aquarelle

Nous sélectionnons le calque Lineart qui est un calque vectoriel et avec le pinceau que nous avons téléchargé, installé et préalablement testé nous commencerons à nettoyer le premier dessin de l'animation :

Une fois que nous avons nettoyé le premier dessin, nous passons à l'image 33 pour nettoyer le deuxième dessin clé, et voici l'une de mes options Clip Studio PAINT préférées.

Nous avons ajouté une nouvelle cellule d'animation à l'image 33 et dans le panneau des calques, un nouveau dossier a été créé en conservant les mêmes calques que nous avons créés dans la première image de l'animation, j'adore ça !

C'est ainsi que nous allons nettoyer nos dessins dans le calque Lineart de chacun des dessins au fur et à mesure que nous les créons, obtenant le résultat suivant :

10. Couleur de fond d’animation de fille | Important!

Avant de commencer à remplir notre travail de couleur, il est très important de sélectionner le calque "BG WHITE" et de peindre en blanc dans tous les dessins d'animation, rappelez-vous que l'aquarelle fonctionne avec de l'eau, pour la même raison, si nous n'avons pas de fond solide et lorsque nous ajoutons un arrière-plan à notre projet, les couleurs se mélangeront avec la fille et cela n'aura pas l'air bien.

11. Couleur de base de l'animation de style aquarelle

Pour commencer, nous sélectionnons le calque "Base Color" pour peindre les aplats de notre animation :

Et cette fois, nous utiliserons un pinceau fourni par défaut dans Clip Studio Paint, lors de la sélection de l'outil Pinceau, dans l'outil secondaire, vous pouvez sélectionner l'onglet Aquarelle et choisir le pinceau rond.

Et en faisant de même avec chacun des dessins du calque "Couleur de base", nous obtiendrons le résultat suivant :

12. Première texture pour une animation de style aquarelle

Pour améliorer encore la couleur aquarelle de notre animation, nous allons ajouter une texture de papier incluse dans le pinceau que vous pouvez télécharger depuis les ressources Clip Studio PAINT, qui est gratuite comme la précédente et se présente comme suit :

Je réitère mes remerciements à ceux qui créent ces magnifiques pinceaux :)

Une fois que vous l'avez ajouté à Clip Studio PAINT, vous le prenez et faites glisser le matériau vers la zone de travail :

Il est très important que vous sélectionniez d'abord l'un des calques qui se trouvent en dehors du dossier d'animation, afin que la texture soit un calque normal et soit visible tout au long de l'animation.

Maintenant, nous prenons le calque de texture et le laissons au-dessus de tous les calques du projet, couvrant pour le moment tous les éléments :

Une fois le calque de texture sélectionné, on passe en mode Combinaison et de Normal on le change en Superposition :

Cela ressemble à ceci :

13. Pinceaux aquarelle sympas

Maintenant je vais utiliser 2 types de pinceaux pour l'ombre de l'animation, pour peindre je choisirai Watercolour Wash et Wet Mix :

14. Ombre 1 de l'animation de style aquarelle

Nous allons maintenant peindre sur le calque "Ombre 1" de chacun des dessins d'animation, pour améliorer encore plus artistiquement notre animation, en la faisant ressembler à une aquarelle.

On obtient pour le moment le résultat suivant, mais il nous en faut un peu plus :

15. Animation de style aquarelle Shadow 2

Nous allons maintenant peindre sur le calque "Ombre 2" pour ajouter plus de détails :

Obtention du résultat suivant :

16. Détails de l'animation de style aquarelle

Nous allons maintenant sélectionner le calque "Détails" de chacun des dessins d'animation pour ajouter les derniers détails de couleur :

17. Édition Lineart d’animation

Nous dupliquons la couche Lineart de chacun des dessins :

Et nous allons sélectionner l'outil Correction de ligne, dans le sous-outil Modifier la largeur de ligne et dans les propriétés de l'outil, nous activons Réduire :

Ce que nous allons faire, c'est jouer avec les traits, pour que dans certaines zones, il soit plus fin, presque invisible et dans d'autres zones, le trait soit plus fort, cela donnera la sensation que la couleur que nous ajoutions était mélangée avec le lignes naturellement :

18. Fonds pour les projets d'animation

Nous créons un nouveau calque raster en dehors du dossier d'animation et choisissons l'un des pinceaux fournis dans les ressources que nous avons téléchargées et installées précédemment, nous le faisons glisser et le laissons dans le sous-outil Pinceau pour l'utiliser :

Et on cache un instant l'animation de la fille et la palette de couleurs pour peindre sereinement un fond simple :