Salut ! Dans ce nouveau tutoriel, je vais parler de comment animer des expressions faciales dans CSP. J'expliquerai un peu les bases des outils d'animation, mais si vous voulez apprendre et mieux comprendre les outils, je vous laisse des astuces officielles de CPS.

Maintenant, commençons.

Créer un fichier

D'abord, pour créer un fichier d'animation, tu cliqueras en haut sur [Animation] et en bas tu pourras choisir la vitesse des ips. Plus il y a d'ips, plus il y aura d'images.

Il y a aussi la durée, dans ce cas, j'ai choisi 24 ips.

Tu peux aussi choisir la taille de l'animation en fonction de ce que tu veux faire.

Outils de base

Je donnerai une brève explication pour comprendre un peu comment fonctionnent les outils d'animation.

Cellules

Les cellules d'animation sont l'endroit où nous pouvons dessiner. Elles fonctionnent de manière similaire aux calques dans les dessins, sauf que les calques ne sont pas liés aux cellules.

Pour créer ou ajouter une cellule, tu cliqueras sur le bouton [Créer une cellule d'animation].

Comme tu peux le voir, une [Ligne de temps] est formée pour organiser les animations et à l'intérieur se trouvent les 24 ips que nous avons définis pour la durée. Avec la ligne rouge, nous pouvons sélectionner les images et ajouter des cellules. Les lignes bleues servent à délimiter la durée de l'animation.

Dans les lignes de temps, nous pouvons créer des dossiers d'animation pour organiser davantage les cellules avec l'option à côté de (ajouter une cellule d'animation) qui est [Créer un dossier d'animation]. (Dans la vidéo, on peut observer que le dossier d'animation est sélectionné pendant que j'ajoute des cellules)

Selon la distance entre les cellules, la durée de chacune variera.

Lorsque nous ajoutons une cellule d'animation, un calque est automatiquement créé dans le dossier.

Si nous voulons prolonger le temps pendant lequel une cellule apparaît, nous devons maintenir la cellule sélectionnée et la faire glisser là où nous voulons qu'elle s'étende.

Si nous voulons modifier la vitesse de l'image, nous pouvons aller dans la fenêtre [Animation], [Ligne de temps] et [Changer la vitesse de l'image].

Pelure d'oignon

La pelure d'oignon nous aide à observer le dessin qui se trouve avant ou après l'endroit où nous avons ajouté une cellule. Elle nous sert de référence pour dessiner dessus.

Prolonger le temps

Pour prolonger la durée de la ligne de temps, faites glisser l'endroit où apparaissent les images.

Exemple

(Vitesse de 24 ips)

Expressions

En comprenant les concepts de base, nous pouvons commencer.

 

 

Pour animer un changement d'expression, nous devons tenir compte des étapes. Dans l'exemple ci-dessous, nous avons le début qui est (1) et nous voulons qu'il soit comme le dessin (2). Pour y arriver, nous devons dessiner le développement de l'expression qui est (1a).

Nous devons penser à l'apparence que nous voulons donner au personnage au moment de dessiner. Il est bon de chercher des références sur le mouvement des yeux, de la bouche, du nez, etc.

Exemple de l'apparence

Yeux

Pour mieux comprendre, nous allons le faire par étapes.

La première cellule d'animation sera celle-ci.

Le dernier est celui qui présente un changement au niveau des yeux.

Je veux qu'il ferme les yeux pour que le changement soit visible.

Je commence donc à dessiner entre les cellules 1 et 2.

Cela peut ressembler à ceci.

le (1b et 1c) a les yeux mi-clos.

Nous pouvons ajuster les cellules pour que la vitesse varie et que le résultat soit celui que nous désirons.

Ici, cela semble un peu plus rapide car j'ai réduit la taille de la cellule entre le 1 et le 1a.

Bouche

Le processus pour la bouche est le même que pour les yeux.

Nous définissons les cellules importantes et dessinons les mouvements de la bouche.

Il est important d'avoir des références lors du dessin d'expressions pour que le mouvement semble naturel.

On peut voir comment je les ai arrangés.

Résultat

Visage

Dans ce cas, je voulais que le personnage sourie, alors j'ai dessiné partie par partie ce que je voulais qu'il ressemble.

Sur la ligne de temps, on voit que le dessin est divisé en deux dossiers : dans celui du bas, j'ai laissé les cheveux immobiles et dans le dossier du haut, j'ai animé les yeux et la bouche.

Résultat

Cela peut changer subtilement si nous modifions la vitesse de l'image.

Astuce

Pour ne pas dessiner tout le personnage de zéro, nous pouvons le sélectionner et cliquer sur [Copier et coller], ce qui crée un nouveau calque avec le même dessin. Cependant, ce calque n'apparaîtra pas sur la ligne de temps car il n'est lié à aucune cellule d'animation. Nous sélectionnons donc l'image où nous voulons l'ajouter, faisons un clic droit, et les calques que nous pouvons placer sur cette image apparaîtront. Nous sélectionnons le calque que nous avons copié, et il sera affiché sur cette image, créant ainsi une cellule d'animation.

Exemple

Nous pouvons créer des animations qui ne changent pas trop pour faciliter le nettoyage.

(Je l'ai juste copié et fait pivoter le dessin en ajustant les détails.)

Exemple

Dans ce cas, je voulais qu'elle soit en colère mais à la fois triste, alors j'ai mis 3 images clés.

1

2

3

Et j'ai dessiné les parties du mouvement que je voulais montrer.

Voici à quoi ressemblera la ligne de temps avec les pauses et la vitesse que j'ai aimées.

Résultat

Enregistrer

Pour l'enregistrer, nous pouvons choisir parmi :

• Séquence d'images

• GIF

• Sticker animé

• Film (vidéo)

Fin

J'espère que cela vous a plu et que c'est facile à comprendre. Je pense que le plus important lors du dessin est de regarder des références sur la façon dont nous montrons nos émotions et comment nous nous exprimons, afin que ce soit plus facile pour vous et que vous puissiez pratiquer. Merci beaucoup d'avoir lu jusqu'à la fin.