UA7 : DETERMINATION DES BESOINS MATERIELS ET LOGICIELS EN INFOGRAPHIE

## Introduction Bienvenue dans ce cours sur les généralités de l'infographie ! L'infographie, contraction d'informatique et de graphisme, est un domaine fascinant qui nous entoure au quotidien. Que ce soit sur les écrans de nos téléphones, dans les jeux vidéo, les films, les publicités ou même les sites web, les images que nous voyons sont très souvent le fruit du travail infographique. Dans cette leçon, nous allons découvrir ce qu'est l'infographie, les différents types d'images numériques, les modèles de couleurs et les logiciels essentiels utilisés. ## Concepts Clés ### Qu'est-ce que l'infographie ? L'infographie est l'art et la science de la création et de la manipulation d'images numériques à l'aide d'ordinateurs. Elle englobe un large éventail d'activités, de la simple retouche photo à la création d'animations 3D complexes. * **Domaines d'application :** * Design graphique et publicité * Jeux vidéo * Films d'animation et effets spéciaux * Conception de sites web et d'applications mobiles * Architecture et design industriel ### Types d'images en infographie Il existe principalement deux grandes catégories d'images numériques : #### Images matricielles (ou Bitmap) * **Définition :** Une image matricielle est composée d'une grille de petits carrés de couleurs, appelés **pixels**. Chaque pixel possède une couleur et une position spécifique. * **Caractéristiques :** * La qualité de l'image est définie par sa **résolution** (le nombre de pixels en largeur et en hauteur). * Plus on zoome sur une image matricielle, plus les pixels deviennent visibles (phénomène de pixellisation). * Idéales pour les photographies et les images avec de nombreux détails et dégradés de couleurs. * **Formats de fichiers courants :** JPEG, PNG, GIF, BMP, TIFF. #### Images vectorielles * **Définition :** Une image vectorielle est construite à partir d'objets géométriques (points, lignes, courbes, polygones) définis par des équations mathématiques. Ces objets sont appelés des **vecteurs**. * **Caractéristiques :** * La qualité de l'image est indépendante de la taille. On peut agrandir une image vectorielle à l'infini sans perte de qualité ou pixellisation. * Idéales pour les logos, les illustrations, les typographies, les schémas techniques. * **Formats de fichiers courants :** SVG, AI (Adobe Illustrator), EPS, PDF. ### Modèles colorimétriques Les modèles colorimétriques sont des façons de représenter les couleurs numériquement. Les plus courants sont le RVB et le CMJN. #### RVB (Rouge, Vert, Bleu) * **Utilisation :** Principalement pour les écrans (ordinateurs, télévisions, smartphones). * **Principe :** C'est un modèle additif. Les couleurs sont créées en ajoutant des intensités de lumière rouge, verte et bleue. L'absence de lumière donne le noir, l'addition de toutes les lumières à leur intensité maximale donne le blanc. * **Valeurs :** Chaque composante (R, V, B) peut prendre une valeur de \( 0 \) à \( 255 \). Par exemple, le rouge pur est représenté par \( RVB(255,0,0) \), le vert par \( RVB(0,255,0) \), et le bleu par \( RVB(0,0,255) \). #### CMJN (Cyan, Magenta, Jaune, Noir) * **Utilisation :** Principalement pour l'impression. * **Principe :** C'est un modèle soustractif. Les couleurs sont créées en soustrayant de la lumière blanche par l'application d'encres cyan, magenta et jaune. Le noir (K pour Key ou Black) est ajouté pour donner plus de profondeur et d'intensité aux zones sombres. ### Résolution d'image La résolution est un élément crucial en infographie, surtout pour les images matricielles. * **Pour l'écran :** Elle est mesurée en **PPI** (Pixels Per Inch - Pixels par pouce). Une résolution courante pour le web est de \( 72 \) ou \( 96 \) PPI. * **Pour l'impression :** Elle est mesurée en **DPI** (Dots Per Inch - Points par pouce). Pour une impression de haute qualité, une résolution de \( 300 \) DPI est souvent recommandée. * **Impact :** Une résolution trop faible pour l'impression entraînera une image floue ou pixellisée. Une résolution très élevée n'est pas toujours nécessaire pour l'écran et peut rendre le fichier inutilement lourd. ### Logiciels d'infographie * **Logiciels de traitement d'images matricielles :** * Adobe Photoshop (payant, professionnel) * GIMP (gratuit, open-source) * Paint.NET (gratuit, Windows) * **Logiciels de création d'images vectorielles :** * Adobe Illustrator (payant, professionnel) * Inkscape (gratuit, open-source) * Affinity Designer (payant) ## Vocabulaire * **Infographie :** Création et manipulation d'images numériques par ordinateur. * **Pixel :** Plus petit élément constitutif d'une image matricielle, un petit carré de couleur. * **Résolution :** Nombre de pixels par unité de surface (ex: PPI, DPI) ou nombre total de pixels d'une image (ex: 1920x1080 pixels). * **Image matricielle (Bitmap) :** Image composée d'une grille de pixels. * **Image vectorielle :** Image composée d'objets géométriques définis par des équations mathématiques. * **RVB (Rouge, Vert, Bleu) :** Modèle colorimétrique additif utilisé pour les écrans. * **CMJN (Cyan, Magenta, Jaune, Noir) :** Modèle colorimétrique soustractif utilisé pour l'impression. * **DPI (Dots Per Inch) :** Points par pouce, unité de mesure de résolution pour l'impression. * **PPI (Pixels Per Inch) :** Pixels par pouce, unité de mesure de résolution pour les écrans. * **PAO (Publication Assistée par Ordinateur) :** Ensemble des logiciels et techniques pour créer des documents destinés à l'impression (magazines, livres, affiches, etc.). ## Exemples * **Zoom sur une photo (matricielle) :** Si vous prenez une photo de votre téléphone et que vous la zoomez beaucoup, vous verrez apparaître les petits carrés de couleurs : les pixels. C'est l'exemple parfait d'une image matricielle. * **Zoom sur un logo (vectoriel) :** Si vous prenez le logo d'une marque (par exemple, le logo Nike) et que vous l'agrandissez des centaines de fois, il restera parfaitement net, sans aucune pixellisation. C'est la force du vectoriel. * **Utilisation des modèles de couleurs :** Quand vous préparez une image pour un site web, vous utiliserez le mode RVB. Si cette même image doit être imprimée sur une affiche, vous devrez la convertir en mode CMJN pour garantir des couleurs fidèles à l'impression. ## Exercices 1. Quelle est la principale différence entre une image matricielle et une image vectorielle en termes de composition et de comportement lors d'un agrandissement ? 2. Expliquez dans quelle situation il est préférable d'utiliser le modèle colorimétrique RVB et dans quelle situation il est préférable d'utiliser le modèle CMJN. 3. Si une image a une largeur de \( 1920 \) pixels et une hauteur de \( 1080 \) pixels, combien de pixels contient-elle au total ? 4. Citez un logiciel utilisé pour la retouche de photos (image matricielle) et un logiciel pour la création de logos (image vectorielle). ## Devoirs 1. Recherchez et expliquez brièvement l'histoire d'un logiciel d'infographie majeur (par exemple, Adobe Photoshop ou GIMP). Quelles ont été les grandes étapes de son développement ? 2. Trouvez deux exemples concrets d'utilisation d'images matricielles et deux exemples d'utilisation d'images vectorielles dans votre environnement quotidien (sur internet, dans des magazines, etc.). Justifiez votre choix. 3. Expliquez avec vos propres mots le concept de