Animation Sportive ! Comment animer une boucle de basket comme un PRO !

8 812

Gugarts

Gugarts

Il est très important de rechercher des références, qu'il s'agisse de séquences de personnes réelles pratiquant le sport ou d'animations d'autres professionnels. Cela vous aidera à comprendre la mécanique du mouvement et les détails que nous ne pouvons pas facilement retenir.

[1] RECHERCHER DES RÉFÉRENCES

Dans mes recherches sur le basket-ball, j'ai trouvé des informations telles que :

  • les jambes ne doivent pas être trop proches ni trop éloignées, l'une ou l'autre nuira à votre mobilité

  • si vous avez le contrôle du ballon, vous devez regarder en avant et non vers le bas, il est important de pouvoir faire attention à votre environnement à tout moment

J'ai finalement créé cette première image basée sur mes études. Une pose défensive, j'ai pensé que c'était bon pour l'animation.

N'hésitez pas à l'utiliser comme base pour vos études et à suivre ce tutoriel.

[2] ANIMATION D'ESQUISSE

Créons notre fichier d'animation.

Allez dans Fichier > Nouveau

Et cochez ces options, utilisons un canevas 1:1 (1080x1080)

idéal pour les médias comme Instagram et Twitter.

Après avoir défini deux images clés, j'ai créé une boucle simple qui donne une bonne sensation de mouvement.

 

Cellule d'animation > Créer de nouvelles images

Dossier d'animation > Créer une nouvelle chronologie pour les images

En cliquant à l'endroit indiqué par le carré rouge, vous activez la pelure d'oignon (Onion Skin) pour voir les images précédentes et suivantes.

 

Cliquez sur... Animation > Afficher les cellules d'animation > Paramètres de la pelure d'oignon

Pour modifier l'opacité, la couleur et d'autres options de la pelure d'oignon.

L'animation utilise ce modèle pour boucler :

(1) Clé 1

(2) Intermédiaire 1

(3) Clé 2

(4) Intermédiaire 1 [identique au 2]

(5) Intermédiaire 2 [Intermédiaire au milieu du (4) et de l'image (1)]

(6) Intermédiaire 3 [Intermédiaire au milieu du (5) et de l'image (1)]

 

Et on a obtenu une chronologie comme celle-ci. L'image (1) à la fin est uniquement pour la pelure d'oignon. Nous avons une boucle d'animation de 6 images à 12 ips. Même avec les ips à 24 ips, en étant en deux sessions chaque image, nous avons ce résultat.

[3] LINEART/NETTOYAGE

Pour accélérer le processus, j'ai fait le nettoyage directement à partir de la base. C'est un peu risqué si la base n'est pas bonne ou si l'on ne maîtrise pas le modèle du personnage. Mais cela améliore considérablement votre vitesse pour terminer les animations. Définir des images clés et intermédiaires sans avoir à esquisser plusieurs fois est un conseil précieux que je peux vous donner.

 

Astuce : Utilisez des calques vectoriels pour le lineart, vous avez beaucoup plus de contrôle sur la ligne et ne perdez pas en qualité lors des transformations.

Le résultat du nettoyage terminé, j'ai beaucoup aimé.

[4] COLORISATION

Dans le processus de peinture, deux méthodes de travail ont été utilisées.

Pour le ballon, le système de dossiers a été utilisé :

 

Il suffit de créer un dossier avec le numéro de l'image, vous pouvez ainsi créer le lineart, l'ombre, la couleur de base, ... tout au même endroit.

 

Vous pouvez même accéder aux calques sans ouvrir les dossiers via la fenêtre "Cellules d'animation".

Vous pouvez même accéder aux calques sans ouvrir les dossiers via la fenêtre "Cellules d'animation".

Pour le personnage, le système de dossiers d'animation a été utilisé :

 

Créer des dossiers d'animation pour les couleurs revient à créer un calque, mais directement sur la chronologie. Cela présente certains avantages par rapport au système de dossiers, mais dans les projets avec de nombreux éléments, il peut y avoir beaucoup d'informations sur la chronologie.

Astuce : C'est une excellente option pour ajouter des effets de lumière et d'ombre.

Ce fut la méthode utilisée pour créer l'ombre du personnage et du ballon.

C'est très pratique car vous pouvez modifier l'opacité de tous les calques de manière simple et rapide. Avec le système de dossiers, il faudrait les modifier un par un.

[6] EXPORTER GIF & MP4

Pour exporter un GIF, c'est super simple :

Fichier > Exporter l'animation > GIF animé

 

N'oubliez pas d'ajuster la résolution du projet, parfois des nombres inférieurs peuvent apparaître pour que le fichier soit plus léger.

Pour exporter une vidéo MP4, c'est aussi simple :

Fichier > Exporter l'animation > Film

Choisissez le nom du fichier et le type peut être MP4 ou Avi.

[6] LE RÉSULTAT

C'était le résultat final ! J'ai beaucoup aimé et vous ?

J'espère que vous avez appris quelque chose de nouveau et si vous utilisez mon animation de base

n'oubliez pas de me taguer sur les réseaux sociaux, j'aimerais voir le résultat.

[7] BONUS

J'ai créé cet asset gratuit pour vous aider.

Il est très utile pour l'encadrement.

Disponible en 1:1 et 16:9.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel