{"id":4899,"date":"2021-02-24T09:00:11","date_gmt":"2021-02-24T08:00:11","guid":{"rendered":"http:\/\/cdscweb.fr\/chat-robaze\/?p=4899"},"modified":"2021-03-02T20:01:16","modified_gmt":"2021-03-02T19:01:16","slug":"photofiltre-creer-des-images-animees","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/photofiltre-creer-des-images-animees\/","title":{"rendered":"PhotoFiltre : cr\u00e9er des images anim\u00e9es"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4911\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/p.gif\" alt=\"\" width=\"55\" height=\"69\" \/><\/p>\n<h4><strong style=\"font-size: 1.554em;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4914\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/h.gif\" alt=\"\" width=\"48\" height=\"63\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4917\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/o.gif\" alt=\"\" width=\"47\" height=\"60\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4919\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/t.gif\" alt=\"\" width=\"53\" height=\"58\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4917\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/o.gif\" alt=\"\" width=\"47\" height=\"60\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4913\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/f.gif\" alt=\"\" width=\"47\" height=\"60\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4915\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/i.gif\" alt=\"\" width=\"35\" height=\"64\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4927\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/l.gif\" alt=\"\" width=\"42\" height=\"63\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4919\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/t.gif\" alt=\"\" width=\"53\" height=\"58\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4918\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/r.gif\" alt=\"\" width=\"56\" height=\"61\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4912\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/e.gif\" alt=\"\" width=\"39\" height=\"59\" \/><\/strong><\/h4>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong style=\"font-size: 1.554em;\">Principe du Gif anim\u00e9<\/strong><\/h4>\n<p>&nbsp;<\/p>\n<p>Le Gif anim\u00e9 est constitu\u00e9 d&rsquo;images plac\u00e9es l&rsquo;une derri\u00e8re l&rsquo;autre et qui donnent un effet d&rsquo;animation gr\u00e2ce \u00e0 la persistance r\u00e9tinienne.<br \/>\nChaque image est affich\u00e9e pendant une p\u00e9riode de temps d\u00e9termin\u00e9e que l&rsquo;on nomme <strong>dur\u00e9e<\/strong>.<\/p>\n<p>Le module <em><strong>Gif anim\u00e9<\/strong><\/em>\u00a0de PhotoFiltre permet de cr\u00e9er des animations de ce type, en utilisant la gestion interne des calques de PhotoFiltre.<\/p>\n<h4><strong>Constitution du Gif anim\u00e9<\/strong><\/h4>\n<p>Le travail pr\u00e9paratoire est primordial, car il faut organiser les calques en fonction du type d&rsquo;animation souhait\u00e9e.<br \/>\nPar exemple, pour obtenir un Gif anim\u00e9 transparent, on doit d\u00e9finir au pr\u00e9alable la transparence de chaque calque.<\/p>\n<p>Pour commencer, il faut ouvrir une image (compos\u00e9e d&rsquo;un ou de plusieurs calques) ou cr\u00e9er un nouveau document en tant que fond.<br \/>\nLe fond d\u00e9terminera la taille du Gif anim\u00e9.<\/p>\n<p>Ensuite, pour simuler l&rsquo;animation, il faut cr\u00e9er autant de calques que n\u00e9cessaire, en partant du fond et en les empilant.<br \/>\nL&rsquo;ordre d&#8217;empilement d\u00e9terminera l&rsquo;ordre des images \u00e0 animer.<br \/>\n<em>Le fond ne formera pas une image du Gif, mais servira uniquement de support. <\/em><br \/>\n<em>En fonction des options s\u00e9lectionn\u00e9es, PhotoFiltre peut avoir besoin de fusionner un calque avec le fond ou avec celui qui lui est inf\u00e9rieur pour composer l&rsquo;animation.<\/em><\/p>\n<p>Le nombre d&rsquo;images est illimit\u00e9, mais il est tributaire du syst\u00e8me d&rsquo;exploitation et de la m\u00e9moire disponible de l&rsquo;ordinateur.<\/p>\n<p>Pendant la constitution du Gif anim\u00e9, il est conseill\u00e9 de sauvegarder le travail au <strong>format PhotoFiltre (.pfi)<\/strong> pour le modifier plus facilement ult\u00e9rieurement.<\/p>\n<p>On peut ouvrir un Gif anim\u00e9 existant dans PhotoFiltre, le fichier est alors ouvert en mode calques, chaque calque correspondant \u00e0 une image du Gif anim\u00e9.<\/p>\n<h4><strong>G\u00e9n\u00e9ration du Gif anim\u00e9<\/strong><\/h4>\n<p>Pour g\u00e9n\u00e9rer le Gif anim\u00e9, il faut utiliser le menu <em><strong>[Outils\/Gif anim\u00e9]<\/strong><\/em>.<br \/>\nCette commande reste gris\u00e9e s&rsquo;il n&rsquo;y a aucune image pr\u00e9sente sur l&rsquo;espace de travail.<br \/>\nIl faut au minimum deux calques (un calque d&rsquo;arri\u00e8re-plan et un autre calque), sinon PhotoFiltre renvoie une erreur.<\/p>\n<p><em>Quand on g\u00e9n\u00e8re un Gif anim\u00e9, tous les calques sont pris en comptes par le module, m\u00eame ceux qui sont masqu\u00e9s.<\/em><\/p>\n<div id=\"attachment_4904\" style=\"width: 364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4904\" class=\"size-full wp-image-4904\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/gif-anime.jpg\" alt=\"\" width=\"354\" height=\"154\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/gif-anime.jpg 354w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/gif-anime-300x131.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/gif-anime-150x65.jpg 150w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><p id=\"caption-attachment-4904\" class=\"wp-caption-text\"><em>Propri\u00e9t\u00e9s du module <strong>Gif anim\u00e9<\/strong><\/em><\/p><\/div>\n<h5 style=\"padding-left: 40px;\"><strong>Dur\u00e9e<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option est constitu\u00e9e de deux param\u00e8tres solidaires.<br \/>\nElle permet d&rsquo;affecter aux images un d\u00e9lai d&rsquo;affichage en centi\u00e8me de seconde.<br \/>\nCette dur\u00e9e indique que l&rsquo;image sera visible pendant le temps mentionn\u00e9 avant de passer \u00e0 la suivante.<br \/>\nPar d\u00e9faut, les valeurs sont de 100\/100\u00e8me de seconde (\u00e9quivalent \u00e0 une seconde).<\/p>\n<p style=\"padding-left: 40px;\">Les dur\u00e9es sont pr\u00e9serv\u00e9es pendant toute la session de PhotoFiltre tant que le nombre de calques composant le Gif ne varie pas trop.<\/p>\n<p style=\"padding-left: 40px;\">Dans la liste d\u00e9roulante de droite, on retrouve une hi\u00e9rarchie correspondante \u00e0 celle de la barre des calques. La liste est d\u00e9termin\u00e9e comme suit :<br \/>\n1. Toutes les images<br \/>\n2. Nom du premier calque<br \/>\n3. Nom du calque suivant et idem jusqu&rsquo;\u00e0 la fin<\/p>\n<p style=\"padding-left: 40px;\">Pour d\u00e9finir une dur\u00e9e uniforme pour toutes les images, s\u00e9lectionner [Toutes les images] dans la liste.<br \/>\nPour d\u00e9finir une dur\u00e9e pour une image pr\u00e9cise, s\u00e9lectionner le nom du calque correspondant dans la liste.<\/p>\n<p style=\"padding-left: 40px;\">On peut mettre une dur\u00e9e de z\u00e9ro pour ignorer l&rsquo;image concern\u00e9e.<\/p>\n<p style=\"padding-left: 40px;\">Pour modifier la dur\u00e9e sur quelques calques et donner une dur\u00e9e uniforme \u00e0 tous les autres, commencer par appliquer la dur\u00e9e uniforme \u00e0 toutes les images et modifier ensuite les calques particuliers.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Boucler<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet de r\u00e9p\u00e9ter perp\u00e9tuellement le Gif anim\u00e9.<br \/>\nPar d\u00e9faut, la case est coch\u00e9e.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Diffusion<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet d&rsquo;appliquer un algorithme am\u00e9liorant la qualit\u00e9 visuelle de l&rsquo;image lors de la r\u00e9duction du nombre de couleurs.<br \/>\nPar d\u00e9faut, cette case est coch\u00e9e.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Restaurer le fond<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet d&rsquo;ins\u00e9rer automatiquement le calque de fond entre chaque image.<br \/>\nOn peut ainsi simuler un fond constant dans l&rsquo;animation.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Rogner les bords transparents<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet de rogner les bords transparents sur des calques de dimensions inf\u00e9rieures \u00e0 celles du fond.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Web 216 couleurs<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet d&rsquo;utiliser une palette de 216 couleurs am\u00e9lior\u00e9e pour le Web.<br \/>\nDans ce cas, PhotoFiltre cr\u00e9e une palette constante pour chacune des images composant l&rsquo;animation.<br \/>\nLe r\u00e9sultat est de moins bonne qualit\u00e9, mais il offre une plus grande compatibilit\u00e9 avec les autres applications.<br \/>\nPar d\u00e9faut, cette option est s\u00e9lectionn\u00e9e.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Palette optimis\u00e9e<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet de calculer des palettes optimis\u00e9es de 256 couleurs.<br \/>\nDans ce cas, PhotoFiltre utilise des couleurs diff\u00e9rentes pour chacune des images composant l&rsquo;animation.<br \/>\nLe r\u00e9sultat est de meilleure qualit\u00e9, mais non compatible avec certaines applications.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Transparence<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Cette option permet de cr\u00e9er des Gif anim\u00e9s enti\u00e8rement transparents.<br \/>\nDans ce cas, chaque calque correspond \u00e0 une image composant l&rsquo;animation.<br \/>\nLa transparence est prise sur celle du calque, mais l&rsquo;opacit\u00e9 du calque est ignor\u00e9e.<br \/>\n<em>Cette option agit uniquement sur le Gif g\u00e9n\u00e9r\u00e9, mais ne modifie en rien la transparence des calques.<\/em><\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Aper\u00e7u<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">PhotoFiltre ouvre une fen\u00eatre du navigateur Internet pour afficher un aper\u00e7u du Gif anim\u00e9.<br \/>\nEn cas de Gif transparent, un damier de fond est visible pour mieux visualiser la transparence.<\/p>\n<h5 style=\"padding-left: 40px;\"><strong>Exporter<\/strong><\/h5>\n<p style=\"padding-left: 40px;\">Lance la bo\u00eete de dialogue standard Windows permettant l&rsquo;enregistrement avec GIF comme type unique de fichier.<\/p>\n<p style=\"text-align: right;\"><em><strong>Dans les prochains articles, quelques travaux pratiques&#8230;<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/cdscweb.fr\/chat-robaze\/photofiltre-creer-des-images-animees\/\">Lire<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4937,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-4899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photofiltre"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/4899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=4899"}],"version-history":[{"count":22,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/4899\/revisions"}],"predecessor-version":[{"id":4957,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/4899\/revisions\/4957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/4937"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=4899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=4899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=4899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}