Académique Documents
Professionnel Documents
Culture Documents
Illustrator
2
© M I L T O N C A M P O S
C’est
chouette !
A
rriver à produire des objets d’art professionnels avec
Illustrator ce n’est pas évident. On doit aimer le
dessin, avoir une vocation pour la création graphique
artistique et surtout être disponible à consacrer
beaucoup du temps à travailler sur l’ordinateur. Pour
apprendre à dessiner avec le logiciel, nous recommandons de
la patience et de la discipline.
22
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Le logiciel Illustrator 7
Illustrator 7 est une version datant de 1997. La version
la plus récente est Illustrator 8. Les différences entre les deux
versions ne sont pas grandes. La version 8 offre quelques
outils et fonctions de plus. Malgré l’absence des ces fonctions,
vous pouvez bien apprendre à dessiner avec Illustrator 7. Si
vous maîtrisez cette version, Illustrator 8 sera vraiment facile.
Comme avec PowerPoint, ce cahier vous décrira les étapes
nécessaires pour avoir une bonne connaissance de base du
logiciel mais il ne remplacera pas une étude attentive de l’Aide
et des manuels spécialisés que vous pouvez trouver dans les
librairies spécialisées en informatique.
?
Images bitmaps et images
vectorielles : qu’est ce que c’est ça ?
Si une image analogique, capturés grâce à
l’intervention des facteurs physiques comme la
lumière de la photo ou les matériaux de peinture
comme l’eau et le gouache, l’image numérique transforme les
23
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Figure 1 – La qualité des étoiles ne change pas quel que soit l’agrandissement.
24
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
? la barre de menus
? la barre d’outils
25
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
? la fenêtre du document
Espace
d’impression
Barre
d’outils
Palettes flottantes
Barre
de Barre Barre de défilement
zoom d’état
26
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
27
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
28
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Astuces :
New ?N
29
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Problème ? Ne désespérez pas. Après avoir
appris à maîtriser les menus, vous vous sentirez
plus à l’aise. Et si vous n’êtes pas trop
ambitieux, vous pourrez faire quelques dessins
simples, et…
?
30
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
31
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
32
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
33
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
34
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
35
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Outils disponibles :
? Rotation
? Mise à échelle
? Déformation
? Miroir
Points de
référence Coordonnées
Définir
Définir déformation
rotation
La palette
transformation
permet de
définir le point
d’origine de la
transformation
et d’appliquer
de paramètres
numériques. Figure 10 – La palette transformation (Transform).
Astuce :
36
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
La barre d’outils : quelques
fonctions
Avant de continuer la présentation des fonctions
de la barre de menus, il faut comprendre les
fonctions générales de la barre d’outils.
Outils de sélection
Outils de création
Outils de transformation
Outils assortis
Échantillons de couleurs
de fond et de contour
Vignettes de fond et de
contour
Astuce :
37
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Premier plan
En avant
En arrière
Arrière-plan
38
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
39
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Repos…
Allez apprendre à produire quelques formes et à
les colorer avant de poursuivre votre découverte
d’Illustrator. Nous retournerons au menu objet
plus tard, après une introduction au dessin et aux menus
Fenêtre (Window), Affichage (View), Aide (Help) et Filtre
(Filter).
40
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Définition des
Affichage de
l’écran couleurs
41
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
? Rectangle
? Rectangle arrondi
42
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Point de Direction
départ de tirage
Direction Point de
de tirage départ
? Ellipse
? Polygone
? Étoile
? Spirale
43
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Rectangle
Étoile
Ellipse +
Rectangle
arrondi +
Spirale
Rectangle +
Quelques palettes…
Voici quelques palettes qui vous pouvez utiliser avec les
connaissances déjà acquises :
44
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
45
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Épaisseur Définition
de l’aspect
des
extrémités
Pointe : d’un
définit la contour.
longueur
du
contour Définition de
au-delà l’aspect des
des Définition des
sommets
coins. paramètres des
d’un
contours pointillés contour.
(tirés et blancs).
46
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Type linéaire
Curseurs
d’étapes (départ
et arrivée des
couleurs)
Curseur de
point médian
47
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
48
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Afficher :
? toutes les nuances
? nuances des couleurs
? nuances de dégradés
? nuances de motifs
Créer une nuance
Supprimer une nuance
49
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
50
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Cliquez ici
pour
afficher le
calque.
Cliquez ici
pour
verrouiller
le calque.
51
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Ouf !
Illustrator n’est pas facile mais il ne vient pas
d’un autre monde. Voici un truc intéressant qui
vous aidera à travailler avec les palettes :
Figure 26 - Organisation des palettes : premier pas.
Sélectionnez
une palette et
glissez la
souris vers un
autre groupe
des palettes.
52
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
La palette
contour
Voici le (Stroke) a été
résultat... déplacée vers
un autre
groupe des
palettes.
53
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
54
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
L’outil zoom
55
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Affichage ?
Très facile !
56
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
57
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Adobe ?
Adobe N’EST PAS la seule compagnie de
logiciels de création multimédia ! Il y a d’autres
compagnies qui développent des logiciels
graphiques pour le dessin, le traitement de photos, l’édition
vidéo et audio, etc. Bien sûr, la famille de produits Adobe est
très puissante et offre quelques logiciels professionnels
exceptionnels. Le marché cherche des professionnels capables
de comprendre les similarités et les différences entre tous les
logiciels de qualité d’un domaine donné pour la gestion des
projets multimédia. La choix des logiciels est un problème lié
à plusieurs facteurs comme les buts du projet, le coût, le
système d’exploitation, etc. Vous pouvez apprendre Illustrator
mais avoir besoin d’utiliser CorelDraw pour un projet
professionnel.
58
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
L’outil
sélection L’outil
d’objets sélection
permet de directe
sélectionner progressive
des objets permet de
entiers. sélectionner
des objets
associés.
L’outil
sélection
directe permet
de sélectionner
des points
d’ancrage ou
des contours
de sélection.
59
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Points
d’ancrage
Points directeurs
60
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Points
directeurs
Point d’ancrage
sélectionné
Figure 36 - Le sommet.
Première
étape : Troisième pas :
cliquez sur le cliquez sur le point 3
point 1 avec avec l’outil plume.
1 1 3
Deuxième
étape : tirez 2 2
jusqu’au point
2 et relâchez la
souris.
Astuce :
61
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Figure 37 - L'utilisation des points directeurs dans un objet sélectionné avec l'outil sélection directe.
Résultat : le
pétale change de
forme.
62
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Direction
du tirage
Contour
(path)
choisi.
Résultat
Sélection
de 4 objets
avec l’outil
sélection
progressive
Déplacement du
groupe associé
63
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Outil
Pinceau
Outil
plumme
Outil
Crayon
Outil
Conversion
Outil Ajout de point
de point directeur
d’ancrage
Outil
Suppression
de point
d’ancrage
64
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Droite Point
originelle d’ancrage
choisi pour la
conversion
Direction
du tirage
Courbe
résultante
65
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Astuce :
66
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
67
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
68
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Objet
sélectionné.
Tracé
coupé en
deux
points.
Objet modifié
après l’utilisation
de l’outil
ciseaux.
69
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Scission de l’objet.
La partie droite a
été tirée à partir de
ce point d’ancrage :
La flèche
indique la
direction du
tirage.
70
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Ciseaux
(Scissors
Tool)
Cutter
(Knife
Tool)
Modelage
(Reshape
Tool)
71
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
La flèche
indique la
direction
du tirage.
Figure 52 - La transformation d'une zone entière d'une étoile après l'utilisation de l'outil modelage.
La flèche
indique la
direction
du tirage.
72
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Mesure
Pipette
Pot de
peinture
Main
Page
73
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Atterrissage
Le voyage dans le monde du dessin numérique
avec Illustrator est presque fini mais il faut
explorer les dernières fonctions avant
l’atterrissage et l’embarquement dans le vol 5.5 Photoshop.
74
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
75
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Réunion
Intersection
Exclusion
Soustraction
arrière-avant
Soustraction
arrière-avant
76
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Division
Contour
Pochoir
Fusion – effet de
réunion
Fusion – effet de
pochoir
Découpe
Mélange
pondéré
Mélange
maximal
77
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
78
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Masque
Tracé
transparent
Trait de
coupe
Figure 59 - Le menu objet (Object) et les sous-menus masque (Mask), tracé transparent (Compound
Path) et traits de coupe (Cropmarks).
79
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Figure 60 - Le menu objet (Object), le sous-menu graphe (Graph) et l'outil graphe (Column Graph
Tool).
La fonction
graphe est aussi
disponible dans
la barre d’outils.
80
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
81
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
82
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Tourbillon
83
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
84
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
??
Enfin…
85
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Figure 67 - La création d'un dégradé de formes à partir d'une étoile et d'un cercle.
86
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Figure 68 - Les outils dégradé de formes (Blend Tool) et tracé auto (Auto Trace Tool).
?? Phase finale !
87
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
88
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
89
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
90
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
91
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
?? ?
?
Outil texte :
curviligne vertical
(Vertical Path Type
Tool)
captif vertical (Vertical
Area Type Tool)
? vertical (Vertical Type
Tool)
? curviligne (Path Type
Tool)
? captif (Area Type
Tool)
? libre (Type Tool)
92
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
93
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Réflexions finales
Avant de sortir du vol 7.0.1 Illustrator et d’aller prendre
l’autre, il faut souligner deux ensembles d’aspects qui sont très
importants. Le premier est lié à la question technique, et le
deuxième aux questions conceptuelles.
94
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
95
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
http://www.multimania.com/haguier/dali/
http://magritte.citeweb.net/
96
COMMUNICATION INFORMATISÉE I- ILLUSTRATOR
© M I L T O N C A M P O S
Bibliographie
Sites web
97