<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Gif on Shigaepouyen</title><link>https://blog.shigaepouyen.net/tags/gif/</link><description>Recent content in Gif on Shigaepouyen</description><generator>Hugo -- gohugo.io</generator><language>fr</language><lastBuildDate>Sun, 08 Mar 2009 10:00:23 +0000</lastBuildDate><atom:link href="https://blog.shigaepouyen.net/tags/gif/index.xml" rel="self" type="application/rss+xml"/><item><title>Création graphique et contraintes de l'imprimeur</title><link>https://blog.shigaepouyen.net/creation-graphique-et-contraintes-de-limprimeur/</link><pubDate>Sun, 08 Mar 2009 10:00:23 +0000</pubDate><guid>https://blog.shigaepouyen.net/creation-graphique-et-contraintes-de-limprimeur/</guid><description>&lt;img src="https://blog.shigaepouyen.net/uploads/2021/11/printer-smashed-300x199-1.jpg" alt="Featured image of post Création graphique et contraintes de l'imprimeur" /&gt;&lt;p&gt;Faire appel à un imprimeur n&amp;rsquo;est pas si compliqué, et j&amp;rsquo;ai vu beaucoup de gens le faire (pour leur faire-part de naissance, pour les flyers de soirées ou pour les catalogues de leur PME). Mais ce qui est tragique, c&amp;rsquo;est que beaucoup paient le prix fort et au final obtiennent un résultat décevant car ils n&amp;rsquo;ont pas suivi quelques règles de base.
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/printer-smashed.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/printer-smashed-300x199.jpg"
loading="lazy"
alt="printer-smashed"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Je vous propose donc de passer en revue les principes qui vous permettront d&amp;rsquo;obtenir au final le résultat que vous espériez.&lt;/p&gt;
&lt;h2 id="le-système-cmjn"&gt;Le système CMJN
&lt;/h2&gt;&lt;p&gt;Pour reconstituer une image sur du papier, on fait appel à quatre couleurs :
Le Cyan, le Magenta, le Jaune et le Noir. C’est le système CMJN (ou CMYK en anglais).
En dosant la quantité de chacune de ces couleurs sur le papier, grâce à 4 rotatives, on peut obtenir n’importe quelle teinte. C’est ainsi que sont imprimé tous les magazine, journaux, affiches, etc… bref tout ce qui est en couleur :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cmjn.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cmjn-300x225.jpg"
loading="lazy"
alt="source : http://www.glenat.ch/vertigedesreserves/impression/index.htm"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Regardez par exemple le bas de la « une » d&amp;rsquo;un quotidien tel que &amp;ldquo;le Progrès&amp;rdquo; : vous verrez les témoins utilisés par l’imprimeur pour vérifier l’encrage du papier. C’est la même chose pour les briques de lait qui comportent des illustrations en couleur. Généralement, ces repères sont coupés, mais dans ces deux cas ils restent visibles (par économie de papier et de frais de coupe, ou bien car ils seront cachés grâce au pliage):
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cmjn-brique-jus-fruit.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cmjn-brique-jus-fruit-300x225.jpg"
loading="lazy"
alt="cmjn-brique-jus-fruit"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;En fait, il y a un bémol : certaines couleurs ne peuvent pas être obtenues par le système CMJN alors qu’elle peuvent l’être avec le système RVB, notamment les couleurs intenses ou éclatantes (rouge vif, bleu roi, …). C’est la raison pour laquelle vous devez vous méfier de ce que nous montre notre écran, et que dès le début, vous devez utilisez le mode &amp;ldquo;CMJN&amp;rdquo; de votre logiciel de retouche (sinon vous aurez des surprises au moment où vous convertirez votre document!)&lt;/p&gt;
&lt;h2 id="le-prix--la-quantité"&gt;Le prix / la quantité
&lt;/h2&gt;&lt;p&gt;L’impression numérique est plutôt avantageuse pour les travaux couleurs en petite quantité (à titre indicatif jusqu’à 500/1000 exemplaires suivant la taille). En effet, le prix du flashage (photogravure) alourdit tout de suite la facture dans le cas de l’impression offset. Mais cette dernière devient vite très avantageuse pour les grands tirages (supérieurs à 1000 exemplaires). Une fois le flashage effectué, il n’est généralement pas très coûteux de rajouter 100 ou 200 affiches de plus. Sans parler des prix dégressifs pratiqués généralement par les imprimeurs.
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/rotatives.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/rotatives-300x225.jpg"
loading="lazy"
alt="rotatives"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Un autre facteur déterminant dans le prix est le grammage du papier, exprimé en g/m². D’une manière générale, 150g/m² en couché brillant est un grammage optimum pour une affiche, même si 130g/m² peut suffire. Pour des flyers classiques, 110g/m²est un minimum. Au delà de 200g/m², on se rapproche plus du carton. C’est pratique pour les cartes de voeux, les cartes de visite, les flyers au format spécial.&lt;/p&gt;
&lt;h2 id="le-séchage-et-le-coupage"&gt;Le séchage et le coupage
&lt;/h2&gt;&lt;p&gt;Après l’impression proprement dite, l’encre doit sécher, puis l’imprimeur procède à la coupe du papier : il supprime les marges (utilisées pour l’entraînement du papier et pour les &amp;ldquo;hirondelles&amp;rdquo; utilisées pour le calage des rotatives). A la fin, votre document fait le format désiré :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/hirondelles.png" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/hirondelles-211x300.png"
loading="lazy"
alt="hirondelles"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;C’est pourquoi, votre fichier informatique doit être légèrement plus grand que la taille définitive de l’affiche : si lors de la coupe le massicot dévie de 1mm et que vous n’avez pas prévu de débord, il y aura un liseré blanc sur le bord de votre affiche. En « débordant » de la taille finale, et en ne mettant aucune information importante dans ce débord, vous vous assurez un travail de qualité : Le débord sera imprimé, mais supprimé à la coupe, et les imperfections lors de la coupe n’auront pas d’importance.&lt;/p&gt;
&lt;p&gt;Ces bords perdus sont donc très important, et vous devez toujours en tenir compte, notamment pour ne pas mettre de texte dans cette zone qui sera imprimée mais supprimée par la suite.&lt;/p&gt;
&lt;h2 id="le-tirage-de-référence"&gt;Le tirage de référence
&lt;/h2&gt;&lt;p&gt;Avec votre fichier informatique, veillez à toujours fournir une sortie couleur de votre travail. Cette sortie couleur vous permet d’attester de ce que vous fournissez et donc de ce que vous attendez. Il n’est pas nécessaire de fournir au format réel, ni que la qualité soit parfaite, il faut juste montrer ce que votre fichier doit permettre d’imprimer. Bien entendu, datez, tamponnez et signez cette sortie couleur.
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/bat-gb.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/bat-gb-300x247.jpg"
loading="lazy"
alt="bat-gb"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Si vous voulez un véritable BAT (Bon A Tirer), il faudra venir à l&amp;rsquo;imprimerie au moment où les rotatives sont calées : une première sortie sera faite, vous pourrez valider les couleurs et l&amp;rsquo;aspect du document. Mais si vous n&amp;rsquo;êtes pas content, par exemple s&amp;rsquo;il faut faire des modifications sur le document, il faudra refaire une photogravure et recommencer le calage (ce qui représente un coût important).&lt;/p&gt;
&lt;p&gt;Dans certains cas, il sera utile de sortir un &amp;ldquo;Cromalin&amp;rdquo; : c&amp;rsquo;est une imprimante dont la sortie est censée représenter les teintes exactes, telles qu&amp;rsquo;elles seraient dans la rotative. Là aussi c&amp;rsquo;est couteux, mais moins que de refuser le bon à tirer!
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cromalin_rvb_cmjn.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/cromalin_rvb_cmjn-300x205.jpg"
loading="lazy"
alt="cromalin_rvb_cmjn"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="la-taille-du-support"&gt;La taille du support
&lt;/h2&gt;&lt;p&gt;Evidemment, cette information est essentielle. Tous les formats sont possibles, le tout est qu’il soit bien précisé sur le devis, pour vous permettre de travailler au bon format dès le début (et éviter de vous retrouver au dernier moment avec une image à laquelle il manque quelques centimètres !).&lt;/p&gt;
&lt;h2 id="la-profondeur-de-limage-ou-résolution-de-limage"&gt;La profondeur de l&amp;rsquo;image (ou résolution de l’image)
&lt;/h2&gt;&lt;p&gt;Le choix de la valeur de la profondeur de l’image dépend de l’usage de cette image. En effet, la profondeur de l’image indique la quantité d’information à utiliser pour chaque cm² (ou plutôt pour chaque pouce²) de votre travail.&lt;/p&gt;
&lt;p&gt;La mesure de la profondeur d’image s’exprime en Point Par Pouce soit ppp (ou dpi en anglais pour « dot per inch »).&lt;/p&gt;
&lt;p&gt;Imaginons que le carré représenté ci-après mesure 1 pouce de côté. Avec une résolution de 5ppp, voici la quantité de points (et donc d’information) que l’ordinateur va utiliser :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-5-ppp-vide.png" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-5-ppp-vide.png"
loading="lazy"
alt="carre-5-ppp-vide"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Si on trace la diagonale de ce carré, voilà l’information que l’ordinateur va retenir :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-5-ppp.png" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-5-ppp.png"
loading="lazy"
alt="carre-5-ppp"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Alors qu’avec une résolution 4 fois supérieure soit 20ppp, le fichier va comporter plus d’information c’est à dire plus de points :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-20-ppp.png" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/carre-20-ppp.png"
loading="lazy"
alt="carre-20-ppp"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Pour une même taille d&amp;rsquo;impression, on peut donc avoir plusieurs résolutions possibles. Plus la résolutions est élevée, plus le fichier donnera de détails.&lt;/p&gt;
&lt;p&gt;En réalité, les résolutions standards employées sont 72ppp et 300ppp. En effet, 72ppp correspond à la résolution réelle des pixels à l’écran. Pour une résolution d’image supérieure, l’ordinateur affiche l’apparence de l’image (en supprimant les informations intermédiaires : il a beau savoir qu’il y a 300 points par pouce, il ne peut en afficher que 72), il faut zoomer pour voir la différence.&lt;/p&gt;
&lt;p&gt;En particulier, ça veut dire que deux diagonales à 72ppp et à 300ppp, sur l’écran, sont absolument identiques si on les affiche à taille d’impression.
Mais si on agrandit l’image, voilà la différence (cliquez sur l&amp;rsquo;image) :
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/difference-ecran-72-300-ppp.png" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/difference-ecran-72-300-ppp-285x300.png"
loading="lazy"
alt="difference-ecran-72-300-ppp"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;C’est pourquoi il est essentiel de travailler du début à la fin avec des images haute définition, sous peine d’obtenir à l’impression un travail pixellisé.&lt;/p&gt;
&lt;p&gt;De plus, plus la résolution est grande, plus la quantité d’information est importante à surface égale, et donc plus le fichier est « lourd ». C’est la raison pour laquelle 72ppp est la résolution communément utilisées sur le web. A l’inverse, 300ppp est la résolution généralement employée pour les travaux d’impression.&lt;/p&gt;
&lt;p&gt;Il faut aussi savoir que certains navigateurs ne savent afficher QUE des images avec une résolution de 72ppp ; c&amp;rsquo;est donc la résolution à utiliser pour les images que vous destinez au web.&lt;/p&gt;
&lt;h2 id="la-taille-du-débord"&gt;La taille du débord
&lt;/h2&gt;&lt;p&gt;La taille du débord est à demander à l’imprimeur. Il faut rajouter le débord sur tous les côtés de l’image. Par exemple, pour une carte postale de 10,5x15cm avec un débord de 2mm, la taille de votre fichier doit être de 10,9x15,4cm. Si votre fond est blanc, pas de problème ; mais si le fond est coloré, couvrez toute la zone du fichier avec, même le débord. Ainsi, en cas de décalage lors de la coupe, vous évitez les liserés blancs inesthétiques.
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/printer-smash.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/printer-smash-199x300.jpg"
loading="lazy"
alt="printer-smash"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="le-format-du-fichier"&gt;Le format du fichier
&lt;/h2&gt;&lt;p&gt;Le format à employer pour votre fichier est essentiel. Tous ne conviennent pas. En effet, certains perdent des informations par la compression des données. C’est le cas pour les images jpeg par exemple.&lt;/p&gt;
&lt;p&gt;Mon conseil : vous devez fournir à l’imprimeur un fichier brut et de format universel que l’imprimeur puisse directement utiliser. En l’occurrence, un fichier brut est un fichier qui, pour chaque point, dit clairement quelle couleur appliquer.&lt;/p&gt;
&lt;p&gt;Les format couramment employés en imprimerie sont les formats TIFF et EPS. Je vous conseille le format TIFF sans compression (car le format EPS comporte des subtilités que j’ignore, et ça marche très bien en TIFF). Demandez à votre imprimeur s’il travaille sur Mac ou sur PC (et vous verrez que c’est souvent sur Mac) et quels formats il accepte. Photoshop permet l’enregistrement au format Tiff pour Mac même si vous travaillez sur PC. Vous serez ainsi certains que le fichier que vous donnez à l’imprimeur pourra être ouvert par celui-ci et qu’il contiendra exactement les données voulues.&lt;/p&gt;
&lt;h2 id="pour-le-web"&gt;Pour le web
&lt;/h2&gt;&lt;p&gt;Dans le cas des images web, la taille est un problème majeur. C’est pourquoi il existe des formats dits « compressés » où certaines informations sont perdues au profit de la baisse de poids du fichier.&lt;/p&gt;
&lt;p&gt;Ainsi, on retrouve essentiellement 2 formats : le gif et le jpeg.&lt;/p&gt;
&lt;p&gt;Le gif est un format particulier dans lequel les couleurs sont indexées et au nombre maximum de 256. Il est souvent utiliser pour les logos ou les images simples. En effet, le nombre limité de couleurs utilisées ne permet pas d’afficher les photos ou autres images aux couleurs trop nombreuses. Toutefois, ce format permet de créer des animations simples (type logo tournant, ou bandeau publicitaire), et il permet également de conserver les zones de transparence.
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-original.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-original-300x199.jpg"
loading="lazy"
alt="tartiflette-original"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;fichier original (JPG)
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-web.gif" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-web-300x199.gif"
loading="lazy"
alt="GIF avec une palette de couleurs prédéfinie “WEB”"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;fichier GIF avec une palette de couleurs prédéfinie &amp;#34;WEB&amp;#34;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-corps-noir.gif" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-corps-noir-300x199.gif"
loading="lazy"
alt="fichier GIF avec une palette de couleur “corps noir”"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;fichier GIF avec une palette de couleur prédéfinie &amp;#34;corps noir&amp;#34;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-perceptive.gif" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-gif-palette-perceptive-300x199.gif"
loading="lazy"
alt="fichier GIF avec une palette de couleur “perceptive” spécifiquement calculée pour cette image"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;fichier GIF avec une palette de couleur &amp;#34;perceptive&amp;#34; spécifiquement calculée pour cette image
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;Le jpeg (fichier .jpg) quant à lui permet d’afficher des images qualité photo en milliers de couleurs mais à une faible résolution (généralement 72ppp, parfois moins).&lt;/p&gt;
&lt;p&gt;Je ne fais aucune confiance au format JPEG (même si de nombreux imprimeurs l&amp;rsquo;acceptent) car suivant le logiciel, la qualité de la compression varie énormément (essayez d&amp;rsquo;enregistrer une photo en JPEG depuis Paint !).Et on obtient alors les fameux &amp;ldquo;moirés&amp;rdquo; des JPG :
&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/tartiflette-jpeg-basse-resolution.jpg"
loading="lazy"
&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;Fichier JPG avec une basse résolution
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;h2 id="en-conclusion"&gt;En conclusion
&lt;/h2&gt;&lt;p&gt;Il y a 10 ans, presque jour pour jour, je faisais ma première rencontre avec Photoshop et la création graphique. C&amp;rsquo;était dans une asso étudiante, pour créer les affiches d&amp;rsquo;une soirée. Depuis, j&amp;rsquo;ai eu l&amp;rsquo;occasion de m&amp;rsquo;en servir à de nombreuses reprises, et notamment dans le contexte professionnel (pour certains petits projets, c&amp;rsquo;est quand même plus pratique, rapide et économique que de faire appel à un graphiste).&lt;/p&gt;
&lt;p&gt;Je n&amp;rsquo;ai jamais suivi de formation, et j&amp;rsquo;ai appris essentiellement en pratiquant, et en en parlant avec d&amp;rsquo;autres graphistes.&lt;/p&gt;
&lt;p&gt;Si vous souhaitez aller plus loin, je vous propose de &lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/photoshop2003.pdf" &gt;télécharger la formation&lt;/a&gt; que j&amp;rsquo;ai réalisée il y a quelques années pour des associations étudiantes. La version de Photoshop est dépassée, mais les bases restent les mêmes&amp;hellip;&lt;/p&gt;
&lt;p&gt;Et je vous souhaite bonne chance pour que vos créations électroniques deviennent des réalités :)
&lt;a class="link" href="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/impossible-two-or-three.jpg" &gt;&lt;img src="https://blog.shigaepouyen.net/uploads/ilovemiage/uploads/2009/03/impossible-two-or-three-300x233.jpg"
loading="lazy"
alt="impossible-two-or-three"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;Image impossible par [Josh Sommers](http://im-possible.info/english/art/computer/josh-sommers.html)
&lt;/code&gt;&lt;/pre&gt;</description></item></channel></rss>