{"id":11604,"date":"2024-11-26T08:00:00","date_gmt":"2024-11-26T07:00:00","guid":{"rendered":"https:\/\/db-group.be\/?p=11604"},"modified":"2024-11-26T16:39:49","modified_gmt":"2024-11-26T15:39:49","slug":"outils-graphiques","status":"publish","type":"post","link":"https:\/\/baamagency.be\/index.php\/2024\/11\/26\/outils-graphiques\/","title":{"rendered":"Outils\u00a0graphiques"},"content":{"rendered":"\n<p><strong>Donner aux id\u00e9es une traduction visuelle\u00a0: telle est la vaste t\u00e2che des graphistes.\u00a0<\/strong><strong>Elle va de l<\/strong><strong>a cr\u00e9ation d\u2019un logo \u00e0 la r\u00e9alisation d\u2019un site web<\/strong><strong>\u00a0ou<\/strong><strong>\u00a0d\u2019une animation, en passant par tout<\/strong><strong>\u00a0l\u2019\u00e9ventail des travaux\u00a0<\/strong><strong>imprim\u00e9s<\/strong><strong>\u00a0:\u00a0<\/strong><strong>affiches, brochures, emballages<\/strong><strong>,\u00a0<\/strong><strong>habillage de v\u00e9hicules<\/strong><strong>\u2026\u00a0<\/strong><strong>Comment <\/strong><strong>travail<\/strong><strong>lent l<\/strong><strong>es graphistes et quels sont leurs outils\u00a0? Tour d\u2019horizon avec Sabine\u00a0<\/strong><strong>Perillo<\/strong><strong>,\u00a0<\/strong><strong>Creative\u00a0<\/strong><strong>Director<\/strong><strong>\u00a0<\/strong><strong>chez\u00a0<\/strong><strong>db<\/strong><strong>\u00a0Studio.<\/strong><\/p>\n\n\n\n<p>Tout le savoir-faire du graphiste consiste \u00e0 exploiter les \u00e9l\u00e9ments \u00e0 sa disposition, textes et images, pour les fusionner en un&nbsp;<a href=\"https:\/\/db-group.be\/2023\/10\/11\/mise-en-page-impact-dans-3-secondes\/\">objet de communication visuelle efficace<\/a>&nbsp;: une&nbsp;<a href=\"https:\/\/db-group.be\/2023\/07\/28\/un-regard-sur-laffiche\/\">affiche<\/a>&nbsp;qui captera l\u2019attention, un magazine agr\u00e9able \u00e0 lire, une page web conviviale\u2026 Pour cela, il faut de la cr\u00e9ativit\u00e9 et de l\u2019imagination&nbsp;; une bonne compr\u00e9hension&nbsp;des publics vis\u00e9s et des tendances&nbsp;;&nbsp;des connaissances vari\u00e9es dans diff\u00e9rents domaines allant de la&nbsp;<a href=\"https:\/\/db-group.be\/2022\/10\/27\/quelle-typo-choisir\/\">typographie<\/a>&nbsp;\u00e0 la photo\u2026 Et bien s\u00fbr, il faut&nbsp;disposer des&nbsp;bons outils&nbsp;et savoir s\u2019en servir&nbsp;!<\/p>\n\n\n\n<p>Depuis une quarantaine d\u2019ann\u00e9es d\u00e9j\u00e0, ce travail s\u2019est num\u00e9ris\u00e9&nbsp;: les tables \u00e0 dessin, crayons et pinceaux ont&nbsp;fait&nbsp;place \u00e0 l\u2019ordinateur et aux logiciels. Et depuis une vingtaine d\u2019ann\u00e9es, ce paysage est domin\u00e9 par un acteur majeur&nbsp;: Adobe, inventeur du format PDF, avec sa Creative Suite. Celle-ci comprend une quinzaine de logiciels, dont le plus connu du grand public est sans doute Acrobat,&nbsp;tr\u00e8s utilis\u00e9 dans les \u00e9changes entre les graphistes et leurs clients. La version gratuite permet d\u2019ouvrir et d\u2019annoter&nbsp;les documents PDF&nbsp;; la version payante permet d\u2019y apporter des modifications. &nbsp;&nbsp;<\/p>\n\n\n\n<p>Mais pour les graphistes, la Creative Suite, ce sont surtout trois autres logiciels&nbsp;: Photoshop, Illustrator et InDesign.&nbsp;<em>\u00ab&nbsp;Photoshop s\u2019utilise pour tout ce qui&nbsp;<\/em><em>touche au<\/em><em>&nbsp;traitement des photos, Illustrator pour la cr\u00e9ation de visuels et d\u2019infographies, et InDesign pour la mise en page<\/em><em>&nbsp;\u00bb<\/em>, explique Sabine&nbsp;Perillo<em>.&nbsp;<\/em><em>\u00ab&nbsp;<\/em><em>Il y a d\u2019autres outils sur le march\u00e9, mais rien d\u2019aussi complet que la suite Adobe&nbsp;; son avantage, c\u2019est que les programmes ont \u00e9t\u00e9 con\u00e7us pour fonctionner les uns avec les autres.&nbsp;\u00bb<\/em><em><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Photoshop<\/strong><strong>, transformateur d\u2019images&nbsp;<\/strong><\/h2>\n\n\n\n<p>Commen\u00e7ons par Photoshop&nbsp;:&nbsp;<em>\u00ab&nbsp;<\/em><em>B<\/em><em>eaucoup d\u2019autres logiciels permettent de recadrer<\/em><em>&nbsp;des images<\/em><em>, ajuster les lumi\u00e8res, la saturation, etc. Mais Photoshop<\/em><em>&nbsp;offre des&nbsp;<\/em><em>fonctionnalit\u00e9s beaucoup plus pouss\u00e9es, par exemple pour corriger les d\u00e9formations de l\u2019image, utiliser des calques, d\u00e9tourer des \u00e9l\u00e9ments (isoler un objet ou une personne, ndlr)<\/em><em>&nbsp;<\/em><em>ou encore r\u00e9aliser des photomontages<\/em><em>&nbsp;<\/em><em>: si on veut combiner les \u00e9l\u00e9ments de deux photos prises dans des circonstances diff\u00e9rentes, qui ne pr\u00e9sentent pas la m\u00eame exposition, pas les m\u00eames lumi\u00e8res, etc., cela demande beaucoup de corrections pour obtenir un r\u00e9sultat r\u00e9aliste.&nbsp;<\/em><em>On a&nbsp;<\/em><em>besoin d\u2019outils avanc\u00e9s.&nbsp;\u00bb<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/db-group.be\/wp-content\/uploads\/2024\/03\/pexels-matheus-bertelli-7172703-middef-1024x682.jpeg\" alt=\"\" class=\"wp-image-11605\" width=\"536\" height=\"356\"\/><figcaption class=\"wp-element-caption\"><em>(Photo\u00a0Matheus\u00a0Bertelli\/Pexels)<\/em><\/figcaption><\/figure>\n\n\n\n<p>Photoshop permet aussi de peindre ou dessiner&nbsp;: un vaisseau spatial&nbsp;steampunk, un paysage&nbsp;heroicfantasy\u2026&nbsp;<em>\u00ab&nbsp;Mais pour ce genre de cr\u00e9ations, les illustrateurs utilisent plut\u00f4t des logiciels de dessin comme&nbsp;<\/em><em>Procreate<\/em><em>, qui permet&nbsp;<\/em><em>de&nbsp;<\/em><em>dessiner sur une tablette avec un stylet, exactement comme sur du papier.&nbsp;\u00bb<\/em>&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Illustrator<\/strong><strong>&nbsp;: la puissance vectorielle&nbsp;<\/strong><\/h2>\n\n\n\n<p>Autre outil, autres fonctions&nbsp;: Illustrator est un programme de cr\u00e9ation graphique vectorielle. Qu\u2019est-ce que cela signifie&nbsp;?&nbsp;<em>\u00ab&nbsp;Les images vectorielles sont co<\/em><em>nstitu<\/em><em>\u00e9es&nbsp;<\/em><em>de points et de courbes d\u00e9finis math\u00e9matique<\/em><em>ment<\/em><em>&nbsp;; cela signifie qu\u2019on peut les agrandir \u00e0 volont\u00e9 sans aucune perte de qualit\u00e9, au contraire des photos ou des images illustr\u00e9es, compos\u00e9es de pixels en quantit\u00e9 finie<\/em><em>&nbsp;:&nbsp;<\/em><em>c\u2019est la \u2018d\u00e9finition\u2019 ou la \u2018r\u00e9solution\u2019 de l\u2019image.&nbsp;<\/em><em>\u00c0 force d<\/em><em>e l<\/em><em>\u2019<\/em><em>agrandi<\/em><em>r<\/em><em>, les pixels&nbsp;<\/em><em>grossissent<\/em><em>&nbsp;<\/em><em>jusqu\u2019\u00e0 devenir&nbsp;<\/em><em>visible<\/em><em>s&nbsp;;<\/em><em>l\u2019image est \u2018pixellis\u00e9e\u2019. Ce n\u2019est&nbsp;<\/em><em>jamais&nbsp;<\/em><em>le cas d\u2019une image vectori<\/em><em>elle<\/em><em>.&nbsp;\u00bb<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/db-group.be\/wp-content\/uploads\/2024\/03\/7420126_3619206-freepik-1024x682.jpeg\" alt=\"\" class=\"wp-image-11606\" width=\"538\" height=\"358\"\/><figcaption class=\"wp-element-caption\">La \u00ab\u00a0pyramide alimentaire\u00a0\u00bb\u00a0: un exemple d\u2019infographie.\u00a0<em>(Freepik)<\/em><\/figcaption><\/figure>\n\n\n\n<p>Illustrator s\u2019utilise surtout pour cr\u00e9er des \u00ab\u00a0objets\u00a0\u00bb graphiques tels que logos ou pictogrammes, ou pour \u00e9laborer des sch\u00e9mas et graphiques (par exemple \u00e0 partir des donn\u00e9es d\u2019un tableur). Les typographes s\u2019en servent pour cr\u00e9er des polices de caract\u00e8res. Mais\u00a0aussi, Illustrator permet de concevoir des infographies, associant des \u00e9l\u00e9ments\u00a0visuels avec des chiffres ou du texte afin d\u2019illustrer ou\u00a0expliquer\u00a0un contenu. Les infographies sont tr\u00e8s utilis\u00e9es dans la presse\u00a0: la carte du Tour de France ou la \u00ab\u00a0pyramide de l\u2019alimentation\u00a0\u00bb en sont des exemples.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>InDesign<\/strong><strong>&nbsp;: l<\/strong><strong>a table&nbsp;<\/strong><strong>de montage&nbsp;<\/strong><\/h2>\n\n\n\n<p>Troisi\u00e8me&nbsp;membre&nbsp;de notre triade, InDesign est le programme qui permet de transposer tous ces \u00e9l\u00e9ments visuels et de les&nbsp;\u00ab&nbsp;monter&nbsp;\u00bb&nbsp;avec des textes dans une&nbsp;maquette, pour aboutir \u00e0 un produit fini \u2013 par exemple une affiche ou un magazine.&nbsp;<\/p>\n\n\n\n<p><em>\u00ab&nbsp;InDesign permet&nbsp;<\/em><em>non seulement&nbsp;<\/em><em>d\u2019organiser le<\/em><em>s \u00e9l\u00e9ments<\/em><em>&nbsp;dans la page<\/em><em>, mais aussi de&nbsp;<\/em><em>d\u00e9finir des polices de caract\u00e8res, cr\u00e9er des encadr\u00e9s, v\u00e9rifier les c\u00e9sures, etc. L\u2019une des difficult\u00e9s courantes, quand on travaille sur un<\/em><em>e page de<\/em><em>&nbsp;magazine par exemple, c\u2019est de faire concorder la longueur du texte avec l<\/em><em>\u2019espace&nbsp;<\/em><em>disponible&nbsp;: c\u2019est toujours trop long ou trop court. InDesign permet de \u2018tricher\u2019&nbsp;<\/em><em>en ajustant tr\u00e8s finement certains<\/em><em>&nbsp;param\u00e8tres<\/em><em>&nbsp;tels que&nbsp;<\/em><em>l\u2019interlignage ou l\u2019interlettrage&nbsp;; c\u2019est imperceptible, mais&nbsp;<\/em><em>on&nbsp;<\/em><em>peut&nbsp;<\/em><em>y gagne<\/em><em>r&nbsp;<\/em><em>une ou deux lignes.<\/em><em>&nbsp;\u00bb &nbsp; &nbsp;<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/db-group.be\/wp-content\/uploads\/2024\/03\/mabru-valckenier-1024x562.jpeg\" alt=\"\" class=\"wp-image-11607\" width=\"611\" height=\"335\"\/><\/figure>\n\n\n\n<p>C\u2019est aussi dans InDesign que le graphiste ajoute certaines indications techniques. Si le fichier est destin\u00e9 \u00e0 l\u2019impression, il s\u2019agit par exemple des traits de coupe et de pliage,&nbsp;des&nbsp;d\u00e9bords (pour les images \u00ab&nbsp;\u00e0 bords perdus&nbsp;\u00bb),&nbsp;des&nbsp;rep\u00e8res couleur, etc.&nbsp;<\/p>\n\n\n\n<p>En dehors de ces outils professionnels, de nombreux outils \u00ab&nbsp;grand public&nbsp;\u00bb ont&nbsp;aujourd\u2019hui&nbsp;d\u00e9mocratis\u00e9 la mise en page.&nbsp;<em>\u00ab&nbsp;Pour M. Tout-le-monde, c\u2019est g\u00e9nial&nbsp;\u00bb<\/em>, reprend Sabine.&nbsp;<em>\u00ab&nbsp;<\/em><em>Avec u<\/em><em>n outil comme&nbsp;<\/em><em>Canva<\/em><em>, par exemple,&nbsp;<\/em><em>on peut&nbsp;<\/em><em>r\u00e9alise<\/em><em>r&nbsp;<\/em><em>assez facilement un beau document sur un PC familial. Le probl\u00e8me, c\u2019est que&nbsp;<\/em><em>le r\u00e9sultat&nbsp;<\/em><em>ne remplit pas toujours&nbsp;<\/em><em>les&nbsp;<\/em><em>crit\u00e8res techniques<\/em><em>&nbsp;professionnels<\/em><em>, soit parce que le logiciel ne le permet pas, soit parce que l\u2019utilisateur n\u2019a pas les connaissances requises. Cela nous pose parfois des probl\u00e8mes quand un client nous fournit son propre fichier, d\u00e9pourvu par exemple de traits de coupe, ou dont les textes sont compos\u00e9s en quadri et non en noir 100%.&nbsp;<\/em><a href=\"https:\/\/db-group.be\/2022\/07\/18\/preparer-un-fichier-dimpression-10-erreurs-a-ne-pas-commettre\/\"><em>Si le fichier est destin\u00e9 \u00e0 l\u2019impression, cela posera&nbsp;<\/em><em>probl\u00e8me<\/em><\/a><em>.&nbsp;\u00bb<\/em>&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>L\u2019IA, outil disruptif<\/strong><\/h2>\n\n\n\n<p>Derni\u00e8re \u00e9volution en date&nbsp;:&nbsp;l\u2019int\u00e9gration de&nbsp;l\u2019intelligence artificielle, notamment dans le traitement des photos.&nbsp;<\/p>\n\n\n\n<p><em>\u00ab&nbsp;Il ne s\u2019agit pas seulement de cr\u00e9er des images de toutes pi\u00e8ces&nbsp;\u00bb<\/em>, poursuit Sabine.&nbsp;<em>\u00ab Imaginons par exemple la photo d\u2019un paysage, qu\u2019on voudrait utiliser en panoramique mais dont il manque une partie. L\u2019IA permet de la \u2018compl\u00e9ter\u2019, en cr\u00e9ant de l\u2019image l\u00e0 o\u00f9 il n\u2019y en a pas, avec un r\u00e9sultat r\u00e9aliste. M\u00eame chose&nbsp;<\/em><em>pour supprimer<\/em><em>&nbsp;un objet de l\u2019image : l\u2019IA parvient \u00e0 le faire&nbsp;<\/em><em>tr\u00e8s<\/em><em>&nbsp;efficace<\/em><em>ment<\/em><em>.&nbsp;C\u2019est \u00e0 la fois bluffant et un peu effrayant&nbsp;; cela&nbsp;<\/em><em>fera&nbsp;<\/em><em>certainement&nbsp;<\/em><em>\u00e9voluer&nbsp;<\/em><em>notre m\u00e9tier<\/em><em>.&nbsp;\u00bb<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment travaillent les graphistes et quels sont leurs outils\u00a0?<\/p>\n","protected":false},"author":2,"featured_media":11764,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169],"tags":[115,107,116,60,117,118,119,26,19,120,121,122,63,123,14,124,20,125,126],"class_list":["post-11604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studio","tag-adobe-creative-suite","tag-communication-visuelle","tag-creativite-graphique","tag-design","tag-design-graphique","tag-graphisme","tag-illustrator","tag-imprimerie","tag-imprimeur","tag-indesign","tag-infographie","tag-infographiste","tag-mise-en-page","tag-outils-graphiques","tag-papier","tag-photoshop","tag-print","tag-traitement-dimages","tag-typographie"],"_links":{"self":[{"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/posts\/11604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/comments?post=11604"}],"version-history":[{"count":1,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/posts\/11604\/revisions"}],"predecessor-version":[{"id":11697,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/posts\/11604\/revisions\/11697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/media\/11764"}],"wp:attachment":[{"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/media?parent=11604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/categories?post=11604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baamagency.be\/index.php\/wp-json\/wp\/v2\/tags?post=11604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}