Aller au menu - Aller au contenu

[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)
Avatar
Auteur : Mobman02
Note : 20 / 20 (2 votes)
Visualisations : 17 647

Plus d'informations Plus d'informations
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 :

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 :D
Sommaire du chapitre :
Icône du chapitre

Importer l'extrait vidéo

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 :

Image utilisateur

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.

Image utilisateur

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" :)

Modifier votre gif

Vous voilà donc maintenant dans l'interface d'ImageReady. Vous devriez voir ces fenêtres :

Image utilisateur

Une petite explication s'impose :p


Si vous ne voyez pas une ou plusieurs de ces fenêtres, rendez-vous dans l'onglet "Affichage" de la barre des menus et cliquez sur les fenêtres manquantes ! :)


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 :

Image utilisateur

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 Image utilisateur. Puis, dans la zone de travail, sélectionnez votre cadre :

Image utilisateur

Cliquez enfin sur Image utilisateur 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 ;)

Image utilisateur

Puis, comme sous Photoshop, munissez vous de l'outil texte Image utilisateur, saisissez le et validez.

Il se peut que rien n'apparaisse... o_O N'ayez pas peur, dans la plupart des cas c'est parce que le calque de texte est le dernier (le plus en bas) dans la palette des calques. Il faut le remonter tout en haut ;) .


Exporter le gif !

:p 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... !

Image utilisateur

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 :

Image utilisateur

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).
Retour en haut Retour en haut


Créé : le 12/02/2006 à 13:36:13
Modifié : le 22/08/2008 à 16:09:16
Avancement : 100%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 212 Zéros connectés | Requêtes SQL 9 requêtes | Temps de génération de la page : Total (SQL) 0.0423s (0.0325s)