U.A.7 : DETERMINATION DES BESOINS MATERIELS ET LOGICIELS EN INFOGRAPHIE

## Objectifs et prérequis **Objectifs** : à la fin de ce chapitre l’élève pourra - définir l’infographie et distinguer ses principaux domaines d’application ; - expliquer les notions de résolution, de densité de points et de modèle de couleur ; - calculer la taille en pixels et l’espace de stockage nécessaire pour une image donnée ; - identifier les composants matériels (CPU, GPU, RAM, stockage, écran, périphériques) adaptés à un projet d’infographie 2D ou 3D ; - choisir les logiciels appropriés selon le type de travail (raster, vectoriel, 3D, montage) et les critères de coût, de compatibilité et de fonctionnalités ; - mettre en place un workflow de production simple et optimiser l’utilisation des ressources. **Prérequis** : notions de base d’ordinateur (système d’exploitation, unités binaires), connaissance des unités de stockage (Ko, Mo, Go, To) et des grandeurs physiques (pouce, mm), familiarité avec l’arithmétique de base et les pourcentages. --- ## Introduction contextualisée L’infographie occupe aujourd’hui une place centrale dans la communication visuelle : affiches, sites web, jeux vidéo, réalité augmentée, impression professionnelle, etc. Maîtriser les besoins matériels et logiciels permet de travailler efficacement, d’éviter les goulets d’étranglement et de garantir la qualité du rendu final. Ce chapitre présente d’abord les concepts généraux de l’infographie, puis détaille les ressources nécessaires pour les mettre en œuvre. --- ## I. Généralités sur l’infographie ### 1. Définition et champs d’application > **Définition** : L’infographie désigne l’ensemble des techniques permettant de créer, modifier et présenter des images par moyen informatique. Elle regroupe la création d’images 2D (logos, illustrations, retouches photo) et 3D (modélisation, animation, rendu). Ses domaines d’application sont la publicité, l’édition, le web, le jeu vidéo, l’industrie (CAO) et la formation. ### 2. Types d’infographie | Catégorie | Caractéristique principale | Exemple | |-----------|----------------------------|---------| | 2D vs 3D | Dimension de l’espace de travail | Dessin vectoriel (2D) vs modèle de personnage (3D) | | Vectorielle vs matricielle | Mode de représentation des formes | Courbes Bézier (vectorielle) vs grille de pixels (matricielle) | > **Rappel** : Une image vectorielle est définie par des équations géométriques ; elle est indépendante de la résolution. Une image matricielle (ou raster) est un tableau de pixels dont la qualité dépend du nombre de points par unité de longueur. ### 3. Résolution et densité de points La **résolution** s’exprime en points par pouce (ppp) ou dots per inch (dpi). Elle relie la taille physique d’une image à son nombre de pixels : $$ \text{Nombre de pixels} = \text{largeur (cm)} \times \frac{\text{ppp}}{2,54} \times \text{hauteur (cm)} \times \frac{\text{ppp}}{2,54} $$ > **Règle** : Pour une impression de qualité, on utilise généralement 300 ppp ; pour un écran, 72 ppp suffit. **Exemple 1** – Calcul du nombre de pixels d’une image A4 (21 cm × 29,7 cm) à 300 ppp : $$ \begin{aligned} L_{px} &= 21 \times \frac{300}{2,54} \approx 2480\; \text{px}\\ H_{px} &= 29,7 \times \frac{300}{2,54} \approx 3508\; \text{px}\\ \text{Total} &= 2480 \times 3508 \approx 8{,}70\times10^{6}\;\text{pixels} \end{aligned} $$ **Exemple 2** – Taille physique d’une image de 1920 × 1080 px affichée à 72 ppp : $$ \begin{aligned} L_{cm} &= \frac{1920}{72}\times 2,54 \approx 67,7\; \text{cm}\\ H_{cm} &= \frac{1080}{72}\times 2,54 \approx 38,1\; \text{cm} \end{aligned} $$ ### 4. Modèles de couleur - **RGB** (Red, Green, Blue) : modèle additif utilisé pour les écrans. Chaque canal varie de 0 à 255 sur 8 bits → $256^3 = 16{,}777{,}216$ couleurs possibles. - **CMYK** (Cyan, Magenta, Yellow, Key/Black) : modèle soustractif pour l’impression. - **LAB** : espace perceptif séparant luminosité (L) et couleur (a,b). > **Encadré** : En RGB 8 bits par canal, le nombre de couleurs distinctes est $2^{8\times3}=2^{24}=16{,}777{,}216$. **Exemple 3** – Nombre de couleurs d’une image indexée sur 4 bits : $2^{4}=16$ couleurs possibles. **Exemple 4** – Taille en octets d’une image vraie couleur 24 bits (3 octets/pixel) de 3000 × 2000 px : $$ 3000 \times 2000 \times 3 = 18{,}000{,}000\;\text{octets}\approx 17,2\;\text{Mo} $$ ### 5. Formats de fichier courants | Format | Type | Compression | Usage typique | |--------|------|-------------|---------------| | JPEG | matricielle | avec perte (qualité réglable) | photos web, impression | | PNG | matricielle | sans perte | images avec transparence, icônes | | TIFF | matricielle | avec/sans perte | impression professionnelle, archivage | | GIF | matricielle | sans perte (palette 256 couleurs) | animations simples | | PSD | matricielle | sans perte (calques) | travail sous Photoshop | | AI / EPS | vectorielle | sans perte | logos, illustrations | | PDF | hybride | variable | échange, impression | | OBJ / STL | 3D | texte/binaire | modélisation, impression 3D | > **Encadré** : Le format TIFF sans perte préserve toutes les données d’image, idéal pour les masters destinés à l’impression. **Exemple 5** – Taille approximative d’une photo de 12 Mpix (4000 × 3000) en JPEG qualité 80 % : environ 3,5 Mo (dépend du contenu). **Exemple 6** – Même image en PNG sans perte : taille variable selon le contenu, généralement entre 12 Mo et 20 Mo pour une photo naturelle grâce à la compression sans perte (chaque pixel théorique 3 octets, mais le filtre DEFLATE réduit la taille). --- ## II. Besoins matériels et logiciels en infographie ### 1. Matériel nécessaire #### a) Processeur (CPU) - **Critère** : nombre de cœurs et fréquence. Les tâches de rendu 2D profitent d’au moins 4 cœurs ; la modélisation 3D et le rendu bénéficient de 6 cœurs ou plus. > **Encadré** : Pour un poste de travail dédié à l’infographie 2D, un CPU quad‑core à 3,0 GHz suffit ; pour la 3D, privilégier un hexa‑core à 3,5 GHz ou supérieur. #### b) Mémoire vive (RAM) La RAM nécessaire dépend de la taille de l’image, de la profondeur de couleur et du nombre de calques ou de niveaux d’annulation. Formule simplifiée : $$ \text{RAM (octets)} = \frac{L_{px}\times H_{px}\times \text{profondeur (bits)}\times \text{nb calques}}{8} $$ > **Encadré** : Une marge de sécurité de 30 % est recommandée pour tenir compte du système d’exploitation et des applications en arrière‑plan. **Exemple 7** – Image 8000 × 6000 px, 16 bits/canal (48 bits/pixel), 3 calques : $$ \text{Octets par calque} = \frac{8000\times6000\times48}{8}= 288{,}000{,}000\;\text{octets}\approx 275\;\text{Mo} $$ $$ \text{Total 3 calques}= 3\times288{,}000{,}000=864{,}000{,}000\;\text{octets}\approx 824\;\text{Mo} $$ Marge de 30 % → $864{,}000{,}000\times1,30 = 1{,}123{,}200{,}000$ octets ≈ 1,07 Go. **Exemple 8** – Projet vidéo 4K (3840 × 2160) à 10 bits/canal, 30 fps, 10 s, avec 2 calques d’effet : $$ \text{Pixels par image}=3840\times2160=8{,}294{,}400\\ \text{Bits par pixel}=3\times10=30\;\text{bits}\\ \text{Bits par image et par calque}=8{,}294{,}400\times30=248{,}832{,}000\;\text{bits}\\ \text{Bits par image (2 calques)}=2\times248{,}832{,}000=497{,}664{,}000\;\text{bits}\\ \text{Nombre d’images}=30\times10=300\\ \text{Bits totaux}=497{,}664{,}000\times300=149{,}299{,}200{,}000\;\text{bits}\\ \text{Octets totaux}= \frac{149{,}299{,}200{,}000}{8}=18{,}662{,}400{,}000\;\text{octets}\approx 17,4\;\text{Go} $$ Marge de 30 % → $18{,}662{,}400{,}000\times1,30 = 24{,}261{,}120{,}000$ octets ≈ 22,4 Go. #### c) Carte graphique (GPU) - **VRAM** : mémoire dédiée aux textures et aux frames. > **Encadré** : Pour le travail 2D (Photoshop, Illustrator) 2 Go de VRAM suffisent ; pour la modélisation 3D et le rendu en temps réel (Blender, Maya) viser 4 Go minimum, 6 Go recommandé. - **API** : support OpenGL 4.5+, DirectX 12, ou CUDA pour les accélérateurs NVIDIA. #### d) Stockage - **SSD** (NVMe préférable) pour le système d’exploitation, les logiciels et les fichiers de travail actifs (temps d’accès < 0,1 ms). - **HDD** (7200 tr/min) pour l’archivage et les bibliothèques d’assets. > **Encadré** : Un projet d’infographie moyenne (≈ 50 Go d’images sources + rendus) nécessite au moins 250 Go d’espace SSD disponible pour éviter les ralentissements. **Exemple 9** – Estimation de l’espace nécessaire pour un dossier de 100 photos RAW de 24 Mo chacune, plus leurs versions JPEG exportées à 5 Mo : $$ 100\times24 = 2400\;\text{Mo}\\ 100\times5 = 500\;\text{Mo}\\ \text{Total}= 2{,}9\;\text{Go} $$ Ajout de la marge de travail (fichiers temporaires, versions) → ≈ 4 Go. #### e) Écran - Résolution minimale : Full HD (1920 × 1080) ; préférer QHD ou 4K pour un meilleur détail. - Couverture de l’espace sRGB ≥ 99 % ; deltaE < 2 pour une fidélité couleur. > **Encadré** : Un écran IPS 27″ 4K avec couverture sRGB 99 % et calibrage matériel est considéré comme référence pour l’infographie professionnelle. #### f) Périphériques d’entrée - Tablette graphique (surface active ≥ 13 pouces, résolution ≥ 5080 lpi, sensibilité à la pression ≥ 8192 niveaux). - Souris ergonomique avec réglage DPI. ### 2. Logiciels nécessaires | Domaine | Logiciels majeurs (payants / gratuits) | Fonction clé | |---------|----------------------------------------|--------------| | Raster | Adobe Photoshop, Affinity Photo, GIMP | Retouche photo, peinture numérique | | Vectoriel | Adobe Illustrator, CorelDRAW, Inkscape, Affinity Designer | Création de logos, illustrations, mise en page | | 3D | Blender (gratuit), Autodesk Maya, 3ds Max, Cinema 4D | Modélisation, sculpting, rendu, animation | | Montage/Vidéo | Adobe After Effects, DaVinci Resolve, HitFilm Pro | Effets spéciaux, compositing, étalonnage | | Gestion de couleur | X‑Rite i1Profiler, DisplayCAL, SpyderX | Calibration d’écran, création de profils ICC | > **Encadré** : Le choix d’un logiciel dépend de trois critères principaux : (1) compatibilité avec le système d’exploitation, (2) coût d’acquisition ou d’abonnement, (3) présence d’une communauté active et de tutoriels. **Exemple 10** – Comparaison de coût annuel pour une petite agence (2 postes) : - Option A (Adobe Creative Cloud Tous les apps) : 2 × 59,99 €/mois ≈ 1 440 €/an. - Option B (Affinity Suite + DaVinci Resolve Studio + Blender) : (2 × 54,99 €) + 295 € (licence perpétuelle) + 0 ≈ 405 €/an. > Ainsi, l’option B permet une économie de plus de 70 % tout couvrant les besoins raster, vectoriel, montage et 3D de base. **Exemple 11** – Scénario de choix : création d’un logo vectoriel destiné à l’impression et au web. - Logiciel recommandé : Inkscape (gratuit) ou Illustrator (payant). - Justification : les deux gèrent le format SVG (vectoriel) et permettent l’export en PDF/X‑1a pour l’impression. Inkscape suffit si le budget est limité ; Illustrator offre des intégrations avancées avec les autres produits Adobe (Photoshop, After Effects) utiles en workflow complexe. ### 3. Workflow typique d’un projet d’infographie 1. **Briefing** – recueil du besoin, définition du support et des contraintes techniques. 2. **Recherche & moodboard** – collecte d’inspirations, création de maquettes rapides. 3. **Production** – création des assets (illustrations, photos, modèles 3D), application de calques de réglage, utilisation de symboles ou d’instances pour réduire la taille du fichier. 4. **Validation** – vérification colorimétrique (soft‑proof), contrôle de la résolution, test d’export. 5. **Export & livraise** – génération des fichiers finaux selon les spécifications (PDF pour impression, PNG/WebP pour web, GLTF pour 3D temps réel). > **Encadré** : Règle du 10‑20‑70 – environ 10 % du temps consacré au briefing, 20 % à la conception créative, 70 % à la production technique et à l’export. ### 4. Optimisation des ressources - **Proxy** : travailler avec des versions basse résolution des fichiers source pendant l’édition, puis remplacer par les originaux au rendu final. - **Calques de réglage** : appliquer des corrections non destructives (ex. courbes, teinte/saturation) plutôt que dupliquer les calques. - **Références externes** : lier des images au lieu de les incorporer, ce qui réduit la taille du fichier .psd ou .ai. - **Nettoyage régulier** : supprimer les historiques, les versions intermédiaires et les caches inutilisés. --- ## Synthèse du chapitre - L’infographie regroupe la création d’images 2D (vectorielle/matricielle) et 3D, utilisée dans la publicité, le web, le jeu vidéo, l’industrie, etc. - La résolution (ppp) relie taille physique et nombre de pixels ; 300 ppp pour l’impression, 72 ppp pour l’écran. - Les modèles de couleur : RGB (additif, écran), CMYK (soustractif, impression), LAB (perceptif). - Nombre de couleurs possibles : $2^{\text{bits par canal}\times\text{nb canaux}}$. - Formats de fichier : JPEG (avec perte), PNG (sans perte), TIFF (archivage), PSD/AI (calques), PDF (échange), OBJ/STL (3D). - Matériel : CPU ≥ 4 cœurs (2D) / ≥ 6 cœurs (3D), RAM calculée par formule ci‑dessus, GPU avec VRAM adapté (2 Go 2D, ≥ 4 Go 3D), stockage SSD rapide, écran couvrant ≥ 99 % sRGB, tablette graphique sensible à la pression. - Logiciels : choisir selon le domaine (raster, vectoriel, 3D, montage) et les critères coût, compatibilité, communauté. - Workflow : briefing → recherche → production → validation → export, avec règle 10‑20‑70. - Optimisation : proxy, calques de réglage, références externes, nettoyage régulier. --- ## Glossaire | Terme | Définition | |-------|------------| | **Résolution (ppp/dpi)** | Nombre de points (pixels) contenus dans un pouce linéaire d’image. | | **Pixel** | Unité minimale d’une image matricielle, représentant une valeur de couleur. | | **Vectoriel** | Mode de représentation basé sur des équations géométriques (points, droites, courbes) indépendant de la résolution. | | **Matriciel (raster)** | Image constituée d’un tableau de pixels dont la qualité dépend de la densité de points. | | **RGB** | Modèle additif de couleur utilisé pour les écrans (canaux Rouge, Vert, Bleu). | | **CMYK** | Modèle soustractif utilisé pour l’impression (Cyan, Magenta, Jaune, Noir). | | **VRAM** | Mémoire dédiée d’une carte graphique, stockant les textures et les frames. | | **Proxy** | Version basse résolution d’un fichier source utilisée pendant l’édition pour alléger la charge de travail. | | **Soft‑proof** | Simulation à l’écran du rendu final d’une image après conversion d’espace couleur et de profil d’impression. | | **Calibration** | Processus d’ajustement d’un écran afin que ses couleurs correspondent à un espace de référence (sRGB, AdobeRGB). | | **DeltaE** | Mesure de la différence perçue entre deux couleurs ; un deltaE < 2 est généralement considéré comme indiscernable à l’œil nu. | | **Codec** | Algorithme de compression/décompression utilisé pour encoder un fichier audio ou vidéo (ex. H.264, ProRes). | | **LUT** | Look‑Up Table, table de conversion utilisée pour appliquer une transformation de couleur précise (ex. étalonnage vidéo). | | **SSD NVMe** | Disque à état solide utilisant l’interface NVMe, offrant des débits supérieurs à 2 Go/s en lecture/écriture. | | **GPU** | Unité de traitement graphique, spécialisée dans le calcul parallèle destiné au rendu d’images et à la computation générale (GPGPU). | --- ## Exercices d'application corrigés ### Exercice 1 Une affiche A3 (29,7 cm × 42 cm) doit être imprimée à 300 ppp. Calculer le nombre total de pixels nécessaires. **Corrigé** Largeur en pixels : $29,7 \times \frac{300}{2,54}= 3508$ px Hauteur en pixels : $42 \times \frac{300}{2,54}= 4961$ px Total : $3508 \times 4961 \approx 1{,}74\times10^{7}$ pixels (≈ 17,4 MP). --- ### Exercice 2 Une photographie numérique de 6000 × 4000 px est enregistrée en format TIFF 16 bits par canal (48 bits/pixel). Quelle est la taille du fichier en mégaoctets, sans compression ? **Corrigé** Octets par pixel = $48/8 = 6$ octets. Total octets = $6000 \times 4000 \times 6 = 144{,}000{,}000$ octets. En mégaoctets (1 Mo = $2^{20}$ octets ≈ 1 048 576) : $\frac{144{,}000{,}000}{1\,048\,576} \approx 137,3$ Mo. --- ### Exercice 3 Un projet de retouche comporte une image de 5000 × 3000 px en 24 bits/pixel, avec 4 calques de réglage. Quelle quantité de RAM (en Mo) est nécessaire pour travailler confortablement, en ajoutant une marge de 30 % ? **Corrigé** Octets de base = $\frac{5000 \times 3000 \times 24}{8}= 45{,}000{,}000$ octets ≈ 42,9 Mo. Avec 4 calques, on multiplie par 4 (chaque calque occupe la même taille) : $42,9 \times 4 = 171,6$ Mo. Marge 30 % : $171,6 \times 1,30 = 223,1$ Mo. On prévoira donc au moins **250 Mo** de RAM dédiée à l’application. --- ### Exercice 4 Une carte graphique possède 6 Go de VRAM. Est‑elle suffisante pour charger en mémoire une texture de 8000 × 8000 px en format RGBA 32 bits (4 octets/pixel) ? **Corrigé** Octets nécessaires = $8000 \times 8000 \times 4 = 256{,}000{,}000$ octets ≈ 244,1 Mo. Puisque 6 Go = 6144 Mo, la texture occupe moins de 4 % de la VRAM → **oui**, elle est largement suffisante. --- ### Exercice 5 Vous devez choisir entre deux configurations de poste de travail pour un studio d’infographie 3D : - **Config A** : CPU 6 cœurs @ 3,2 GHz, 32 Go RAM, GPU RTX 3060 (12 Go VRAM), SSD 1 To. - **Config B** : CPU 8 cœurs @ 2,8 GHz, 64 Go RAM, GPU RTX 3080 (10 Go VRAM), SSD 2 To. Quel critère justifie le choix de la Config B pour des scènes de rendu complexe avec de nombreux effets de particules ? **Corrigé** Le rendu de scènes très détaillées bénéficie davantage d’une quantité élevée de RAM (pour stocker les géométries, les caches de simulation et les textures intermédiaires) et d’un nombre de cœurs supérieur pour le calcul parallèle du CPU lors de la préparation des scènes (physique, animation). La Config B offre le double de RAM (64 Go contre 32 Go) et deux cœurs supplémentaires, ce qui réduit nettement les temps de pré‑processus et permet de gérer des simulations de particules plus importantes sans recourir au disque. Bien que la VRAM soit légèrement inférieure (10 Go vs 12 Go), elle reste suffisante pour la plupart des textures 4K. Donc, la Config B est préférée pour ce type de charge de travail. --- ### Exercice 6 Un logo doit être décliné en trois versions : 1. Version web (PNG, 72 ppp, fond transparent). 2. Version impression (PDF, 300 ppp, CMYK). 3. Version animation simple (GIF, 15 images, palette 256 couleurs). Indiquez pour chaque version le format de couleur recommandé et justifiez brièvement le choix. **Corrigé** - **Web PNG** : RGB, car les écrans utilisent le modèle additif et le PNG préserve la transparence sans perte. - **Impression PDF** : CMYK, car les imprimantes travaillent en mode soustractif ; le PDF permet d’incorporer les profils ICC nécessaires à une conversion fidèle. - **Animation GIF** : RGB indexé avec palette limitée à 256 couleurs ; le GIF ne supporte que ce mode et est adapté aux animations simples où la taille du fichier doit rester faible. --- *Fin du cours.*