{"id":117,"date":"2009-06-11T09:34:00","date_gmt":"2009-06-11T09:34:00","guid":{"rendered":"http:\/\/gistlabs.net\/weblogs\/?p=117"},"modified":"2012-10-22T22:35:11","modified_gmt":"2012-10-22T18:35:11","slug":"realiser-des-gifs-animes-avec-gimp","status":"publish","type":"post","link":"https:\/\/www.gistlabs.net\/weblogs\/realiser-des-gifs-animes-avec-gimp\/","title":{"rendered":"R\u00e9aliser des gifs anim\u00e9es avec gimp"},"content":{"rendered":"

\"\"<\/a><\/p>\n

Un gif anim\u00e9 est compos\u00e9 de n images qui “tournent” en boucle, comme un film et qui, si elles sont bien construites et mont\u00e9es, donnent l’illusion d’un mouvement ou d’une animation.<\/p>\n


\nNous consid\u00e9rerons ici 3 images A, B et C \u00e0 mettre bout \u00e0 bout pour faire un gif anim\u00e9 basique, et comme je n’ai pas d’images sous la main, je vous propose d’imaginer un feu tricolore qui passerait successivement de la couleur verte (A), \u00e0 la couleur orange (B), puis enfin au rouge (C).<\/p>\n

1). Pour cela, nous commencerons par ouvrir le fond qui va servir de d\u00e9cor principal pour notre gif, ici le feu sans aucune couleur.<\/p>\n

2). On a donc la cr\u00e9ation automatique d’un calque, qu’il conviendra de dupliquer 3 fois pour pr\u00e9parer nos 3 images, \u00e0 l’aide de la commande Dupliquer le calque.
\nPour rappel, l’affichage des calques se fait via Fichier\/Dialogues\/Calques.
\nSur le premier calque, nous allons dessiner une lumi\u00e8re verte, pour avoir notre image A.<\/p>\n

3). Pour construire l’image B, il nous faudra passer sur le 2\u00e8me calque puis dessiner de la m\u00eame fa\u00e7on la lumi\u00e8re orange.<\/p>\n

4). Idem pour la lumi\u00e8re rouge en passant sur le 3\u00e8me calque et le tour est jou\u00e9, toutes les images de notre film sont pr\u00eates \u00e0 \u00eatre jou\u00e9es.<\/p>\n

5). Reste donc \u00e0 faire comprendre \u00e0 Gimp que ces images devront \u00eatre jou\u00e9es comme une animation. Pour cela, rien de plus simple que d’enregistrer notre gif via Enregistrer sous…, puis:
\n-Choisir un nom de fichier et une extension en ‘.gif’, ben oui, sinon \u00e7a serait pas un gif anim\u00e9, hein!…
\n-Enregistrer puis cocher l’option Enregistrer en tant qu’animation
\n-Exporter et choisir \u00e9ventuellement un d\u00e9lai entre les images, diff\u00e9rent de celui propos\u00e9.
\n-Valider et c’est fini!<\/p>\n

6). Pour le r\u00e9ouvrir, choisir un visionneur d’images ou un navigateur qui “comprenne” les gifs anim\u00e9s. gThumb ou Firefox g\u00e8rent \u00e7a tr\u00e8s bien.
\nCes gifs peuvent m\u00eame \u00eatre ins\u00e9r\u00e9s dans un document OpenOffice. La grande classe pour animer des courriers et ajouter un peu de fun dans vos cr\u00e9ations! \ud83d\ude09<\/p>\n

Pour aller encore plus loin…<\/p>\n

Lorsque vous ma\u00eetriserez parfaitement la proc\u00e9dure d\u00e9crite ci-dessus, vous voudrez encore faire mieux, avec plus d’images et pourquoi pas ajouter des temporisations entre les images, ou changer les d\u00e9lais entre images.
\nEncore une fois, rien de plus simple: par exemple, si vous rouvrez notre feu tricolore, vous vous rendrez compte que Gimp a parfaitement conserv\u00e9 vos calques A, B et C et a m\u00eame ajout\u00e9 la dur\u00e9e en millisecondes \u00e0 c\u00f4t\u00e9 de chacune des images correspondantes.
\nVous pouvez r\u00e9\u00e9diter cette dur\u00e9e et en affecter une diff\u00e9rente par calque.
\nNe reste ensuite qu’\u00e0 enregistrer comme expliqu\u00e9 au point 5). et vous \u00eates maintenant Ma\u00eetre du gif anim\u00e9!<\/p>\n","protected":false},"excerpt":{"rendered":"

Un gif anim\u00e9 est compos\u00e9 de n images qui “tournent” en boucle, comme un film et qui, si elles sont bien construites et mont\u00e9es, donnent l’illusion d’un mouvement ou d’une animation.<\/p>

Continue reading<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-117","post","type-post","status-publish","format-standard","hentry","category-art","item-wrap"],"_links":{"self":[{"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/posts\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":2,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/posts\/117\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/posts\/117\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/media?parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/categories?post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gistlabs.net\/weblogs\/wp-json\/wp\/v2\/tags?post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}