Semestre 2 - 2008/2009

Chapitre 1 : Introduction
à l’infographie
Élaboré par :
Mr. Anis ASSÈS
Mr. Mejdi BLAGHGI

Module : Infographie 1 1

Plan
I. Définitions
II. Objets de l’infographie
– Analyse d’image
– Synthèse d’image
III. Avantages de l’infographie
IV. Système graphique
– Définition
– Dispositifs graphiques d’entrée
– Dispositifs graphiques de sortie
– Logiciels graphiques
V. Applications de l’infographie

Module : Infographie 1 2

1
Semestre 2 - 2008/2009

I. Définitions
1. Définition 1
• Le terme infographie [Computer graphics] a
été formé en 1974 par le rapprochement
des mots « informatique » et « graphique»
pour servir de traduction à l’expression
anglaise.
• Cette branche de l’informatique englobe les
domaines et les applications utilisant ou
produisant des graphiques, dessins,
schémas ou images.

Module : Infographie 1 3

I. Définitions
2. Définition 2
L’infographie désigne les graphismes crées et gérés
par ordinateur, dont la gestion se base sur une station
graphique composée d’éléments matériels comme :
le processeur ou la carte graphique
les outils d’acquisition : scanner , caméscope,..
les outils de manipulation : souris, crayon optique,..
les outils de stockage : disque dur, CD, DVD,..
les outils de restitution : écran, imprimante,..
Et d’une interface utilisateur qui permet l’interaction
entre l’utilisateur et l’ordinateur.

Module : Infographie 1 4

2
Semestre 2 - 2008/2009

I. Définitions
3. Définition 3
Utilisation de l’ordinateur pour générer ou interpréter les images.

Module : Infographie 1 5

II. Objets de l’infographie

1. Analyse d’image [Image Analysis]

2. Synthèse d’image [Image Synthesis]

Module : Infographie 1 6

3
Semestre 2 - 2008/2009

II. Objets de l’infographie

1. Analyse d’image
utilisation de l’ordinateur pour interpréter le monde
extérieur au travers les images

Image Objet

¾Traitement d’images (Image Processing) :

amélioration d’images, segmentation, détection de
contours,…
¾Reconnaissance des formes (Pattern Recognition)
¾Vision par ordinateur (Computer Vision)

Module : Infographie 1 7

Traitement d’images
Segmentation

Module : Infographie 1 8

4
Semestre 2 - 2008/2009

Traitement d’images
Détection de contours

Module : Infographie 1 9

Reconnaissance des formes

consiste à identifier ou classer des « formes »
ou objets en se basant sur certaines de leurs
caractéristiques.

Module : Infographie 1 10

5
Semestre 2 - 2008/2009

Reconnaissance des formes

Champs d’applications
• Bureautique
• Robotique / Industrie
• Télédetection
• Médecine
• Application militaire
• Sécurité
• Autres

Module : Infographie 1 11

II. Objets de l’infographie

2. Synthèse d’image
utilisation de l’ordinateur pour générer des images

Objet Image

¾ Visualisation des données scientifiques

¾ Calcul et restitution d’image réaliste ou symbolique
¾ Synthèse d’image interactive

Module : Infographie 1 12

6
Semestre 2 - 2008/2009

Synthèse d’image

1. Modélisation : représentation mathématique des objets de

la scène.
2. Gestion du module : ce qui doit être vu et comment cela
doit apparaître.
3. Production d'une image : rendue à partir de la description
du modèle.
.
Sem 2 (2008-2009)

Synthèse d’image
Modélisation
1. Primitives : points, lignes, polygones 2D et 3D, et
surfaces.
2. Attributs : styles, couleurs, textures.
3. Relations de connexités entre les composants du
modèle.

Les niveaux de complexité de la synthèse d’images :

Dépendant des objets et de la scène à synthétiser.

Sem 2 (2008-2009)

7
Semestre 2 - 2008/2009

1. Dessins de lignes 2D (graphiques,

diagrammes)

Les programmes de dessins nécessitent des algorithmes

efficaces pour afficher des lignes, cercles, textes, etc.

Sem 2 (2008-2009)

2. Images 2D couleurs

Les programmes de dessins (paint) nécessitent des

algorithmes de remplissage

Sem 2 (2008-2009)

8
Semestre 2 - 2008/2009

3. Dessins de lignes 3D

Nécessitent des algorithmes efficaces de projection

3D-2D.

Sem 2 (2008-2009)

4. Images 3D couleurs

Nécessitent des algorithmes pour éliminer

les surfaces cachées, pour dessiner les
couleurs, les ombrages et pour texturer.
Sem 2 (2008-2009)

9
Semestre 2 - 2008/2009

5. Images photos réalistes

Nécessitent des modèles et programmes qui

prennent en compte les propriétés des
matériaux, la lumière, les réflections, la
transparence, les ombres (image calculée ici par
lancer de rayons).
Sem 2 (2008-2009)

III. Avantages de l’infographie

1. L’information sous forme graphique est plus
claire et elle peut être interprétée plus
rapidement..
2. L’image offre la possibilité de l’animation, de
simulation de processus réels.
3. Les images peuvent servir à représenter un
univers imaginaire en lui donnant toutes les
apparences du réel (jeux)
4. Utiliser le canal visuel pour communiquer des
idées complexes est très efficace.

Proverbe : « une image vaut mille mots »

Sem 2 (2008-2009)

10
Semestre 2 - 2008/2009

III. Avantages de l’infographie

Actuellement les images prennent une importance
croissante de jour en jour dans notre vie, en
commençant par les journaux, la publicité,
l’Internet, la télévision…,etc. C’est l’époque de
la communication par l’image.
Par exemple le dialogue homme machine utilise
fréquemment des icônes, qui sont mieux et plus
vites perçues que les mots clé, de plus ils ne sont
pas limités par les barrières linguistiques

Sem 2 (2008-2009)

IV. Système graphique

1. Définition
un système graphique est un ensemble de
composantes matérielles et logicielles
permettant de produire des dessins et
des images par ordinateur.

Un tel système doit permettre l’entrée, le

traitement et la sortie de l’information
graphique.

Module : Infographie 1 22

11
Semestre 2 - 2008/2009

1. le module d'entrée: il est responsable de l'entrée

des dessins et comprend normalement des
dispositifs d'entrée tels qu'une tablette
graphique, par exemple, et le logiciel de contrôle
de ces dispositifs.

2. le module géométrique: il est formé

essentiellement de logiciel et son rôle est de
créer et de manipuler des objets graphiques.

Module : Infographie 1 23

3. le module d'affichage: il est responsable de la

sortie des dessins et comprend le matériel de
sortie, tel que les écrans, les imprimantes ainsi que
le logiciel d'affichage.

4. le module d'application: ce module est celui

orienté vers l'usager; il diffère évidemment suivant
le type d'application et se présente généralement
comme un programme interactif.
Ce modèle est évidemment théorique et
pratiquement, on peut plutôt considéré qu'on a un
ensemble de dispositifs matériels d'entrée et de
sortie, un logiciel graphique de base et un logiciel
d'application.
Le logiciel graphique de base comprend
généralement des opérations d'entrée, de sortie et
de création et manipulation d'objets graphiques.
Module : Infographie 1 24

12
Semestre 2 - 2008/2009

IV. Système graphique

2. Dispositifs graphiques d’entrée
Ces dispositifs ont deux fonctions principales:
¾ l'entrée des objets graphiques
¾ et la désignation de ces objets.
On distingue :
1. les locateurs : qui permettent d'entrer une
position ou une suite de positions. Les
principaux dispositifs de ce type sont:

¾ la souris

Module : Infographie 1 25

Souris à un seul Souris à 2 boutons

bouton Souris à 3 boutons

Souris sans fil Souris optique

Module : Infographie 1 26

13
Semestre 2 - 2008/2009

¾la tablette graphique : surface rectangulaire accompagnée

d'un crayon qui permet de donner à l'ordinateur la position
de ce crayon sur la tablette.

¾le "trackball" : formée d'une balle que l'on peut faire tourner
dans toutes les directions avec la paume de la main pour
indiquer les déplacements que l'on souhaite
Module : Infographie 1 27

¾· le
"joystick", sorte de tige que l'on peut aussi mouvoir
dans toutes les directions pour indiquer un déplacement

Module : Infographie 1 28

14
Semestre 2 - 2008/2009

2. les instruments de désignation : permettent de

pointer un objet; le plus connu est le photostyle
qui est une sorte de crayon qui détecte la lumière.
Ainsi en le déplaçant sur la surface d'un écran, on
peut pointer des objets dessinés à l'écran et un
signal est envoyé à l'ordinateur, ce qui permet de
recueillir les coordonnées de l'objet pointé.

Module : Infographie 1 29

4. les claviers qui permettent d'entrer des objets en

tapant des commandes
5. les scanners : (numériseurs) dotés de capteurs
sensibles à la lumière permettant de balayer, grâce à
leur système optique, la surface d’un document point
par point, en convertissant les données en données
numériques exploitables par l’ordinateur.

6. Caméras numériques
Module : Infographie 1 30

15
Semestre 2 - 2008/2009

IV. Système graphique

3. Dispositifs graphiques de sortie
Les dispositifs de sortie se divisent en écran de visualisation
[Display], imprimante graphique [Graphic Printer] et traceur
[plotter] qui servent à produire un document graphique sur un
support physique.
4.2.1- Ecran graphique : élément de base de tout système
graphique interactif. Sa fonction est de présenter l’image à
l’utilisateur. Un écran graphique comporte les éléments :
• Dispositif d’affichage
• Mémoire de rafraîchissement et contrôleur correpondant
• Processeur de traçage

Module : Infographie 1 31

Les dispositifs d’affichage sont principalement des tubes

cathodiques [Cathode Ray Tube] CRT. IL s’agit d’un tube à
vide dans lequel un canon émet un faisceau d’électrons à
haute vitesse, un dispositif de concentration permet
d’assurer la convergence du faisceau, un dispositif de
déviation permet de commander la position d’impact sur
l’écran (fait de matériaux luminescents et fonctionne selon
le principe photoélectrique.

Module : Infographie 1 32

16
Semestre 2 - 2008/2009

Caractéristiques d’un écran :

La dimension [size] : se mesure sur la diagonale de sa
surface d’affichage et s’exprime en pouce. Les grandeurs
courantes allant de 14 à 21 pouces
La résolution [Resolution] : c’est le nombre maximum de
pixels qui peuvent être affichés, elle est exprimée en nbh x
nbv
Le nombre de couleur disponible
La fréquence de rafraîchissement [Refresh rate] est la
cadence à laquelle l’image est réaffichée à l’écran, elle est
supérieure à 50 Hz
N.B : Pixel (Picture element) : c’est la plus petite surface
excitable par le faisceau d’électrons.
Module : Infographie 1 33

Les écrans graphiques peuvent se classer en deux

grandes catégories :
4.2.1.1 Ecran graphique vectoriel [Vector Display] :
Balayage cavalier de l’écran.
Le faisceau peut être placé en toute position de l’écran
Asservissement en x et y du faisceau
Permet de dessiner des segments de droite avec leur
primitive de plus bas niveau

Module : Infographie 1 34

17
Semestre 2 - 2008/2009

Avantages :
1. Haute résolution
2. Les lignes sont droites
3. Contraste important
4. Effacement sélectif
5. Animation
Inconvénients
1. Coût élevé
2. Difficile d’effectuer des rendus (3D Æ 2D)
3. Couleur difficile à obtenir
4. Pas de remplissage
Module : Infographie 1 35
5. Technologie des années 60.

4.2.1.2 Ecran graphique matriciel [Raster Display] :

Balayage récurrent de l’écran (simulaire à la TV).
L’image est stockée dans une mémoire.
Système bitmap (N/B), gray scale map (niveaux de gris),
pixmap (couleurs).

Module : Infographie 1 36

18
Semestre 2 - 2008/2009

Avantages :
1. Coût peu élevé
2. Couleur
3. Bon Contraste
4. Remplissage de zones de l’écran
5. Animation
Inconvénients
1. Coût mémoire important : 1000x1000x256 NG Æ1 Mo
2. Mauvaise qualité de tracé des lignes droites.

Module : Infographie 1 37

N.B : Les écrans matriciels sont

devenus dominants.
Module : Infographie 1 38

19
Semestre 2 - 2008/2009

4.2.2- Ecran LCD [Liquid Crystal Display] : basé sur un

contrôle de l’opacité des cristaux plutôt que sur l’intensité
d’un faisceau d’électrons.

Principe : un champs électrique appliqué entre les couches

conductrices en chaque élément (pixel) de la matrice
contrôle l'opacité du cristal localement.

• Matrice passive : un pixel passif est adressé en appliquant

un voltage sur les lignes et colonnes correspondantes.

• Matrice active : chaque élément de la couche conductrice

est un transistor (TFT : thin lm transistor).
Module : Infographie 1 39

Avantages :
1. Écrans plats
2. Faible consommation électrique
3. Couleur
4. Remplissage de zones de l’écran
5. Animation

Inconvénients
1. Coût
2. Angle de vue
3. Temps de réponse

Module : Infographie 1 40

20
Semestre 2 - 2008/2009

4.2.3 Les imprimantes :

• Imprimante à jet d’encre : couleur ou noir & blanc
• Imprimante laser : couleur ou noir & blanc

4.2.4 Les traceurs : couleur ou noir & blanc

• traceurs à plumes : couleur ou noir & blanc
• traceurs à jet d’encre : couleur ou noir & blanc

Module : Infographie 1 41

IV. Système graphique

4. Logiciels graphiques
Ces logiciels se présentent sous différentes formes :
¾ Ensemble de sous programmes pouvant être appelés
depuis un langage de programmation comme C. les plus
connus sont OPEN-GL et OPEN-INVENTOR
¾ Extension de langages généraux : Pascal, C, Eiffel,
Smaltalk
¾ Systèmes interactifs : regroupent tous les programmes
d’application.

Module : Infographie 1 42

21
Semestre 2 - 2008/2009

IV. Système graphique

4. Logiciels graphiques
Retouche d’image et création 2D en mode point :
1- Photo Shop Adobe
2- Paint (Windows) MicroSoft
3- Photo impact U-lead
4- Paint Shop Pro Corel
Dessins vectorisés :
1- Illustrator Adobe
2- CorelDraw Corel
Module : Infographie 1 43

IV. Système graphique

4. Logiciels graphiques
Outils pour internet :
1- MicroSoft Gif Animator MicroSoft
2- Image Ready

Création & animation d’image de synthèse 3D :

1- 3D Studio Max
2- Cool 3D U-lead
Montage vidéo virtuel :
1- Windows Movie maker MicroSoft
2- Adobe première Adobe
3- Vidéo studio U-lead

Module : Infographie 1 44

22
Semestre 2 - 2008/2009

V. Applications de
l’infographie
1. Affichage d’information

• Visualisation scientifique
• Imagerie médicale
• Données statistiques

Module : Infographie 1 45

V. Applications de
l’infographie
2. Traitement d’image

• Segmentation
• Détection de
contours
• Reconnaissance de
formes

Module : Infographie 1 46

23
Semestre 2 - 2008/2009

V. Applications de
l’infographie
3. Conception ( CAO & DAO )
• Architecture
• Conception
• VLSI

Module : Infographie 1 47

V. Applications de
l’infographie
4. Cartographie

• Planification urbaine
• S.I.G

Module : Infographie 1 48

24
Semestre 2 - 2008/2009

V. Applications de
l’infographie
5. Simulations
• Jeux
• Films
• Dessins animés
• Simulateur de vol, de
conduite

Module : Infographie 1 49

V. Applications de
l’infographie
6. Autres

Applications pédagogiques
Applications biomédicales
Interfaces graphiques
Web
…

Module : Infographie 1 50

25