[Plan du site]
Vous êtes ici ---
> Le Site du Zéro
> Les tutoriels
> Non-Officiels
> Graphisme
> Image Ready
> Créer un gif animé à partir d'une vidéo
> Lecture du tutoriel
Créer un gif animé à partir d'une vidéo
Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Voici un bref tutoriel pour vous apprendre à créer vos propres GIF animés à partir d'une vidéo (Format
Quicktime : .mov par exemple).
Vous verrez, c'est très simple.
Pour commencer il faudra vous munir :
- Du logiciel Adobe ImageReady, il s'installe normalement avec son copain Adobe Photoshop (dont nous n'aurons pas besoin).
Sachez qu'une version assez récente sera tout de même nécessaire.
- Une vidéo au format Quicktime (vous pouvez en télécharger gratuitement ici par exemple)
Une grande connaissance d'
Image Ready ne sera pas nécessaire, je vais y allez doucement et tout vous expliquer de A à Z
Vous êtes prêt ? Alors c'est parti, on y va
Commencez donc par ouvrir votre logiciel
Adobe ImageReady (

logique

),
faite
Fichier puis
Ouvrir (ou le raccourci
CTRL+O), une fenêtre de dialogue s'ouvre :
sélectionnez y votre vidéo au format Quicktime !
Vous devriez vous retrouver avec ça :
C'est ici que tout se décide, vous devez sélectionner une courte séquence de votre vidéo.
Vous avez le choix, soit vous prenez toute la vidéo (du début à la fin), soit vous sélectionnez une plage (= un petit morceau (
fortement conseillé)).
Pour ce faire, choisissez l'option "
Plage sélectionnée seule".
Vous avez maintenant le contrôle du curseur de la vidéo. Avec le clic gauche, rendez vous directement à l'endroit du début de votre séquence.
Une fois bien calé au bon endroit, enfoncez la touche MAJ de votre clavier, et toujours avec le clic gauche sur le curseur de la vidéo, rendez vous à la fin de votre séquence.
Si vous n'arrivez pas à vous caler pile poil à l'instant précis que vous souhaitez, ce n'est pas grave, vous pourrez ajuster ceci plus tard.
La troisième option est très pratique pour l'optimisation de votre gif, tout particulièrement si il est destiné au Web.
Cochez donc la case "Limite à chaque" et sélectionnez à quelle fréquence certaines images seront "sautées".
Par exemple si vous choisissez "2e Image", seule une image sur deux de votre vidéo sera inclue au gif, il sera donc moins fluide mais surtout beaucoup moins lourd.
Cette option est vivement recommandée !
Maintenant c'est bon, allez y, cliquez sur "
Ok"
Vous voilà donc maintenant dans l'interface d'
ImageReady. Vous devriez voir ces fenêtres :
Une petite explication s'impose
- En bas : C'est ce que j'appelle la file des images, c'est ici que sont rangées toutes les images qui forment l'animation. Si vous cliquez sur "Play" (La flèche vers la droite) vous verrez alors défiler toutes les images de l'animation.
Vous pouvez en supprimer, en ajouter, changer leurs temps d'apparition...
- A droite : La palette des calques, similaire à celle de Photoshop. C'est ici que vous pourrez par exemple appliquer des styles de calque sur certaines images.
- En haut à gauche : C'est votre gif, dans son état actuel et c'est ici que vous pouvez travailler directement sur l'image, comme dans Photoshop.
J'ai des images en trop
Vous avez eu un peu de mal à bien sélectionner le début et la fin de votre gif ? Voyons comment supprimer les images indésirables !
Dans la file des images, sélectionnez toutes vos images en trop (pour en sélectionner plusieurs il faut maintenir la touche CTRL enfoncée), et cliquez ensuite sur la poubelle, comme ceci :
Je voudrais recadrer et réduire l'image
Comme dans Photoshop, vous aurez besoin de deux outils.
Pour
recadrer, allez dans la boite à outil et cliquez sur

. Puis, dans la zone de travail, sélectionnez votre cadre :
Cliquez enfin sur

en haut à droite.
Tout votre gif sera ainsi recadré.
Pour réduire la taille du gif, rien de plus simple, allez dans
Image puis
Taille de l'image et entrez la taille que vous voulez.
Je voudrais ajouter un texte
Commencez par sélectionner toutes les images sur lesquelles vous souhaitez faire apparaître le texte. Petite astuce tout de même, dans le menu contextuelle de la file des images, il y a une option pour sélectionner toutes les images d'un coup
Puis, comme sous Photoshop, munissez vous de l'outil texte

, saisissez le et validez.

Voilà on y est, vous êtes fier/fière de votre travail, vous avez réduit, optimisé et modifié votre extrait vidéo, il est donc grand temps de l'enregistrer !
Allez dans
Fichier puis
Enregistrer une copie optimisée sous... !
Choisissez votre répertoire et cliquez sur
Enregistrer, et c'est tout !
Il n'y a pas de phase de choix de la qualité, c'est pour cela qu'il est très important d'optimiser au maximum son gif dès le début
Voilà vous avez terminé, vous devriez donc avoir quelque chose de ce genre :
Mon gif pèse 226ko, c'est gros pour un tout petit gif n'est-ce pas ?
Si je ne l'avais pas optimisé avec l'option "Limite à chaque 2e Image" au début, il aurait pesé le double !
Sachez enfin que tout est possible, des transitions, ralentir l'affichage, mettre une image fixe avant, après ou au milieu de la séquence, toutes sortes d'animations et d'effets, mais qu'ils ne rentrent pas dans le cadre de ce tutoriel.

C'est déjà fini ! Vous pouvez maintenant vous faire des petits extrait en gif de vos vidéos favorites !
Attention tout de même, je tiens à vous mettre en garde. Un Gif animé trop gros, c'est très gênant pour les gens qui devront l'afficher ! (tout le monde ne posséde pas l'ADSL.)
Pour optimiser un gif, vous pouvez par exemple supprimer une image sur deux dans la file d'animation, réduire la taille (Image/Taille de l'image...) ou la recadrer (avec l'outil recadrage (C))
Évitez donc au maximum les gifs de plus de 300ko (ce n'est qu'une taille à titre indicatif).