Cette fois, je vais vous montrer comment créer une animation où un personnage marche, à partir d'une seule illustration.

En utilisant des images clés pour créer l'animation, vous n'avez pas besoin de dessiner plusieurs images, ce qui facilite la création d'animations.

Une version vidéo est également disponible si vous souhaitez la visionner.

Conseil

Pour les débutants en animation, il est préférable de ne sauter aucune des étapes décrites afin de réduire les risques d'abandon.

Contrairement à la création d'illustrations, la création d'animations peut cesser de fonctionner si vous sautez une seule étape, il est donc plus facile de réussir en travaillant avec prudence.

Le tutoriel ci-dessous est celui que j'ai créé précédemment.

Ce tutoriel permet également aux débutants de créer des animations, mais le tutoriel ci-dessous contient des notions plus fondamentales.

N'hésitez pas à les consulter tous les deux.

Création d'une nouvelle toile

Tout d'abord, créez une nouvelle toile via Fichier > Nouveau.

Dans la section Utilisation de l'œuvre, cliquez sur le bouton Animation et créez un fichier avec les paramètres suivants :

 

Taille du manuscrit : 1200×1080 72dpi

Timeline

Taux de rafraîchissement : 10

Durée de lecture : 50

Une nouvelle toile pour l'animation a été créée.

Ensuite, supprimez le calque 1 dans la fenêtre Calques afin de ne laisser que le dossier d'animation.

Ensuite, créons des dossiers.

Dupliquez le dossier d'animation pour obtenir une structure de calques comme celle-ci.

Comme illustré ci-dessous, renommez les dossiers d'animation en 'Personnage' et 'Arrière-plan' respectivement.

Ouvrez la fenêtre Timeline. Cliquez sur Fenêtre > Timeline.

La timeline est maintenant affichée.

Cette fois, nous allons créer une animation de marche en utilisant une illustration comme celle-ci.

Si dessiner est fastidieux, vous pouvez utiliser l'image de la fille ci-dessous pour vous entraîner à créer des animations.

---

Afficher l'image sur la toile

Placez l'image d'arrière-plan de votre choix dans le dossier Arrière-plan:1 > 1.

À ce moment-là, assurez-vous que l'image désirée est bien dans le dossier 1.

Si l'image n'est pas dans le dossier, elle risque de ne pas s'afficher sur la toile.

Sélectionnez le dossier Arrière-plan dans la fenêtre Timeline.

Avec le dossier Arrière-plan sélectionné, cliquez sur le bouton indiqué dans l'image ci-dessous.

Observez la fenêtre pop-up, sélectionnez '1' et cliquez sur OK.

L'image est affichée sur la toile.

Pour afficher le personnage, répétez l'opération décrite ci-dessus.

Insérez l'illustration du personnage dans le dossier Personnage:1 > 1.

Obtenez une structure de calques comme celle illustrée ci-dessous.

Comme nous l'avons fait précédemment pour afficher l'arrière-plan, le personnage sera affiché si vous cliquez sur la partie indiquée dans l'image ci-dessous.

Si vous rencontrez des difficultés pour afficher les images sur la toile, veuillez consulter ce tutoriel.

Les étapes y sont expliquées plus en détail.

Définir les images clés

Nous allons maintenant commencer à animer le personnage avec des images clés.

Avant cela, je vais vous expliquer brièvement ce qu'est une image clé.

Qu'est-ce qu'une image clé ?

Par exemple, lorsque vous créez une scène où un personnage agite la main, vous définissez la position initiale et finale de la main comme des images clés.

Le logiciel crée alors automatiquement le mouvement entre ces points, ce qui permet une animation fluide.

C'est une fonction pratique qui permet de faire des choses comme ça.

 

Revenons maintenant au sujet principal.

Tout d'abord, sélectionnez l'outil Objet dans la fenêtre Outils.

Activation des images clés

Observez la fenêtre de la timeline.

Sélectionnez le dossier Personnage.

Cliquez sur la partie indiquée dans l'image ci-dessous.

Ce bouton sert à activer les images clés d'un calque.

Les images clés du calque sont maintenant activées.

 

 

Lorsque les images clés sont activées, une croix apparaît comme indiqué sur l'image.

Si la croix n'apparaît pas, assurez-vous que l'outil Objet est bien sélectionné dans la fenêtre Outils.

Les préparatifs pour créer facilement une animation de marche sont maintenant terminés.

Créer une animation de marche avec des images clés

Cliquez sur la zone indiquée dans la figure ci-dessous.

C'est-à-dire, sélectionnez la 1ère image.

En principe, si vous n'avez jamais touché la timeline jusqu'à présent, elle devrait être dans cet état par défaut.

Cependant, si vous la touchez ne serait-ce qu'un peu, cet état peut être altéré, soyez donc vigilant.

 

Examinez attentivement la deuxième image ci-dessous et assurez-vous qu'il n'y a pas de différence avec votre écran de travail.

Pour les débutants, même une légère différence dans la position de la barre peut empêcher l'animation de fonctionner correctement.

Retournez à la toile et déplacez la croix.

La croix peut être déplacée avec l'outil Objet.

Essayez de la centrer sur le personnage.

L'image se déplace à partir de la croix, il est donc crucial de positionner correctement la croix.

Conseil

À ce stade, assurez-vous que la croix est bien centrée sur le personnage. Tenter de la centrer plus tard est une source d'échec.

Attention !

L'activation des images clés rend impossible le dessin.

Si vous souhaitez dessiner à nouveau, désactivez les images clés.

Lorsque vous déplacez la croix avec l'outil Objet, un marqueur comme celui de l'image ci-dessous apparaît dans la fenêtre de la timeline.

Ensuite, cliquez sur la partie ci-dessous pour déplacer la barre rouge.

Il s'agit de la 31ème image.

 

 

Ensuite, assurez-vous que l'outil Objet est actuellement sélectionné.

Dans cet état, regardez la fenêtre Propriétés de l'outil.

Vous devriez y trouver une section 'Facteur d'échelle'.

Réglez le facteur d'échelle sur 105 pour la largeur et 105 pour la hauteur.

Comme indiqué dans la figure ci-dessous, ramenez la barre rouge au début de la timeline (1ère image) et appuyez sur le bouton de lecture triangulaire pour vérifier le mouvement.

Vous devriez pouvoir confirmer que le personnage s'affiche plus grand au fil du temps.

Création du mouvement de haut en bas

Ensuite, nous allons créer le mouvement de balancement de haut en bas lors de la marche.

Créez un nouveau dossier et rangez-y le dossier 'Personnage'.

Attention à ne pas ranger le dossier 'Arrière-plan'.

La structure des calques doit ressembler à ceci.

Laissez la fenêtre Calques avec le nouveau dossier sélectionné.

Observez la fenêtre Timeline.

Cliquez sur la partie marquée ② dans la figure ci-dessous. Ramenez la barre rouge à la 1ère image.

Ensuite, cliquez sur la partie marquée ③ pour activer les images clés.

Avec la procédure ci-dessus, vous pouvez appliquer des images clés en double au "dossier Personnage" et au "dossier".

C'est pratique et utile de s'en souvenir pour plus tard.

 

 

Avec la procédure précédente, la croix est probablement réapparue sur la toile.

Déplacez la croix vers le centre du personnage.

En observant l'élément 'Dossier' dans la fenêtre de la timeline, vous devriez pouvoir confirmer que des images clés ont été ajoutées.

Il ne vous reste plus qu'à faire osciller le personnage de haut en bas au bon moment via les options de l'outil, et votre animation de marche sera terminée.

Nous allons maintenant ajouter des images clés à la timeline.

Comme illustré ci-dessous, placez la barre rouge sur l'image souhaitée.

En cliquant sur le bouton marqué 'click' dans la figure ci-dessous, une image clé sera ajoutée.

 

Déplacez la barre rouge et appuyez sur le bouton des images clés pour ajouter 13 images clés, comme indiqué ci-dessous.

Si vous parvenez à ajouter les images clés comme dans la figure, c'est un succès.

Pour faciliter la compréhension, j'ai coloré en jaune les images clés que nous allons manipuler.

Nous allons modifier les propriétés des images clés colorées en jaune, comme indiqué ci-dessous, pour créer un mouvement de l'image de haut en bas.

Cliquez sur l'une des images clés jaunes. Laissez l'outil Propriétés de l'objet sélectionné.

Observez la fenêtre Propriétés de l'outil.

Nous allons maintenant modifier la valeur de la position y dans la fenêtre Propriétés de l'outil.

Ajoutez 17px à la valeur y actuelle.

C'est-à-dire, si la valeur y actuelle est 540, mettez 557.

Appliquez cela à toutes les images clés indiquées en jaune dans la figure ci-dessous. (Modifiez la position y à 557px)

Vous n'avez pas besoin de toucher aux images clés bleues.

Vous avez maintenant réussi à créer le mouvement de balancement vertical lors de la marche.

Réglage de la durée de la timeline

Ensuite, nous allons ajuster la durée de la timeline.

Dans la fenêtre Timeline, cliquez sur les trois points (...) et ouvrez Timeline > Modifier les paramètres.

Définissez l'image de fin sur 30.

Appuyons sur le bouton de lecture pour visionner la vidéo.

Si le mouvement ressemble à ce qui est décrit ci-dessous, la création de l'animation de marche est un succès.

Attention !

Lors de la lecture sur une tablette, les images clés peuvent être très lourdes et faire planter l'application.

Dans ce cas, sélectionnez Fichier > Exporter l'animation et enregistrez le fichier vidéo.

Visionnez le fichier vidéo exporté pour vérifier l'animation.

Le point clé de ce tutoriel est que les images clés pour l'agrandissement progressif du personnage lorsqu'il s'approche et les images clés pour le balancement de haut en bas pendant la marche sont définies séparément.

Le fait d'appliquer deux couches d'images clés permet d'effectuer facilement des ajustements ultérieurs.

---

Application avancée

En ajoutant une image de différence, le mouvement de marche peut être rendu encore plus réaliste.

La méthode pour ajouter des images est décrite dans ce tutoriel.