Tutoriel GIF animé GIMP

GIMP est un logiciel remarquablement puissant étant donné qu'il est gratuit. Les concepteurs de sites Web, en particulier, peuvent être reconnaissants pour sa capacité à produire des GIF animés simples.

Les GIF animés sont des animations simples que vous verrez sur de nombreuses pages Web et, bien qu'elles soient beaucoup moins sophistiquées que les animations Flash , elles sont très simples à produire par toute personne ayant une compréhension de base de GIMP .

Comment faire un GIF animé dans GIMP

Les étapes suivantes montrent une simple animation de la taille d'une bannière Web utilisant quelques graphiques de base, du texte et un logo.

1. Ouvrez un nouveau document. Dans cet exemple, nous avons sélectionné le modèle prédéfini de bannière Web grand mobile 320x100 .

   Pour votre animation, vous pouvez sélectionner une taille prédéfinie ou définir des dimensions personnalisées en fonction de la façon dont vous utiliserez votre animation finale.

   
   Pour ce didacticiel, l'animation se composera de sept images et chaque image sera représentée par un calque individuel, ce qui signifie que le fichier GIMP final comportera sept calques, y compris l'arrière-plan.

2. Définissez l'image un. L'animation commencera avec un espace vide, donc aucune modification du calque d' arrière-plan n'est nécessaire car il est déjà tout blanc.

   Cependant, une modification du nom du calque dans la palette Calques est nécessaire. Cliquez avec le bouton droit sur le calque d' arrière - plan dans la palette et sélectionnez Modifier les attributs du calque .

3. Dans la boîte de dialogue Modifier les attributs de la couche qui s'ouvre, ajoutez (250 ms) à la fin du nom de la couche. Cela définit la durée d'affichage de cette image dans l'animation. Le ms signifie millisecondes et chaque milliseconde est un millième de seconde. Cette première image s'affichera pendant un quart de seconde.

4. Définir l'image deux. Pour le didacticiel, un graphique d'empreinte est utilisé pour ce cadre. Allez dans Fichier > Ouvrir en tant que calques et sélectionnez le fichier graphique. Cela place l'empreinte sur un nouveau calque qui peut être positionné selon les besoins à l'aide de l' outil Déplacer .

5. Comme pour le calque d'arrière-plan, ce nouveau calque doit être renommé pour attribuer le temps d'affichage de l'image. Dans ce cas, 750 ms.

   Dans la palette Calques , le nouvel aperçu du calque semble montrer un fond noir autour du graphique, mais en réalité cette zone est transparente.

6. Définissez les images trois, quatre et cinq. Les trois prochaines images sont d'autres empreintes de pas qui traverseront la bannière. Ceux-ci sont insérés de la même manière que l'image deux, en utilisant les mêmes graphiques et un autre graphique pour l'autre pied. Comme auparavant, le temps est défini sur 750 ms pour chaque image.

   Chacune des couches d'empreinte a besoin d'un fond blanc pour qu'un seul cadre soit toujours visible - actuellement, chacun a un fond transparent. Nous pouvons le faire en créant un nouveau calque juste en dessous d'un calque d'empreinte, en remplissant le nouveau calque de blanc, puis en cliquant avec le bouton droit sur le calque d'empreinte et en cliquant sur Fusionner vers le bas .

7. Définir le cadre six . Ce cadre est juste un cadre vierge rempli de blanc qui donnera l'impression que l'empreinte finale disparaîtra avant que le cadre final n'apparaisse. Nous avons nommé cette couche Interval et avons choisi d'afficher cet affichage pendant seulement 250 ms.

   Vous n'avez pas besoin de nommer les calques, mais cela peut faciliter l'utilisation des fichiers à calques.

8. Définir l'image sept . Ceci est le dernier cadre et affiche du texte avec le logo Copyright ©.com. La première étape consiste à ajouter un autre calque avec un fond blanc.

9. Ensuite, utilisez l' outil Texte pour ajouter le texte. Ceci est appliqué à un nouveau calque, mais nous nous en occuperons une fois que vous aurez ajouté le logo ou la nouvelle image, ce qui peut être fait de la même manière que les graphiques d'empreinte ont été ajoutés précédemment.

10. Lorsque nous les avons organisés comme vous le souhaitez, nous pouvons utiliser Fusionner vers le bas pour combiner les calques de logo et de texte, puis fusionner ce calque combiné avec le calque blanc qui a été ajouté précédemment. Cela produit une seule couche qui formera la trame finale et nous avons choisi de l'afficher pendant 4000 ms.

11. Aperçu de l'animation . Avant d'enregistrer le GIF animé, GIMP a la possibilité de le prévisualiser en action en allant dans Filtres > Animation > Lecture . Cela ouvre une boîte de dialogue d'aperçu avec des boutons explicites pour lire l'animation. Si quelque chose ne semble pas correct, il peut être modifié à ce stade. Sinon, il peut être enregistré en tant que GIF animé.

    La séquence d'animation est définie dans l'ordre dans lequel les calques sont empilés dans la palette Calques , en commençant par l'arrière-plan ou le calque le plus bas et en remontant. Si votre animation joue hors séquence, vous devrez ajuster l'ordre de vos calques, en cliquant sur un calque pour le sélectionner et en utilisant les flèches haut et bas dans la barre inférieure de la palette Calques pour changer sa position.

12. Enregistrez le GIF animé . L'enregistrement d'un GIF animé est un exercice assez simple. Tout d'abord, allez dans Fichier > Enregistrer une copie et donnez à votre fichier un nom approprié et sélectionnez où vous souhaitez enregistrer votre fichier.

13. Ensuite, allez dans Fichier > Exporter sous pour l'enregistrer en tant que GIF animé.

14. Dans la boîte de dialogue Exporter l'image qui s'ouvre, sélectionnez Sélectionner le type de fichier et faites défiler jusqu'à l'image GIF et sélectionnez-la, puis sélectionnez Exporter . Si vous recevez un avertissement concernant les calques s'étendant au-delà des bordures réelles de l'image, sélectionnez le bouton Rogner .

15. Cela mènera maintenant à la boîte de dialogue Enregistrer en tant que GIF avec une section d' options GIF animées . Vous pouvez les laisser à leurs valeurs par défaut, mais si vous voulez que l'animation ne soit lue qu'une seule fois, vous devez décocher Loop forever .

16. Vous pouvez maintenant partager votre GIF animé.

Conclusion

Les étapes présentées ici vous donneront les outils de base pour produire vos propres animations simples, en utilisant différents graphiques et tailles de document. Bien que le résultat final soit assez basique en termes d'animation, il s'agit d'un processus très simple que toute personne ayant une connaissance de base de GIMP peut réaliser.