Vous pouvez le faire en 20 minutes ! Créez une image unique qui donne l'impression qu'un personnage marche ! [Apprenez à utiliser les images clés]

6 621

sugar_gumi

sugar_gumi

Cette fois, je vais vous montrer comment créer une animation d'un personnage marchant à partir d'une seule image.

Étant donné que l'animation est créée à l'aide d'images clés, il n'est pas nécessaire de dessiner plusieurs images, ce qui facilite la création d'animations.

Il existe également une version vidéo, alors jetez-y un œil.

Points

Si vous débutez en animation, vous aurez moins de chances d'abandonner si vous ne sautez aucune des étapes décrites.

La création d'animation est différente de la création d'illustration, dans le sens où si vous sautez une étape, rien ne bougera, il est donc plus facile de réussir si vous travaillez soigneusement.

Le cours suivant est un cours que j'ai créé précédemment.

Le contenu de ce cours est tel que même les débutants peuvent créer des anime, mais le cours ci-dessous a un contenu plus basique.

N'hésitez pas à jeter un œil aux deux si vous êtes intéressé.

Créer une nouvelle toile

Tout d'abord, créez une nouvelle toile en allant dans Fichier > Nouveau.

 

Cliquez sur le bouton Animation sous Objectif du travail et créez un fichier avec les paramètres suivants :

 

Taille d'origine 1200x1080 72 dpi

 

Chronologie

 

Fréquence d'images 10

 

Durée de lecture 50

 

 

Un nouveau canevas pour l'animation a été créé.

Ensuite, supprimez le calque 1 de la fenêtre Calque afin de ne conserver que le dossier Animation.

Ensuite, créez un dossier.

Dupliquez le dossier d’animation afin qu’il ait une structure de calque comme celle-ci.

Modifiez les noms des dossiers d'animation en « Personnes » et « Arrière-plan » comme indiqué ci-dessous.

Ouvrez la fenêtre Chronologie : appuyez sur Fenêtre > Chronologie.

La chronologie a été affichée

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

Si vous ne voulez pas vous embêter à dessiner, vous pouvez vous entraîner à l'animation en utilisant l'image d'une fille ci-dessous.


Afficher une image sur une toile

Contexte : 1 > Placez l'image d'arrière-plan souhaitée dans le dossier 1.

À ce stade, assurez-vous que le dossier 1 contient l'image souhaitée.

S'il n'y a pas d'image dans le dossier, elle risque de ne pas s'afficher sur la toile.

Sélectionnez le dossier d'arrière-plan dans la fenêtre Chronologie.

Une fois le dossier d'arrière-plan sélectionné, cliquez sur le bouton indiqué dans l'image ci-dessous.

Faites très attention à la fenêtre contextuelle, sélectionnez « 1 » et appuyez sur OK.

L'image est affichée sur la toile

Répétez les étapes ci-dessus pour faire apparaître la personne.

Placez une seule image d'une personne dans le dossier Personnes : 1 > 1.

Assurez-vous que les calques sont configurés comme indiqué ci-dessous.

Comme nous l’avons fait plus tôt dans le processus d’affichage de l’arrière-plan, vous pouvez afficher la personne en appuyant sur la partie indiquée dans l’image ci-dessous.

Si vous rencontrez des difficultés avec le processus d'affichage d'une image sur la toile, veuillez consulter ce tutoriel.

Les étapes sont expliquées un peu plus en détail.

Définir une image clé

À partir de là, nous allons commencer à travailler sur le déplacement du personnage avec des images clés.

Avant cela, expliquons brièvement ce que sont les images clés.

Que sont les images clés ?

Par exemple, lorsque vous créez une scène dans laquelle un personnage agite la main, vous définissez les positions initiale et finale de la main comme images clés.

Le logiciel créera alors automatiquement le mouvement intermédiaire, créant ainsi une animation fluide.

Les images clés sont une fonction pratique qui vous permet de faire des choses comme celles décrites ci-dessus.

 

Revenons maintenant au sujet principal.

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

Activer les images clés

Regardez attentivement la fenêtre Chronologie.

Sélectionnez le dossier Personnes.

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

Ce bouton activera les images clés pour le calque.

Vous avez maintenant activé les images clés pour le calque.

 

 

Lorsque vous activez les images clés, un réticule apparaît comme indiqué dans l'image.

Si vous ne voyez pas le réticule, assurez-vous que l'outil Objet est sélectionné dans la fenêtre Outils.

Vous êtes maintenant prêt à créer facilement un mouvement de marche.

Créer un mouvement de marche à l'aide d'images clés

Cliquez autour de la zone indiquée dans l'image ci-dessous.

En d'autres termes, assurez-vous de sélectionner la première image.

En gros, si vous n'avez pas touché la timeline une seule fois jusqu'à présent, elle sera dans cet état par défaut.

Cependant, veuillez noter que si vous touchez la timeline même un peu, elle s'effondrera à partir de cet état.

 

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

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

Revenez à l'écran de la toile et déplacez la partie croisée.

La partie croisée peut être déplacée avec l'outil objet.

Assurez-vous de l'aligner avec le centre du personnage.

L'image se déplace à partir du repère en croix, l'alignement du repère en croix est donc un processus important.

Points clés

Assurez-vous d'aligner le réticule avec le personnage à ce stade. Si vous essayez d'aligner le réticule avec le personnage plus tard, vous échouerez.

Attention !

Si vous activez les images clés, vous ne pourrez plus dessiner.

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

Lorsque vous déplacez la croix avec l’outil Objet, une marque comme celle ci-dessous apparaît dans la fenêtre Chronologie.

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

En termes de numéro d'image, il s'agit de l'image 31.

 

 

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 voir une option pour le grossissement.

Réglez le grossissement sur 105 horizontal et 105 vertical.

Comme le montre l'image ci-dessous, déplacez la barre rouge vers le début de la chronologie (première image) et appuyez sur le bouton de lecture triangulaire pour vérifier le mouvement.

Vous devriez pouvoir voir que la personne grandit au fil du temps.

Créer un mouvement de haut en bas

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

Créez un nouveau dossier et placez-y le dossier Personnes.

 

Attention à ne pas y placer le dossier Arrière-plan.

Assurez-vous de créer une structure de calque comme celle-ci.

Laissez le dossier nouvellement créé sélectionné dans la fenêtre Calque.

Maintenant, gardez un œil sur la fenêtre Chronologie.

Cliquez sur la partie marquée ② dans l'image ci-dessous. Cela ramènera la barre rouge à la première image.

Cliquez ensuite sur la partie marquée ③ pour activer l'image clé.

Les étapes ci-dessus vous permettent d'appliquer des images clés doubles au « dossier Personnes » et au « dossier ».

Il s'agit d'une méthode pratique, il est donc bon de s'en souvenir pour référence ultérieure.

 

 

Après l'étape précédente, le D-pad devrait maintenant réapparaître sur la toile.

Déplacez la croix au centre du personnage.

Si vous regardez l'élément « Dossier » dans la fenêtre Timeline, vous devriez pouvoir confirmer qu'une image clé a été définie.

Il ne reste plus qu'à utiliser les options de l'outil pour faire trembler le personnage de haut en bas au bon moment pour terminer l'animation de marche.

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

Comme indiqué dans l'image ci-dessous, déplacez le bâton rouge vers l'image souhaitée.

Appuyez sur le bouton où il est écrit « cliquer » dans l'image ci-dessous pour ajouter une image clé.

 

Tout en déplaçant le bâton rouge, appuyez sur le bouton d'image clé et ajoutez 13 images clés une par une comme indiqué dans l'image ci-dessous.

Si vous pouvez ajouter des images clés comme indiqué dans l'image ci-dessous, vous avez réussi.

Pour faciliter la visualisation, j'ai coloré en jaune les images clés sur lesquelles nous allons travailler.

En ajustant les propriétés des images clés colorées en jaune dans l'image ci-dessous, nous allons créer l'action de déplacer l'image de haut en bas.

Cliquez sur l'une des images clés affichées en jaune. Laissez l'outil Propriétés de l'objet sélectionné.

Veuillez prêter une attention particulière à la fenêtre Propriétés de l'outil.

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

Ajoutez 17 px à la valeur y actuelle.

En d'autres termes, si la valeur y actuelle est de 540, remplacez-la par 557.

Définissez cette valeur pour toutes les images clés affichées en jaune dans l'image ci-dessous. (Modifiez Position y à 557 px)

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

Cela nous permet de créer un mouvement qui oscille de haut en bas lors de la marche.

Réglage des secondes de la chronologie

Ensuite, ajustez le nombre de secondes sur la chronologie.

Tout en gardant un œil sur la fenêtre Chronologie, appuyez sur les points de suspension et ouvrez Chronologie > Modifier les paramètres.

Réglez le cadre de fin sur 30.

Cliquez sur le bouton de lecture pour lire la vidéo

Si le mouvement se produit comme indiqué ci-dessous, le mouvement de marche a été créé avec succès.

Attention !

 

Les images clés peuvent être très lourdes lorsqu'elles sont lues sur une tablette et peuvent se figer.

 

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

 

Vérifiez la vidéo en regardant le fichier vidéo exporté.

Le point clé de ce tutoriel est que des images clés distinctes sont définies pour l'expansion progressive du personnage lorsqu'il marche vers vous, et pour le personnage qui se balance de haut en bas lorsqu'il marche.

En superposant les images clés deux fois, nous avons facilité les ajustements ultérieurs.


Avancé

En ajoutant une image différente, vous pouvez rendre le mouvement de marche encore plus réaliste.

Les instructions sur la façon d'ajouter des images sont expliquées dans ce tutoriel.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel