Les GIF animés peuvent être très intéressants, ils sont comme des photos animées ou des petites vidéos collées sur une photo. Ils sont excellents pour les publicités courtes, et ils peuvent être ajoutés à des sites Web et des liens ajoutés. Dans ce tutoriel, nous allons vous montrer comment faire un GIF animé dans Photoshop.

Créer un GIF animé dans Adobe Photoshop

Pour créer votre propre GIF animé à l’aide de Photoshop, suivez simplement ces étapes simples et rapides :

1. Lancer Photoshop
2. Ouvrez votre image dans Photoshop
3. Désactiver la visibilité des calques pour chacun sauf la première diapositive
4. Ensuite, allez dans Fenêtre puis cliquez sur Chronologie
5. Ici, désactivez le nouveau calque visible dans tous les cadres
6. Pour créer un nouveau cadre, cliquez sur Dupliquer le cadre sélectionné
7. Sélectionnez l’image où vous voulez qu’elle commence et cliquez sur Tweens Animation Frames
8. Vous pouvez personnaliser davantage le GIF animé
9. Vous pouvez modifier le temps qu’il doit rester ouvert avant de passer à l’image suivante
10. Définissez enfin les heures auxquelles vous voulez que le GIF boucle
11. Prévisualisez et enregistrez votre GIF animé.

Rentrons maintenant dans le détail.

Planifiez le contenu

La clé du succès de tout projet est la planification. Avec cette animation, il est important de planifier ce que vous voulez que l’animation ait. Ceux-ci décideront de l’apparence et des performances de l’animation. Demandez-vous quel est le but de l’animation ? C’est pour la pub ? Est-ce juste pour le plaisir ? Après avoir répondu à ces questions, vous saurez de quelles ressources vous aurez besoin pour créer le GIF animé.

Rassemblez les ressources

Après avoir planifié le contenu, vous avez maintenant décidé de l’objectif du GIF animé. Si c’est pour la publicité, vous aurez besoin d’éléments clés. Ce qui est annoncé, le public cible et les informations. Obtenez des photos des articles ou des services, et obtenez les numéros, les adresses, l’heure et le lieu si ce sont les ressources nécessaires. Le public cible décidera des couleurs utilisées et de la façon dont vous le rendrez flashy.

Faire l’animation

Voici la partie amusante, la création du GIF animé. C’est là que vous rassemblez toutes les compétences amusantes pour créer le GIF qui sera là pour tous. Les GIF sont généralement petits et rapides, ils doivent donc être précis et précis. Le GIF doit être compatible avec tous les appareils, toutes les vitesses de réseau et être intéressant pour que les autres veuillent le regarder encore et encore et le partager.

Ouvrez Photoshop et choisissez nouveau, pour l’option d’image, choisissez une résolution de 72 pixels, la taille de 350 x 300 pixels, le mode de couleur RVB et, dans l’option avancée, choisissez sRGB dans le profil de couleur. Les dimensions peuvent sembler petites, mais rappelez-vous que le GIF doit être petit pour qu’il utilise de l’espace sur Internet et s’adapte à la plupart des appareils sans utiliser trop d’espace. Cependant, si nécessaire et que l’espace n’est pas limité, vous pouvez agrandir le GIF, cela peut être pour une bannière ou pour remplir un grand espace publicitaire sur un site Web.

Ajoutez tout le contenu que vous souhaitez intégrer au GIF animé. Ceux-ci seront ajoutés à différentes couches. N’oubliez pas que s’il s’agit d’une publicité, vous voudrez ajouter des mots pour engager le public. Tout ce qui doit être affiché sur chaque diapositive sera contrôlé par la visibilité du calque.

Dès que tout le contenu est ajouté, désactivez la visibilité des calques pour chacun, sauf ce que vous souhaitez afficher sur la première diapositive. N’oubliez pas que vous pouvez également choisir de faire des dessins, ce GIF animé peut fonctionner de la même manière qu’une page tournante pour l’animation. Cela peut aussi être comme Comment faire animation où des parties d’un Comment faire une vidéo ou une émission d’images peut être assemblée.

Pour commencer à créer, allez dans Fenêtre puis cliquez sur Chronologie. Cela ouvrira la zone de chronologie afin que le contenu et les actions puissent être ajoutés.

Dans la fenêtre Chronologie, désactivez l’option Nouveau calque visible dans toutes les images

Pour créer un nouveau cadre, cliquez sur Dupliquer le cadre sélectionné au bas de la fenêtre de la période. Cette option facilite la tâche car s’il s’agit de l’image la plus récente, elle vous permet d’aligner le nouveau contenu au bon endroit, surtout si vous devez en déplacer un vers un endroit ou un angle différent. Cela facilite les mouvements lors de la lecture des diapositives.

Vous pouvez ajouter un Disparaître Transition entre les diapositives, cela s’appelle Interpolation. Sélectionnez le cadre où vous voulez qu’il commence et cliquez sur Images d’animation des préadolescents. Plus vous ajoutez d’images, plus le fichier sera volumineux, donc Tween à bon escient.

Sous la fenêtre du calendrier se trouvent quelques commandes pour personnaliser le GIF animé. Vous pouvez personnaliser chaque image à l’heure souhaitée. Cependant, veillez à rendre les informations importantes plus visibles plus longtemps. Vous pouvez également choisir combien de fois vous voulez que le GIF animé boucle avant qu’il ne se termine. Trois fois devrait être bon. Cela permettra au contenu d’être visualisé correctement puis à la fin du GIF animé afin de ne pas devenir ennuyeux ou d’utiliser trop de ressources des téléspectateurs. Il y a les boutons de contrôle avec lecture pour que vous puissiez prévisualiser l’animation. Toutes les trames peuvent avoir la même durée en maintenant Ctrl + Clic et sélectionnez tout, puis sélectionnez l’heure.

Pour enregistrer au format GIF, accédez à Fichier, Enregistrer pour le Web et une boîte de dialogue apparaîtra. Vous pouvez simplement choisir de prévisualiser le GIF ou appuyer sur OK si vous n’avez pas besoin d’apporter de modifications. Vous pouvez maintenant partager le GIF animé que vous avez créé. Le GIF animé jouera dans n’importe quel navigateur Web. Dans la boîte de dialogue Enregistrer pour le Web, il y a un bouton de prévisualisation, cela prévisualisera le GIF et affichera une copie du code HTML.

Ci-dessus se trouve l’animation GIF finie de base. observez et voyez comment il joue à une vitesse constante. Les informations importantes sont autorisées à rester à l’écran suffisamment longtemps pour être lisibles, mais pas trop longtemps pour devenir ennuyeuses.

Lis: Trucs et astuces Adobe Illustrator pour les débutants.

Pourquoi les GIF animés sont-ils importants ?

Les GIF animés sont importants car ils peuvent être transformés en publicités amusantes pouvant être placées sur des sites Web. Des GIF animés peuvent être facilement créés, puis placés sur des sites Web et des liens ajoutés pour tester les commentaires des utilisateurs. Néanmoins, les images en tant que publicités peuvent ne pas attirer les téléspectateurs de votre site Web et les vidéos peuvent être trop volumineuses. Les GIF animés sont donc parfaits pour susciter l’intérêt sans sacrifier les ressources.

Lis: Comment courber du texte autour d’une image dans Photoshop

Les GIF animés utilisent-ils beaucoup de ressources ?

Les GIF animés sont généralement petits et ne prennent pas beaucoup de place. Lors de leur création, il est préférable d’être précis et d’utiliser de petites quantités de contenu qui feront passer le message. De cette façon, vous utiliserez une petite quantité d’espace sur votre site Web.