Comment créer un GIF animé

Simplissime : comment créer un GIF en 6 étapes !

Mis à jour le 12/01/2021 | Publié le 08/06/2016 | 0 commentaires

Article rédigé avec ❤️ par La Webeuse
🤯 Besoin d’aide ? Réservez votre séance de coaching WordPress en visio ici ! 🤩

Qui a dit que les GIF étaient ringards ? Au contraire, un GIF animé peut sauver l’article d’un blogueur, égayer un site web ou même amuser vos followers sur vos réseaux sociaux

Comment créer un GIF animé ?

Qu’est-ce qu’un GIF ?

Par définition un GIF signifie « Graphic Interchange Format » et est courament utilisé pour le web (oui, puisque sur papier, il n’aurait aucun intérêt). C’est le mi-chemin entre une photo et une vidéo puisqu’il met en scène une succession de plusieurs images ou plusieurs photos afin de réaliser une sorte de petit « stop-motion ».

  • Avantages : ils sont généralement très légers (en Ko bien sûr) et ils s’animent tout seuls sans avoir à cliquer sur « play »
  • Inconvénient : le rendu est un peu pixélisé, de moins bonne qualité qu’une vidéo (c’est normal puisqu’ils sont très légers !)…

 

Comment créer son propre GIF ?

Si vous n’avez encore jamais essayé, c’est très simple et nous allons voir ensemble comment procéder. Seulement 6 étapes suffisent :

  1. Créez vos images ou sélectionnez une série de photos cohérentes, c’est-à-dire une série de photo prises à la façon d’un stop-motion ou prises avec le mode « rafale » de votre appareil. Pour ce tuto, j’ai créé une série d’images sous le logiciel Affinity Designer (logiciel que j’affectionne beaucoup et qui s’apparente à Illustrator), voir en captures d’écran :
    Créez vos images dans un logiciel spécialisé

    Créez vos images ou sélectionnez une série de photos

     

    Exportez vos images

    Exportez vos images calque par calque

     

    Utilisez une série de plusieurs images

    Utilisez autant d’images que vous avez besoin. 3 étant le minimum à mon avis…

     

  2. Téléchargez GIF Fun et ouvrez-le :
    Gif Fun

    Téléchargez et ouvrez GIF Fun

    Pour information, je conseille fortement GIF Fun, non pas parce que j’ai des actions chez eux LOL, mais parce que après avoir essayer 4 ou 5 autres logiciels, ce dernier est le plus facile à utiliser et surtout il donne le meilleur rendu (certains autres faisaient des GIF de qualité pitoyable mais je ne les citerais pas ici, ce n’est pas le but de ce billet). Attention, pas mal de logiciel de GIF portent le nom de GIF Fun, c’est pour cela que je vous ai mis l’image de l’App sur la capture d’écran ci-dessus.

    Vous pouvez télécharger GIF Fun dans l’iTunes Store ici.

  3. Cliquez sur Add Photos et sélectionnez vos images que vous avez soigneusement préparées en amont :
    Importez les photos

    Importez toutes vos photos

     

    Sélectionnez vos images

    Une fenêtre s’ouvre, sélectionnez vos images

     

  4. Réglez la taille des images, la vitesse du GIF et le nombre de loop (nombre de fois que votre GIF recommencera, laisser « 0 » si vous désirez qu’il tourne en boucle) :
    Taille du GIF

    Choisissez la taille de votre GIF

     

    Vitesse et loop

    Choisissez la vitesse et la loop

     

  5. Enregistrez votre GIF et exportez-le :
    Sauvegarder le GIF

    Sauvegardez et exportez votre GIF

     

  6. Vérifiez votre GIF dans un navigateur… Bingo !
    Vérifier le GIF

    Vérifiez votre GIF dans un navigateur

 

Vous voyez, c’est tout simple ! Le plus difficile est certainement de créer les visuels… Alors, vous vous jetez à l’eau ?

Voici un GIF que je viens de créer à partir d’illustrations utilisées pour une série d’ebooks interactifs pour enfants que vous pourrez trouvez sur l’iBooks Store. Pour information, ce GIF est composé de 26 images et la vitesse a été réglée à 150.

Craspouille est le héro d'une série d'ebooks ludo-éducatifs disponibles sur l'ibooks store

Craspouille est le héro d’une série d’ebooks ludo-éducatifs disponibles sur l’ibooks store

guide wp sidebar
formation wordpress sidebar
formation affinity bouton
toutes les formations
livre wordpress sidebar
astuces pour divi
newsletter sidebar
coaching visio
Cet article a été écrit par La Webeuse
J'accompagne les entrepreneurs et les entreprises dans la construction de leur visibilité sur le Web. De formation initiale dans la restauration de luxe, je me prends de passion pour le WebDesign et WordPress à partir de 2012. Aujourd’hui, vous trouvez mon livre "Je crée mon site avec WordPress" (Éditions Eyrolles) dans les librairies et vous bénéficiez de mes astuces publiées sur mes blogs La Webeuse et Astuces Divi. Mes formations en ligne, en visio ou hybrides vous permettent d'apprendre plus vite pour aller encore plus loin.

Encore un peu de lecture ?

Publiez en automatique sur WordPress depuis Airtable

Publiez en automatique sur WordPress depuis Airtable

Qui a dit que les outils No-Code et WordPress ne pouvaient pas être de fabuleux compagnons ? Dans cet article, je vous montre comment publier automatiquement sur WordPress depuis une base de données Airtable, à l'aide d'une extension nommée Air WP Sync... C'est parti...

Créez facilement vos propres QR Codes avec Unitag

Créez facilement vos propres QR Codes avec Unitag

Les QR Codes sont certainement vos meilleurs alliés pour optimiser les liaisons entre votre communication physique et vos pages Web. N'importe quelle page de votre site Web peut alors se retrouver dans la poche de votre prospect... Dans cet article, je vous explique...

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Webeuse