Magazine Blog

Créer un Gif Animé a partir d’une video

Publié le 12 mars 2014 par Franckwylliams @franckwylliams
 


 

… c’est pas si compliqué !

J’adore les Gif, en fait je trouve ça génial et fun, de pouvoir faire un mixe entre la vidéo et la photo et cela facilement sans caméscope..

Pour cette première partie, il sera question de créer un gif animé simplement à l’aide d’une vidéo  (pour créer des images ou des photos animées, il faudra au préalable vous familiariser avec Gimp ou encore PhotoFiltre car la mise en 3D nécessite Gimp)

Pour rappelle le Gif est un format d’image au même tire que le .bmp, le .jpg …. Il peut être animé ou fixe.

Pour créer un gif animé il faudra un minimum de 2 images (c’est assez rare, mais c’est la base et cela dépends de ce que vous voulez réaliser aussi)  que l’on mettra bout à bout pour quelles paraissent animées(on aura la possibilité de faire un seul passage ou de le diffuser en boucle (loop) en continu).

C’est un peu le principe du Praxinoscope, qui était un tambour avec plusieurs images et miroir ou du plus connu folioscope que vous avez dû essayer quand vous étiez gamin.  

En effet qui n’a jamais fait bouger un petit bonhomme en le dessinant de différentes manières sur plusieurs coins de page ! (si vous ne savez pas du tout de quoi je parle c’est très bien expliqué ici  « fabriquer un folioscope » ou encore dans la vidéo ci-dessous.

Par  extension  on peut penser aussi au stop motion  qui se rapproche beaucoup du principe, mais ici c’est souvent de la vidéo et  sur une durée très longue.

En fait ici on va ruser …. Car il y a plusieurs méthodes pour créer un gif animé

La méthode manuelle  où l’on fait la majeure partie du travail à la main et souvent à l’aide d’un logiciel de traitement d’image (pour créer un gif animé très court et ne demandant que peu d’images, on peut faire appelle à un service en ligne)

Une opération qui demandera plus de temps si votre projet n’est pas simple et un certain savoir-faire si cela ne se limite pas un unique changement de posture ou de couleur.

C’est souvent l’utilisation de Gimp jugé très compliqué , qui nous amène à commencer par la méthode la plus simple (on oubliera Photoshop qui est cher et réservé aux pros) qui est de trouver une vidéo pour ensuite capturer un morceau et créer un gif animé … le titre de notre article !

C’est ici cette méthode que nous allons aborder et aussi du système D car pourquoi chercher à faire quelque chose qui existe déjà ? Un petit tuto donc pour vous montrez clairement comment faire .

Pour créer un gif animé, trouver avant tout la vidéo

Rien de plus simple direction Youtube et votre navigateur préféré Torch (lien)

Trouver ensuite une vidéo de bonne qualité

Évitez ceci par exemple =>  https://www.youtube.com/watch?v=enHfzoyLdxM&list=RDenHfzoyLdxM

Qui est de trop mauvaise qualité

On va prendre par exemple la pub d’evian (J’adore !!!) , télécharger là avec torch en cliquant sur Vidéo comme ci-dessous.


<img src="http://www.366jourspour.co/wp-content/uploads/capture-de-la-la-video.jpg" alt="capture de la la video" height="706" class="aligncenter size-full wp-image-12938" width="800">

Visionnage de la vidéo

Ensuite on visionne la vidéo pour trouver un morceau qui nous intéresse.

Soit on l’ouvre à partie de la page de la page Youtube ouverte (en bas à gauche du navigateur), clic droit (1), clic sur « Afficher dans le dossier » (2) (on évitera de faire directement « ouvrir «  qui fait parfait planté VLC). Une fois sur la page de téléchargement ouverte faire un clic droit sur le dossier sélectionné (3) et faire « Lire avec VLC »(4) (au besoin installer VLC Lien) noter bien où est situé votre vidéo, car vous avez besoin de l’indiquer ensuite !

<img src="http://www.366jourspour.co/wp-content/uploads/traiter-la-video.jpg" alt="traiter la video" height="800" class="aligncenter size-full wp-image-12939" width="800">

Si vous avez fermé la page de Youtube , cliquez sur l’ Onglet personnaliser et contrôler Torch/ Zone Téléchargement ( les 3 traits horizontaux en haut à droite sur la page du navigateur Torch) puis cliquez sur Téléchargement  ce sont ensuite les mêmes opérations qu’en 3 et 4  .

Sélectionner le morceau qui vous plait

Dans le cas présent le morceau qui dure de la 14éme à la 16éme seconde semble bien !

Installer Qgifer pour couper la vidéo

Rendez-vous sur le site se sourceforge  télécharger et installer le logiciel

<img src="http://www.366jourspour.co/wp-content/uploads/qgifer.jpg" alt="qgifer" height="323" class="aligncenter size-full wp-image-12940" width="721">

De la même manière que pour la vidéo on exécutera l’exécutable du logiciel en double cliquant dessus dès qu’il sera fini pour l’installer (sur l’icône en bas à gauche du navigateur appelé QGifer  N° de version –Setup.exe).

Acceptez l’installation par OK.

Choississez la langue ‘France ».

Faite oK.

OUI

Ensuite 3 fois suivant, conserver les cases cochées sauf si vous voulez faire autrement

Puis terminer.

Couper la vidéo

Comme l’indique l’écran qui s’ouvre faites CTRL+Shift+V pour ouvrir une vidéo.(shift=Majuscule)


<img src="http://www.366jourspour.co/wp-content/uploads/ouvrir-une-videopour-creer-un-gif-anime.jpg" alt="ouvrir-une-video-pour-creer-un-gif-anime" height="230" class="aligncenter size-full wp-image-12941" width="500">

Une nouvelle fenêtre s’ouvre, indiquez la vidéo à ouvrir (celle pour laquelle vous deviez noter l’emplacement)

Derterminer le début et la fin

Regarder cette vidéo pour comprendre le fonctionnement du logiciel  

Voilà cela donne ceci qui est assez lourd en raison de la fluidité de l’image que l’on veut conserver.


<img src="http://www.366jourspour.co/wp-content/uploads/Pub-evian-2013.gif" alt="Pub-evian-2013" height="222" class="aligncenter size-full wp-image-12933" width="300">

Si vous deviez mettre un tel gif animé, préférez le mettre en fin de page car il aura le temps de se charger .

Le prochain épisode  » créer un gif animé en manuel « 

Amicalement

franckwylliams


<img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0">


Retour à La Une de Logo Paperblog

A propos de l’auteur


Franckwylliams 352 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte

Magazines