Animation d’un gif pour une année animée

Animation de gif avec mascotte

Animation d’un gif avec cette petite mascotte que j’utilise sur un autre site pro, plus accès sur les logiciels de création.
Une manière de souhaiter une nouvelle fois une bonne année 2021 à mes contacts et clients.

Animation gif
Animation personnage

J’adore les roughs faits à l’arrache (c’est tout l’intérêt d’un rough, non ?), le genre de dessin réalisé sur un coin de feuille afin de retenir son idée.

croquis avant animation du gif
Rough avant animation

Vous constaterez que je ne me suis même pas embêté à écrire ANNÉE en entier. J’étais certainement en transe, comme absorbé par mon dessin !
Non je plaisante, je suis parfaitement inexcusable !

Après ce premier rough, pour cette animation, j’ai réalisé une première ébauche directement sur Procreate.
J’apprécie d’ailleurs là aussi pour la spontanéité du trait.

Rough animé
Rough animé

L’ensemble est assez vivant et dynamique. Tout ce que j’aime !

La preuve qu’on peut tout à fait avoir un trait nerveux en dessinant sur iPad.

J’ai ensuite mis au propre, calque par calque, en privilégiant l’effet crayon feutre que j’affectionne particulièrement.

Mascotte pour animation
Mascotte au feutre
Mascotte pour animation
Mascotte au feutre

Gif animé d’une illustration

Animation d’un Gif

Il m’a été demandé de réaliser de nouvelles animations, et ce sous la forme de Gifs animés. Mais pas seulement, puisqu’il serait évidemment intéressant d’en développer des versions plus longues. Tout ça dans un premier temps pour agrémenter mon book et ainsi mettre en valeur mes illustrations, en proposant une autre perspective à mes images.

J’ai souvent eu l’occasion de faire du travail de motion design, mais ça a toujours été avec mes images vectorielles. Sauf exception quand il ne s’agissait pas de mes propres dessins.

Gif animé d'une illustration
Palmiers et soleil de Californie

Pour ce Gif animé d’illustration, j’ai dessiné comme à mon habitude sur ipad Pro avec Procreate.
Bien qu’il soit désormais très pratique d’animer directement sur l’application en question, il m’a semblé plus simple d’importer mes calques sur After Effects. Même si ça peut paraitre étonnant avec une si courte animation mais il y avait plus de souplesse à travailler sur After Effects, logiciel sur lequel j’aime beaucoup bosser.

Finalement la principale difficulté quand on réalise un Gif animé d’une illustration c’est de ne pas se retrouver avec un fichier trop lourd, ni avec un dessin trop compressé et donc détérioré.

Lockdown 2020

En période de lockdown, le besoin d’une ouverture sur l’extérieur

Animated gif of lockdown
Solitude à la fenêtre

Le hashtag lockdown a fait lui aussi son apparition sur les réseaux sociaux.
Version anglaise de notre bon vieux confinement.
Mais finalement, quelque soit la langue, l’isolement et le soudain manque de liberté reste plus ou moins le même dans les endroits les plus touchées du globes.
On a longtemps privilégié la ville alors qu’on évoquait régulièrement la désertification des campagnes.
Etait-ce vraiment une bonne stratégie ?

En attendant, on profite comme on peut de cette ouverture vers l’extérieur : la fenêtre/

L’ironie dans tout ça c’est qu’il y a bien longtemps que nous n’avions pas eu un si beau printemps. On peut évidemment s’en plaindre ne pouvant pleinement en profiter, mais n’est-ce pas plus agréable qu’un temps pluvieux et gris ?

Et avec un peu de chance, on saura attraper au passage une légère brise qui nous fait nous sentir mieux un instant.

Lockdown drawing
Illustration

Pendant ce laps de temps qui nous est imposés, j’ai eu envie de faire cette courte animation ayant trait au lockdown, et ce sous la forme d’un gif.
C’était la première fois que j’essayais de créer du mouvement dans les cheveux, ce qui est loin d’être évident. Le tout réalisé sur iPad Pro et Procreate.

Animation d’une Bande Dessinée

Animation d’une BD pour Sogetrel

Cette animation 2d est l’une des 4 réalisées pour la société Sogetrel, et dont le sujet était celui du handicap au travail.

Animation de la planche BD n°1

Réalisation de la BD sur Illustrator

Bien avant d’envisager une version animée de chaque bande dessinée, la commande consistait à réaliser 4 planches de BD de 6 cases chacune, en dessin vectoriel sur le logiciel Illustrator.

Roughs envoyés par l’agence

Les étapes sont toujours les mêmes, l’agence m’envoie les roughs avec un découpage déjà très précis, je peux donc attaquer rapidement et sereinement le dessin sur Illustrator.

Animation de BD
Animation Bande Dessinée
Animation BD Sogetrel

Animation sur After Effects

C’est seulement après avoir terminé ce travail que l’agence a formuler le souhait d’en réaliser une version animée, destinée à une diffusion sur écran de télé.

Ce n’est pas la première fois qu’on m’en confit cette tache. Bien qu’il ne s’agisse pas d’une animation classique, puisqu’on est dans quelque chose de plus sommaire, ça reste néanmoins un vrai travail en motion design.

Animer un personnage
Personnage animé
  • Motion de l’habillage d’introduction et de conclusion
  • Animation des personnages
  • intégration du son
  • synchronisation labiale

C’est toujours un exercice très agréable pour moi d’avoir l’opportunité de mettre en mouvement mes dessins. Et c’était aussi l’occasion de retravailler sur After Effects que j’avais délaissé pendant un certain temps, pour me consacrer davantage à l’illustration.

Animation de personnage
Animation sur After Effects
Animation sur After Effects

Animer les BD

La première étape est de bien préparer ses fichiers provenant d’Illustrator avant l’importation sur After Effects.

C’est certainement la partie la moins passionnante du processus de création, car elle est souvent longue et laborieuse.

Pour être tout à fait honnête, c’est une étape généralement ignorée des agences, qu’il faudrait pourtant inclure dans le devis.

C’est tout simplement impossible d’animer avant d’avoir trié et soigneusement rangé ses dossiers à importer.

Et pour finir, une fois sur After Effects, il faut organiser ses calques, parfois les renommer, pour enfin commencer le travail de motion design.

Animer des BD sur After Effects
Animer sur After Effects

Jusqu’à présent, on se contentait du son dans l’introduction et dans la conclusion. Toute la partie animée des vignettes demeurait silencieuse.
Je faisais uniquement bouger les lèvres pour accompagner la lecture des bulles.

Mais cette fois-ci, le travail sur le son était plus important.
Il a fallu incorporer les voix enregistrées dans les différentes cases de chaque BD et ajuster la synchronisation labiale.
Ca ajoute évidement de la difficulté au projet, mais ça le rend aussi bien plus intéressant, pour un rendu final qui apparait du coup bien plus abouti.
J’espère qu’il en sera désormais ainsi pour les projets futurs.

Après, c’est aussi évidement une question de budget.
Le client est prêt ou non à payer la différence.

Car c’est aussi ça être freelance. Etre capable d’analyser la somme de travail qu’un projet va demander et voir ce qu’il est possible de faire en fonction du budget alloué.

Et ce n’est pas toujours facile !