Créer des gifs à partir d’une webcam et en ligne

Voilà une activité tout à fait primordiale dans la vie numérique: la création d’un gif à partir d’une webcam. Ce n’est pas une pratique quotidienne, mais ça peut toujours servir, aux moins pour animer un blogue!  L’objectif de ma recherche est de sélectionner uniquement des services qui permettent de prendre des gifs directement à partir de la webcam de l’ ordinateur, rien de plus. Pour d’autres services, rendez-vous sur les sites creation de gif animes en ligne ou encore vous pouvez surfer sur la rubrique tag/gif de ce blogue.

 Gifpal.com

Prendre 24 photos d’un seul coup en rafale: c’est ce qu’offre ce service en ligne. C’est bien 24 photos, mais le résultat est un peu lourd et il excède souvent plus de 1 Mega. Pour rappel, 1 Mega Octet : c’ est le poids maximal autorisé sur le site tumblr.  En plus de la prise de vue, il est possible d’écrire et dessiner sur la photo. Au lieu de prendre 24 photos en rafale, il est aussi possible de prendre les photos une par une. Le réglage de la vitesse de sortie du gif, permet de faire des gifs en ralenti (slowmotion) ou en accéléré (timelapse).  Pour la partir 24 photos en rafale, il est possible d’éliminer certaines photos pour soulager le poids du résultat.  Dernièrement, le site a ajouté des effets webcam pour distordre la photo ou ajouter un effet de type « instagram ».

Voilà trois résultats obtenus lors du test.

On pourrait s’arrêter là dans la sélection tant le site gifpal est complet.

Makeagif.com

Le site makeagif est sobre. Deux options ::  faire plusieurs photos ou se prendre en vidéo. Après avoir créé un compte, vous pourrez garder le résultat sur le site ou le télécharger sur votre pc.

Notez que sur ce site, il n’y a pas de logo, ce qui est un plus.

Voici le résultat obtenu à via l’option vidéo.

Gifup.com

Choisir l’option « capture photo with webcam » prendre jusqu’à 9 photos pour créer votre image. Optionnellement appliquer différents effets sur chaque photo.  Vous pouvez même y ajouter du texte.  Pour ajouter les effets, il faut appuyer sur les deux petites roues crantée en bleu.  Une fois que le montage est terminé, appuyer sur  » Let’s see what you get » et ensuite appuyez sur « save » puis sur l’option  » Save gif animation to your computer »

Après quelques essais, voilà 4 résultats. Notez que si vous voulez créer plus de neuf photos, il faudra nettoyer le cache de votre navigateur pour effacer les cookies.

 Toolson.net/WebcamAvatar/Create

Prenez les photos une par une, régler optionnellement le nom,  la grandeur du gif, et la vitesse du défilement, choisir un cadre ou un coeur ou rien du tout. Les options effets webcam semblent être plus dirigées pour les filles.

Ggrafme.com montage-gif

Avec ce site, on ne prend qu’une photo et on applique un effet sur la photo. (clignotement, contour, gravure, gris, mosaïque, miroir, négatif ..). Pour le test, j’ai choisi l’option « couleur ».  Notez que le site est un peu lent pour télécharger l’applicatif qui va prendre la photo.

Gifyourface.com

Si vous voulez réaliser un petit gif rapide de la taille d’environ 50×50 c’est ce site qu’il faudra utiliser. C’est rapide et on vous livre un lien url pour chaque gif réalisé. Bien sûr, vous pouvez sauvegarder vos œuvres sur votre pc en cliquant sur la gif. Le lien du gif sera automatiquement mis en mémoire dans votre presse-papier. (le poids du gif est d’environ 500ko, il est donc compatible avec tumblr).

Conclusion :

Chacun de ces sites a sa particularité Makeagif.com serait le créateur de gif  qui me convient le mieux, car il n’y a pas de logos et que l’option vidéo est un plus.

Quelques précautions pour la fabrication des gifs

  • Une image gif est lourde : pour alléger une image gif, réduire sa taille et le nombre d’images que contient le gif
  • Tumblr limite les gifs à 1 mega, ce qui est peu. Les gif supérieurs à 1 Mega sur tumblr restent figés. Certains gif sur tumblr ne passent pas du tout (même avec un poid inférieur à 1 Mo.
  • Si vous hébergez des gifs sur votre serveur (en tant que blogueur), vous allez ralentir le chargement. Hébergez plutôt vos gif sur tumblr (par exemple).
  • N’abusez pas des gif sur votre blogue, c’est ringard sauf pour faire des tutoriels comme dans ce blogue.

 

Créer un gif animé d’un extrait youtube avec le lecteur html5 de chrome

Pour créer un gif animé à partir d’une vidéo, il y a plusieurs solutions disponibles sur le net, j’avais essayé gifsoup.com il y a quelques années (2009) et ça marche toujours. Pourquoi pas aussi utiliser des solutions avec des logiciels de screencast comme gifcam ou encore licecap. Il aussi possible de télécharger la vidéo youtube avec tubebox puis de passer la vidéo pas un éditeur vidéo, sélectionner une scène à passer ensuite en gif (cette solution est lourde). Il y aussi la superbe solution instagiffer spécialisée dans la transformation gif avec option youtube. C’est d’ailleurs cette dernière solution que je préfère. Aujourd’hui, je teste une extension chrome qui permet de faire de la conversion youtube en ligne:  makegif video capture

Cette extension permet de capturer un extrait vidéo à partir du lecteur html5 youtube. Pour cela il faudra déjà activer l’option html5 du lecteur youtube en allant sur la page http://www.youtube.com/html5 et cliquer sur « participer à l’essai HTML5« , ensuite, il suffira de se rendre sur youtube, sélectionner une vidéo et lancer l’applicatif « makegif video capture ». L’animation gif suivante expliqué en image, comment la capture s’opère.  Rien de très compliqué en fait.

Pour prendre en main l’outil, il faudra bien régler la section « Capture setting » avant de lancer l’opération de capture gif. Agir sur la qualité de l’image (Quality) avec trois niveaux de qualité (Low, Medium, High), la taille du gif (de 50  à 448 pixels), Le nombre d’images par seconde (FPS) de une à 30 images par seconde. Il est aussi possible de fixer le nombre d’images (frame) max de 10 à 1000 frames.  Une fois les paramètres réglés, il suffit d’appuyer sur start. Pendant la capture, il est possible d’appuyer sur « Pause » et une fois que la capture est terminé, il faudra appuyer sur « Done ».

Vous pourrez ajouter une légende à la vidéo (attention à la taille de la capture) pour cela : cliquer sur « Add Text ». Il est aussi possible de sélectionner l’option « Reverse » pour passer le gif à l’envers. Il est aussi possible de supprimer une image ou plusieurs images du gif en cliquant sur la croix rouge. Il ne restera plus qu’à cliquer sur « Generate gif » pour créer le gif.

Dernière étape, le téléchargement, ou le partage, pour le partage, vous serez redirigé vers les makegif

Et voilà le résultat final

 N’oubliez pas !

  • Une image gif est souvent très lourde, 
  • Tumblr limite la taille de gif à 1 Mo. Ce qui est déjà bien.
  • Le poid d’une image est proportionnel au carré de la taille l’image.
  • N’abusez pas trop des gifs.
  • Soyez créatifs dans vos gifs.

makegif video capture

Créer un Gif animé avec la souris intégrée

Il existe pas mal de petits logiciels qui permettent de faire des enregistrements d’écran qu’on appelle screencast. Ça va du logiciel professionnel du type Camtasia, au plus simple comme Gifcam sans oublier le logiciel photoscape dont j’ai fait un tuto gif récemment. Il existe aussi des solutions en ligne comme screenr. Toutes les solutions sont bonnes, mais en fonction des besoins, il faudra choisir tel logiciel plutôt qu’un autre.

Le cahier des charges :

  • Pouvoir faire une copie d’écran animée très courte.
  • Que le format de sortie soit en GIF.
  • Pas besoin de son (d’où le format GIF).
  • Pouvoir faire une pause avec un raccourci de touche.
  • Il faut que le curseur de la souris  qui soit visible sur l’animation.
  • Que le fichier résultant soit le moins lourd possible.

La solution  licecap

Et voilà donc la démonstration faite pour ce billet. J’ai simplement sélectionnée une à une les lignes du cahier des charges plus haut.

Pouvoir faire une copie d'écran animée très courte. Que le format de sortie soit en GIF. Pas besoin de son (d'où le format GIF).  Pouvoir faire une pause avec un raccourci de touche.  Il faut que le curseur de la souris  qui soit visible sur l'animation. Que le fichier résultant soit le moins lourd possible.

Prise en main 

Il faudra un petit temps d’adaptation pour utiliser ce logiciel, mais après 10 bonnes minutes de tâtonnement, on est opérationnel.

  • Quand on lance le logiciel et qu’on appuie sur la touche « record », ça n’enregistre pas tout de suite.  Il faut déjà créer un fichier avant même d’enregistrer. Normalement on est habitué à faire le contraire.

  • Une fois que le fichier est enregistré, vous avez 3 secondes pour vous préparer. Vous pouvez voir ça dans la fenêtre de capture « Preroll » qui est un compte-à-rebours

  • Deux fonctions pendant la création du screen cast. 
    • la pause (1) qui permet de s’arrêter de filmer pour rependre ensuite dans le même screencast.
    • L’arrêt (stop)(2) qui termine l’enregistrement.

  • Insertion d’un texte (bof). Si vous appuyez sur Pause, vous pourrez éventuellement insérer un texte, mais ce n’est franchement pas terrible. 

Voilà j’en ai fini avec ce petit tutoriel.

Quelques conseils  

  • Ce logiciel est fait pour faire des gifs animé de textes. Si vous filmer votre webcam, par exemple, le fichier risque d’être énorme. 
  • Ne faites pas de séquence trop longues. Même si le logiciel compresse bien le gif, on peut tout de même avoir des tailles de fichiers conséquentes.

Conclusion: un outil qui manquait à ma collection. Il va surement remplacer Gifcam et marcher sur les plates-bandes de photoscape.  Un outil idéal pour créer des modes d’emploi et illustrer ce blogue.

Si vous avez d’autres suggestions de logiciel, n’hésitez pas à faire un commentaire.

Téléchargez le logiciel via la page http://www.cockos.com/licecap/

Pin It on Pinterest