Support de cours – Infographie 1 Ouattara Siaka

Introduction
Depuis l’avènement de l’informatique, les métiers liés à ce domaine se sont
multipliés. Certains ont muté complètement et d’autres ont gardé leur version
traditionnelle. Parmi tous ces métiers et domaines d’activité, nous nous
intéresserons à l’infographie. Ce domaine d’activité s’est très vite répandu
aujourd’hui, notamment avec l’accès facile aux micro-ordinateurs et le grand
nombre de logiciels de graphisme. L’infographie a contribué à la création de
nombreux emplois et à la diversification des supports de communication. Peu à
peu enseignée dans les écoles, l’infographie a suscité l’intérêt de nombreuses
personnes. Aujourd’hui, plusieurs écoles dans plusieurs pays ont intégré
l’infographie dans leurs programmes de formation, notamment en communication
visuelle. Dans ce document d’une poignée de pages, nous allons ensemble aller à
la découverte de l’infographie et faire connaissance avec tous ses enjeux dans la
communication.

L’INFOGRAPHIE
1- Définition
L’infographie, dans son sens le plus général, désigne le domaine de la création
d’images assistée par ordinateur. Elle rassemble de nombreuses techniques,
notamment la création et la représentation des éléments graphiques et leur
modification par l’intermédiaire d’algorithmes. Aujourd’hui, l’infographie
désigne aussi et surtout l’ensemble des techniques de retouche et de modification
d’images, de conception d’affiches publicitaires, de logos, de bannières, etc. De
façon générale, l’on appelle infographe la personne qui conçoit des supports de
communication visuelle.

2- Historique
Le terme infographie est un mot-valise formé à partir de « informatique » et de
« graphie ». Lors de son introduction dans la langue française dans les années
1970, le terme « infographie » désigne les graphismes produits par ordinateur.
Puis, par confusion sur le sens du préfixe « info- » (informatique / information),
le terme infographie est utilisé par certains au sens de diagramme, cartographie,
et tout type de schéma explicatif destiné à mettre en images des informations,
notamment statistiques et géographiques. A l’origine, l’infographie s’attache le
plus aux techniques de traitement d’images qu’à la sémiologie graphique.
Au début des années 1990, presque tous les outils techniques étaient prêts pour le
travail du graphiste, lui permettant sa migration au numérique. Les nouveaux

1
Support de cours – Infographie 1 Ouattara Siaka

artistes numériques se sont appropriés le terme d’infographiste jusqu’alors réservé

aux ingénieurs concepteurs de ces outils.
Cependant, en français, le concept d’infographie désigne tous les graphismes
produits par des moyens informatiques. Cela n’est pas le cas en anglais où
infographics signifie graphisme d’information. Le terme anglais se rapprochant
le plus du sens d’infographie en français est graphic design. Aussi, une
infographie en français désigne un graphisme d’information, contrairement à
l’infographie qui désigne un domaine à part entière.

3- L’infographie de nos jours

L’appropriation du terme infographie par les artistes contemporains a créé de
nouvelles façons de comprendre l’image ou la photo et de communiquer. Elle a
aussi contraint les développeurs de logiciels de graphisme à apporter de nouvelles
fonctionnalités afin de faciliter la retouche d’images, de faire économiser du
temps précieux à l’infographe, de créer de nouvelles façons de communiquer et
bien sûr de se démarquer de la concurrence. Aujourd’hui, l’infographe sera chargé
de créer des affiches publicitaires (flyers, brochures, catalogues, etc), des logos,
des typographies, de design web ou d’application, de faire du photomontage, de
la retouche d’images…
L’infographie, souvent appelé infographie 2D, va acquérir une troisième
dimension et ainsi créer de nouvelles possibilités de création : l’infographie 3D.
L’infographie 3D permet la création et un rendu fidèle d’objets et de personnages
en trois dimensions. Cette catégorie d’images va naître avec de nouveaux types
de logiciels.
Les possibilités de l’infographie sont très nombreuses et très variées en fonction
du domaine et du résultat voulu.

2
Support de cours – Infographie 1 Ouattara Siaka

4- Les métiers de l’infographie

Avec l’essor des nouvelles technologies et d’internet, le nombre de métiers lié à
l’infographie a explosé. En effet, l’infographie concerne tous les secteurs
d’activités. Ce domaine recouvre un très large panel de métiers. Mais si l’on devait
définir en quelques mots ce secteur, on dirait qu’il s’agit d’un pan professionnel
qui allie technique et créativité, technique et communication.
On peut catégoriser les métiers de l’infographie selon les professions suivantes :
• Concepteur multimédia
• Directeur artistique
• Directeur artistique web
• Illustrateur
• Designer
• Webdesigner
• Game designer
• Motion designer
• Maquettiste
• Concepteur designer
• Etc.
La création multimédia et web étant une nécessité dans presque tous les domaines
d’activité aujourd’hui, les métiers de l’infographie peuvent se trouver dans de
nombreuses comme :
• Les services de communication
• La presse
• Le cinéma

3
Support de cours – Infographie 1 Ouattara Siaka

• Le jeu vidéo
• L’animation
• Les maisons d’édition
• La publicité
• Etc.
Le métier de l’infographe étant souvent lié au numérique, il doit être au courant
des dernières nouveautés et avancées dans ce domaine. Donc il se tient sans cesse
informé. Afin de fournir une prestation la plus adaptée qui soit, il doit avoir une
bonne connaissance sur l’environnement de marque des entreprises.

5- La formation de l’infographe
Pour être infographe et exercer dans un des métiers sus-cités, il vous est possible
d’intégrer plusieurs types de formations :
Après votre Bac, vous pouvez entrer en :
✓ BTS design graphique
✓ BTS communication visuelle
Après votre Bac ou votre BTS, il est possible d’intégrer les formations
suivantes :
✓ Licence pro infographie
✓ Licence pro design
✓ Bachelor infographie
Après votre licence, vous pouvez étudier en :
✓ Master infographie
Selon le type de formation suivie ou la spécialisation, un élément reste constant
dans la formation et la vie de l’infographe : l’image. Qu’elle soit dessinée sur
papier ou réalisée à partir d’ordinateur ou obtenue à partir d’appareils numériques,
l’image reste un élément indispensable pour l’infographe.

4
Support de cours – Infographie 1 Ouattara Siaka

L’IMAGE NUMERIQUE
En communication visuelle, l’élément central est l’image. C’est autour d’elle et
par elle que le message est transmis. En infographie, l’image est en même temps
et parfois matière première et produit fini. C’est-à-dire que l’on se sert de l’image
pour concevoir son support de communication et ce support lui-même est une
image. Vu donc son caractère indispensable, il serait important de l’approcher de
plus près afin de mieux la comprendre.
a- Définition

On désigne sous le terme d’image numérique toute image (dessin, icône,

photographie…) acquise, créée, traitée ou stockée sous forme binaire (suite de 0
et de 1) :

• Acquise par des Convertisseurs Analogique-Numérique situés dans des

dispositifs comme les scanners, les appareils photo ou caméscopes
numériques, les cartes d’acquisition vidéo (qui numérisent directement une
source comme la télévision).
• Créée directement par des programmes informatiques, via la souris, les
tablettes graphiques ou par la modélisation 3D (ce que l’on appelle par abus
de langage les « images de synthèse »).
• Traitée grâce à des outils informatiques. Il est facile de la transformer,
modifier en taille, en couleur, d’ajouter ou supprimer des éléments,
d’appliquer des filtres variés, etc.
• Stockée sur un support informatique (disquette, disque dur, CD-ROM…)
L’image numérique se présente sous la forme d’un rectangle constitué par un
ensemble de points colorés appelés pixels.

b- Le pixel
Le pixel, de l’anglais Picture Element, est le plus petit élément qui constitue une
image numérique. Il permet de mesurer sa définition. En « zoomant » sur un détail
de l’image, on voit les pixels apparaître sous la forme de carrés colorés.
Cependant, certaines visionneuses opèrent un flou automatique pour limiter
l’effet pixellisé de l’image.

5
Support de cours – Infographie 1 Ouattara Siaka

Le terme de pixels coïncide également avec les points lumineux qui composent
un écran.

c- Catégories d’images
On distingue deux principales catégories d’images : les images matricielles (ou
bitmap) et les images vectorielles.

1- L’image matricielle
On parle d’image matricielle pour désigner une image numérisée « classique ».
En effet, en Mathématiques, une matrice désigne un tableau de nombres :
chaque élément de la matrice (nombre / groupe de nombres sur deux axes X et Y)
est associé à un pixel de l’image. Une image matricielle est donc une image
composée essentiellement de pixels.

© Kevindean, Flickr, cc by nc sa 2.0

6
Support de cours – Infographie 1 Ouattara Siaka

2- L’image vectorielle
Une image vectorielle est une image créée sur un ordinateur à partir de formules
mathématiques. À la différence d'une image matricielle composée de pixels, une
image vectorielle est faite de formes (polygones, lignes, ellipses) possédant divers
paramètres tels que hauteur, longueur, rayon, couleur, etc. Ces formes et lignes
sont des combinaisons de courbes de Bézier composées de vecteurs. Chaque
vecteur possède une norme, une direction et un sens.
L'avantage majeur d'une image vectorielle est sa capacité à être redimensionnée
sans perte de qualité ni aliasing, les formules mathématiques qui la composent
étant constamment recalculées. Une même image peut ainsi être utilisée de
différentes façons, que ce soit pour une carte de visite, un tee-shirt ou un panneau
publicitaire. Elle est aussi contenue dans un fichier beaucoup plus léger qu'une
image pixelisée, indépendamment de sa taille et de sa résolution.
Chaque forme d'une image vectorielle est remplie d'une seule couleur
dite solide ou d'un dégradé de couleurs. Elle reste donc limitée en termes
de réalisme, inutilisable en photographie par exemple. De plus une image
vectorielle ne peut être créée qu'à partir d'un logiciel dédié.

« Une image vectorielle d’Horia Varlan» © "Sets of blue waves and surfing boards with flower
patterns vector graphics preview" par Horia Varlan

7
Support de cours – Infographie 1 Ouattara Siaka

3- La résolution et la définition d’une image

Les termes Résolution et Définition sont souvent confondus dans le langage
de la photo numérique. Ils sont liés à la notion de pixels.

a- La résolution
La résolution d'une image est le nombre de pixels contenus dans l'image
par unité de longueur. Elle s'exprime le plus souvent en ppp (point par
pouces) ou en dpi (dots per inch), parfois en point par cm. Rappel : 1
pouce (ou inch) = 2,54 cm. La résolution définit la netteté et la qualité
d'une image. Plus la résolution est grande (c'est-à-dire plus il y a de
pixels dans une longueur de 1 pouce), plus votre image est précise dans
les détails.
Une résolution importante alourdit le fichier sans en améliorer de façon
notable la qualité : 100 ppp est généralement suffisant. À titre de
comparaison, une image à 300 ppp est seize fois plus lourde que la
même image à 75 ppp.
Aussi, l’on recommande pour une image ou une affiche destinée à
internet ou aux écrans une résolution d’environ 72 ppp, et pour une
image ou affiche destinée à l’impression une résolution d’environ 300
ppp.

Fausse idée
Le choix des définitions d'affichage, proposées par Windows et nommées à tort
Résolution de l'écran dans la boite de dialogue Propriétés de l'affichage est lié à la
taille de votre écran et à son type.

b- La définition
La définition est le nombre de points (ou pixels) que comporte une
image numérique en largeur et en hauteur (le nombre de colonnes et
nombre de lignes). On parle aussi de Taille en pixels. Exemple : une
image dont la définition est 1600x1200 correspond à une image de 1600
pixels en largeur et 1200 pixels en hauteur.

8
Support de cours – Infographie 1 Ouattara Siaka

4- Les Modes colorimétriques

Le mode colorimétrique ou le mode d’image déterminent comment combiner
les couleurs en fonction du nombre de couches dans un modèle de couleur. Les
différents modes colorimétriques correspondent aux différents niveaux de
détail de la couleur et de taille du fichier. Par exemple, utilisez le mode
couleurs CMJN pour les images dans une brochure en couleurs et utilisez le
mode RVB pour le Web ou dans un courriel, afin de réduire la taille du fichier
tout en conservant l’intégrité des couleurs. Voici quelques modes de couleur.
Mode RVB (plusieurs millions de couleurs)
Mode CMJN (impression en quadrichromie)
Mode Index (256 couleurs)
Mode Niveaux de gris (256 gris)
Mode Bitmap (2 couleurs)

a- Mode couleurs RVB

Ce mode dans Photoshop utilise le modèle RVB, attribuant une valeur
d’intensité à chacun des pixels. Dans les images en 8 bits par couche, les
valeurs d’intensité vont de 0 (noir) à 255 (blanc) pour chacune des
composantes RVB (rouge, vert, bleu) d’une image en couleurs. Par exemple,
un rouge vif aura une valeur R de 246, une valeur V de 20 et une valeur B
de 50. Lorsque toutes les composantes ont une valeur égale, on obtient une
nuance de gris neutre ; lorsqu’elles ont chacune une valeur de 255, on obtient
un blanc pur. Une valeur égale à 0 pour chacune produit du noir.
Les images RVB utilisent trois couleurs, ou couches, pour reproduire les
couleurs à l’écran. Dans les images en 8 bits par couche, les trois couches sont
converties en 24 bits (8 bits x 3 couches) d’informations chromatiques
par pixel. Pour les images 24 bits, les trois couches peuvent reproduire jusqu’à
16,7 millions de couleurs par pixel. Les images 48 bits (16 bits par couche) et
96 bits (32 bits par couche) peuvent en reproduire encore davantage par pixel.
Le modèle RVB n’est pas simplement le mode par défaut des nouvelles images
Photoshop. Il est utilisé par les moniteurs d’ordinateur pour afficher les
couleurs. Cela signifie que, dans les modes colorimétriques autres que RVB
(par exemple, CMJN), Photoshop convertit l’image CMJN en image RVB
pour l’afficher à l’écran.
Bien que le modèle RVB soit un modèle de couleur standard, la gamme des
couleurs exacte représentée peut varier selon l’application ou le périphérique
d’affichage. Le mode Couleurs RVB de Photoshop varie suivant la
configuration de l’espace de travail spécifiée dans la boîte de
dialogue Couleurs.

9
Support de cours – Infographie 1 Ouattara Siaka

b- Mode couleurs CMJN

Ce mode attribue à chaque pixel un pourcentage pour chacune des encres
quadri. Aux couleurs les plus claires (tons clairs) sont attribués de faibles
pourcentages de couleurs d’encre quadri, aux couleurs les plus foncées (tons
foncés) de plus forts pourcentages. Par exemple, un rouge vif peut être obtenu
avec 2 % de cyan, 93 % de magenta, 90 % de jaune et 0 % de noir. Dans les
images CMJN, le blanc pur est produit lorsque la valeur des quatre
composantes est 0 %.
Utilisez le mode CMJN lorsque vous préparez une image pour l’impression en
quadrichromie. La conversion d’une image RVB en CMJN produit
une séparation des couleurs. Si votre image de départ est en mode RVB, il
vaut mieux la retoucher d’abord en RVB puis la convertir en CMJN, une fois
que vous avez terminé. En mode RVB, vous pouvez utiliser les
commandes Format d’épreuve pour simuler les effets d’une conversion
CMJN, sans modifier les données image réelles. Vous pouvez également
utiliser le mode CMJN pour travailler directement avec des images CMJN
numérisées ou importées à partir de systèmes haut de gamme.
Bien que le modèle CMJN soit un modèle de couleur standard, la gamme des
couleurs exacte représentée peut varier selon la presse et les conditions
d’impression. Le mode Couleurs CMJN de Photoshop varie suivant la
configuration de l’espace de travail spécifiée dans la boîte de
dialogue Couleurs.

c- Mode couleurs Lab

Le modèle de couleur CIE L*a*b* (Lab) repose sur la perception de la couleur
par l’œil humain. Les valeurs numériques du modèle Lab décrivent toutes les
couleurs perceptibles à l’œil humain. Etant donné que le modèle Lab décrit
l’aspect d’une couleur plutôt que la quantité de colorant nécessaire pour la
reproduire sur un périphérique donné (tel qu’un moniteur, une imprimante de
bureau ou un appareil photo numérique), il est considéré comme indépendant
du périphérique. Les systèmes de gestion des couleurs utilisent le modèle Lab
comme référence pour transposer de manière fiable dans un autre espace
colorimétrique une couleur d’un espace colorimétrique donné.
La composante de luminance (L) du mode Couleurs Lab est comprise entre 0
et 100. Dans le sélecteur de couleurs Adobe et dans le panneau Couleur, la
composante a (axe vert-rouge) et la composante b (axe bleu-jaune) peuvent
être comprises entre +127 et -128.

10
Support de cours – Infographie 1 Ouattara Siaka

Vous pouvez enregistrer les images Lab aux formats Photoshop EPS, Format
de document volumineux (PSB), PDF, Photoshop Brut, TIFF, Photoshop
DCS 1.0 et Photoshop DCS 2.0. Vous pouvez enregistrer les images Lab
48 bits (16 bits par couche) aux formats Photoshop, Format de document
volumineux (PSB), Photoshop PDF, Photoshop Brut et TIFF.

d- Mode niveaux de gris

Ce mode utilise plusieurs nuances de gris dans une image. Une image 8 bits
peut compter jusqu’à 256 niveaux de gris. La valeur de luminosité de chaque
pixel d’une image en niveaux de gris est comprise entre 0 (noir) et 255 (blanc).
Le nombre de nuances d’une image 16 et 32 bits est bien supérieur à celui
d’une image 8 bits.
Les valeurs de niveaux de gris s’expriment également en pourcentages de la
couverture d’encre noire (0 % est égal au blanc, et 100 % au noir).
Le mode Niveaux de gris utilise la gamme définie par la configuration de
l’espace de travail spécifiée dans la boîte de dialogue Couleurs.

e- Mode Bitmap
Ce mode utilise une des deux valeurs chromatiques (noir ou blanc) pour
représenter les pixels dans une image. Les images en mode Bitmap sont
appelées images 1 bit en mode point, car leur profondeur est de 1.

Sources
www.diplomeo.com/formations-metier-infographie
https://www.techno-science.net/glossaire-definition/Image-numerique
https://www.futura-sciences.com/tech/definitions/informatique-image-
vectorielle-13099/
https://helpx.adobe.com/fr/photoshop/using/color-modes.html

11