Produire un GIF animé avec GIMP

GIMP est un logiciel remarquablement puissant étant donné qu'il est gratuit. Les concepteurs Web, en particulier, peuvent être reconnaissants de sa capacité à produire de simples GIF animés.
Les GIF animés sont des animations simples que vous verrez sur de nombreuses pages Web et, bien qu'ils soient beaucoup moins sophistiqués que les animations Flash, ils sont très simples à produire par toute personne ayant une compréhension de base de 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.

Les instructions de cet article s'appliquent à GIMP version 2.10.12.

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 manière dont vous utiliserez votre animation finale.

Pour ce didacticiel, l'animation sera composée de sept images et chaque image sera représentée par un calque individuel, ce qui signifie que le fichier GIMP final aura sept couches, y compris l'arrière-plan.
Définissez le cadre un. L'animation commencera par un espace vide donc aucune modification de la valeur réelle Contexte couche est nécessaire car il est déjà blanc uni.

Cependant, une modification du nom du calque dans le Couches la palette est nécessaire. Faites un clic droit sur le Contexte calque dans la palette et sélectionnez Modifier les attributs de calque.
Dans le Modifier les attributs de calque boîte de dialogue qui s'ouvre, ajoutez (250ms) à la fin du nom du calque. Ceci définit la durée pendant laquelle cette image sera affichée dans l'animation. Le ms représente les millisecondes et chaque milliseconde est un millième de seconde. Cette première image s'affichera pendant un quart de seconde.
Définissez l'image deux. Pour le didacticiel, un graphique d'empreinte est utilisé pour ce cadre. Aller à Déposez le > 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 du Outil de déplacement.
Comme pour le calque d'arrière-plan, ce nouveau calque doit être renommé pour attribuer la durée d'affichage de l'image. Dans ce cas, 750 ms.

Dans le Couches palette, le nouvel aperçu du calque semble afficher un arrière-plan noir autour du graphique, mais en réalité cette zone est transparente.
Définissez les images trois, quatre et cinq. Les trois images suivantes sont plus d'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, l'heure est fixée à 750 ms pour chaque image.

Chacune des couches d'empreinte a besoin d'un arrière-plan blanc afin qu'une seule image soit visible - actuellement, chacune a un arrière-plan transparent. Nous pouvons le faire en créant un nouveau calque immédiatement 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 Fusionner.
Définir l'image six. Ce cadre est juste un cadre vide rempli de blanc qui donnera l'apparence de l'empreinte finale disparaissant avant que le cadre final n'apparaisse. Nous avons nommé cet intervalle de couche et avons choisi d'avoir cet affichage pendant seulement 250 ms.

Vous n'avez pas besoin de nommer les couches, mais cela peut faciliter l'utilisation des fichiers en couches.
Définir l'image sept. Ceci est le cadre final et affiche du texte avec le logo Lifewire.com. La première étape ici consiste à ajouter un autre calque avec un fond blanc.
Ensuite, utilisez le Outil de 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.
Lorsque nous les avons arrangés comme vous le souhaitez, nous pouvons utiliser Fusionner pour combiner le logo et les calques 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 l'image finale et nous avons choisi de l'afficher pendant 4000 ms.
Aperçu de l'animation. Avant d'enregistrer le GIF animé, GIMP a la possibilité de le prévisualiser en action en allant sur Filtres > Animation > Playback. 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 le Couches palette, en partant de l'arrière-plan ou du calque le plus bas et en travaillant vers le haut. Si votre animation se déroule dans le désordre, 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.
Enregistrez le GIF animé. L'enregistrement d'un GIF animé est un exercice assez simple. Tout d'abord, allez à Déposez le > Sauvegarder une copie et donnez à votre fichier un nom pertinent et sélectionnez l'emplacement où vous souhaitez enregistrer votre fichier.
Ensuite, allez à Déposez le > Exporter en tant que pour l'enregistrer en tant que GIF animé.
Dans le Exporter l'image boîte de dialogue qui s'ouvre, sélectionnez Sélectionnez 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 dépassant les limites réelles de l'image, sélectionnez le Récolte .
Cela mènera maintenant à la Enregistrer au format GIF dialogue avec une section de 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 Boucle pour toujours.
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, c'est un processus très simple que toute personne ayant une connaissance de base de GIMP peut réaliser.

Conclusion

Laisser un commentaire Annuler la réponse