Les Tutoriaux: Web » Tutorial Créer un gif animé avec ImageReady à partir d'une vidéo

Introduction

Bonjour,

Ce tutoriel est la suite du tutoriel sur la création de captures de vidéos dans le but de faire un avatar animé à partir d'une vidéo: Tutoriel Camstudio

Edition d'une vidéo avec ImageReady pour en faire un gif animé

NB: Votre vidéo peut être du format AVI,MOV,..reste à tester


Ouvrez ImageReady, et faites : CTRL+O (ouvrir) et ouvrez la vidéo.
Choisissez Du début à la fin et choisissez de ne prendre qu'une image sur 2, c'est déja suffisant :), puis faites Ok.



Important: C'est là que ca commence à être délicat!. Le temps d'ouverture de la vidéo risque de dépendre de la taille de celle-ci. Plus la vidéo est longue, plus le nombre d'images à créer pour décomposer la vidéo sera grand !

C'est ouvert, ca y est?

Vous allez commencer par enlever dans la fenêtre Animation le début et la fin de la séquence qui ne servent à rien car ces parties entourent normalement ce qui vous intéresse vraiment dans cette vidéo et vous ne souhaitez donc pas que ces parties de vidéo se retrouvent dans le gif final !

Pour cela:

Sélectionner la première image et faire Shift + clic sur la dernière image de la séquence à supprimer, puis vous cliquez sur la poubelle (toujours dans la fenêtre Animation bien sûr) ca va plus vite xD )

Ca y est, c'est épuré?

[quote] Mais m'sieur, c'est beaucoup trop grand pour un avatar! Bien sûr, nous allons y arriver^^[/quote]

Vous pouvez simplement recadrer votre animation tout en la redimenssionnant à 100 pixels de hauteur et de largeur qui est la taille standard des avatars sur les forums !

Pour cela:

Menu: Sélection > tous les calques

• Cliquer sur le bouton Recadrer dans la barre d'outils
  
• Cocher la case Taille Fixe puis indiquer 100 dans les cases L: et H:
  
• Sélectionner ensuite la zone à redimensionner qui représentera la taille de votre futur avatar

NB: Si l'image vous semble bien et que vous n'avez pas besoin de la recadrer, vous pouvez toujours redimensionner l'image par le menu Image > Taille de l'image.

Important: L'opération risque de prendre beaucoup de temps, (ne pas frapper son ordi ), patience...

Ca y est, c'est Bon?


Etape assez difficile, tenez-vous bien :)

Nous allons maintenant diminuer le nombre d'images dans l'animation pour plusieurs raisons. Le poids et la La Vitesse. En effet, le poids est important puisque des petites connections doivent pouvoir télécharger votre image. Elle ne doit donc pas dépasser 100ko voir 200ko. Pour la vitesse, vous pouvez vous rendre compte si vous exportez tout de suite votre animation au format gif de cette façon:

Fichier > Enregistrer une copie optimisée sous

• Choisir le format gif

NB: Si le format gif n'apparait pas dans le choix d'enregistrement, c'est que les images n'ont pas été mises dans le bon format. Pour cela, veillez à avoir la fenetre optimisation ouverte et que l'option format soit sur Gif:



Lorsque vous visionnez votre gif, il se peut qu'il soit très lent par rapport à la vidéo que vous aviez à la source. Pour pallier à cela, on peut réduire le nombre d'image. Mais attention pas n'importe comment ! Pour toujours garder une bonne fluidité des mouvements, il faut par exemple supprimer une image sur deux.

Vous tenez enfoncer CTRL et vous cliquer sur la première image de l'animation, sur la 3ème, 5ème, etc jusqu'à ce qu'il n'y en ai plus. Vous cliquez ensuite sur la petite corbeille afin de les effacer.

Ensuite vous exportez de nouveau votre gif afin de voir si la vitesse obtenue maintenant vous convient. Si ce n'est pas le cas, recommencer à supprimer la première image, 3ème, 5ème, 7ème, etc...

Et ainsi de suite !

Pour ma part, je n'ai gardé que 6 images pour mon animations afin d'obtenir une vitesse qui me semblait bonne. Voici ce que cela me donnait:



Et voila pour la vitesse, et le poids en a été réglé par la même occasion, puisqu'avec 6images, mon animation gif ne pèse que 28ko !


Vous pouvez créer plein d'autres effets dont dispose ImageReady, mais pour cela, je vous laisse le découvrir :)

Et voila, Après l'avoir enregistré en tant que copie optimisée, le résultat


Amusant non la petite danse d'un des copains de kamini ^^



Voila, bon divertissement :)

Partagez ce tutoriel avec vos amis !

Votre nom: exemple: Jean M.

Le mail du destinataire: exemple: rene.dupont@mail.com

Ecrivez le mot blanc : Contre le spam