How to draw a Pixel Chibi and Animate it in a Loop!

3,329

Oume.K

Oume.K

Bonjour, je vais vous montrer via ce petit tutoriel comment dessiner un Chibi en pixel et l'animer en boucle avec clip studio paint.

Dessiner le personnage Chibi

Tout d'abord ouvrez une nouvelle page avec les paramètres suivants.

La brush que je vais utiliser est le stylo point du logiciel, il est déjà paramétré pour dessiner en pixel.

Je délimite ensuite un cadre de 130 pixels sur 130 pixels dans lequel je vais placer mon personnage. Je fais exprès d'avoir un peu de marge, pour faire des tests, mettre mes palettes couleurs etc, je diminuerais la taille finale du cadre au moment de l'exportation.

Ensuite sur un autre calque je vais colorier mon fond, histoire de ne pas le laisser blanc.

En général, pour dessiner un personnage Chibi il faut que la taille du corps fasse 2 fois la taille de la tête, mais ce n'est pas une règle stricte, chacun peut faire comme il en a envie tant que le personnage reste mignon.

Pour ma part, mon personnage fera environ 2 têtes et 2 tiers.

Sur des calques différents, je dessiner les lines de la tête, du corps, du sweat, du pantalon, des cheveux et des chaussures. Je sépare bien toutes les parties du dessin pour me faciliter la tache en cas de changements.

Ensuite sur des nouveaux calques séparés, j'ajoute mes premières couleurs pour chacune des parties.

Je rajoute ensuite les yeux sur un nouveau calque, la bouche sur le calque de la tête, puis les barrettes sur un nouveau calque.

Je rajoute un peu plus de détails et de nuances à la colorisation, puis une ombre au niveau des pieds de mon personnage sur un nouveau calque.

Le personnage Chibi est terminé!!

Animer en Boucle son illustration

Vu que mon personnage est terminé, je vais enlever les marges que je m'étais faite en modifiant la taille de toile pour passer de 200px/200px à 130px/130px. Aller dans "Edition"=>"Changer la taille de la toile".

Pour Animer le personnage, je vais commencer par fusionner les calques des lines et de la couleurs de la tête, des cheveux et des barrettes ensemble, puis les calques des lines et de la couleurs du sweat, du pantalon, des chaussures et du corps ensemble.

Normalement il devrait rester 4 calques principaux:

-la tête

-les yeux

-l'ombre au sol

-le corps

Je vais ensuite créer une nouvelle chronologie d'animation. Il suffit de cliquer sur cette icône.

Je paramètre de cette manière ma chronologie.

NB: Ces paramètres sont facilement sujets à modifications si nécessaire, ce n'est pas la peine de trop s'attarder dessus.

Je vais dans un premier temps animer les yeux du personnage. Je crée un nouveau dossier d'animation.

Puis je décompose de cette manière sur 5 calques différents les étapes du clignements des yeux.

Eyes 0 représentant les ouverts jusqu'à Eyes 4 où les yeux sont complètements fermés. Les 5 calques doivent être dans le dossier d'animation.

Il faut ensuite lier les différents cellulos d'animations sur la timeline et utilisant cette icône.

NB: Lorsque l'on fait de l'animation en pixel art et que l'on joue son animation, elle est floue. Pas de panique c'est normal car la résolution est trop basse pour avoir une image nette. Il suffit juste de changer la résolution de l'image (et au mieux d'exporter l'animation) pour avoir un aperçu.

Une fois l'animation des yeux prête, je vais faire tourner la tête à mon personnage. Rien de plus simple, il suffit de créer un nouveau dossier d'animation, de copier/collé une fois la tête...

...de la rajouter sur la timeline, ici à l'image 24.

Je vais ensuite sélectionner la tête n°2, avec l'outil texte défilant.

Puis la retourner horizontalement.

Elle sera un peu trop vers la droite, pas de soucis, il suffit de la repositionner correctement.

Les yeux ne sont plus à leurs places! C'est normal! Pour les aligners correctement, il faut dans un premier temps dupliquer le dossier d'animation des yeux.

Sur la timeline, on a donc 2 fois la même animation.

Décalez la copie vers la droite. Il faut juste attraper le cadre et le faire glisser.

Il faut ensuite faire en sorte que les 2 animations ne se chevauchent pas en réduisant la taille des cadres d'animation.

Dans le dossier copie d'animation des yeux, sélectionner tous les calques comme sur l'image.

Sélectionner ensuite les yeux, puis faites un retournement horizontal comme pour la tête.

Ils seront légèrement décalés vers la droite, il suffit de les repositionner avec cet outil.

Pour finir je vais animer un effet de brillance sur les barrettes de cheveux. Je crées un 3ème dossier d'animation.

Je rajoute 11 calques au totals en coloriant petit à petit en blanc les barrettes, de cette manière:

Exporter une animation pixel en GIF

Je vérifie une dernière fois mes animations en corrigeant leurs timings pour au final choisir de faire une boucle de 5 secondes.

Puis dans "Edition" je clique sur "Changer la résolution de l'image".

Résolution de départ:

Je passe à 2000 px en hauteur et en largeur.

Je vais après dans "Fichier"=>"Exporter l'animation"=>"GIF animé".

Je passe la largeur et la hauteur à 1000 px, je vérifie bien que mon animation est en boucle illimité puis je clique sur OK.

Le chibi animé est terminé!

Comment

New

New Official Articles