Comment créer une image GIF animée avec GIMP (avec des images)

Table des matières:

Comment créer une image GIF animée avec GIMP (avec des images)
Comment créer une image GIF animée avec GIMP (avec des images)

Vidéo: Comment créer une image GIF animée avec GIMP (avec des images)

Vidéo: Comment créer une image GIF animée avec GIMP (avec des images)
Vidéo: 5 raisons d'utiliser APPLE PAY 2024, Avril
Anonim

Les images-g.webp

Pas

Partie 1 sur 2: Création d'images pour votre animation dans GIMP

Créer une image animée avec GIMP Étape 1
Créer une image animée avec GIMP Étape 1

Étape 1. Ouvrez GIMP

GIMP est un programme d'édition d'images gratuit et open source doté d'outils similaires à Photoshop. GIMP a une icône qui ressemble à un renard avec un pinceau dans la bouche. Cliquez sur l'icône dans votre menu Démarrer de Windows ou dans le dossier Applications sur Mac et Linux.

Vous pouvez télécharger et installer GIMP gratuitement sur gimp.org

Créez une image animée avec GIMP Step 2
Créez une image animée avec GIMP Step 2

Étape 2. Créez un nouveau fichier

La taille du fichier que vous créez dépend de son utilisation prévue. Les bannières publicitaires mesurent généralement entre 60 et 120 pixels de haut et 400 à 800 pixels de large. Les boutons mesurent généralement environ 40 pixels de haut et 300 pixels de large. Différents logiciels de sites Web et systèmes d'échange de bannières énuméreront leurs propres exigences. Utilisez les étapes suivantes pour créer un nouveau fichier image:

  • Cliquez sur Déposer.
  • Cliquez sur Nouveau
  • Tapez la largeur en pixels à côté de "Largeur".
  • Tapez la hauteur en pixels à côté de "Hauteur".
  • Cliquez sur D'accord.
Créez une image animée avec GIMP Étape 3
Créez une image animée avec GIMP Étape 3

Étape 3. Sélectionnez une couleur d'arrière-plan pour votre image

Les couleurs actives de premier plan et d'arrière-plan sont affichées dans des rectangles superposés sous la barre d'outils à gauche. Pour sélectionner une couleur, cliquez sur le rectangle en haut. Cliquez sur une couleur dans la bande de couleur arc-en-ciel pour sélectionner une couleur. Utilisez la case à gauche de la bande de couleur arc-en-ciel pour sélectionner une nuance pour la couleur. Cela sélectionne la couleur de premier plan active.

Créez une image animée avec GIMP Étape 4
Créez une image animée avec GIMP Étape 4

Étape 4. Utilisez l'outil Pot de peinture pour ajouter une couleur d'arrière-plan à votre image

L'outil Pot de peinture a une icône qui ressemble à un seau versant de la peinture. C'est dans la barre d'outils à gauche. Cliquez sur le plan de travail de l'image au centre de l'écran pour remplir l'image avec votre couleur d'arrière-plan.

Vous pouvez également utiliser d'autres outils, tels que l'outil pinceau, pour dessiner d'autres objets immobiles sur le calque d'arrière-plan

Créez une image animée avec GIMP Étape 5
Créez une image animée avec GIMP Étape 5

Étape 5. Ajoutez un nouveau calque

Le panneau Calques se trouve à droite du plan de travail dans le coin inférieur droit. Pour ajouter un nouveau calque, cliquez sur la petite icône qui ressemble à une feuille de papier avec un signe plus (+). Cliquez sur cette icône dans le coin inférieur gauche du panneau Calques pour ajouter un nouveau calque. Créez un calque pour chaque objet en mouvement dans votre image.

Créez une image animée avec GIMP Étape 6
Créez une image animée avec GIMP Étape 6

Étape 6. Ajoutez un objet en mouvement à l'image

Utilisez le ou les nouveaux calques que vous avez créés pour ajouter des objets en mouvement à votre image. Vous pouvez utiliser l'outil pinceau pour dessiner un objet ou l'outil texte pour ajouter du texte à votre image. Assurez-vous que chaque objet en mouvement de votre image est placé dans son propre calque.

Créez une image animée avec GIMP Step 7
Créez une image animée avec GIMP Step 7

Étape 7. Créez le premier cadre de votre image

Après avoir créé chaque objet en mouvement de votre image sur son propre calque, placez tous les objets à l'image de départ de votre animation.

Créez une image animée avec GIMP Étape 8
Créez une image animée avec GIMP Étape 8

Étape 8. Enregistrez la première image de votre image en tant qu'image fixe

Une animation est constituée de nombreuses images fixes appelées cadres. Nous devons enregistrer chaque image de l'animation en tant qu'image fixe. Procédez comme suit pour enregistrer la première image de votre animation:

  • Cliquez sur Déposer
  • Cliquez sur Exporter en tant que.
  • Tapez "[Nom du fichier d'animation] frame 1" à côté du nom.
  • Cliquez sur Sélectionnez le type de fichier.
  • Cliquez sur image JPEG.
  • Cliquez sur Exportation
  • Cliquez sur Exportation de nouveau.
Créez une image animée avec GIMP Step 9
Créez une image animée avec GIMP Step 9

Étape 9. Utilisez l'outil de déplacement pour déplacer légèrement les objets dans le cadre

L'outil de déplacement a une icône qui ressemble à une flèche en croix pointant vers le haut, le bas, la gauche et la droite. Utilisez l'outil de déplacement pour déplacer légèrement les objets en mouvement de votre image vers leurs positions de cadre 2. La fréquence d'images recommandée pour une animation-g.webp

Pour aider à garder le mouvement entre chaque image fluide et cohérent, vous pouvez activer la grille. Pour activer la grille, cliquez sur Vue, suivie par Afficher la grille.

Créez une image animée avec GIMP Step 10
Créez une image animée avec GIMP Step 10

Étape 10. Enregistrez la deuxième image de votre animation

Une fois toutes les pièces mobiles en place ou le deuxième cadre, procédez comme suit pour enregistrer le deuxième cadre de votre image:

  • Cliquez sur Déposer
  • Cliquez sur Exporter en tant que.
  • Tapez "[Nom du fichier GIF] cadre 2" à côté de "Nom".
  • Cliquez sur Sélectionnez le type de fichier.
  • Cliquez sur image JPEG.
  • Cliquez sur Exportation
  • Cliquez sur Exportation de nouveau.
Créez une image animée avec GIMP Step 11
Créez une image animée avec GIMP Step 11

Étape 11. Répétez l'opération pour toutes les images supplémentaires

Continuez ainsi. Utilisez l'outil Déplacer pour placer légèrement chaque objet en mouvement dans votre animation, puis enregistrez l'image en tant que cadre. Assurez-vous que chaque image contient le numéro d'image dans le nom du fichier (c'est-à-dire l'image de défilement de texte 1, l'image de défilement de texte 2, l'image de défilement de texte 3, etc.).

Créez une image animée avec GIMP Step 12
Créez une image animée avec GIMP Step 12

Étape 12. Enregistrez votre travail en tant que fichier GIMP

C'est une bonne idée d'enregistrer votre travail en tant que fichier GIMP (.xcf), au cas où vous auriez besoin de refaire ou de modifier des images plus tard. Nommez le fichier comme "[Nom de l'animation] artboard.xcf". Suivez les étapes suivantes pour enregistrer votre travail:

  • Cliquez sur Déposer
  • Cliquez sur Enregistrer sous.
  • Tapez un nom de fichier à côté de "Nom".
  • Cliquez sur sauvegarder.

Partie 2 sur 2: Création d'un-g.webp" />
Créez une image animée avec GIMP Step 13
Créez une image animée avec GIMP Step 13

Étape 1. Créez un nouveau fichier dans GIMP

Après avoir créé des images fixes pour chaque image de votre animation, créez un nouveau fichier dans GIMP. Assurez-vous que la largeur et la hauteur du fichier correspondent à la largeur et à la hauteur de vos images d'animation. Utilisez les étapes suivantes pour ouvrir un nouveau fichier dans GIMP.

  • Cliquez sur Déposer.
  • Cliquez sur Nouveau
  • Tapez la largeur en pixels à côté de "Largeur".
  • Tapez la hauteur en pixels à côté de "Hauteur".
  • Cliquez sur D'accord.
Créez une image animée avec GIMP Étape 14
Créez une image animée avec GIMP Étape 14

Étape 2. Ouvrez chaque image d'animation en tant que nouveau calque

GIMP crée des animations en utilisant chaque couche comme une image d'animation distincte. La couche inférieure est la première image de l'animation et la couche supérieure est la dernière image de l'animation. Utilisez les étapes suivantes pour ouvrir vos cadres d'image en tant que nouveau calque. Vous pouvez sélectionner plusieurs images en maintenant le Décalage et en sélectionnant le premier et le dernier cadre d'image:

  • Cliquez sur Déposer
  • Cliquez sur Ouvrir en tant que calques.
  • Prise Décalage et cliquez sur le premier fichier de cadre d'image.
  • Cliquez sur le dernier cadre de l'image tout en maintenant Décalage
  • Cliquez sur Ouvert.
Créez une image animée avec GIMP Step 15
Créez une image animée avec GIMP Step 15

Étape 3. Ajoutez la fréquence d'images en millisecondes à chaque nom de couche

Par défaut, GIMP exporte les animations-g.webp

Créez une image animée avec GIMP Step 16
Créez une image animée avec GIMP Step 16

Étape 4. Prévisualisez votre animation

Avant d'exporter votre animation au format GIF, vous pouvez la prévisualiser. Cela vous permet de voir à quoi ressemble l'animation. Si vous devez modifier l'une des images du fichier de plan de travail d'animation. Procédez comme suit pour prévisualiser votre animation:

  • Cliquez sur Filtre.
  • Cliquez sur Relecture.
  • Utilisez le menu déroulant "fps" pour sélectionner les images par seconde.
  • Cliquez sur le bouton Lecture dans le coin supérieur droit.
Créez une image animée avec GIMP Step 17
Créez une image animée avec GIMP Step 17

Étape 5. Exportez votre fichier au format GIF

Si vous êtes satisfait de l'apparence de votre animation GIF, procédez comme suit pour l'exporter en tant qu'animation GIF.

  • Cliquez sur Déposer
  • Cliquez sur Exporter en tant que.
  • Tapez un nom de fichier à côté de "Nom".
  • Cliquez sur Sélectionnez le type de fichier.
  • Cliquez sur image GIF.
  • Cliquez sur Exportation
  • Cliquez sur Exportation de nouveau.
  • Cliquez sur Comme animation.
  • Tapez la fréquence d'images (c'est-à-dire 30) à côté de "Délai entre les images où non spécifié:".
  • Cliquez sur Exportation

Vidéo - En utilisant ce service, certaines informations peuvent être partagées avec YouTube

Des astuces

  • N'oubliez pas que les images-g.webp" />
  • Quelque chose de mignon ou de drôle est souvent plus efficace que de gros blocs clignotants grossiers pour faire passer un message de manière favorable.
  • La combinaison des capacités d'animation et de transparence du format-g.webp" />
  • L'ajout d'une lumière tamisée « persistante » derrière la lumière vive rend cette image un peu plus agréable.

Conseillé: