Tutoriels de peinture Clip Studio

Comment créer une animation PIXEL ART dans Clip Studio PAINT

36 116

140

KevinFarias

Bonjour! Dans cet article, je vais vous apprendre à créer une animation PIXEL ART dans Clip Studio Paint, nous allons créer un cycle d'animation d'une scène de style LO-FI.

N'oubliez pas de voir mes autres conseils de peinture Clip Studio où vous apprendrez sûrement beaucoup.

Animation Pixel Art que nous ferons

A cette occasion nous réaliserons une animation de style Pixel Art qui pourrait parfaitement être utilisée pour des animations musicales LO-FI. On animera facilement un personnage allongé sur l'herbe dans un coucher de soleil en interagissant avec d'autres éléments.

Allons-y avec le super tutoriel et n'oubliez pas que vous pouvez activer les sous-titres dans votre langue, si vous ne le trouvez pas, laissez-moi un commentaire et j'ajouterai avec plaisir de nouveaux sous-titres dans votre langue.

Tutoriel : Animation PIXEL ART dans Clip Studio Paint

Qu'avez-vous pensé du tuto ?

Nous avons vu étape par étape comment créer une animation de style Pixel art de manière simple et facile.

Pas à pas pour réaliser une animation Pixel Art

Maintenant, je vous invite à revoir ce que vous avez appris, étape par étape grâce à un guide qui viendra appuyer ce que vous avez appris dans le didacticiel vidéo.

1. Concept d'animation pixel art

C'est l'idée d'animation que je vais faire dans le style Pixel Art.

2. Création du Projet pour l'animation Pixel Art

File - New et nous créons un projet Illustration avec les caractéristiques suivantes :

Et nous avons créé notre projet :

Ensuite on va dans le menu : Affichage - Grille

Au début, cela ressemblera à ceci:

Revenons à Affichage - Paramètres de règle/grille :

Et dans la fenêtre des paramètres, nous laissons les valeurs suivantes et nous acceptons :

Et nous avons notre projet prêt à commencer à dessiner et à animer, n'oubliez pas d'aller dans Fichier - Enregistrer et enregistrez votre projet.

Et nous incorporons le dessin guide pour animer sur cette base :

Nous utiliserons ce calque comme esquisse, nous activons donc la couleur du calque et réduisons l'opacité à 50%

3. Animation de style pixel art

Je vous laisse de superbes pinceaux pour dessiner un style pixel art.

Dans mon cas j'utiliserai l'outil Pen avec le sous-outil Pen G, en lissage on le laisse au minimum :

Nous commençons à dessiner le corps du personnage, tout ce qui n'aura pas de mouvement, dans un calque raster en dehors du dossier d'animation créé.

Maintenant, nous réalisons l'animation des cheveux au vent du personnage, en utilisant seulement 4 dessins du dossier d'animation, nous supprimons les cadres que nous n'utilisons pas.

Et voici l'animation des cheveux que nous avons réalisée avec seulement 4 dessins, rappelons que notre animation sera un cycle.

Nous ajoutons l'animation des yeux dans un autre dossier d'animation, en faisant 3 dessins différents : yeux ouverts, yeux fermés et yeux mi-ouverts.

Et on fait de même avec les éléments de fond, on crée un nouveau dossier d'animation et on anime 4 dessins.

Atteindre le résultat suivant :

4. Couleur des animations

Nous allons d'abord peindre le corps sans mouvement du personnage, pour cela nous activons l'outil de remplissage, dans l'outil secondaire nous activons Se référer à d'autres calques et dans Propriétés de l'outil nous désactivons la mise à l'échelle de la zone.

Et nous créons un nouveau calque raster sous le calque de la ligne du corps du personnage et le nommons : couleur de base.

Obtenant pour l'instant le résultat suivant :

5. Couleur d'animation des cheveux, des yeux et de l'arrière-plan animé

Avec le même outil Stylo, nous pouvons peindre la couleur de l'animation des cheveux, n'oubliez pas de créer un dossier avec le même nom que le cadre et le calque qui a la racine des cheveux, ajoutez-le dans ce nouveau dossier, de sorte que la chronologie lira ce dossier créé comme un cadre, où nous pouvons ajouter le nombre de couches que nous voulons.

Et pour le moment on a le résultat suivant, ça marche bien non ? :)

6. Couleur de fond

Nous créons un nouveau calque appelé Arrière-plan, Herbe ou Pelouse et allons dans Édition - Remplir et peignons la couleur d'arrière-plan.

7. Faits saillants et ombres d'animation

Nous allons créer de nouveaux calques au-dessus des calques de couleur de base, nous les appellerons couleur d'ombre ou rehauts et nous activerons l'option : Ajuster au calque inférieur, afin de ne pas s'inquiéter si nous sortons de la couleur.

Et pour l'instant nous avons le résultat suivant :

8. Animation de pétales

Ensuite, nous créerons une nouvelle animation pour améliorer encore plus notre travail, nous créerons un nouveau dossier d'animation et nous ferons 4 dessins pour le mouvement des pétales qui apparaîtront sur la scène.

9. Couleur de la bordure

Maintenant, pour que notre animation soit encore plus belle, nous allons peindre les bordures de couleur de tous les éléments de la scène, pour cela nous allons sélectionner tous les calques où se trouvent les bordures de tous les éléments et nous allons activer l'option : Bloquer transparent pixels.

Ensuite on passe en Edition - Remplir, pour colorer les bords, par exemple, des feuilles :

Tu le vois? C'est encore mieux :)

Et c'est ce que nous avons réalisé avec cette animation simple mais mignonne.

10. Exportez votre animation .gif

Maintenant nous allons exporter notre animation pixel art en gif, pour cela nous allons dans Fichier - Exporter l'animation - GIF animé :

Dans les paramètres, nous le laissons à la taille avec laquelle nous avons initialement créé le projet et nous lui donnons à accepter :

Et voici l'animation gif de la taille originale dans laquelle nous travaillons notre projet :

11. Exportez votre animation Full HD .gif

La première chose que nous devons faire est de dimensionner notre projet sans perdre en qualité, et vous vous rendrez compte qu'en réalisant le projet de cette manière, il n'y aura aucun problème.

Modifions - Changer la résolution de l'image :

Voici la taille d'origine du projet :

Et juste en ajoutant le chiffre 0 à la fois à la largeur et à la hauteur, nous pouvons agrandir la taille du projet, l'échelle passe automatiquement à 10, la résolution est laissée à 72 et nous acceptons :

Et nous avons un projet de 1920 x 1080 pixels sans perte de qualité :

Allons dans Fichier - Exporter l'animation - GIF animé :