Passer au contenu

Créez un Gif animé à partir d’une image

Sans logiciel payant, réalisez facilement une animation que vous pourrez mettre en ligne sur votre site Web.

Pour créer un Gif animé, vous pouvez, par exemple, mettre une image en mouvement. Nous montrerons ici comment préparer vos fichiers, créer le Gif animé, régler le comportement de l’animation et définir le mouvement que l’image devra
effectuer

Etape 1 : préparez le(s) fichiers(s)

Microsoft Gif Animator peut seulement ouvrir les images enregistrées au format Gif et ne permet pas de les modifier. C’est pourquoi vous devez, au préalable, préparer un ou plusieurs fichiers en utilisant, par exemple, le logiciel
Paint.1 Ouvrez le dossier où se trouve votre image. Placez le pointeur sur le fichier à utiliser, appuyez sur le bouton droit de la souris, cliquez sur Ouvrir avec et sur2 Créez une copie de l’image en cliquant dans le menu Fichier sur3 Pour regrouper l’ensemble des fichiers dans un dossier, en haut de la fenêtre qui s’est ouverte, cliquez surTapez un nom pour ce dossier, par exemple Gif animé, appuyez sur la touche Entrée pour valider.4 Double-cliquez sur le dossier pour l’ouvrir. Cliquez dans la zone Nom du fichier pour sélectionner son contenu et tapez5 Si le fichier d’origine n’est pas au format Gif, vous devez le convertir en cliquant sur la flèche de la zone Type et surCliquez sur Enregistrer. Confirmez la conversion en cliquant sur Oui.6 Vérifiez la taille de votre image en cliquant dans le menu Image surRegardez les zones Largeur et Hauteur, ici nous avons :Calculez le pourcentage de réduction à effectuer pour obtenir une image de taille raisonnable pour un gif animé, c’est-à-dire autour de 150 pixels. Dans cet exemple il faut réduire l’image à 5 % de l’originale.Remarque : pour obtenir ce pourcentage, divisez 150 par la taille d’origine et multipliez le résultat par 100. Cliquez sur Annuler.7 Dans le menu Image, cliquez surDans la partie Etirement, double-cliquez dans la zone Horizontal et tapez le pourcentage calculé précédemment, ici :Appuyez sur la touche Tabulation.Pour ne pas déformer l’image, tapez le même pourcentage dans la zone Vertical. Cliquez sur OK.8 Appuyez simultanément sur les touches Ctrl et S pour enregistrer.9 Pour réaliser une animation en donnant l’impression que l’image avance dans la page, vous devez créer, par exemple, dix fichiers, en modifiant la taille de l’image à chaque fois. Pour cela, renouvelez le point 2 puis le
point 4 en tapant Image 2 dans la zone Nom du fichier.Cliquez sur Enregistrez.Reproduisez le point 7 et tapez 80 dans les zones Horizontal et Vertical :Appuyez sur les touches Ctrl et S pour enregistrer.10 Renouvelez le point 9 en changeant chaque fois le nom du fichier, par Image 3, Image 4… jusqu’à Image 10.11 Appuyez simultanément sur les touches Alt et F4 pour quitter Paint.

Etape 2 : créez le fichier Gif animé

1 Dans l’explorateur Windows accédez au dossier Gif animé que vous avez créé à l’étape 1. Cliquez sur le fichier Image 1, appuyez sur le bouton droit de la souris, placez le pointeur sur
Ouvrir avec et cliquez sur Microsoft Gif Animator Application.2 Dans Microsoft Gif Animator l’image s’affiche dans une vignette nommée Frame #1. Pour éviter de modifier le fichier Image 1, créez-en un autre en cliquant sur l’icôneDans la zone Nom du fichier, tapez par exempleCliquez sur Enregistrer.

Etape 3 : définissez les options

1 Cliquez sur l’ongletPar défaut, l’animation n’est jouée qu’une seule fois. Si vous voulez qu’elle se répète, cochez la case2 Réalisez l’un des points suivants selon ce que vous souhaitez :pour que l’animation se répète, par exemple cinq fois, cliquez sur la flèche supérieure de la zone Repeat Count et indiquezpour qu’elle soit jouée en boucle, cochez la case3 Pour régler les options de la première Image, cliquez sur l’onglet4 La zone Duration (1/100 s) permet de ralentir la vitesse d’animation, en indiquant combien de temps l’image doit rester affichée en centième de seconde. Cliquez sur la flèche supérieure de cette zone
et indiquez par exemple :5 Pour masquer l’image lorsque la suivante s’affiche, cliquez sur la flèche de la zone Undraw Method et sélectionnez l’option

Etape 4 : créez le mouvement

Pour voir les possibilités offertes par Microsoft Gif Animator, nous proposons de réaliser deux exemples d’animation.Déplacez l’image dans la pageIl s’agit de dupliquer la première image, d’indiquer la position de l’image dans la vignette en fonction du mouvement souhaité et de reproduire plusieurs fois cette manipulation.1 Par défaut, la taille du fichier d’animation est ajustée à celle de l’image. Pour pouvoir déplacer celle-ci, vous devez augmenter la taille du support. Pour cela, cliquez sur l’onglet2 Le contenu de la zone Animation Width est sélectionné. Tapez la largeur à donner à l’animation en pixels, par exemple :Appuyez sur la touche Tabulation pour sélectionner le contenu de la zone Animation Height et tapez la hauteur à donner à l’animation, ici :3 Cliquez sur l’onglet Image et sur la vignette Frame #1. Copiez-la en appuyant simultanément sur les touches Ctrl et C.Puis collez-la en appuyant simultanément sur les touches Ctrl et V.4 Une seconde vignette nommée Frame #2 est ajoutée. Cliquez dessus pour la sélectionner. Pour déplacer l’image vers la droite, double-cliquez dans la zone Left et indiquez de combien vous
souhaitez la décaler en pixels, par exemple :Reproduisez les points 3 et 4 avec chaque vignette créée pour que, dans la dernière, l’image soit placée à droite.Dans notre exemple, nous avons 13 vignettes et dans la dernière, l’image a un décalage de 600 pixels dans la zone Left.5 Pour déplacer l’image verticalement, copiez-collez la dernière vignette créée.Sélectionnez la copie et dans la zone Top, tapez par exemple :Recommencez jusqu’à ce que, dans la dernière vignette, l’image soit placée tout en bas.Dans notre exemple, nous avons 26 vignettes avec, pour la dernière, un décalage de 390 pixels dans la zone Top.6 Pour déplacer l’image en diagonale, copiez-collez la dernière vignette, sélectionnez la copie et réduisez les valeurs dans les deux zones Left et Top de respectivement 50 et
30 chaque fois.Au final, dans notre exemple, nous avons 38 vignettes.7 Pour voir l’animation, dans la barre d’icônes, cliquez surPuis fermez la fenêtre Preview.8 Enregistrez les modifications dans le fichier en cliquant surFaites avancer l’image dans la pageIl suffit d’ajouter les images créées à l’étape 1 et de définir l’animation comme à l’étape 3.1 Créez une nouvelle animation en cliquant sur l’icône2 Pour ouvrir une première image, cliquez sur l’icôneDouble-cliquez sur Image 1.3 Créez un fichier en renouvelant le point 2 de l’étape 2 et en tapant par exemple Animation 2.4 Pour ajouter une autre image dans l’animation, cliquez surLa zone Regarder dans affiche le dossier Gif animé. Double-cliquez sur Image 2.5 Renouvelez le point 4 pour insérer les fichiers Image 3 à Image 10 en respectant l’ordre des noms.6 Pour appliquer les réglages à l’ensemble des images, sélectionnez toutes les vignettes en cliquant sur l’icône7 Définissez les options d’animation comme indiqué à l’étape 3. Regardez et enregistrez en reproduisant les points 7 et 8 de la partie précédente.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


Nathalie Moutreux (Carm2i)