Un GIF (comme son acronyme en anglais le décrit Graphics Interchange Format et en espagnol c'est "Graphics Interchange Format"), est l'un des nombreux formats graphiques qui sont fréquemment utilisés sur Internet ; mais avec la particularité qu'il peut être utilisé aussi bien comme image fixe que pour de petites animations. Maintenant, comment créer un GIF animé dans Photoshop ?
Il est vrai qu'il existe différents types de formats pour travailler avec des graphiques dans différentes instances, il est donc bon de connaître les différences entre ces types de fichiers graphiques.
A quoi sert un GIF animé ?
Le format GIF a été créé par CompuServe en 1987 et est depuis utilisé pour les bannières publicitaires ; Bien qu'il n'utilise que 256 couleurs, sa popularité réside dans la séquence d'images qui crée un effet d'animation optique.
De plus, ils sont compatibles avec tous les types de navigateurs, sont très légers contrairement aux vidéos et peuvent avoir des fonds transparents. Les demandes et les changements d'aujourd'hui ont même conduit au développement de gifs animés 3D utiles dans certaines circonstances.
Comment créer un GIF animé dans Photoshop ?
La première chose est de créer un espace de travail, pour cela, nous allons dans l'option de menu Fichier → Nouveau et dans la boîte de dialogue, nous placerons le nom, les pixels de largeur, de hauteur, de résolution et le contenu d'arrière-plan que le GIF animé aura (par exemple, 600 × 400 px et résolution de 72 px et contenu transparent) ; en appuyant sur Ok, nous aurons notre couche 1 par défaut.
Allons dans le menu Fenêtre → Chronologie pour afficher le panneau où seront les images d'animation ; Une note importante à noter est que dans presque tous les cas, les éléments d'un GIF animé ont un fond transparent ; ce qui peut aussi être fait dans Photoshop au préalable.
Nous sélectionnons les images que nous utiliserons dans la fenêtre Ouvrir et appuyez sur le bouton Ouvrir pour les afficher dans Photoshop et pouvoir les faire glisser dans la zone de travail, ou les copier et les coller avec Crtl + C et Ctrl + V ; il faut bien connaître la gestion des calques dans Photoshop dans le panneau Calques, pour définir ce que seront le fond et les avant.
Avoir chaque image dans son calque correspondant, nous devons ajuster sa taille, le positionner ou le faire pivoter pour en fonction de ce que nous recherchons, en utilisant les sélecteurs que nous voyons à ses extrémités lorsque nous cliquons dessus ; Nous devons maintenir le bouton Shift enfoncé tout en redimensionnant une image afin qu'elle conserve son rapport hauteur/largeur et l'empêche d'apparaître étirée ou aplatie.
Nous allons dans le panneau Timeline et dans la partie centrale, nous cliquons sur la case de sélection pour placez l'option Créer une animation de cadre et nous cliquons pour nous montrer la première image de l'animation; puis pour créer tous les autres cadres que l'on veut, on appuie sur l'icône (en forme de 2 carrés croisés) qui Duplique les cadres sélectionnés.
Chaque cadre doit être légèrement différent
Chaque cadre doit être différent de son prédécesseur, en changeant les éléments de chaque cadre en de sorte que sa séquence montre le mouvement que nous voulons capturer dans le GIF animé. Les différents cadres sont disposés à peu près de la même manière que les dessins animés illustrés à la main. De plus, vous pouvez les envoyer via WhatsApp et tout autre moyen pouvant les reproduire, nous vous enseignons également ici comment le faire.
Si vous vous demandez combien d'images un GIF devrait avoir, la réponse varie en fonction de ce que vous voulez capturer ; une animation peut sembler rapide et mécanique avec seulement quelques images, être fluide avec 24 images par seconde (comme dans les films) ou lent avec trop d'images. Plus nous utilisons d'images, plus le fichier d'animation final sera lourd. Aussi, il est parfois nécessaire d'augmenter la vitesse, il est donc utile de savoir comment le faire.
La durée de la séquence est visible si l'on sélectionne toutes les images en maintenant la touche Shift enfoncée ; Faire clic de souris sur la première et la dernière image.
Puis on affiche une liste de plusieurs fois dans le menu contextuel de la souris ; dont le dernier est celui que nous portons avec nous jusqu'à présent; enfin enregistrons le travail dans le menu Fichier → Enregistrer sous ou avec Shift + Ctrl + S, en sélectionnant l'option GIF comme format de sortie.
Cela s'applique également au menu Fichier → Exporter → Enregistrer sur le Web ou Alt + Maj + Ctrl + S. Dans les deux cas, vous pouvez sélectionner si l'animation aura une seule répétition ou si la séquence se répétera indéfiniment.
En appuyant sur le bouton Enregistrer, nous aurons terminé l'animation GIF dans Photoshop ; Pour le visualiser, nous ouvrons l'image uniquement avec n'importe quel navigateur comme Firefox, Chrome ou Edge ; Maintenant que vous savez comment créer un GIF animé, vous pouvez tester votre créativité pour créer rapidement et facilement de superbes animations dans Photoshop.
