Bonjour ! Dans cet article, je vais vous montrer comment créer une animation PIXEL ART dans Clip Studio Paint. Nous réaliserons un cycle d'animation d'une scène de style LO-FI.

 

N'oubliez pas de consulter mes autres astuces Clip Studio Paint où vous apprendrez sûrement beaucoup.

Animation Pixel Art que nous allons réaliser

Cette fois-ci, nous réaliserons une animation de style Pixel Art qui pourrait parfaitement être utilisée pour les animations musicales LO-FI. Nous animerons simplement un personnage allongé sur l'herbe au coucher du soleil, 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 les 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 tutoriel ?

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

Pas à pas pour faire une animation Pixel Art

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

1. Concept de l'animation Pixel Art

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

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

Fichier - Nouveau et nous créons un projet d'illustration avec les caractéristiques suivantes :

Et nous avons créé notre projet :

Ensuite, nous allons dans le menu : Affichage - Grille

Au début, cela ressemblera à ceci :

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

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

Et notre projet est prêt pour commencer à dessiner et animer, n'oubliez pas d'aller dans Fichier - Enregistrer et de sauvegarder votre projet.

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

Nous utiliserons ce calque comme croquis, c'est pourquoi nous activons la Couleur du Calque et réduisons son opacité à 50%

3. Animation de style Pixel Art

Je vous laisse quelques pinceaux géniaux pour dessiner style pixel art.

 

Dans mon cas, j'utiliserai l'outil Plume avec le sous-outil Plume G, en laissant le lissage au minimum :

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

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

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

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

Et nous faisons de même avec les éléments de fond, nous créons un nouveau dossier d'animation et animons 4 dessins.

Obtenant le résultat suivant :

4. Couleur de l'animation

Nous allons d'abord peindre le corps immobile du personnage, pour cela nous activons l'outil Remplissage, dans le sous-outil nous activons Référencer d'autres calques et dans les Propriétés de l'outil nous désactivons le Redimensionnement de zone.

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

Obtenant pour le moment le résultat suivant :

5. Couleur de l'animation des cheveux, des yeux et du fond animé

Avec le même outil Plume, nous pouvons peindre la couleur de l'animation des cheveux. N'oubliez pas de créer un dossier avec le même nom que l'image clé et d'ajouter le calque qui contient la ligne des cheveux à l'intérieur de ce nouveau dossier. Ainsi, la ligne de temps lira ce dossier créé comme une image clé, où nous pourrons ajouter autant de calques que nous le souhaitons.

Et pour le moment, nous avons le résultat suivant, ça va bien, n'est-ce pas ? :)

6. Couleur de l'arrière-plan

Nous créons un nouveau calque nommé Fond, Pelouse ou Gazon et allons dans Édition - Remplir, et peignons l'arrière-plan.

7. Lumières et ombres de l'animation

Nous créerons de nouveaux calques au-dessus des calques de couleur de base, nous les appellerons couleur d'ombre ou lumières et nous activerons l'option : Clipper sur le calque inférieur, pour ne pas nous soucier de dépasser la couleur.

Et pour le moment, nous avons le résultat suivant :

8. Animation de pétales

Ensuite, nous allons créer une nouvelle animation pour améliorer davantage notre travail, nous créons un nouveau dossier d'animation et réaliserons 4 dessins pour le mouvement des pétales qui apparaîtront au-dessus de la scène.

9. Couleur des bords

Maintenant, pour que notre animation soit encore plus jolie, nous allons peindre les bords de couleur de tous les éléments de la scène. Pour cela, nous sélectionnerons tous les calques où se trouvent les bords de tous les éléments et activerons l'option : Verrouiller les pixels transparents.

Ensuite, nous allons dans Édition - Remplir, pour peindre les bords, par exemple, des feuilles :

Vous voyez ? C'est encore mieux :)

Et voici ce que nous avons réalisé avec cette animation simple mais jolie.

10. Exportez votre animation .gif

Maintenant, nous allons exporter notre animation pixel art en tant que 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 cliquons sur OK :

Et voici l'animation GIF de la taille originale dans laquelle nous avons travaillé notre projet :

11. Exportez votre animation .gif Full HD

La première chose à faire est de mettre à l'échelle notre projet sans perte de qualité, et vous vous rendrez compte qu'en réalisant le projet de cette manière, il n'y aura aucun problème.

 

Allons dans Édition - Modifier la résolution de l'image :

Voici la taille originale du projet :

Et en ajoutant simplement le chiffre 0 à la fois à la largeur et à la hauteur, nous pouvons agrandir la taille du projet, l'échelle passe automatiquement à 10, nous laissons la résolution à 72 et cliquons sur OK :

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

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

Animation Finale de style PIXEL ART

Musique Chill Lofi Beats pour Étudier/Lire/Travailler/Dessiner/Animer/Se Détendre

Et cette animation, je l'ai utilisée pour ma nouvelle chaîne d'animations musicales :)

J'espère que cet article vous a été utile :)

Pour moi, ce fut très divertissant de le réaliser et d'expliquer le pas à pas.

 

Je vous adresse mes salutations, portez-vous bien et à bientôt pour la prochaine astuce.

Mon Instagram