Fiche de révision : Données vectorielles et traitement d’images

📋 Plan du Cours

1. Organisation du module et évaluations
2. Images matricielles et vectorielles
3. Logiciels et usages graphiques
4. Qualité des images matricielles
5. Couleurs et compression
6. Formats de fichiers et export

📖 1. Organisation du module et évaluations

★ À maîtriser

• Le module prévoit 3 semaines de bases théoriques, 6 à 7 semaines de Photoshop et 5 à 6 semaines d’Illustrator.

• L’évaluation comprend un test théorique à 30 %, un test pratique Photoshop à 40 % et un test pratique Illustrator à 30 %.

Compléments

📌 Les travaux hebdomadaires sont remis sur Teams au plus tard la veille du cours suivant à 21 h ; un travail correct vaut 2 points, un travail incomplet 1 point et un travail non fait ou non rendu 0 point avec une retenue après une occurrence.

💡 Astuce mémo

Bases théoriques → Photoshop → Illustrator

📖 2. Images matricielles et vectorielles

🔑 Notions clés & Définitions

• Image matricielle : constituée de pixels et ne peut pas être agrandie indéfiniment sans perte de qualité
• Image vectorielle : constituée de courbes ou de formules mathématiques et peut être agrandie à l’infini sans grille de pixels visible

📝 Points essentiels

• Les images matricielles sont adaptées à la photographie et utilisent notamment les formats .jpg, .gif, .png et .psd.

• Les images vectorielles sont adaptées aux graphiques, schémas, dessins et logos, avec notamment les formats .eps, .svg et .ai.

💡 Astuce mémo

Pixels matriciels, formules vectorielles

📖 3. Logiciels et usages graphiques

📝 Points essentiels

• Adobe Photoshop gère les images matricielles et sert à la retouche photo, aux compositions photographiques et aux maquettes de sites, newsletters ou applications.

• Adobe Illustrator gère les illustrations vectorielles et sert à créer des logos, des illustrations, des maquettes, des fonds et des motifs.

• Adobe InDesign gère les textes et les images pour créer des livres, des dépliants et des maquettes, avec une gestion avancée de la microtypographie.

💡 Astuce mémo

Photoshop retouche, Illustrator vectoriel, InDesign mise en page

📖 4. Qualité des images matricielles

🔑 Notions clés & Définitions

• Pixel : abréviation de Picture Element, est une petite unité carrée contenant une seule couleur et dont la taille n’est pas prédéfinie
• Définition : correspond au nombre de pixels composant une image, calculé par sa largeur multipliée par sa hauteur et exprimé en pixels
• Taille : correspond à sa largeur et à sa hauteur à l’impression à 100 %, exprimées en centimètres, millimètres ou pouces
• Résolution : est le lien entre la définition et la taille, correspondant à la quantité de pixels par pouce et exprimée en ppp, dpi ou ppi

📝 Points essentiels

• Une résolution de 72 ppp est utilisée pour l’écran, tandis que la résolution idéale pour l’impression est de 300 ppp.

📐 Formule — Avec T comme taille, R comme résolution et D comme définition, les relations sont $D=\frac{T\times R}{2{,}54}$, $R=2{,}54\times\frac{D}{T}$ et $T=2{,}54\times\frac{D}{R}$.

💡 Astuce mémo

Définition et taille déterminent la résolution, donc la qualité d’affichage ou d’impression

📖 5. Couleurs et compression

📝 Points essentiels

📌 La synthèse additive RVB utilise le rouge, le vert et le bleu et produit du blanc par addition des couleurs pour les usages numériques et les écrans.

• Les couleurs du système CMJN sont:
  • cyan
  • magenta
  • jaune
  • noir

📌 La compression sans perte conserve toutes les données visuelles du fichier original, tandis que la compression avec perte reproduit l’image de manière approximative en supprimant certaines informations.

💡 Astuce mémo

RVB pour l’écran, CMJN pour le papier

📖 6. Formats de fichiers et export

★ À maîtriser

• Les fichiers de travail sont notamment .psd, .ai et .indd, tandis que les exports web ou numériques comprennent .png, .jpg, .gif et .svg et les exports d’impression comprennent .pdf, .tiff, .eps et parfois .jpg.

• Le format .jpg est un format matriciel universel et léger, utilisé surtout sur Internet, qui accepte une compression avec perte mais ne gère pas la transparence.

• Le format .pdf, créé par Adobe, peut stocker des contenus vectoriels et matriciels et facilite le partage, mais il est difficilement éditable sans logiciel adapté.

Compléments

• Le format .psd est le format natif de Photoshop, adapté à la retouche matricielle par couches superposées, mais ses fichiers sont lourds et nécessitent Photoshop pour être ouverts.

• Le format .ai est le format natif d’Illustrator, destiné aux images vectorielles, produisant des fichiers légers et adaptables à la taille du support, mais nécessitant Illustrator pour être ouvert.

• Le format .gif est matriciel, utilisé sur le web et pour les animations, gère la transparence et la compression, mais sa palette est limitée à 256 couleurs.

• Le format .png est matriciel, utilisé sur le web pour les illustrations et logos, gère la transparence et compresse sans perte, mais peut produire des fichiers lourds.

• Le format .tiff est matriciel, adapté à l’impression en PAO, offre une excellente qualité sans perte mais produit des fichiers lourds.

• Le format .svg est vectoriel, basé sur le langage XML, adapté aux logos et icônes simples sur le web, sans perte à la compression, mais inadapté aux illustrations complexes.

💡 Astuce mémo

Source → travail → export web ou impression

📊 Tableaux de synthèse

Matriciel et vectoriel

Systèmes de couleurs