Mon membership sera bientôt disponible. Clique ici pour rejoindre la liste d’attente

Les inscriptions pour ma formation « Illustration, l’Atelier » seront bientôt ouvertes !

GRANDE NOUVELLE,
j’ai créé un membership !

Rejoignez la liste d’attente pour en savoir plus et recevoir une notification le jour de son ouverture !

GRANDE NOUVELLE,
« Illustration, l’atelier »
rouvre bientôt ses portes!

Jours
Heures
Minutes
Secondes

Les portes d' »Illustration,  l’Atelier » referment bientôt !

« Illustration, l’atelier » va commencer sans toi !!!

GRANDE NOUVELLE, les inscriptions pour « Illustration, l’atelier » sont enfin ouvertes !!!

Rejoignez-moi ce vendredi à 13h00 pour me poser vos questions en direct

GRANDE NOUVELLE, les inscriptions pour « Illustration, l’atelier » sont enfin ouvertes !!!

Jours
Heures
Minutes
Secondes

Les portes d’Illustration, l’atelier se referment bientôt !

Jours
Heures
Minutes
Secondes

« Illustration, l’atelier » va
commencer sans toi !!!

Jours
Heures
Minutes
Secondes

Vous réfléchissez à rejoindre « Illustration, l’Atelier » ?
Rejoignez-moi ce vendredi à 13h00 pour me poser vos questions en direct

FREE MASTERCLASSE : LES 3 ERREURS QUI T’EMPÊCHENT
DE PERCER DANS L’ILLUSTRATION

FREE MASTERCLASSE : LES 3 ERREURS QUI T’EMPÊCHENT DE PERCER DANS L’ILLUSTRATION

Comment poster un « Gif animé » sur Instagram ?

Vous avez sûrement dû voir sur Instagram ces mini vidéos qui ressemblent à un gif animé et vous vous demandez comment sont fabriqués ces films courts ? Ces jours-ci j’ai reçu plusieurs questions concernant mes petites animations postées sur mon compte et je me suis dit qu’un petit tutoriel pourrait vous intéresser.

Pourquoi poster des gifs animés ?
1 –  Parce qu’ils sont ludiques : tout le monde aiment les gifs animés !
2 –  Parce qu’ils attirent l’attention ! Si vous avez un message à faire passer, promo ou autre, une image animée vous permettra d’être plus visible
3 –  Pour les paillettes : à l’approche des fêtes, montrez votre esprit de noël en postant des contenus dorés ou pailletés qui brillent !
4 – Parce que les vidéos sont dans l’air du temps ! Entre les stories sur Instagram, Snapchat et TikTok, les utilisateurs ont pris l’habitude des petites vidéos.

Dans ce tutoriel, je vais vous montrer comment créer rapidement une animation en boucle dans Photoshop et l’exporter pour pouvoir ensuite la poster sur votre compte Instagram.

Étape 1/3 : Créer votre gif dans photoshop

Commencer par créer un fichier de 640 x 640 pixels puis placer votre fond avec une image de votre choix qui restera fixe. Ensuite, placez les différentes images-clés de vos éléments à animer sur des calques séparés comme sur l’image ci-dessous.

Exemple :
Dans l’exemple ci-dessous, j’ai décidé d’animer la neige en 3 images-clés. J’ai donc créé 3 images de neige différentes sur des calques séparés.

L’animation des différents éléments se fait ensuite dans le panneau de montage. Dans le logiciel, celui-ci n’est pas ouvert par défaut. Pour l’ouvrir, cliquez sur Fenêtre > Montage. Dans le petit menu déroulant, choisissez créer une animation d’image.

Ce panneau montage est en fait un tableau chronologique représentant les différentes images-clés de vos éléments, animés à des moments différents. C’est la succession de ces images-clés mises bout à bout qui créeront votre animation.

Sur une image-clé, vous pouvez choisir d’afficher un calque puis le cacher sur l’image-clé suivante. Il y a plein d’autres paramètres sur lesquels vous pouvez jouer que je ne vais pas développer ici, je vous laisse les découvrir, mais les possibilités sont immenses.

Pour mon exemple d’animation, à l’image-clé 1, j’affiche le calque « NEIGE 1 ». Dans le petit panneau déroulant juste en dessous de mon image-clé dans le panneau de montage, je choisi une durée de 0,5 seconde. Puis je créé une seconde image-clé en cliquant sur l’icône de nouveau calque juste en dessous. Dans cette seconde image-clé, je cache le calque « NEIGE 1 » et j’affiche le calque « NEIGE 2 », puis enfin, dans la 3ème image-clé, j’affiche le calque « NEIGE 3 » et je cache le calque « NEIGE 2 » Et voilà c’est terminé, mon animation est déjà créée ! Pour cet exemple, mon animation est très simple, mais libre à vous d’en créer une qui soit plus complexe.

Note : Sur votre fil d’actualité Instagram, vous avez la possibilité de partager des vidéos d’une minute maximum.

Étape 2/3 : Exporter sa vidéo en Mp4

Une fois votre animation créée, il ne vous reste plus qu’à l’exporter en .mp4 au format H.264 afin de pouvoir la poster par la suite dans votre feed Instagram.

Pour cela dans Photoshop faites : Fichier > Exporter > Rendus vidéos…

Choisissez l’emplacement que vous voulez puis en dessous, sélectionnez « Adobe Media Encoder » et le format H.264. C’est très important car c’est le seul format qui est pris en charge par Instagram. Cochez ensuite la case « Utiliser la qualité supérieure » puis cliquez sur « Exporter ».
Votre vidéo est prête à poster !

 

Étape 3/3 : Poster sa vidéo sur Instagram

Une fois que vous avez récupéré et enregistré votre vidéo, vous pouvez la poster comme une image en cliquant sur l’icône + en bas sur l’interface d’Instagram. Entrez votre légende et cliquez sur Publier !

J’espère que ce petit tuto vous aura plu, n’hésitez pas à me poser vos questions si vous en avez et partagez vos vidéos avec le hashtag #elodievideos. J’adorerais découvrir vos petites créations ! 😉

Laissez un commentaire

The Comments

  • Avatar
    charlotte
    1 février 2017

    super ton tuto!! sais tu pourquoi les temps de délai de chacune de mes images ont été supprimé dans première? il a tout égalisé…

    • Avatar
      elodie_2016
      > charlotte
      1 février 2017

      Merci ! C’est curieux, et dans ton gif de base les délais sont corrects ?

      • Avatar
        charlotte
        > elodie_2016
        1 février 2017

        oui, j’ai réglé les délais image par image et le .gif fonctionne à merveille… mais le fichier première a comme annulé ces délais…

        • Avatar
          elodie_2016
          > charlotte
          6 février 2017

          Re-bonjour Charlotte, désolée je ne vois que maintenant ton commentaire. Je pense que tu devrais aller voir du côté des réglages dans Premiere. Est-ce que quand tu lis la lecture dans le logiciel le problème se pose également ? Ou c’est uniquement dans ton fichier vidéo ? C’est assez difficile de t’aider à distance, si tu veux tu peux me faire une capture écran de tes paramètres dans Première ?

  • Avatar
    Gaelle
    15 février 2017

    Ah merci merci ! J’ai découvert Instagram sur le tard. Maintenant j’aime beaucoup et je voulais justement faire des gifs. Ce n’est pas simple !! 🙂 Dis moi aurais-tu un lien à me donner qui explique comment créer un gif (à mettre sur Insta aussi) mais avec plusieurs photos à la suite (et non pas des rajouts sur la même photo)

    • Avatar
      elodie_2016
      > Gaelle
      15 février 2017

      Bonjour Gaelle ! Oui merci beaucoup pour ta commande je m’en occupe rapidement ! 🙂 Concernant ta question, si tu veux faire défiler des images, ma méthode fonctionne aussi. Il suffit qyue tu fasses apparaître les images les unes à la suite des autres tout simplement 🙂

      • Avatar
        Gaelle
        > elodie_2016
        16 février 2017

        Bon… Je vais tester ça ! Merci beaucoup 🙂

  • Avatar
    Gaelle
    15 février 2017

    En fait je suis très contente d’avoir trouvé cet article, il m’a permis de découvrir ton travail et je suis fan ! Je viens de commander l’affiche « My eyes will kill you » et je l’aime déjà 🙂

  • Avatar
    Dodie
    30 mars 2017

    Bonjour, dit moi ton projet dans Photoshop tu l’enregistre bien avant de l’importer dans Première ? Car j’ai essayé d’ouvrir mon gif dans première mais il s’affiche pas dans mes documents quand je le cherche pour l’ouvrir… ce qui est assez problématique 🙂 Merci !
    Très utile ton tuto autrement 🙂

    • Avatar
      elodie_2016
      > Dodie
      30 mars 2017

      Quand tu importes ton gif dans Premiere, dans le panneau déroulant à droite, est-ce que tu as sélectionné « Tous les médias pris en charge » ?

      • Avatar
        Dodie
        > elodie_2016
        30 mars 2017

        En fait j’ai une version d’essai de Première.. j’ai réussi à avoir une version complète mais j’ai encore des problèmes avant que ça fonctionne 🙂 mais autrement dans la version d’essai quand je lance, je n’avais que « Ouvrir un projet » ou « créer un nouveau projet ». Mais ton gif une fois fais avec Photoshop tu l’enregistre avant ?

      • Avatar
        Dodie
        > elodie_2016
        31 mars 2017

        J’ai trouvé, mais le soucis c’est que le rendu ne change rien… je veux dire mon gif ne bouge pas du tout une fois le format mis….

        • Avatar
          Dodie
          > Dodie
          31 mars 2017

          C’est bon ça fonctionne enfin !!! Un grand merci à toi et à ton tuto 🙂 depuis le temps que je voulais mettre mes gifs sur Insta.

  • Avatar
    Renaud
    8 mai 2017

    Bonjour, j’ai enregistré récemment une video en format mp4 tout en restant dans photoshop et instagram la lit parfaitement. Y a t il un autre interet d’enregistrer au format H264 par Premiere.

    • Avatar
      elodie_2016
      > Renaud
      8 mai 2017

      Hello Renaud, ah et bien je pense que je devrais faire un update sur mon article car à l’époque on ne pouvait pas enregistrer en mp4 au format H264 via Photoshop 🙂 Merci pour l’info, je vais me renseigner à partir de quelle version de photoshop on peut enregistrer directement en mp4. Bonne journée !

      • Avatar
        renaud
        > elodie_2016
        9 mai 2017

        Faut faire exporter/ rendu video et effectivement c’est du mp4 format H264.
        J’ai photoshop 2015.0.1 sur Mac

        • Avatar
          Renaud
          > renaud
          9 mai 2017

          Chère Elodie
          Pour poster sur instagram sans passer par l’appli de mon Iphone, sur mon mac je passe par le site gramblr, du coup c’est pratique pour poster ta video directement depuis photoshop sur instagram. Apres j’ai mis en ligne que des jpeg, je vais faire un test avec les videos mais je vois pas pourquoi ça marcherait pas.
          Bonne journée

  • Avatar
    Barbara M
    29 mai 2017

    Bonjour, pour ma part, ça ne marche pas. Mon fichier GIF est un fichier créé sur Photoscape, est-ce que c’est pour ça que ça ne fonctionne pas? Mon fichier est au format H264 mais ce n’est pas un fichier visuel donc impossible de le publier sur Instagram.
    Est-ce que vous savez d’où vient le problème?
    Cordialement.
    Barbara

  • Avatar
    DK Sensei
    30 juin 2017

    Merci chère Elodie.

  • Avatar
    Laure
    3 février 2018

    C’est à n’y rien comprendre, je suis exactement les consignes et me voilà avec un fichier de 0 octet… XD
    Je n’ai pas non plus trouvé comment enregistrer au format mp4 sous Photoshop (j’ai CS5).

    J’ai finalement réussi d’une autre manière avec Première :
    Fichier → Exportation → Média → Format H264 → Préconfiguration : Téléphone et tablette Android 480p 23,976
    → Exporter

    Merci Elodie pour cet article qui m’a été bien utile en tout cas!

    • Avatar
      elodie_2016
      > Laure
      7 février 2018

      Ah bizarre. Et oui la technique que tu décris était celle que j’avais mentionné en premier lieu dans cet article, puis je l’ai modifié car en passant pas Photoshop c’est encore plus simple ! 🙂

      Bonne journée,

      • Avatar
        elise
        > elodie_2016
        17 septembre 2020

        bonjour, merci pour votre travail.
        pour moi la premiere version de votre tuto avait fonctionné et là je n’y arrive plus!instagram ne prend pas le fichier en charge. je pense que je vais essayer de passer par premiere comme avant.. cpdt je ne souviens plus comment passer de photoshop à premiere..

        • elodie_2019
          elodie_2019
          > elise
          21 septembre 2020

          Bonjour, ton fichier doit être au format H.264. Tu peux l’exporter dans ce format directement depuis Photoshop.

  • Avatar
    Julien
    13 février 2018

    Très intéressant ! Petite question, on m’a demandé de réaliser ce genre de petit gif avec une illustration perso à moi pour un annonceur qui le diffuserait sur son site et ses réseaux sociaux pendant plusieurs mois mais impossible de trouver une fourchette de tarif sur le web y compris dans ton super article sur les devis. Aurais tu une idée ?
    Merci à toi , bonne soirée 🙂

    • Avatar
      elodie_2016
      > Julien
      14 février 2018

      Hello, Ah non je dois dire que je n’en ai jamais réalisé ! Mais n’oublie pas de prendre en compte la complexité de l’animation pour fixer ton tarif 🙂
      Et sinon sur le web les droits d’utilisation sont malheureusement souvent faibles voir inclus dans le prix de production..

  • Avatar
    Laura
    17 février 2018

    Bonjour Élodie,
    Merci pour ce tuto très instructif et bien détaillé !
    Après plusieurs essais ces derniers jours, toujours le même résultat pour mon animation : une qualité très médiocre une fois postée sur Instagram …J’ai réalisé mes illustrations sur Illustrator, je les ai ensuite importées sur Photoshop, est-ce du à cela ?
    Merci pour votre réponse, bonne soirée 🙂

    • Avatar
      elodie_2016
      > Laura
      18 février 2018

      Hello Laura,
      C’est difficile à dire, est-ce que tes vidéos sont de bonne qualité avant de les importer sur Instagram ?

  • Avatar
    Dore
    22 février 2018

    Si je n’ai pas premiere je peux le faire avec final cut ? Super tuto

    • Avatar
      elodie_2016
      > Dore
      23 février 2018

      Merci ! Oui tu peux le faire avec Final Cut du moment que tu choisis le bon format de sortie (.mp4, format H.264) 🙂

  • Avatar
    Gabrielle
    5 novembre 2020

    Merci beaucoup pour ton tutto je désespérais de pouvoir mettre mon GIF photoshop sur mon Instagram 🌺 avec tes explications tout s’est super bien passé.

  • Avatar
    dave
    18 novembre 2020

    bonjour ,
    j’ai finaliser un projet sur adobe pro et malheureusment en GIF toute la vidéo est zoomer en mode pas déguin .
    Comment eviter le probleme merci

    • elodie_2019
      elodie_2019
      > dave
      24 novembre 2020

      Adobe pro ce n’est pas un logiciel, tu parles peut-être de Première pro ? C’est normal qu’en gif la qualité soit inférieure à la vidéo car on transforme une vidéo en une série d’images compressée.

  • Avatar
    Léa
    21 janvier 2021

    Bonjour,

    J’aimerais savoir comment publier le gif et qu’il soit accessible à tous ?

    Merci pour votre aide.

    • elodie_2019
      elodie_2019
      > Léa
      26 janvier 2021

      Je ne suis pas sûre de comprendre, tu peux préciser ta question stp ?

  • Avatar
    emna
    1 mai 2021

    Hey génial, merci beaucoup, j’ai pu créer rapidement mon GIF pour Insta, tu es hyper clair, c’est niquel merci 🙂