{"id":4166,"date":"2021-01-24T20:17:52","date_gmt":"2021-01-24T19:17:52","guid":{"rendered":"https:\/\/graphizm.fr\/greta\/?p=4166"},"modified":"2024-01-11T18:00:54","modified_gmt":"2024-01-11T17:00:54","slug":"lillustration-modulaire","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/","title":{"rendered":"L&rsquo;illustration modulaire"},"content":{"rendered":"\n<p class=\"has-subtle-background-background-color has-background\">Dans ce cours, vous allez prendre connaissance des principes de l&rsquo;illustration modulaire, de son potentiel et de ses limites.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Definir_lillustration_modulaire\" >D\u00e9finir l&rsquo;illustration modulaire<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Illustration_modulaire_ornementale\" >Illustration modulaire ornementale<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Illustration_modulaire_figurative\" >Illustration modulaire figurative<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Faire_varier_le_style_dune_illustration_modulaire\" >Faire varier le style d&rsquo;une illustration modulaire<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Faire_varier_la_surface_et_le_trait\" >Faire varier la surface et le trait<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Faire_varier_les_contrastes\" >Faire varier les contrastes<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/lillustration-modulaire\/#Voir_des_identites_visuelles_utilisant_une_logique_modulaire\" >Voir des identit\u00e9s visuelles utilisant une logique modulaire<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Definir_lillustration_modulaire\"><\/span>D\u00e9finir l&rsquo;illustration modulaire<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Dans le contexte de l&rsquo;illustration et du graphisme, le principe de modularit\u00e9 correspond \u00e0 <strong>la possibilit\u00e9 d&rsquo;assembler des \u00e9l\u00e9ments graphiques simples (nomm\u00e9s modules) pour construire une image<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.google.com\/search?source=univ&amp;tbm=isch&amp;q=illustration+modulaire\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google-1024x527.jpg\" alt=\"\" class=\"wp-image-4169\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google-1024x527.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google-600x309.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google-768x395.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google-1200x617.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Recherche_Google.jpg 1357w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Illustration_modulaire_ornementale\"><\/span>Illustration modulaire ornementale<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Dans une approche ornementale, le module graphique est une forme simple, souvent g\u00e9om\u00e9trique<\/strong>, facile \u00e0 juxtaposer dans les 2 dimensions du plan. Le plus souvent, le module s&rsquo;inscrit dans un carr\u00e9. Il peut cependant facilement s&rsquo;inscrire dans un hexagone ou un triangle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/fr.depositphotos.com\/vector-images\/modulaire.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos-1024x539.jpg\" alt=\"\" class=\"wp-image-4171\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos-1024x539.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos-600x316.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos-768x404.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos-1200x631.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Deposit_Photos.jpg 1357w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>L&rsquo;illustration modulaire ornementale n&rsquo;est pas n\u00e9cessairement r\u00e9p\u00e9titive<\/strong>, comme le sont les textures form\u00e9es de motifs juxtapos\u00e9s et r\u00e9p\u00e9t\u00e9s \u00e0 l&rsquo;infini.<\/p>\n\n\n\n<p>Le dessin d&rsquo;un module ornemental peut \u00eatre <strong>abstrait ou figuratif<\/strong>. Sur la capture d&rsquo;\u00e9cran ci-dessous, la premi\u00e8re composition est un assemblage de d&rsquo;\u00e9l\u00e9ments figuratifs \u00e9voquant la nature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock-1024x546.jpg\" alt=\"\" class=\"wp-image-4177\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock-1024x546.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock-600x320.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock-768x410.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock-1200x640.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_Adobe_Stock.jpg 1419w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Illustration modulaire ornementale programm\u00e9e<\/h4>\n\n\n\n<p><strong>Le principe de construction modulaire est facilement programmable.<\/strong> Il existe donc des applications permettant de construire automatiquement des images modulaires ornementales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/patternpad.com\/editor.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01-1024x565.jpg\" alt=\"\" class=\"wp-image-4693\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01-1024x565.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01-600x331.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01-768x424.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01-1200x662.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/patternPad-Editor-01.jpg 1422w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/patternpad.com\/editor.html\" target=\"_blank\">PatternPad<\/a> permet de personnaliser de nombreux param\u00e8tres, m\u00eame si la composition finale est mise au point de mani\u00e8re al\u00e9atoire. Cette application autorise le param\u00e8trage de pourcentage d&rsquo;occupation des motifs dans l&rsquo;espace de composition. <strong>Les compositions sont exportables au format SVG<\/strong> (exploitable avec Adobe Illustrator).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"746\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/compo-patternpad-01-1024x746.png\" alt=\"\" class=\"wp-image-4694\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/compo-patternpad-01-1024x746.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/compo-patternpad-01-600x437.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/compo-patternpad-01-768x559.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/03\/compo-patternpad-01.png 1048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Couverture al\u00e9atoire de motifs sur 50% de la grille de composition<\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Illustration_modulaire_figurative\"><\/span>Illustration modulaire figurative<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Une illustration modulaire figurative ne s&rsquo;inscrit pas n\u00e9cessairement dans une grille<\/strong>. Les modules \u00e0 assembler sont juxtapos\u00e9s ou superpos\u00e9s pour former l&rsquo;image voulue.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Personnages modulaires<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"740\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-2.gif\" alt=\"\" class=\"wp-image-4180\"\/><\/figure>\n\n\n\n<p>Tous les personnages ci-dessous sont compos\u00e9s d&rsquo;\u00e9l\u00e9ments modulables, \u00e0 la mani\u00e8re des 2 personnages ci-dessus.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"370\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-1024x370.jpg\" alt=\"\" class=\"wp-image-4181\" style=\"width:610px;height:220px\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-1024x370.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-600x217.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-768x278.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-1536x555.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons-1200x434.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/humaaans-combinaisons.jpg 1626w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Source&nbsp;: https:\/\/www.humaaans.com\/<\/figcaption><\/figure>\n<\/div>\n\n\n<p>On trouve de <strong>nombreuses ressources en ligne<\/strong> pour assembler des \u00e9l\u00e9ments dessin\u00e9s en vue de composer des illustrations adapt\u00e9es \u00e0 diff\u00e9rents besoins graphiques. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/fr.freepik.com\/vecteurs-premium\/kit-illustration-modulaire-pour-analyse-donnees_8544484.htm\" target=\"_blank\">Kit d&rsquo;illustration modulaire sur Freepik<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.openpeeps.com\/?ref=ewebdesign.com\" target=\"_blank\">Personnages modulaire de Open Peeps<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/vectorcharacters.net\/\" target=\"_blank\">Personnages cartoons via Vector Characters<\/a><\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cycliste-modulaire.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"576\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cycliste-modulaire.jpg\" alt=\"\" class=\"wp-image-4263\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cycliste-modulaire.jpg 865w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cycliste-modulaire-600x400.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cycliste-modulaire-768x511.jpg 768w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/a><figcaption class=\"wp-element-caption\">Illustration modulaire de cycliste<\/figcaption><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">D\u00e9cors isom\u00e9triques<\/h4>\n\n\n\n<p>La composition par assemblage de modules permet, en remplissant certaines conditions, de <strong>simuler un espace en 3 dimensions<\/strong>. C&rsquo;est notamment le cas de l&rsquo;illustration isom\u00e9trique dont le potentiel a \u00e9t\u00e9 pleinement utilis\u00e9 dans le secteur des jeux vid\u00e9os.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/fr.freepik.com\/vecteurs-premium\/cubes-isometriques-big-set-elements-nature_6512776.htm#page=1&amp;query=modulaire&amp;position=10\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cubes_isometriques_Freepik-1024x500.jpg\" alt=\"\" class=\"wp-image-4185\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cubes_isometriques_Freepik-1024x500.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cubes_isometriques_Freepik-600x293.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cubes_isometriques_Freepik-768x375.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/cubes_isometriques_Freepik.jpg 1189w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.google.com\/search?q=isometric%20game\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google-1024x510.jpg\" alt=\"\" class=\"wp-image-4186\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google-1024x510.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google-600x299.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google-768x383.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google-1200x598.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/dessin_isometrique_et_jeux_Recherche_Google.jpg 1419w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faire_varier_le_style_dune_illustration_modulaire\"><\/span>Faire varier le style d&rsquo;une illustration modulaire<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00c0 partir du moment o\u00f9 vous disposez des \u00e9l\u00e9ments modulables avec lesquels vous envisagez de composer vos illustrations, <strong>vous pouvez faire varier le style de vos illustrations en jouant sur de nombreux param\u00e8tres<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faire_varier_la_surface_et_le_trait\"><\/span>Faire varier la surface et le trait<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Des surfaces vectorielles pleines se transforment tr\u00e8s facilement en formes lin\u00e9aires dot\u00e9es d&rsquo;un contour. Cette simple op\u00e9ration modifie totalement la perception d&rsquo;une image.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c En r\u00e9duisant le nombre des couleurs et en alternant zones pleines et zones vides avec contours, on obtient des images diff\u00e9rentes dont l&rsquo;impact est souvent plus fort.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique_simplifiee.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"730\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique_simplifiee.jpg\" alt=\"\" class=\"wp-image-4256\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique_simplifiee.jpg 785w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique_simplifiee-600x558.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique_simplifiee-768x714.jpg 768w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/a><\/figure>\n\n\n\n<p>Les contours vectoriels sont stylisables et les surfaces peuvent \u00eatre textur\u00e9es ou orn\u00e9es de motifs. <strong>L&rsquo;utilisation d&rsquo;un nombre de couleurs restreint renforce l&rsquo;impact visuel<\/strong> et les contrastes d&rsquo;une image.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02-1024x459.png\" alt=\"\" class=\"wp-image-4259\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02-1024x459.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02-600x269.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02-768x345.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02-1200x538.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_ornementale-2couleurs-02.png 1413w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Compositions modulaires en 2 couleurs (dont certaines avec d\u00e9grad\u00e9 lin\u00e9aire)<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"238\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee-1024x238.jpg\" alt=\"\" class=\"wp-image-4255\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee-1024x238.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee-600x139.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee-768x178.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee-1200x279.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/illustration_modulaire_geometrique-texturee.jpg 1357w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Compositions modulaires textur\u00e9es<\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faire_varier_les_contrastes\"><\/span>Faire varier les contrastes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/variations-traits-surfaces.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1009\" height=\"654\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/variations-traits-surfaces.jpg\" alt=\"\" class=\"wp-image-4196\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/variations-traits-surfaces.jpg 1009w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/variations-traits-surfaces-600x389.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/variations-traits-surfaces-768x498.jpg 768w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Une image modulaire est riche des contrastes qui l&rsquo;animent.<\/strong> Dans l&rsquo;illustration ci-dessus vous pouvez rep\u00e9rer plusieurs contrastes&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>fonc\u00e9 (obscur) vs clair (lumineux)<\/li>\n\n\n\n<li>color\u00e9 vs non-color\u00e9<\/li>\n\n\n\n<li>textur\u00e9 (vari\u00e9) vs non-textur\u00e9 (uniforme)<\/li>\n\n\n\n<li>grand vs petit<\/li>\n\n\n\n<li>ligne vs point<\/li>\n\n\n\n<li>surface vs trait<\/li>\n\n\n\n<li>gras (\u00e9pais) vs maigre (fin)<\/li>\n\n\n\n<li>s\u00e9par\u00e9 vs associ\u00e9<\/li>\n\n\n\n<li>orthogonal vs inclin\u00e9<\/li>\n\n\n\n<li>rectiligne vs courbe<\/li>\n\n\n\n<li>terrestre (lourd) vs a\u00e9rien (l\u00e9ger)<\/li>\n\n\n\n<li>etc.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-accent-background-color has-background\">\u279c Je vous propose d&rsquo;utiliser une check-liste interactive pour lister tous les contrastes utilisables en composition visuelle.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/com-crea\/check-list-contrastes\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"784\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/check-liste-contrastes_graphiques.jpg\" alt=\"\" class=\"wp-image-4276\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/check-liste-contrastes_graphiques.jpg 697w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/check-liste-contrastes_graphiques-533x600.jpg 533w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/a><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/check-list-contrastes\/check-list-contrastes.zip\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger la check-liste interactive<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Voir_des_identites_visuelles_utilisant_une_logique_modulaire\"><\/span>Voir des identit\u00e9s visuelles utilisant une logique modulaire<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.pinterest.fr\/designisvital75\/identit%C3%A9-modulable\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plusieurs identit\u00e9s visuelles modulables<\/a> sont r\u00e9pertori\u00e9s sur un tableau Pinterest de l&rsquo;agence DIV (Design Is Vital).<\/li>\n\n\n\n<li>Pinterest r\u00e9pertorie aussi d&rsquo;autres <a href=\"https:\/\/www.pinterest.fr\/search\/pins\/?q=identit%C3%A9%20visuelle%20modulaire&amp;rs=typed\" target=\"_blank\" rel=\"noreferrer noopener\">projets d&rsquo;identit\u00e9s visuelles modulaires<\/a>.<\/li>\n\n\n\n<li>Le studio Graph\u00e9ine a mis au point une <a href=\"https:\/\/www.grapheine.com\/branding\/tours-metropole-identite-visuelle\" target=\"_blank\" rel=\"noreferrer noopener\">identit\u00e9 visuelle modulaire pour Tours M\u00e9tropole<\/a>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-1024x632.jpg\" alt=\"\" class=\"wp-image-6948\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-1024x632.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-600x370.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-768x474.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-1536x948.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle-1200x740.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/tours-metropole-identite-visuelle.jpg 1880w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Le concept d&rsquo;<strong>identit\u00e9 visuelle modulaire<\/strong> rejoint parfois le concept d&rsquo;<strong>identit\u00e9 visuelle g\u00e9n\u00e9rative<\/strong> ou dynamiques. Graph\u00e9ine a r\u00e9dig\u00e9 un <a href=\"https:\/\/www.grapheine.com\/actulogo\/nouvelle-identite-visuelle-generative-bordeaux-metropole\">article sur le sujet en appui sur l&rsquo;identit\u00e9 visuelle de plusieurs organisations<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2024\/01\/ocad-logo-generatif.gif\" alt=\"\" class=\"wp-image-6951\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Dans ce cours, vous allez prendre connaissance des principes de l&rsquo;illustration modulaire, de son potentiel et de ses limites. D\u00e9finir l&rsquo;illustration modulaire Dans le contexte de l&rsquo;illustration et du graphisme, le principe de modularit\u00e9 correspond \u00e0 la possibilit\u00e9 d&rsquo;assembler des \u00e9l\u00e9ments graphiques simples (nomm\u00e9s modules) pour construire une image. Illustration modulaire ornementale Dans une approche [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,4],"tags":[],"class_list":["post-4166","post","type-post","status-publish","format-standard","hentry","category-cc3-cours","category-com-crea"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Dans ce cours, vous allez prendre connaissance des principes de l&rsquo;illustration modulaire, de son potentiel et de ses limites. Sommaire Toggle D\u00e9finir l&rsquo;illustration modulaireIllustration modulaire ornementaleIllustration modulaire figurativeFaire varier le style d&rsquo;une illustration modulaireFaire varier la surface et le traitFaire varier les contrastesVoir des identit\u00e9s visuelles utilisant une logique modulaire D\u00e9finir l&rsquo;illustration modulaire Dans le contexte de l&rsquo;illustration et du graphisme, le principe de modularit\u00e9 correspond \u00e0 la possibilit\u00e9 d&rsquo;assembler des \u00e9l\u00e9ments graphiques simples (nomm\u00e9s modules) pour construire une image. Illustration modulaire ornementale Dans une approche ornementale, le module graphique est une forme simple, souvent g\u00e9om\u00e9trique, facile \u00e0 juxtaposer dans\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/cc3-cours\/\" rel=\"category tag\">CC3-cours<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/\" rel=\"category tag\">Com-Cr\u00e9a<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/4166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=4166"}],"version-history":[{"count":49,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/4166\/revisions"}],"predecessor-version":[{"id":6955,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/4166\/revisions\/6955"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=4166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=4166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=4166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}