Salut ! Dans ce CONSEIL, je vais t'apprendre à créer et animer ton propre SPRITE de style PIXEL ART dans Clip Studio PAINT !\nCe sera une animation simple de 24 images ! Donc, si tu as la version PRO ou EX de Clip Studio, tu pourras créer ta propre animation ! Lance-toi et crée ton propre SPRITE !\n\nC'est très amusant de faire des illustrations ou des animations en pixel art !

Ce que nous allons faire :

Nous allons créer un personnage puis le transformer en style Pixel Art !

・Croquis ・Ligne Pixel ・Animation Pixel Art

Je t'invite à regarder la vidéo et à créer ton propre personnage !\nTu peux être toi-même comme je l'ai fait ou tu peux créer un ami !\n\nSi c'est ta première fois dans le style Pixel Art, je suis sûr que ce CONSEIL t'aidera beaucoup !\nC'est pourquoi je t'invite à regarder le tutoriel intitulé :

TUTORIEL : CRÉE et ANIME ton SPRITE en style PIXEL ART

Tu peux regarder la vidéo en espagnol et en anglais !\nTu peux aussi activer les sous-titres dans ta langue ! :)

Résumé du CONSEIL

1. Conception du personnage

Dans Clip Studio PAINT, allons au menu Fichier - Nouveau.\nDans la fenêtre qui apparaît, nous choisissons la première option, l'option Illustration, nous donnons un nom à notre fichier et nous le créerons avec les paramètres suivants :\n- Largeur : 1 000 px\n- Longueur : 1 000 px\n- Résolution : 72 dpi\n\nNous activons le bouton OK pour créer le projet.

Une fois le projet créé, nous renommons le calque créé par défaut en : Sketch. Et n'oublie pas de sauvegarder le projet avec le bouton en haut.

2. Mode Simple

Si tu utilises une tablette pour dessiner plus confortablement, nous pouvons passer en Mode Simple, nous avons un nouveau bouton en bas à gauche.

Et rapidement nous sommes en Mode Simple :)

Nous sélectionnons l'outil Crayon pour esquisser notre personnage.

Une fois que nous avons fait l'esquisse du personnage, avec le même bouton, nous reviendrons au Mode Studio.

Et voilà ! Nous avons créé le design du personnage.

3. Dupliquer le projet

Allons dans Fichier - Enregistrer en double - .clip (CLIP STUDIO PAINT FORMAT)

Nous changeons le nom.

Et nous sauvegardons un duplicata de notre projet.

4. Mettre à l'échelle un projet en projet Pixel Art

Allons au menu Fichier - Ouvrir

Nous choisissons le fichier dupliqué et l'ouvrons dans Clip Studio PAINT.

Nous allons maintenant modifier ses dimensions pour transformer ce projet en projet Pixel Art.\nPour cela, allons au menu Édition - Changer la résolution de l'image.

Une nouvelle fenêtre apparaît avec les dimensions avec lesquelles nous avons créé le projet précédemment.

Nous changeons la taille en largeur et en longueur à 384 pixels, et activons les bords durs.

Et nous activons Ok pour modifier les dimensions du projet

Et nous avons réduit la taille du projet, comme tu peux le voir, c'est très petit.

Et si nous nous rapprochons, nous pouvons voir que le projet est pixélisé, idéal pour le type de projet sur lequel nous allons travailler.

5. Grille pour le style Pixel Art

Allons au menu supérieur appelé Vue - Grille.

La grille est activée

Maintenant, retournons au menu supérieur, Paramètres Grille/Règle.

Cette fenêtre apparaît avec les mesures actuelles que nous allons modifier

Au point de départ de la grille, nous activons : Centre. Et nous changeons les deux paramètres de la Grille à 1.\n\nEt nous activons le bouton OK pour que les changements soient appliqués.

Et la grille est maintenant plus petite.

Et si nous nous rapprochons, nous avons la grille de la taille de la ligne de style Pixel Art que je veux faire, ce qui est parfait pour travailler sur un projet de style Pixel Art.

6. Création de la ligne de temps

Allons au menu Fenêtre - Ligne de temps

Le panneau de la ligne de temps est activé, et maintenant nous allons au bouton : Nouvelle ligne de temps pour créer une nouvelle ligne de temps, afin d'activer ce projet comme un projet d'animation.

La ligne de temps aura les paramètres suivants, principalement les images par seconde à 8 et la durée à 24 images.

Et nous avons transformé notre projet d'illustration en un projet d'animation.

7. Animation Pixel Art

Dans la ligne de temps, nous allons créer 2 nouveaux dossiers d'animation, l'un appelé corps et l'autre appelé yeux.

Et dans le panneau de calques, à l'intérieur des dossiers d'animation, nous ajouterons un nouveau dossier de calques et, à l'intérieur de celui-ci, les calques suivants :

Et dans le calque de croquis, nous activons : Changer la couleur du calque et nous réduisons l'opacité à 50 %.

Nous sélectionnons le calque de la ligne et pour dessiner, nous choisirons l'outil Plume, dans Sous-outil, nous choisissons un pinceau de style Pixel Art.

Et nous faisons la ligne de contour du personnage, comme tu peux le voir, en activant précédemment l'outil grille, il est beaucoup plus facile de faire la ligne, car nous avons les pixels de notre animation comme guide.

Et nous terminons avec la ligne du personnage du premier dessin.

Maintenant, nous allons faire le deuxième dessin de l'animation. Pour cela, nous allons utiliser ce même dessin et apporter quelques petites modifications.\nDans la ligne de temps, nous avançons à l'image 3 et nous faisons un clic droit pour dupliquer le dossier du dessin 1.

Nous déplaçons la partie supérieure de ce nouveau dessin de 3 pixels vers le bas.

En obtenant le résultat suivant, nous allons maintenant éditer les cheveux, les bras et les jambes.

En obtenant le résultat suivant.\nDe plus, dans la ligne de temps, nous allons éditer sa durée, nous laissons les animations jusqu'à l'image 4.

8. Animation des yeux

Nous allons séparer les yeux du corps. Pour cela, nous sélectionnons les yeux et activons l'option couper-coller, ce qui sépare les yeux du calque de la ligne.

Ensuite, nous plaçons la ligne des yeux dans le dossier d'animation des yeux.

Dans le dessin de l'image 3, nous faisons également la même chose, les deux dessins auront les mêmes yeux, à la différence que ce nouveau dessin sera un peu plus bas.

Maintenant, nous allons faire l'animation des yeux. Pour cela, nous avançons à l'image 5 pour créer une nouvelle cellule d'animation.

Et nous faisons le dessin des yeux fermés.

Ensuite, à l'image 7, nous créons une nouvelle cellule d'animation.

Ensuite, à l'image 8, nous activons Activer la cellule à l'image (Spécifier les cellules) et nous choisissons le dessin 1.

Et à l'image 7, nous faisons le dessin semi-ouvert, en nous aidant de l'outil calque-oignon, pour voir le dessin précédent et suivant.

Et nous avons le résultat suivant.

9. Couleur de l'animation Pixel Art

Pour peindre, nous choisissons le calque de couleur de chacun des dessins de l'animation.\nNous pouvons ajouter la couleur avec l'outil Plume ou plus rapidement avec l'outil Remplissage, dans les Propriétés de l'outil, nous désactivons Échelle de Zone.

Et nous désactivons également l'anti-crénelage.

Et en un seul clic, nous peignons l'animation de notre personnage.

Dans les calques d'ombres et de lumières, nous ajoutons les couleurs correspondantes.

Pour les yeux, ce sera le même processus.

Et nous obtenons le résultat suivant, c'est génial, n'est-ce pas ?\nMais il manque encore une dernière étape pour améliorer encore plus notre animation de style pixel art.

10. Couleur de la ligne de contour

Nous choisissons le calque Ligne de chacun des dessins de l'animation et dans le panneau de calques, nous activons : Bloquer les pixels transparents.

Avec l'outil Plume, nous peignons les contours du personnage en couleur.

Pour obtenir le résultat suivant :

Et voici à quoi ressemblera tout le personnage avec les bords colorés.

11. Mettre à l'échelle un projet Pixel Art

La première chose que nous allons faire est de désactiver le calque Papier pour laisser le projet avec un fond transparent.

Maintenant, nous allons dupliquer le projet. Pour cela, allons au menu Fichier - Enregistrer en double - .clip (CLIP STUDIO FORMAT)

Nous changeons le nom et le sauvegardons sur notre ordinateur.

Maintenant, nous allons ouvrir le projet dupliqué dans le menu Fichier - Ouvrir.

Une fois le projet dupliqué ouvert, nous allons l'éditer, nous allons redimensionner sa taille.\nPour cela, allons au menu Édition - Changer la résolution de l'image.

La taille, comme vous vous en souvenez, avait initialement ces dimensions :

Et nous les changerons pour ces nouvelles dimensions, par exemple 2000 x 2000 pixels.

Comme tu peux le voir, nous avons augmenté la taille du projet et maintenant notre animation Pixel Art a une haute résolution sans perdre en qualité, au contraire, elle a une meilleure qualité que l'animation originale.

12. Exporte ton animation Pixel Art

Pour exporter l'animation, allons au menu Fichier - Exporter l'animation - GIF animé.

Nous lui donnons un nom

Nous pouvons l'exporter dans une taille beaucoup plus grande, par exemple 2 000 x 2 000 pixels.

Et l'animation est exportée en tant que GIF.

13. Animation Finale

Voici l'animation de style Pixel Art que nous avons réalisée dans ce tutoriel :

14. Conclusions

Bien que l'animation que nous avons réalisée soit simple, elle est très bonne pour commencer à créer tes propres animations dans ce style.\nSi c'est trop difficile pour toi, tu peux commencer par une seule illustration puis créer ton animation.\n\nÀ bientôt pour le prochain CONSEIL !