Si vous avez passé du temps sur Internet, vous êtes probablement en contact avec un GIF animé. Il s’agit d’un fichier d’image qui vous permet de présenter des images animées qui donne l’impression que l’image est en mouvement. Considérez-les comme un hybride entre une image fixe et une vidéo.
Pourquoi les GIF sont-ils d’excellents ajouts à votre marketing? Ils sont faciles à consommer, fournissent une nouvelle façon de capter l’attention de vos téléspectateurs, et peuvent avoir un impact émotionnel grave.Compte tenu du contenu qui nous fait sentir quelque chose nous encourage à partager, ces animations minuscules valent la peine d’expérimenter avec.
La meilleure partie au sujet des GIF est qu’ils ne sont pas trop difficiles à faire. Si vous avez accès à Photoshop et quelques minutes à perdre, vous pouvez créer un GIF animé en un rien de temps.
Cliquez ici pour télécharger notre guide gratuit pour apprendre à concevoir des graphismes de haute qualité.
Dans le tutoriel suivant sur la fabrication de GIF animés, j’utilise la version Creative Cloud 2015 de Photoshop, mais les étapes devraient être similaires dans d’autres versions.
Comment créer un GIF animé dans Photoshop
Voici un exemple d’un GIF animé que vous pourriez faire en utilisant ce
tutoriel:
Bon, commençons !
Étape 1 : Téléchargez vos images sur Photoshop.
Si vous avez déjà des images créées …
Rassemblez les images que vous voulez dans un dossier séparé. Pour les télécharger dans Photoshop, cliquez sur Fichier> scripts > charger des fichiers dans stack.
Ensuite, sélectionnez Parcourir et choisissez les fichiers que vous souhaitez utiliser dans votre GIF, puis cliquez sur OK.
Photoshop créera alors une couche distincte pour chaque image que vous avez sélectionnée. Une fois que vous avez fait cela, passez à l’étape deux.
Si vous n’avez pas déjà la série d’images créées …
Créez chaque image du GIF animé comme une couche Photoshop différente. Pour ajouter une nouvelle couche, choisissez layer > nouvelle > couche.
Assurez-vous de nommer vos couches afin que vous puissiez garder une trace d’eux facilement lorsque vous faites votre GIF. Pour nommer une couche, rendez-vous sur le panneau Couche en bas à droite de votre écran, cliquez deux fois sur le nom de la couche par défaut et tapez le nom vers qui vous souhaitez le modifier. Appuyez sur Entrez lorsque vous avez terminé.
Une fois que vous avez vos couches là-dedans et que vous les avez toutes nommées, vous êtes prêt pour la deuxième étape.
Conseil pro : Si vous souhaitez combiner les couches de sorte qu’elles apparaissent dans un seul cadre dans votre GIF, activez la visibilité pour les couches que vous souhaitez fusionner (en cliquant sur l’œil à gauche de chaque nom de couche, de sorte que seuls les yeux pour les couches que vous souhaitez fusionner sont ouverts). Ensuite, appuyez sur Shift + Command + Option + E (Mac) ou Shift + Ctrl + Alt + E (Windows).Photoshop va créer une nouvelle couche contenant le contenu fusionné, que vous devez également renommer.
Étape 2 : Ouvrez la fenêtre Chronologie.
Pour ouvrir Timeline, passez à la navigation supérieure, choisissez fenêtre > Timeline.La Timeline vous permettra d’activer et d’éteindre différentes couches pendant différentes périodes de temps, transformant ainsi votre image statique en GIF.
La fenêtre Timeline s’affiche en bas de votre écran. Voici à quoi il ressemble:
Étape 3 : Dans la fenêtre Chronologie, cliquez sur « Créer l’animation de trame ».
Si elle n’est pas automatiquement sélectionnée, choisissez-la dans le menu dropdown – mais assurez-vous de cliquer dessus, sinon les options d’animation du cadre ne s’afficheront pas.
Maintenant, votre Timeline devrait ressembler à ceci :
Étape 4 : Créez une nouvelle couche pour chaque nouveau cadre.
Pour ce faire, sélectionnez d’abord toutes vos couches en allant au menu de navigation supérieur et en choisissant Sélectionnez > toutes les couches.
Ensuite, cliquez sur l’icône du menu à droite de l’écran Timeline.
À partir du menu dropdown qui apparaît, choisissez Créer une nouvelle couche pour chaque nouveau cadre.
Étape 5 : Ouvrez la même icône de menu à droite et choisissez « Faire des cadres à partir de couches ».
Cela fera de chaque couche un cadre de votre GIF.
Étape 6 : Sous chaque image, sélectionnez la durée pendante pendant qu’elle doit apparaître avant de passer au cadre suivant.
Pour ce faire, cliquez sur le temps ci-dessous chaque image et choisissez combien de temps vous souhaitez qu’il apparaisse. Dans notre cas, nous avons choisi 0,5 seconde par image.
Étape 7 : Au bas de la barre d’outils, sélectionnez le nombre de fois où vous souhaitez qu’elle soit en boucle.
La valeur par défaut dira Une fois, mais vous pouvez le boucler autant de fois que vous le souhaitez, y compris Forever.Cliquez sur Autre si vous souhaitez spécifier un nombre personnalisé de répétitions.
Étape 8 : Prévisualisez votre GIF en appuyant sur l’icône de jeu.
Étape 9 : Enregistrez votre GIF pour l’utiliser en ligne.
Satisfait de votre GIF ? Enregistrez-le pour l’utiliser en ligne en allant à la barre de navigation supérieure et en cliquant sur File > Export > Save for Web (Legacy).
Ensuite, choisissez le type de fichier GIF que vous souhaitez enregistrer comme sous le dropdown Preset. Si vous avez un GIF avec gradients, choisissez des GIF dithered pour empêcher le baguage des couleurs.Si votre image emploie beaucoup de couleurs solides, vous pouvez opter pour aucun tramage.
Le numéro à côté du fichier GIF détermine la taille (et la précision) des couleurs GIF par rapport aux JPEGs ou PNG d’origine.Selon Adobe, un pourcentage de tramage plus élevé se traduit par l’apparition de plus de couleurs et de détails – mais il augmente la taille du fichier.
Cliquez sur Enregistrer en bas pour enregistrer le fichier sur votre ordinateur. Maintenant, vous êtes prêt à télécharger ce GIF à utiliser dans votre marketing!
Téléchargez le fichier GIF dans n’importe quel endroit en ligne que vous mettez une image, et il devrait jouer de manière transparente. Voici à quoi pourrait ressembler le produit final :
