Raja HAMZA
2017-2018
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0
International License.
Initiation à l’infographie Niveau :1LFAP/1LAD
1. Définition
1.1. Qu’est-ce que l’infographie ?
1.2. Quels sont les domaines d’application de l’infographie ?
1.3. Quels sont les logiciels utilisés ?
2. L’image numérique[1]
2.1. Définition
2.2. Les types de l’image numérique
Pour représenter une image, il y a deux possibilités :
Si elle est composée de formes
géométriques simples, on la décrira à
l'aide de fonctions mathématiques. C'est
une représentation vectorielle.
Si elle est composée de formes
quelconques, on la décrira par
l'ensemble des points qui la composent.
C'est une représentation matricielle.
a- Définition : Image vectorielle
Une image vectorielle est définie par un ensemble de données mathématiques : coordonnées,
fonctions, attributs ...On peut facilement la redimensionner sans dégradation et le fichier
correspondant est de petite taille.
Une image vectorielle étant décrite par des fonctions mathématiques, on peut l'agrandir
ou la rétrécir sans la déformer. L'image sera recalculée précisément en fonction de la taille
souhaitée.
b- Définition : Image matricielle
Une image matricielle est définie par une grille de points ou
pixels auxquels on attribue une couleur. En fonction de la taille
de l'image et du nombre de couleurs utilisées, le fichier
correspondant peut devenir important. En cas d'agrandissement,
l'image se dégrade (la pixellisation devient visible).
2/5
Initiation à l’infographie Niveau :1LFAP/1LAD
2.3. Les formats d’image
a- Les formats vectoriels
Voici les formats usuels :
Le format svg est un format ouvert d'image vectorielle.
Le format odg est le format ouvert utilisé dans la suite bureautique libre
d'OpenOffice.org.
Les formats wmf et emf sont des formats de Microsoft supportant le dessin vectoriel.
Un dessin réalisé avec barre d'outils dessin des logiciels de bureautique ou un
diagramme créé dans un logiciel de présentation sont des images vectorielles.
b- Les formats matriciels
On utilise une représentation matricielle pour les photographies ou les dessins que l'on ne peut
pas décrire par des formes géométriques.
Le format bmp (BitMaP) est un format d'image matricielle développé par Microsoft
et IBM. C'est un format simple, ouvert et facilement utilisable par les logiciels mais il est
peu utilisé sur le web à cause de la taille volumineuse de ses fichiers (la couleur de
chaque pixel est codée séparément).
Pour transiter sur Internet, on préférera utiliser des formats matriciels compressés.
Le format jpeg ou jpg (Joint Photographic Experts Group) est un format ouvert
d'image compressé pour des images de type photographie (16 millions de
couleurs). C'est le format standard pour les photographies (la couleur de chaque pixel
est codée est fonction de la couleur des pixels voisins ce qui permet degarder la
multitude des couleurs mais on peut perdre de la netteté au niveau des contours).
Le format gif (Graphics Interchange Format) est un format ouvert d'image compressé
pour des images de type dessin définie en 256 couleurs. C'est un format qui permet de
définir une couleur de fond transparente, de proposer un mode d'affichage entrelacé
(aperçu de l'image qui se précise en cours du téléchargement) et de créer des images
animées.
Le format png (Portable Network Graphics) est un format ouvert d'image compressé.
Il effectue une compression sans perte sur les contours et n'est pas limité à 256
couleurs. Il est moins performant que la compression jpg pour les photographies mais il
est adapté pour la compression d'images de plus de 256 couleurs.
c- Comparaison des tailles de fichiers
On distingue les images dont les couleurs sont prises dans une palette de 256
couleurs (type dessin) et celles utilisant 16 millions de couleurs (type photographie).
La différence provient du nombre d'octets nécessaire pour coder une couleur.
Si la couleur est codée sur un octet, il y a 28 =256 couleurs possibles (cas d'un dessin).
Si la couleur est codée trois octets, il y a 224 =16 millions de couleurs possibles
(cas d'une photographie).
2.4. Appliquez vos acquis
3/5
Initiation à l’infograph
phie Niv
Niveau :1LFAP/1LAD
- Dessinez unn smiley de 10 cm * 10 cm à l'aide de l’ application d de dessin vectoriel
Adobe Illustr
strator puis l’enregistrez au form
rmat SVG.
- Faites un ag
grandissement. Que constatez ez vous ?
- Réalisez un copier/coller de cette votr tre smiley dans l’application de dessin matriciel
Adobe Phototoshop.
- Enregistronss le au format BitMaP 24 bits b (16 millions de couleururs) :
3. Présentation
ion du logiciel Adobe Illustrator
Il CS6
3.1. L’espace
edde travail [2]
• La barre d’application
ation occupe la partie supérieure
ure ete contient un sélecteur permetettant de basculer
vers un autre espace
ce de travail, des menus (sous Windows
W uniquement), ainsi que d’autres
commandes d’applic
pplication. Sur Mac, la barre d’appl
pplication n’est disponible que lorlorsque le cadre de
l’application est désa
ésactivé. Vous pouvez l’activerr ou le l désactiver à l’aide du menu
enu Fenêtre.
• Le panneau Outils ccontient des outils permettant de créer et de modifier des image ages, des illustrations,
des éléments de pagege, etc. Les outils connexes sont
ont regroupés.
• Le panneau Contrôle ôle affiche des options relativess à l’objet sélectionné.
• La fenêtre de docume
ument affiche le fichier sur lequel
uel vous travaillez. Les fenêtress de document
peuvent présenter un ononglet et, dans certains cas,, être
êt regroupées et ancrées.
• Les panneaux vous ppermettent de contrôler et de modifier
m votre travail. Ils peuvent
uvent être regroupés,
empilés ou ancrés.
Espace de travail Illu
llustrator par défaut, Guide de l’uti
utilisateur [2] sous licence Creative
tive Commons CC-BY-
NC-SA
A. Documents sous forme d’onglets B. Barre d’appl
application C. Sélecteur d’espace
pace de travail D. Barre
de titre de panneau E
E.Bouton de réduction à la taille
tai d’une icône F. Quatre groupe
oupes de panneaux en
ancrage vertical G. P
Panneau Contrôle H.Panneau Outils
O
4/5
Initiation à l’infographie Niveau :1LFAP/1LAD
REFERENCES
[1] “Domaine D1 KARINE SILINI UNIVERSITÉ DU LITTORAL CÔTE D’OPALE --LICENCE CREATIVE
COMMONS : PATERNITÉ - PAS D’UTILISATION COMMERCIALE - PARTAGE - PDF.” [Online].
Available: http://docplayer.fr/1031896-Domaine-d1-karine-silini-universite-du-littoral-cote-d-opale-licence-
creative-commons-paternite-pas-d-utilisation-commerciale-partage.html. [Accessed: 10-May-2018].
[2] “Concepts de base sur l’espace de travail d’Illustrator.” [Online]. Available:
https://helpx.adobe.com/fr/illustrator/using/workspace-basics.html. [Accessed: 10-May-2018].
5/5
