Introduction

Nous animons ceci :)

Vous êtes-vous déjà demandé pourquoi vous aviez créé une illustration si réussie et que vous vouliez la faire bouger, mais vous n’avez pas de solides compétences en animation ? Alors, ici, vous apprendrez à animer facilement vos illustrations sans dessiner de dessins intermédiaires. Attendez quoi ? Oui, il existe un moyen de le faire, alors suivez ces étapes pour animer votre illustration si facilement.

 

En utilisant une illustration animée, vous pouvez publier votre illustration sur les réseaux sociaux pour attirer l’attention, car votre illustration peut désormais bouger et est attrayante :)

Étape 1 : Préparez votre illustration

Commencez par vous assurer que votre illustration est prête pour l'animation. Séparez les différentes parties de votre image en calques, tels que les bras, les jambes, la tête et l'arrière-plan. Cela vous donnera plus de contrôle sur chaque élément lors de l'animation. Dans cette illustration, nous allons animer la lumière et les yeux.

a.   Sélectionnez l'outil de sélection de stylo.

b.   Sélectionnez maintenant toutes les parties une par une que vous souhaitez animer, puis coupez-les et collez-les.

c.   Placez toutes vos parties animées dans des dossiers différents.

Assurez-vous de remplir les espaces vides avec les couleurs de base dans un nouveau calque dans lequel vous avez coupé et collé les parties.

Nommez toujours vos dossiers et vos calques

Étape 2 : Chronologie : activez la chronologie en cliquant sur Windows > chronologie(x) et vous obtiendrez votre chronologie. Cliquez maintenant sur la nouvelle chronologie et définissez votre fréquence d'images (FPS) sur 8 FPS. Je vais animer pendant 3 s, donc le temps de lecture sera de 24 

 

Astuce pour calculer le temps. Exemple : Fps : 12 FPS. 4 s = 48 images

Si c'était 24 images : 24 FPS. 4 s = 96 images

 

 

Je fais une animation de 3 secondes à 8 images par seconde, donc ici le temps de lecture (images) sera de 24

Cliquez maintenant sur la nouvelle icône de la chronologie et définissez votre FPS et votre temps de lecture. Si vous le souhaitez, vous pouvez nommer votre chronologie comme vous le souhaitez.

Comment pixelliser une image vectorielle ?

De nombreux débutants lorsqu’ils essaient d’animer leur illustration disent que leur outil lasso ou leur sélection ne fonctionne pas, c’est parce que votre image est sous forme vectorielle

Pour pixelliser une image, faites un clic droit sur l'image > une fenêtre apparaîtra > cliquez sur l'option pixelliser et votre image sera maintenant pixellisée

Étape 2 : utiliser des images clés et des interpolations

Notre chronologie est maintenant prête, nous pouvons donc commencer à animer. Suivez ces étapes attentivement maintenant.

 

Image clé : pour créer une action dans une séquence d'animation numérique, vous devez d'abord définir les points de début et de fin de cette action. Ces marqueurs sont appelés images clés et sont utilisés comme points d'ancrage pour les actions dans tous les types de programmes d'animation comme CSP.

 

En termes simples : au lieu de dessiner entre les images, vous pouvez utiliser des images clés pour définir les points de début et de fin de votre animation. Le logiciel générera automatiquement les images intermédiaires, créant ainsi des transitions fluides. Les interpolations sont essentielles pour rendre ce processus transparent.

 

 

Fonctions de base de la chronologie

Voici quelques options importantes de la chronologie.

Les débutants sont confus dans ces options, je souhaite donc dissiper toute confusion ici afin que vous puissiez facilement animer.

Dossier d'animation : lorsque vous sélectionnez cette option, un dossier d'animation est créé. Ce dossier est essentiel pour l'animation, assurez-vous donc d'en créer un avant de commencer. Sans lui, vous ne pourrez pas poursuivre votre animation.

 

Cellule d'animation ou nouveau calque : cliquer sur cette option vous permet de créer une nouvelle cellule ou un nouveau calque d'animation. Considérez-le comme votre toile numérique, où vous pouvez dessiner ou colorier votre illustration. Chaque cellule ou calque peut contenir différentes parties de votre animation, ce qui vous donne la possibilité de gérer vos éléments de dessin séparément.

 

Image clé : après avoir activé les images clés, vous pouvez ajouter une image clé à n'importe quel numéro d'image spécifique en sélectionnant l'option « Ajouter une image clé ». Les images clés marquent les points de début et de fin de tout mouvement ou transition dans votre animation. Pour créer un mouvement, vous ajoutez une deuxième image clé, puis ajustez les éléments qu'elle contient. Bien que ce concept puisse sembler un peu complexe, il deviendra plus clair à mesure que nous nous plongerons dans le processus d'animation réel.

Oeil animé

Sélectionnez le calque yeux en cliquant dessus avec le bouton gauche de la souris. Ensuite, déplacez-vous vers le point de départ de la timeline et cliquez sur Activer l'image clé. Une fois l'activation activée, cliquez sur Ajouter une image clé. Une fois l'image clé ajoutée avec succès, vous verrez une icône en forme de losange apparaître, indiquant que votre image clé a été définie.

1ère clé

2ème clé

Nous allons maintenant définir l’image clé pour la fermeture des yeux.

Remarque : veillez à placer l'icône plus entre les yeux comme indiqué ci-dessus. Tout rapport que vous modifierez sera modifié en fonction de la position de ce signe plus

Ajoutez maintenant la 2e image clé sur 3 comme je l'ai ajouté ici et assurez-vous d'avoir sélectionné l'outil d'opération. Copiez ces valeurs ou vous pouvez les utiliser comme guide pour la faire cligner des yeux. Vous pouvez ajuster le timing de l'image clé plus tard en la faisant glisser loin ou près de la 1ère image clé jusqu'à ce que vous ne soyez pas satisfait, alors ne vous inquiétez pas.

Dessine un petit œil fermé

Copiez et collez 3 clés pour créer une boucle

Recadrez cette image pour l'adapter à l'intervalle de temps de la deuxième image clé afin qu'elle n'apparaisse que lorsque la deuxième image clé de l'œil qui se ferme apparaît

Copier et coller la 1ère clé

Après avoir ajouté la 2ème image clé, copiez et collez la 1ère image clé que vous aviez ajoutée au début en sélectionnant la 1ère image clé et en maintenant alt et avec le clic gauche en faisant glisser vers la droite ou à l'endroit où vous souhaitez coller cette 1ère clé copiée.

[Résumé rapide de ce que j'ai fait]

Astuce -  Pour créer une boucle, copiez et collez les trois clés en faisant glisser et en sélectionnant la clé, puis copiez et collez pour créer une boucle

Lumière animée

1. Créez un nouveau dossier et utilisez un pinceau à air pour peindre doucement sur la lampe et sur son visage.

2. Activez ensuite la première image clé et ajoutez la deuxième image clé en ajustant l'opacité de la lumière.

3. Copiez et collez maintenant la première image clé. Copiez toutes les images clés en les faisant glisser et en les sélectionnant, puis clic droit > copier > coller

Première clé - Opacité 100 %

Deuxième clé - Opacité 33 %

La troisième clé est une copie de la première clé

J'ajoute un peu de lumière avec exactement la même méthode dans les gemmes de poupées.

Exporter

Maintenant, pour exporter notre illustration animée, cliquez sur Fichier> Exporter l'animation (Y)> GIF animé

Allez maintenant pratiquer ces méthodes avec vos propres illustrations et voyez-les bouger :)

Votre animation est maintenant prête : simple, mais mignonne et impressionnante ! :)

Merci d'avoir lu mon tutoriel

 

Je tenais à vous remercier sincèrement d'avoir pris le temps de lire mon tutoriel. Vos commentaires et vos idées me sont précieux et j'apprécie vraiment vos retours.

Si vous avez d'autres idées ou suggestions, n'hésitez pas à les entendre. Merci encore une fois pour votre temps et votre considération.