Bonjour

 

Dans ce tutoriel, je vais vous montrer comment créer de simples boucles d'animation à utiliser dans des illustrations et comment animer dans Clip Studio Paint. Je vais essayer de tout vous expliquer pour que vous puissiez donner vie à vos illustrations.

 

Animation : Boucle

Une boucle d'animation est une animation qui se répète, encore et encore. Où la dernière image est aussi le début de la première image.

 

Pour avoir une boucle simple ou facile, vous n'aurez besoin que de 4, 6 ou 8 dessins, mais si vous voulez quelque chose de plus grand, complexe et non répétitif, il sera préférable d'avoir plus de dessins.

 

 

 

Une animation courante va à 24 images par seconde. Si mon animation, en raison du nombre de dessins que j'ai, semble aller très vite, il n'est pas nécessaire de changer la vitesse de lecture, mais de répéter le dessin une ou deux images. Ainsi, la vitesse resterait à 24 images par seconde, mais l'animation durerait 12 ou 8 secondes.

Ceci est recommandé lorsque vous avez plusieurs animations. La vitesse doit être la même pour toutes, mais le nombre de fois où l'image est répétée affectera l'animation elle-même, mais pas la vitesse.

 

1 ips pour 24 images = 24 secondes

2 ips pour 24 images = 12 secondes

3 ips pour 24 images = 8 secondes

Bien sûr, il n'est pas nécessaire que ce soit une boucle d'animation. Même ainsi, il y a beaucoup de choses qui peuvent être mises en boucle, il y aura une limite. Alors faites ce qui est le mieux pour vous.

Que pouvez-vous mettre en boucle ?

Il y a beaucoup de choses que vous pouvez utiliser pour une boucle d'animation dans vos illustrations. Il peut s'agir d'objets, de météo, de lumières, d'éléments et d'actions. Tout peut fonctionner si vous trouvez le moyen de le rendre cyclique.

 

Maintenant, je vais vous montrer quelques exemples pour chaque catégorie et comment la boucle d'animation est appliquée.

 

Objets

Dans la catégorie des objets, je vais vous montrer comment faire une boucle avec un ventilateur. Mais il existe de nombreux objets comme un tourne-disque, des pages d'un livre, des cloches, un train et plus encore qui peuvent fonctionner comme des boucles.

Voici notre ventilateur, rien de spécial. Ce que nous allons mettre en boucle, ce sont les pales. Nous pourrions aussi boucler le carter du moteur.

Les chiffres en rouge indiquent l'ordre de dessin. Le numéro 2 est le milieu du 1. Nous aurons donc besoin du milieu du 1 au 2, qui est le 3, et du milieu du 2 au 1, qui est le 4. Cette technique d'animation est connue sous le nom de Pose à Pose.

 

Les chiffres bleus représentent l'ordre correct de l'animation.

Et voici le résultat à 12 secondes

Météo

Si vous y réfléchissez bien, n'importe quel type de météo peut être mis en boucle : pluvieux, neigeux, venteux, les rayons du soleil d'une journée ensoleillée.

 

L'exemple sera un jour de pluie.

Pour faire la pluie, vous devez dessiner les gouttes à différents endroits et de différentes tailles. Lorsque vous avez votre première couche, la seconde aura la continuation de ces gouttes et les nouvelles qui apparaîtront. Répétez cela avec la couche suivante jusqu'à ce que vous ayez le cycle complet.

 

*N'oubliez pas que, s'il s'agit d'une boucle, la dernière image doit être le début de la première image.

Voici notre pluie.

Lumières

Pour les lumières, nous avons deux options. Nous pouvons faire une boucle d'étincelles ou une boucle d'allumage et d'extinction. Quelques exemples pour la boucle d'étincelles sont les étoiles, les feux d'artifice ou les ampoules changeant de couleur de lumière. Pour la deuxième option, il peut s'agir d'une lampe, d'un poteau, etc.

Pour une boucle d'étincelles, il n'est pas nécessaire de penser à la pose suivante de l'animation pour qu'elle fonctionne. Chaque dessin doit être un peu différent les uns des autres.

Pour la boucle d'allumage et d'extinction, elle commencera par un petit cercle. Ce cercle deviendra grand, puis de nouveau petit. Dans l'animation, il suffit d'inverser les dessins pour obtenir le cycle. La technique d'animation que j'ai utilisée ici était l'animation directe (Straigh Ahead).

Élément

Les éléments courants pour une boucle sont l'eau et le feu. Il peut s'agir de gouttes tombant d'une baignoire / d'une cafetière / d'une feuille, de vagues ou d'un feu de camp, d'une torche, etc.

 

Par exemple, j'utiliserai la cafetière.

Voici le processus d'une goutte qui tombe. Cela peut être simple ou plus complexe. Cela dépendra de l'illustration.

Voici l'exemple à 24 ips.

Actions

Vous avez une variété d'actions qui peuvent fonctionner comme une boucle. Il peut s'agir d'un clignement, de prendre des fruits dans une assiette, de danser, d'oiseaux qui volent, et plus encore.

À titre d'exemple, je vais créer une animation de clignement des yeux.

 

Il existe de nombreuses façons de faire un clignement. Il peut s'agir de trois/quatre dessins simples ou de quelque chose de plus élaboré si vous voulez exprimer une sorte d'émotion dans le regard de votre personnage.

Voici la manière courante de faire un clignement. Vous n'avez besoin que de trois ou quatre dessins.

 

Dans le premier cas, vous obtiendrez une fermeture rapide des yeux et une ouverture lente. Pour le second cas, ce sera l'inverse. Et pour le dernier cas, cela aura l'air un peu plus fluide.

Essayons quelque chose de plus intéressant, comme regarder des deux côtés avec un clignement des yeux.

Comment animer dans Clip Studio Paint

Maintenant, je vais vous montrer comment préparer votre espace pour animer une illustration.

 

Tout ce qui ne sera pas animé doit être placé dans des dossiers. Le nombre de dossiers dont vous aurez besoin dépendra des éléments que vous souhaitez animer, de leur emplacement ou de leur complexité.

 

Dans mon cas, tout est dans un seul dossier, mais la femme dans la voiture aurait pu être dans un dossier différent de l'arrière-plan. Ainsi, je n'aurais pas eu à me soucier que les lumières de la mer finissent sur la femme.

Maintenant, commençons.

 

Vous devez d'abord aller dans Fenêtre -> Chronologie

 

Une fois que vous avez la chronologie, allez dans : Animation -> Chronologie -> Nouvelle chronologie

Voici à quoi cela ressemblera.

Pour animer, vous aurez besoin de dossiers et de calques spéciaux, pas de ceux que vous utilisez normalement pour dessiner. Le dossier se trouvera ici.

Les dossiers apparaîtront dans la section des calques, et en même temps dans la chronologie. Dans mon cas, j'ai trois dossiers pour chaque animation.

Une fois que vous avez le dossier, vous pourrez créer un calque pour l'animation, appelé Cellule. Pour ce faire, vous devez cliquer sur l'icône à côté du dossier.

 

Voici à quoi cela ressemblera dans la palette Chronologie.

Et voici à quoi cela ressemblera dans la palette Calque.

Avant de poursuivre la création des cellules, je vais expliquer quelques points de la palette Chronologie.

 

Le zoom arrière/avant ajuste le nombre d'images affichées sur la chronologie.

La boucle sert à répéter l'animation encore et encore.

Le rectangle bleu, en le faisant glisser, modifie l'image de début et l'image de fin.

La piste est l'endroit où le dessin sera affiché et les images indiquent le nombre de cellules et leurs positions.

Une fois l'explication terminée, nous continuons avec le tutoriel.

 

Pour créer une nouvelle cellule d'animation, vous devez cliquer sur l'image suivante où vous voulez la placer, puis cliquer sur nouvelle cellule d'animation. J'ai cliqué sur la deuxième image, puis sur nouvelle cellule d'animation.

 

*Ne créez pas de nouveau calque commun, à partir de la palette Calque, à l'intérieur du dossier d'animation. Cela ne fonctionnera pas pour animer et ne sera pas affiché dans la chronologie.

Voici le résultat.

Maintenant, vous pouvez dessiner sans souci sur ces calques. Chaque calque correspond aux cellules de la piste.

Si nécessaire, vous pouvez activer la pelure d'oignon ici.

 

Animation -> Afficher les cellules d'animation -> Paramètres de la pelure d'oignon

Ici, vous pouvez le personnaliser à votre guise et cliquer sur OK pour le valider.

Maintenant, tout étant prêt pour l'animation, nous allons appliquer nos connaissances en animation

Ici, nous appliquons la technique d'animation des étincelles.

Voici la deuxième technique d'éclairage : Allumer et Éteindre

Et pour les mouettes, ce sera une boucle d'action.

Une fois toutes nos animations terminées, nous pouvons exporter le résultat final de notre illustration.

 

Allez dans Fichier -> Exporter l'animation

Vous aurez quatre options : Séquence d'images, GIF animé, Autocollant animé et Film.

GIF animé sera notre option.

Une fois que vous avez décidé où enregistrer l'illustration, les paramètres pour finaliser le processus d'exportation apparaîtront.

Terminé !

Illustrations

J'espère que ce tutoriel vous a été utile pour apprendre un peu d'animation et comment animer dans Clip Studio Paint, afin de réaliser des illustrations animées.

 

A plus !