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 :
[Link] 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.
[Link] 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
