Transformation de l’image de synthèse

## Objectifs et prérequis **À la fin de ce chapitre, l’élève sera capable de :** - Ajuster le contraste d’une image numérique en utilisant l’étirement d’histogramme ou le réglage des niveaux. - Modifier la densité (luminosité) et adapter la couleur (équilibrage des canaux RVB, correction de la teinte et de la saturation). - Organiser les éléments graphiques (calques, groupes, alignement, distribution) selon une maquette donnée. - Appliquer des techniques d’amélioration d’image (netteté, réduction du bruit, filtres créatifs) dans un flux de travail professionnel. - Réaliser une activité d’intégration qui combine toutes ces opérations pour produire une image de synthèse prête à l’impression ou à la diffusion numérique. **Prérequis :** - Maîtrise de l’interface d’un logiciel de retouche photo (ex. GIMP, Photoshop, Krita) : calques, histogramme, boîte de dialogue des niveaux/courbes. - Notions de base sur le modèle de couleur RVB et sur la résolution (ppi, dimensions en pixels). - Connaissance des formats d’image courants (JPEG, PNG, TIFF) et de leurs caractéristiques (compression, profondeur de couleur). --- ## Introduction contextualisée Dans le domaine du graphisme et de l’infographie au Cameroun, les professionnels sont souvent amenés à préparer des visuels pour des supports variés : affiches de campagne publicitaire, brochures institutionnelles, contenus web pour les entreprises locales, ou encore maquettes pour l’impression de supports pédagogiques. La qualité de l’image de synthèse dépend directement de la capacité à contrôler le contraste, la densité, la couleur et l’organisation des éléments graphiques. Une image mal contrastée rend difficile la lecture des textes ; une densité inadéquate provoque des zones bouchées ou trop claires ; une mauvaise organisation des calques complique les modifications ultérieures. Ce chapitre présente, de façon progressive, les méthodes éprouvées pour optimiser ces paramètres, en s’appuyant sur des exemples concrets tirés de la pratique professionnelle camerounaise (ex. création d’une affiche pour la Fête de la Jeunesse, retouche d’un portrait pour un magazine de mode à Douala). --- ## I. Ajustement du contraste, adaptation de la couleur, modification de la densité d’une image ### 1. Notions de contraste et de densité - **Contraste** : différence de luminance entre les zones les plus claires et les plus sombres d’une image. Un contraste élevé accentue les détails ; un contraste faible donne une image « plate ». - **Densité** (ou luminosité) : niveau moyen de gris perçu dans l’image ; elle correspond au déplacement global de l’histogramme vers la gauche (assombrissement) ou la droite (éclaircissement). > **> Règle de base** : pour préserver les détails dans les hautes et basses lumières, il convient d’ajuster le contraste *avant* de modifier la densité globale. ### 2. Étirement d’histogramme (contrast stretching) Formule de transformation linéaire : \[ V_{out}= \frac{(V_{in}-V_{min})}{(V_{max}-V_{min})}\times (V_{out,max}-V_{out,min})+V_{out,min} \] où : - \(V_{in}\) = valeur d’entrée (0‑255 pour un canal 8 bits) - \(V_{min}, V_{max}\) = valeurs minimale et maximale présentes dans l’histogramme - \(V_{out,min}, V_{out,max}\) = plage de sortie souhaitée (souvent 0‑255) #### Exemple chiffré Une image présente un histogramme avec \(V_{min}=30\) et \(V_{max}=220\). On veut étirer sur l’intervalle complet \([0,255]\). Calcul pour un pixel d’entrée \(V_{in}=100\) : \[ V_{out}= \frac{(100-30)}{(220-30)}\times 255 = \frac{70}{190}\times 255 \approx 93,9 \approx 94 \] Ainsi, le pixel de valeur 100 devient 94 après étirement. > **> Astuce professionnelle** : dans GIMP, utiliser *Couleurs → Niveaux* et glisser les curseurs noir et blanc jusqu’aux valeurs réelles du histogramme (affiché en arrière‑plan). ### 3. Adaptation de la couleur - **Équilibrage des canaux RVB** : ajuster indépendamment le gain de chaque canal pour neutraliser une dominante de couleur. - **Correction de la teinte et de la saturation** : travailler dans l’espace HSV (Teinte, Saturation, Valeur) pour modifier la couleur sans affecter la luminosité. > **> Procédure** : > 1. Ouvrir *Couleurs → Courbes* ; sélectionner le canal R, G ou B. > 2. Tracer une légère courbe en S pour augmenter le contraste dans ce canal, ou déplacer le point milieu pour corriger une dominante. > 3. Vérifier le résultat dans l’espace HSV (*Couleurs → Teinte‑saturation*). ### 4. Modification de la densité (luminosité) Méthodes courantes : - **Luminosité/contraste** (outil simple) : déplace le milieu de l’histogramme. - **Niveaux** : permet de définir un point noir, un point blanc et un point milieu (gamma). - **Curves** : offre un contrôle fin sur toute la tonalité. > **> Règle de sécurité** : éviter de pousser la luminosité au-delà de +30 ou -30 sans vérifier l’histogramme, au risque de cramer les hautes lumières ou de boucher les ombres. ### 5. Exemple d’atelier camerounais *Contexte* : réalisation d’une affiche pour la campagne de sensibilisation au paludisme à Yaoundé. La photo de base, prise en extérieur sous un ciel nuageux, présente un contraste faible et une dominante bleue. **Étapes** : 1. Ouvrir l’image dans GIMP. 2. *Couleurs → Niveaux* : régler le point noir à 20, le point blanc à 240, le gamma à 0,9 pour éclaircir légèrement les ombres. 3. *Couleurs → Courbes* (canal B) : abaisser légèrement le milieu pour réduire la dominante bleue. 4. *Couleurs → Teinte‑saturation* : augmenter la saturation de +15 pour rendre les verts plus vibrants. 5. Vérifier l’histogramme : il doit s’étirer de près de 0 à 255 sans écrasement. --- ## II. Organisation des éléments graphiques ### 1. Structure des calques - **Calque de base** : contient l’image raster originale. - **Calques d’ajustement** (niveaux, courbes, teinte‑saturation) : non destructifs, permettent de revenir en arrière. - **Calques de texte** : pour les titres, légendes, informations légales. - **Calques de forme** (vecteur) : logos, icônes, cadres. - **Calques de masques** : pour des effets de fusion sélectifs (ex. vignette, éclairage localisé). > **> Bonnes pratiques** : nommer chaque calque de façon explicite (ex. « Ciel‑ajustement‑niveaux », « Titre‑principal ») et les regrouper dans des dossiers selon leur fonction (Image, Texte, Effets). ### 2. Alignement et distribution Outils disponibles dans la plupart des logiciels : - **Alignement** : gauche, centre, droite, haut, milieu, bas relatif à la sélection ou au canevas. - **Distribution** : espace égal horizontalement ou verticalement entre trois objets ou plus. > **> Règle** : toujours activer l’option « Aligner sur la sélection » lorsqu’on travaille sur un groupe d’objets, sinon l’alignement se fait par rapport au canevas complet, ce qui peut déplacer des éléments indésirables. ### 3. Gestion des résolutions et des formats d’export - **Résolution de travail** : 300 ppi pour l’impression, 72 ppi pour le web (mais on travaille généralement en pixels absolus, la résolution étant définie à l’export). - **Formats d’export** : - **TIFF** (sans compression ou LZW) pour l’archivage et l’impression haute qualité. - **PNG** (8 bits ou 16 bits) pour le web avec transparence. - **JPEG** (qualité 80‑90) pour les photos où la taille du fichier est critique. > **> Exemple de flux de travail** : après les réglages de contraste et de couleur, aplatir l’image (*Image → Aplatir l’image*), puis exporter en TIFF 300 ppi pour l’imprimeur local, et en PNG 72 ppi pour la diffusion sur les réseaux sociaux du ministère de la Santé. ### 4. Exercice pratique d’organisation *Situation* : créer une carte de visite pour une entreprise de BTP à Douala. Les éléments sont : logo (vectoriel), nom de l’entreprise, fonction, téléphone, adresse, et une photo du chantier en arrière‑plan. **Étapes** : 1. Créer un nouveau document 90 mm × 55 mm à 300 ppi. 2. Placer le logo en haut à gauche, calque nommé « Logo ». 3. Ajouter un calque de texte pour le nom (« Entreprise BTP Cameroun ») en gras, taille 12 pt, aligné à droite du logo. 4. Insérer la photo du chantier, réduire son opacité à 20 %, placer en arrière‑plan, calque nommé « Photo‑chantier ». 5. Ajouter les coordonnées dans un calque de texte séparé, aligné à bas‑droite. 6. Regrouper tous les calques de texte dans un dossier « Texte ». 7. Vérifier les marges de sécurité (3 mm) autour du bord du document. --- ## III. Amélioration d’une image ### 1. Netteté (sharpening) - **Masque flou** (Unsharp Mask) : augmente le contraste autour des contours. Paramètres typiques : rayon 0,5‑1,0 px, quantité 50‑150 %, seuil 0‑5  niveaux. - **Filtre passe‑haut** : dupliquer le calque, appliquer *Filtre → Autres → Passe‑haut* (rayon 2‑4 px), puis changer le mode de fusion en *Lumière douce* ou *Superposition*. > **> Astuce** : travailler sur un calque duplicé et masquer les zones où la netteté crée des halos indésirables (ex. ciel uniforme). ### 2. Réduction du bruit - **Filtre Réduire le bruit** (luminance et couleur) : préserver les détails tout en atténuant le grain numérique, surtout utile pour les photos prises en haute ISO. - **Méthode du masque de luminance** : créer un masque basé sur la luminance, appliquer le flou gaussien uniquement sur les zones sombres où le bruit est plus visible. > **> Règle de sécurité** : ne pas dépasser un rayon de flou de 2 px pour la réduction du bruit afin d’éviter une perte de netteté perceptible. ### 3. Filtres créatifs (optionnels selon le brief) - **Vignette** : assombrir les bords pour centrer l’attention. Réalisée par un calque de remplissage noir, masque radial, opacité 15‑30 %. - **Split toning** : appliquer une teinte chaude aux hautes lumières et une teinte froide aux ombres pour donner une ambiance particulière. ### 4. Exemple d’amélioration complet *Contexte* : retouche d’un portrait d’un artisan pour le catalogue « Artisanat du Cameroun ». La photo originale présente un léger bruit (ISO 800) et un manque de netteté sur les yeux. **Étapes** : 1. Dupliquer le calque de fond → nommer « Bruit ». 2. *Filtre → Réduire le bruit* : luminance = 20 %, couleur = 20 %, netteté des détails = 50 %, préserver les détails = 0 %. 3. Dupliquer à nouveau → « Netteté ». 4. *Filtre → Autres → Passe‑haut* : rayon = 2 px. 5. Changer le mode de fusion du calque « Netteté » en *Lumière douce*, opacité = 60 %. 6. Ajouter un masque de calque sur « Netteté », peindre en noir sur les zones du front et des joues pour éviter les halos. 7. Appliquer une légère vignette (calque de remplissage noir, masque radial, opacité = 20 %). 8. Exporter en JPEG qualité = 90 pour le catalogue imprimé. > **> Résultat attendu** : peau lissée sans perte de texture des cheveux, yeux nettement définis, bruit visuel réduit à moins de 5 % du niveau original. --- ## IV. ACTIVITES D’INTEGRATION ### 1. Cahier des charges type - **Support** : affiche A3 (297 mm × 420 mm) pour la promotion d’un festival de musique traditionnelle à Garoua. - **Éléments fournis** : photo de groupe (300 dpi, RVB), logo du festival (vectoriel), texte officiel (titre, dates, lieu, partenaires), palette de couleurs imposée (ocre, vert savane, bleu nuit). - **Contraintes** : respecter une marge de sécurité de 10 mm, utiliser au moins deux calques d’ajustement (niveaux et teinte‑saturation), appliquer un masque de fusion pour intégrer le logo dans la photo, produire un fichier final en PDF/X‑1a pour l’imprimeur. ### 2. Déroulement de l’activité (étapes détaillées) 1. **Création du document** : 297 mm × 420 mm, 300 ppi, mode couleur RVB. 2. **Importation de la photo** : placer en calque de fond, convertir en objet dynamique si le logiciel le permet (pour conserver la possibilité de retouche non destructive). 3. **Ajustement de contraste et densité** : niveaux (point noir = 15, point blanc = 245, gamma = 0,95). 4. **Adaptation de la couleur** : teinte‑saturation → augmenter la saturation de +12, ajuster la teinte vers le vert (+5) pour respecter la palette. 5. **Intégration du logo** : glisser le logo vectoriel, le redimensionner à 40 mm de largeur, placer en haut‑à‑gauche dans la marge de sécurité. 6. **Masque de fusion** : ajouter un masque de fusion au calque logo, utiliser un dégradé linéaire noir‑blanc pour faire apparaître le logo progressivement sur la zone de ciel de la photo. 7. **Ajout du texte** : créer un groupe de calques « Texte », insérer le titre en police « Impact » 48 pt, couleur ocre ; les informations en « Arial » 24 pt, couleur blanc avec ombre portée légère (distance 2 px, opacité 30 %). Aligner le bloc texte à droite, respecter la marge de sécurité. 8. **Amélioration finale** : appliquer un masque flou (rayon = 0,8 px, quantité = 100 %) pour renforcer la netteté des visages ; ajouter une vignette subtile (opacité = 15 %). 9. **Vérification** : afficher l’histogramme (doit toucher les deux extrémités sans écrasement), vérifier les profils de couleur (RVB, conversion en CMJN prévue à l’export). 10. **Export** : *Fichier → Exporter sous* → choisir PDF/X‑1a, cocher « Convertir les couleurs en CMJN », résolution 300 ppi, cocher « Créer un PDF/X‑1a compatible ». ### 3. Évaluation attendue - Respect des spécifications techniques (dimensions, résolution, marges). - Utilisation correcte des calques d’ajustement et des masques. - Cohérence chromatique avec la palette imposée. - Qualité de l’image finale (pas de artefacts de compression, netteté suffisante pour l’impression). - Livraison du fichier dans le format demandé, nommé selon la convention : `Festival_Garoua_A3.pdf`. --- ## Synthèse du chapitre - **Contraste** : réglé par étirement d’histogramme ou niveaux/courbes ; formule de transformation linéaire. - **Densité (luminosité)** : ajustée via le point milieu (gamma) ou l’outil luminosité/contraste ; éviter les écrasements. - **Couleur** : équilibrage des canaux RVB, correction teinte/saturation dans l’espace HSV. - **Organisation** : calques nommés, groupes/dossiers, alignement/distribution, masques de fusion pour intégration non destructive. - **Amélioration** : netteté (masque flou, passe‑haut), réduction du bruit, vignette, split toning selon le brief. - **Workflow professionnel** : réglages de base → organisation → amélioration → export adapté au support (TIFF/PNG pour impression, JPEG/Web pour numérique). - **Activité d’intégration** : mettre en pratique toutes les étapes sur un projet réel (affiche, carte de visite, etc.) en respectant les contraintes techniques et créatives. --- ## Glossaire | Terme | Définition | |-------|------------| | Contraste | Différence de luminance entre les zones les plus claires et les plus sombres d’une image. | | Densité | Niveau moyen de luminosité perçu ; déplacement global de l’histogramme. | | Étirement d’histogramme | Transformation linéaire qui répartit les valeurs de niveaux sur l’intervalle complet disponible. | | Calque d’ajustement | Calque non destructif qui modifie l’apparence des calques situés dessous (niveaux, courbes, teinte‑saturation, etc.). | | Masque de fusion | Masque associé à un calque qui définit les zones visibles/invisibles selon des niveaux de gris. | | Résolution (ppi) | Nombre de pixels par pouce ; détermine la qualité d’impression ou d’affichage. | | Format TIFF | Format d’image sans perte, souvent utilisé pour l’archivage et l’impression haute qualité. | | Masque flou (Unsharp Mask) | Technique de netteté qui augmente le contraste autour des contours en combinant une version floue de l’image avec l’originale. | | Réduction du bruit | Processus qui atténue le grain numérique tout en préservant les détails. | | PDF/X‑1a | Norme PDF destinée à l’échange fiable de fichiers d’impression, incluant l’incorporation des polices et la conversion en CMJN. | --- ## Exercices d'application corrigés ### Exercice 1 – Ajustement du contraste **Consigne** : Une image de 8 bits présente un histogramme avec \(V_{min}=40\) et \(V_{max}=210\). Appliquer un étirement d’histogramme sur l’intervalle \([0,255]\) et donner la valeur de sortie pour un pixel d’entrée \(V_{in}=120\). **Corrigé** : \[ V_{out}= \frac{(120-40)}{(210-40)}\times 255 = \frac{80}{170}\times 255 \approx 119,4 \approx 119 \] Le pixel de valeur 120 devient 119 après étirement. ### Exercice 2 – Organisation des calques **Consigne** : Vous devez créer une carte de visite 90 mm × 55 mm à 300 ppi contenant : un logo (calque « Logo »), un texte de nom (calque « Nom »), un texte de coordonnées (calque « Coordonnées ») et une photo d’arrière‑plan (calque « Photo »). Indiquer l’ordre recommandé des calques du bas vers le haut et préciser quels calques doivent être convertis en objets dynamiques. **Corrigé** : 1. **Photo** (calque de base, convertir en objet dynamique pour permettre redimensionnement sans perte). 2. **Logo** (au-dessus de la photo, pas besoin d’objet dynamique si le logo est vectoriel). 3. **Nom** (au-dessus du logo). 4. **Coordonnées** (au‑dessus du nom). Tous les calques de texte restent en mode texte pour une édition ultérieure ; seul le calque photo bénéficie de l’objet dynamique. ### Exercice 3 – Amélioration d’image (netteté + bruit) **Consigne** : Une portrait présente du bruit luminance estimé à 25 % et un manque de netteté sur les yeux. Proposer une séquence de deux filtres (ordre d’application) avec leurs paramètres typiques pour obtenir un résultat équilibré. **Corrigé** : 1. **Réduire le bruit** : luminance = 25 %, couleur = 20 %, netteté des détails = 50 %, préserver les détails = 0 %. 2. **Masque flou** : rayon = 1,0 px, quantité = 120 %, seuil = 0  niveaux. L’ordre bruit → netteté évite d’amplifier le bruit lors de l’accentuation des contours. ### Exercice 4 – Activité d’intégration (affiche) **Consigne** : En suivant le cahier des charges de la section IV, indiquer quelle opération doit être réalisée **avant** l’ajout du masque de fusion du logo et pourquoi. **Corrigé** : L’ajustement de contraste et de couleur (niveaux + teinte‑saturation) doit être effectué **avant** le masque de fusion. En effet, le masque de fusion se base sur la luminance de l’image sous‑jacent ; si on modifie la luminosité ou la couleur après, l’effet du masque (dégradé de visibilité) serait altéré et le logo pourrait apparaître trop clair ou trop sombre relativement à l’arrière‑plan. --- ## Erreurs fréquentes et règles de sécurité | # | Erreur fréquente | Conséquence | Règle de prévention / bonne pratique | |---|------------------|-------------|--------------------------------------| | 1 | Appliquer un étirement d’histogramme sans vérifier les valeurs réelles du histogramme (utiliser les curseurs par défaut). | Perte de détails dans les hautes lumières ou les ombres (cramage ou bouchage). | Toujours afficher l’histogramme et positionner les curseurs noir et blanc exactement aux valeurs \(V_{min}\) et \(V_{max}\) mesurées. | | 2 | Placer un texte directement sur une zone très détaillée sans marge de sécurité ou sans contour. | Texte illisible après impression ou réduction. | Utiliser un fond semi‑transparent (calque de remplissage noir à 30 % d’opacité) ou un tracé de contour (stroke) autour du texte pour garantir la lisibilité. | | 3 | Exporter une image destinée à l’impression en JPEG avec un taux de compression élevé (< 60). | Artefacts de compression visibles, surtout sur les textes et les dégradés. | Pour l’impression, privilégier le TIFF sans compression ou le PNG ; réserver le JPEG au web avec qualité ≥ 80. | | 4 | Appliquer un masque flou (netteté) sur l’ensemble de l’image sans masquer les zones uniformes (ciel, peau). | Apparition de halos ou de bruit accentué autour des contours. | Créer un masque de calque sur le calque de netteté et peindre en noir sur les zones où l’accentuation n’est pas souhaitée. | | 5 | Négliger la conversion en CMJN avant l’export PDF/X‑1a, laissant l’image en RVB. | Les couleurs imprimées diffèrent sensiblement de l’écran (décalage vers le vert ou le magenta). | Toujours convertir le document en CMJN (ou laisser le logiciel faire la conversion lors de l’export PDF/X‑1a) et vérifier l’épreuve à l’écran avec un profil d’impression adapté (ex. FOGRA39). | | 6 | Utiliser un filtre de réduction du bruit avec un rayon trop élevé (> 3 px). | Lissage excessif, perte de texture des cheveux, des tissus, ou des détails fins. | Limiter le rayon de réduction du bruit à 1‑2 px et ajuster la luminance plutôt que le rayon pour préserver les détails. | --- *Fin de cours.*