Comment faire un GIF animé à partir d'une vidéo avec photoshop
Les GIF — acronyme de Graphics Interchange Format — ont été mis de côté pendant plus de 10 ans. Jugés vieillots, parfois agressifs et sans vraie valeur ajoutée, ils reviennent aujourd'hui en force notamment parce qu'ils permettent d'animer une idée pour la rendre directement compréhensible. Ils ont par ailleurs été remis à la mode par les réseaux sociaux Facebook et Twitter qui autorisent leur lecture automatiquement. Découvrez tous nos tutoriels sur la création graphique.
Qu'est-ce qu'un GIF animé ?
Le GIF d'abord est un format d'image tout comme les formats JPEG et PNG. Il est très apprécié sur le Web car il bénéficie des avantages suivants :
- il permet d'optimiser le nombre de couleurs. Il embarque uniquement le nombre de couleurs nécéssaire dans la limite de 256
- les fichiers sont très légers (quelques Ko seulement)
- il est 100% compatible avec tous les appareils, tous les écrans, toutes les technologies anciennes et modernes contrairement au flash qui nécessite un lecteur
- contrairement au format JPEG, le GIF n'est pas compressé. Les images qui ont peu de couleurs sont donc de très bonne qualité pour une taille minimale
- il supporte des séquences d'images pour créer des animations
- contrairement à une vidéo, il est possible d'attribuer une description avec la balise ALT ainsi qu'un titre avec la balise TITLE quand celle-ci est mise dans une page Web. Cela améliorera le référencement naturel
Les GIF viennent aussi avec quelques inconvénients. Il faut donc choisir le format d'image en fonction de son besoin :
- il ne supporte que 256 couleurs ce qui est trop peu pour une photo mais bien assez pour un bouton ou un dessin simpliste
- la création d'un GIF animé nécessite une bonne optimisation de la taille de l'image, des couleurs et des séquences. La partie suivante montre que ce n'est pas très compliquée mais cela nécessite tout de même une bonne maîtrise graphique.
Quelles sont les applications possibles avec un GIF animé ?
Dans le domaine marketing, les GIF animés sont particulièrement adaptés aux applications suivantes :
- Bannières publicitaires car le nombre de couleurs est souvent très inférieur à 256 couleurs. La qualité visuelle est donc excellente et le poids très anecdotique
- CTA (call to action) : Les GIF permettent de créer des boutons d'action plus graphiques et donc plus attractifs.
- Visuels graphiques dans les emailing et les newsletters
- Screenscast simplifiés pour démontrer une fonctionnalité d'un logiciel par exemple
Les GIF animés sont aujourd'hui très largement utilisés sur les réseaux sociaux car ils captent l'attention plus facilement qu'avec une simple image. Attention en revanche à la qualité de votre GIF : il doit être simple avec un mouvement lent qui n'agresse pas votre audience. Prenez également en compte le fait qu'il sera visualisé en boucle. Le retour à la première séquence doit être doux.
Création d'un GIF animé avec Photoshop à partir d'une vidéo
Rien de plus simple que de créer un GIF animé à partir d'une vidéo située sur votre ordinateur. Suivez les étapes ci-après :
- Ouvrez Photoshop
- Cliquez sur Fichier > Importer > Vidéo vers calque > Sélectionnez votre vidéo
- Réduisez la taille de votre GIF dans Image > Taille de l'image. Il est possible que vous ayez une erreur lors de l'enregistrement si votre GIF animé excède 500px de large
- Cliquez sur Fichier > Enregistrer pour le Web et sélectionnez le format GIF. Réglez le nombre de couleurs pour obtenir le meilleur rendu.
- Cliquez enfin sur Enregistrer pour sauver votre GIF animé.
Véritable élément de la culture d'internet, il est possible également de créer un GIF animé à partir de l'assemblage de plusieurs photos, voire même de votre smartphone. Si vous souhaitez que l'on vous explique comment faire, n'hésitez pas à faire un commentaire à cet article pour nous le faire savoir. Ce média de communication est très prisé aujourd'hui par les marques et fait partie des formats d'images les plus partagés sur le web. Qu'attendez-vous pour tester ?