Création d'un GIF sous The GIMP
Tutoriel Graphisme - Infographie
The GIMP

Domaine : Infographie

Logiciel : The GIMP

Niveau : Initié

Pré-requis : Bases de GIMP

Objectifs: Faire un GIF sans perte avec un poids minimum.


Bon, comme l'indique le titre, je vais donc expliquer la démarche à suivre pour faire un gif avec le moins de perte possible et un poids en dessous des 47ko, sous gimp (pour plus d'info sur le logiciel, voir la fiche de Vidow ) .

Tout d'abord, je pars du principe que l'on a déjà fait ses captures d'écran avec un logiciel de capture ou VirtualDub (je ferais un tuto sur ce dernier plus tard).

Pour commencer, on va ouvrir la fenêtre de calque.Pour cela, on va dans (sur la palette ) "Fichier"---->"Dialogues"---->"Calques".Une fenêtre de ce type devrait s'ouvrir :



Une fois la fenêtre ouverte, on va afficher nos captures.Pour la première et donc le début de note gif, on va dans (toujours sur la palette ) "Fichier"---->"Ouvrir" et on sélectionne, notre première images.Une zone de dessins devrait apparaitre avec vote image.Ensuite pour les captures suivantes, dans la zone de dessins, on va cette fois, dans "Fichier" et "Ouvrir comme un calques".Les images ouverte devrait se superposer à l'image principale (qui prend le nom d'arrière plan ) et être affichées dans la fenêtre de calque.Voici le résultat une fois la procédure terminé :



On remarquera que dans mon cas, beaucoup d'images ont été sélectionné mais c'est fait exprès pour le tutoriel.Il faut aussi savoir que l'image qui apparaitra dans la zone de dessin est la dernière que vous avez ouvertes (donc votre dernier calques)Si vous voulez voir la précédente, décocher l'oeil de votre dernière images (et ainsi de suite ).

Bon là, on se dit quand même qu'il y a trop d'image (y' en a une vingtaines là -_-" ) , on va donc tout d'abord garder celle où la magnifique jeune femme (Galatea de Claymore pour pas faire de pub ) effectue un mouvement de tête : clique droit sur le calque sélectionné et "supprimer le calque".


C'est déjà bien mieux là, étant donné qu'il n'en reste que 5

Maintenant, on va peut-être découper cette image et garder ce qui nous intéresse, à savoir, Galatea. Pour ce faire, on sélectionne, l'outil de "sélection des région rectangulaire " dans la palette et on choisit la zone que l'on veut garder (en faisant attention, si possible d'avoir une forme carré, c'est à dire 400*400 etc...) sur l'arrière plan.Une fois la zone sélectionné, ne coupez pas ! Ouvrez avant, une nouvelle fenêtre de dialogue du nom de "Chemin".Pour cela, on clique sur la petite flèche à côté de la croix et on va dans "ajouter un onglet"---->"chemin".Vous devriez avoir ce qui suit :



Ensuite cliquer sur "sélection vers chemins" (vérifié bien que vous avez toujours votre sélection en cours ), une fenêtre "selection to path " devrait apparaitre dans la fenêtre de dialogues.Coupez maintenant votre sélection d'arrière plan (si vous ne voyez pas de modification sur l'image, c'est surement que vous n'avez pas désactivé l'oeil sur les calques qui sont au dessus ) et ouvrez un nouveau fichier (la taille devrait être celle du fichier coupé ) puis coller l'image.

Maintenant et c'est là tout l'intérêt du chemin, sélectionné le calque au dessus de l'arrière plan et allez (dans la zone de dessin ) dans "Sélection" ----> "Depuis le chemin" et là normalement la selection fait précédemment, devrait réapparaitre, vous évitant ainsi d'en refaire une et donc d'éviter d'avoir des calques où la position de l'image est différente (c'est pas merveilleux ça franchement ).Procéder ainsi tout le long en collant les images au même endroit que celle de l'arrière plan.Vous devriez au final avoir ceci :




On a maintenant notre image finale, mais voilà lorsqu'on regarde un aperçu de l'animation, on s'aperçoit que c'est pas géniale ("filtre"---->"animation"----> "rejouer l'animation " ).Galatea bouge vite de la tête et surtout, revient tout de suite à sa position initiale lorsque le gif se termine, ce qui n'est pas crédible.

On va commencé par lui faire un beau mouvement de tête.Pour se faire rien de plus simple on va dupliqué tout nos calque en une fois, en faisant un clique droit sur chacun d'eux et "dupliquer le calque".Ensuite on range ces "copies " dans l'ordre inverse des calques initiaux (c'est a dire du dernier au premier".Le résultat :



Bon là, c'est déjà mieux Maintenant, on va incorporer la durée de chaque images.Pour ça, on sélectionne un calque, on double clique dessus puis on rajoute (XXXms) où XXX correspond au temps que l'on veut mettre pour chacune de nos images.Je conseil de mettre des temps de 1000ms ou plus si l'on veut s'attarder sur une position et pour les mouvement de transition de resté en dessous des 150ms (mais bon là ça dépends de ce que l'on a ).
Voici ce que ça donne (allez dans rejouer l'animation pour avoir un aperçu ) :



Notre gif est maintenant quasiment terminé. Oui quasiment car maintenant, il nous reste à nous occuper du poids.

Pour ce faire, on va d'abord réduire nos calques.Rien de plus simple, on va dans "image " ---->"échelle et taille de l'image " et ensuite on choisit la taille que l'on veut attribué.Personnellement, je prend du 118*118.

Là, c'est le moment idéal pour mettre une bordure car ensuite ce sera peut-être trop tard (je pense surtout à l'optimisation ).Donc, on va dans "Script-Fu" ----> "Décor" ----> "Ajouter une bordure ".On choisit la taille (je prend du 1*1 pixel perso ) et la couleur.Inutile de toucher au reste Normalement un calque "Boder-layer " devrait apparaitre dans la fenêtre de calque.Dupliquez ce calque autant de fois qu'il y a de calques "images" puis placer chacun de vos calques (de bordure j'entends ) au dessus d'un calque image comme ce qui suit :



Ensuite, sélectionner un calque bordure, puis clique droit et "Fusionner vers le bas ".Le calque bordure fusionnera avec le calque image qui est en dessous de lui.Procéder de la même manière pour les autres.Vous pouvez bien évidemment faire une autre bordure en procèdent de la même manière (j'en fais toujours deux en ce qui me concerne ) .

Avant de poursuivre plus loin, je conseils fortement de sauver le fichier en .xcf.Cela évitera de tout refaire et surtout cela nous permettra lorsqu'on ouvrira le fichier de se retrouver au même point (avec les différents calques, sans qu'ils aient fusionné entre eux quoi ).

Bon, la bordure est faite, l'image est réduite, il est donc temps pour notre image de faire un régime .

La technique qui va suivre (pas obligatoirement nécessaire, ça dépend de ce que l'on fait comme gif ) consiste à ne garder que l'arrière plan intacte et à découper dans tout les autres calques tout ce qui reste identique à l'arrière plan, donc tout ce qui ne bouge pas (a savoir ici, tout sauf la tête de Galatéa ) .En effet, étant donné que ce sont des calques chacun se superposent sur l'autre et donc on ne verra pas la différence si l'arrière plan n'est pas modifié.Cela permet, au final, de faire perdre du poids à l'image


On va commencer par "détourer" ce que l'on veut enlever.Pour ça, sélectionner dans la palette, l'outil "créer et modifier le chemin " (la plume qui trace un trait et soyez sûr que ce dernier est l'option polygonal de coché avant de commencer ).Ensuite commencez à détourer sur l'arrière plan ou autre ce que vous voulez enlevé (donc ce qui ne bouge pas entre les différents calques ), en prenant soin que le point de départ et le point d'arrivé soit assez proche.Voici ce que ça donne dans mon cas avec Galatea :



Faites, pour chacun des calques (sauf l'arrière plan ) , "Sélection"---->"Depuis le chemin" et ensuite "Edition"---->"Couper".Le résultat sur mon gif :




Ca y' est on a fait le plus dur pour notre perte de poids .

Maintenant allez dans "image" ---> "mode" ---> "indexé" et modifié le tramage en le mettant sur "aucun".Ensuite, allez dans "filtre" ---> "animation" ---> "optimiser pour gif ".Une nouvelle fenêtre s'ouvre avec cette fois des calques optimisés pour le gif.

Il ne vous reste plus qu'à sauvegarder votre fichier en .gif, en prenant soin de sélectionner "enregistrer en tant qu'animation" (bah oui, c'est un gif quand même ).

Mais voilà dans mon cas, le gif est toujours supérieur à 60ko.Pour autant rien n'est perdu.En effet, retourner sur votre première fenêtre (celle d'avant l'optimisation ) et maintenant supprimer, un calque sur deux (prenez soin de modifiez la durée des images en conséquences ).Refaites l'optimisation et ce qui s'en suit et voilà, vous avez enfin un gif inférieur à 47 ko (36 dans mon cas ).

Bon, ça à l'air assez long comme ça mais avec la pratique, ça prend pas plus de 15 minute au plus ^^ (je mets le résultat final en pièce jointe )

Miniatures attachées