Académique Documents
Professionnel Documents
Culture Documents
SUPPORTS DE COURS
Adobe
Illustrator
V.10
MEDIA GRAPHIC FORMATION 15, rue Fernand Grenier 93210 Saint-Denis-La plaine.
Arts Graphiques - Module 11 - Traitement des illustrations - 1
logiciel Illustrator
••• < Difficulté
Introduction UTILISATION D’ILLUSTRATOR
Illustrator est un logiciel de création d’images. Soit à partir d’une image scannée (sert de
placement), soit à partir de votre imagination… Il permet également de créer des textes,
logos…
Tout ces éléments traitent des images dites “vectorielles”, à l’inverse de Photoshop qui créé
des images “bitmap”. Ce logiciel offre un maximum de précision et une grande souplesse de
transformation (objets, textes…).
Pour le flasheur, il est bon de connaître quelques fonctions de base d’Illustrator :
- la modification de graphiques
- la modification de logos
- la modification de couleurs
- la gestion du “trapping*”…
Illustrator est un logiciel très complet et ces possibilités sont importantes, surtout au niveau
de la création de “scènes” ou “objets”. Une semaine ne suffit pas pour pouvoir tout
apprendre, c’est impossible. Attachez-vous à comprendre la logique et le reste suivra avec un
peu de pratique…
Les préférences vous permettent de pré-régler certains paramètres : les unités utilisées,
le swapping, la sélection…
sélection (V)
Pinceau (B)
Loupe
Les options d’outils permettent de paramètrer l’outil avant de l’utiliser, on l’obtient alors en
double-cliquant sur l’outil.
Vous pouvez, lors de l’utilisation de l’outil (le sélectionner) cliquer dans la page, la fenêtre
s’ouvre alors…
Vous pouvez aussi via le menu Objet -> Transformation obtenir ces fenêtres.
Vous pouvez utiliser ces outils sans paramètrage préalable, en utilisant la souris.
Quelque soit la méthode utilisée, dès que l’on actionne l’outil souhaité, une mire s’affiche
pour donner le centre de la modification.
Pour modifier le centre de l’effet, déplacer la mire. Si vous souhaitez obtenir en plus la
fenêtre de paramètrages, appuyez sur ALT, elle apparaîtra.
Ces trois derniers outils sont des préférences d’outils et non pas des modifications à faire sur
l’objet en cours.
Afficher/Masquer : F8
Afficher/Masquer : F11
Afficher/Masquer : F10
Pour pouvoir enrichir tout un texte, il faut le sélectionner entièrement soit avec l’outil ,
soit avec l’outil (ou de la même famille) pour sélectionner plusieurs lignes.
Les couleurs sont définies (en plusieurs modes) dans la palette des couleurs. Cette palette
peut se substituer au sélecteur que l’on retrouve grâce à la palette des outils en cliquant soit
sur le fond soit sur le contour pour en définir sa couleur.
Afficher/Masquer : F6
<- chaque petite icône nous permet de repérer rapidement les couleurs
de tons direct dles couleurs quadries, des couleurs de dégradés…
couleur RVB
couleur CMJN
couleur N&B
sans couleur
couleur de ton direct
couleur de ton direct (palette nuancier, trier par petit nuancier)
Afficher/Masquer : F7
L’ordre des calques est l’ordre de superposition du premier plan au dernier plan.
!Attention! Pour chaque objet que vous créez, un sous-calque sera automatiquement créé
dans votre calque de travail. Si vous pensez à grouper des objets, ils seront regroupés sur
un sous-calque de votre calque.
!Attention! vous avez des calques, et dans ces calques, vous avez des sous-calques… C’est
un peu lourd, et l’on peut se retrouver avec une multitude de calques. Il faut alors gérer très
régulièrement l'organisation de votre document, et bien vérifier sur quel calque on travaille.
calque verrouillé
Elles peuvent être liées (raccordées à un fichier de base existant) ou incorporées (l’import
appartient à illustrator) dans un fichier.
?
Les images liées ne sont plus à l’endroit de stockage lors de l’importation.
Mettre à jour ces liens sous peine de ne pas pouvoir flasher votre document. Pour savoir si
une image est liée ou incluse dans Illustrator, demander les informations de cette image.
- Enregistrer sous : Quel que soit la configuration dans laquelle vous êtes,
l’ordinateur vous demandera ou enregistrer votre fichier
et sous quel nom (cela ne vous empêche pas de remplacer
un fichier déjà créé : on dit écraser un fichier).
- Enregistrer une copie : Quel que soit la configuration dans laquelle vous êtes,
l’ordinateur vous demandera ou enregistrer votre fichier
et sous quel nom et laissera ouvert votre fichier à l’écran
(! ce fichier n’est pas enregistré, si vous faites des
modifications, il faudra enregistrer ce fichier avant de
le fermer).
Les formats de fichiers les plus utilisés en PAO sont les formats TIFF et EPS, avec chacun
leurs particularités. Ces deux formats permettent de travailler une image dans des logiciels
différents et de les intégrer dans des logiciels de mise en page qui, eux, n’acceptent pas tous
les formats de fichier. Le choix est important, car il détermine si votre fichier est flashable
ou non.
outil de base
création de point
prolonger un tracé
Attention, la longueur des vecteurs (droites directionnelles) à une grande importance. D’une
part la direction est donnée pour avant et après le point sélectionné, d’autre part, l’ampleur
de l’effet sera donné grâce à la dimension des vecteurs.
2_ inflexions et sommets :
• Pour obtenir un sommet [suppression d’un vecteur] (fig.2) : recliquer sur le point
(le vecteur pour le point suivant disparaît, on a donc ensuite un segment de droite).
• Pour redimentionner un vecteur en ne gardant PAS la symétrie (fig.1) : ALT + cliquer sur le
vecteur et lui redonner une autre dimension.
fig.1 glisser
fig.2
glisser clic puis glisser clic puis glisser
clic clic
clic
L’outil proposé dans Illustrator n’est pas très étendu au niveaux des représentations
(pas de 3D…) et pas très pratique. D’autres logiciels (tels que Deltagraph) sont
beaucoup plus puissants et ne servent qu’à faire des graphiques…
Malgré ces capacités réduites, Illustrator propose différents types de graphes :
camemberts, histogrammes…
Généralités : • A partir d’un objet, on attache une feuille de calcul (tableau des données). C’est
cette “feuille” qui génère la représentation graphique.
• A tout moment les valeurs sont modifiables, et la représentation
automatiquement
re-générée (pour que ce soit effectif ne pas dégrouper le graphe).
• Toutes les données ne sont pas exploitables par tous les types de graphes.
Principe :
1_ création du support en cliquant sur le document. Une fenêtre s’ouvre et
demande les dimensions finales (encombrement) du tableau. On peut aussi faire un
cliquer/glisser pour donner à la souris la dimension finale.
Le tableau des données apparaît dès que les dimensions finales sont validées :
légendes
catégories
! Pour faire apparaître les dates sur le graphe (tout ce qui n’est pas valeurs), il faut saisir
le texte entre guillemets.
Une fois le tableau validé, on obtient une représentation graphique de celui-ci. Il apparaît
sous forme de graphique brut : couleurs en N&B, le caractère utilisé est le dernier utilisé…
25
Bleu
légendes
20 Vert
Rouge
15
axe des valeurs
10
0
1997 1998 1999
catégories
! L’axe des valeurs est automatiquement généré par Illustrator par rapport aux données et
aux dimensions du graphe.
! Le graphe créé est obligatoirement groupé (associé), il ne faut pas le dissocier si vous
voulez corriger les valeurs. S’il est dissocié, on ne pourra plus revenir en arrière.
! Pour modifier les valeurs, sélectionner le graphe (flèche noire) puis aller dans le menu :
Objet -> graphe -> données.
! Pour modifier les couleurs du graphe barre par barre, sélectionner une barre avec l’outil
flèche blanche +, puis une seconde fois, toutes les barres représentant une même sous-
catégorie sont sélectionnées.
! Pour modifier tous les caractères d’une même manière, sélectionner tout le graphique et
modifier les paramètres avec les palettes adéquates.
! Lorsque l’on change toutes les valeurs d’un graphe, les couleurs risquent d’être perdues,
alors qu’en changeant de style, les couleurs sont gardées.
3_ Pour modifier l’apparence du graphe en cours (cette opération peut ce faire avant de
donner les valeurs en double-cliquant sur l’outil) :
1_ création du graphe avec l’apparence et tous les paramètres que vous souhaitez.
2_ création de l’objet que vous souhaitez mettre à la place des barres. Cet objet doit avoir
à peu près l’encombrement de la plus petite barre (hauteur et largeur).
! On peut appliquer à des barres des styles via la palette des styles (en sélectionnant les
barres voulues), et même des formes. Toutefois, attention, car cela risque de générer des
images très lourdes.
! Les symboles ne peuvent pas contenir d’objets avec un filet de dégradé, si vous souhaitez
qu’il gère les proportion automatiquement, mais elles sont modifiables manuellement.
! Pour un symbole à proportion partielle, l’objet créé doit comporter l’endroit à partir duquel
cette partie sera répétée. Le reste de la démarche reste la même.
Il s'agit de sortes de filtres pour assembler de différentes manières des objets différents :
MODES DE LA FORME
PATHFINDER
Conditions • concerne les objets dotés d’un fond (la plupart du temps fermé).
générales : • concerne les objets se superposants (au moins une partie).
! Le rôle des plans est primordial.
! Cela élimine parfois la couleur des contours,
! Cela génère parfois des groupes d’objets,
! Cela peut générer des masques, des tracés transparents,
! Cela peut perturber l’ordre des plans.
MODES
DE LA FORME
1_ Ajout • ajoute les formes sélectionées se chevauchant pour n’obtenir q’un seul objet.
2_ Soustraction • soustrait la forme (ou les) du premier plan à celle de l’arrière plan
PATHFINDER
1_ division • recense tous les tracés qui se chevauchent et génère les intersections,
• toutes les intersections génèrent des formes.
2_ pochoir • l’objet en arrière plan est “troué”, mais les objets ayant servis à percer sont
toujours existants,
• conserve les objets et élimine les intersections,
• ne conserve pas les attributs de couleur (comme réunion, mais les objets existent
en bord à bord.
4_ Découpe • l’objet au 1er plan découpe les objets en dessous (objets fermés),
• conserve les couleurs qui se trouvent sur l’objet du premier plan.
5_ Contour • des objets fermés et dotés de fonds sont transformés en tracés ouverts (sur les
intersections). On ne peut plus affecter de fond à moins de refermer les tracés.
6_ Soustraction • l’objet situé au premier plan est gardé et défoncé par tous les objets situés en-
(avant-arrière) dessous.
MENU EFFET /
PATHFINDER
1_ Mélange • l’objet du 1er plan prend la couleur des objets en dessous en les associant à ces
maximal propres valeurs (correspond à une surimpression).
Généralités :
Recouvrement par contraction lorsque le fond est plus clair que le premier plan.
Recouvrement par dilatation lorsque le fond est plus foncé que le premier plan.
Dans tous les cas, c’est la couleur la plus claire qui sert à faire le débord.
Illustrator peut gérer de manière automatique les recouvrements entre les objets. Aller dans
le menu : Objet -> pathfinder -> recouvrement
Attention, cette commande ne peut pas s’effectuer sur des objets comprenant des dégradés,
des motifs ou des images importées. Les textes devront être vectorisés (transformés en
vecteurs).
• Les exportations : vous pouvez créer des tracés dans Illustrator et les récupérer ensuite
dans Photoshop.
- Créez votre tracé dans Illustrator et enregistrez-le. Aller dans le menu Fichier -> exporter.
Demandez l’enregistrement de votre fichier en TIFF ou en Photoshop 4 en haute résolution
et dans le bon mode colorimétrique.
- Vous pouvez ensuite ouvrir ou importer cette “image” en étant dans Photoshop.
• Les importations : vous pouvez créer des tracés dans Photoshop et les récupérer ensuite
dans Illustrator.
- Faites un tracé dans Photoshop.
Enregistrez-le.
- Toujours dans Photoshop, allez dans le menu Fichier -> importation -> tracés-illustrator.
- Ouvrir Illustrator. Vous pouvez directement ouvrir le fichier .AI ou bien vous devez créer
un nouveau document et IMPORTER votre fichier (on pourrait aussi procéder par
copier/coller).
Vous pouvez aussi importer des images (issues de photoshop) et les utiliser comme aide
(surtout pour les logos). Il faudra alors, dans la fenêtre demander : modèle. Cette image sera
alors verrouillée et descendue.
Sélection
Avec cet outil on sélectionne un objet dans sa totalité, ou un groupe d’objets s’ils
ont été asociés.
Sélection directe
On sélectionne un point sur un tracé complet (avec
Ce comportement de l'outil peut
visualisation des autres points qui constituent le tracé). changer si on désactive la case
Attention ! En affichage « aperçu » on sélectionne le « Sélection du fond des objets » dans
le menu Fichier < Préférences.
tracé complet (comme avec la flèche noire) si l'on clique
(Il faudra alors cliquer précisément
dans le fond d'un tracé. sur les contours pour sélectionner
un objet).
RACCOURCIS IMPORTANTS
Majuscule : ajout à la sélection en cours OU si l’on clique sur un objet déjà
sélectionné, on retire cet objet de la sélection en cours.
permet aussi la contrainte : pendant le déplacement d’un objet pour le forcer à
rester sur le même axe horizontal ou vertical.
avec les outils rectangle et ellipse, on peut
contraindre à une homothétie horyzontale et verticale (ronds et carrés).
OUTILS TEXTE
Quelque soit l’outil texte sélectionné, vous n’êtes pas obligé de le sélectionner avec
cet outil pour faire des enrichissements. La sélection de l’objet avec la flèche noire
permet d’enrichir la totalité de la sélection.
Avec l’outil texte curviligne, vous pouvez modifier le placement de départ du texte
en cliquant sur le curseur qui apparait lorsque que vous sélectionnez le tracé. Vous
pouvez aussi modifier la position – en dessus ou en dessous de votre forme
vectorielle –.
OUVRIR IMPORTER
menu fichier/ouvrir menu fichier/nouveau puis
menu fichier/importer
Automatiquement l’image est placée
sur un calque dans un nouveau Lorsque l’on choisi l’image dans la
document. Cette image est fenêtre d’import, des paramétrages
incorporée dans le fichier. sont disponibles :
On pourra ensuite vérouiller le Lien non coché : l’image sera
calque, changer la densité de automatiquement incorporée au
l’import et/ou demander l’image en document, elle fait partie du
tant que modèle. document. Pour le flashage, il ne
sera pas nécessaire de donner
l’image native.
Lien coché : une image de
prévisualisation est intégrée.Si l’on
veut flasher en haute résolution, il
faudra obligatoirement livrer avec le
fichier image.
modèle coché : l’image est intégrée
normalement.
modèle non coché : l’image est
intégrée sur un calque verrouillé
à 50% de sa densité (valeur par
défaut). Cette valeur est modifiable
en double cliquant sur le calque.
format AI
élément à réaliser : Voici plusieurs méthodes pour vous permettre de placer un même objet sur un
cercle, placé à intervalles réguliers.
RT
S
2me méthode
- il faut déjà calculer les degrés qui séparent les étoiles : par ex. :si l'on veut 12
étoiles sur un cercle (360°) : 360/12=30°.
Chaque objet va être répété tous les 30°.
- créér l'étoile
- ALT clic au centre de l'étoile (pour voir le centre : palette OPTION D'OBJET).
Rentrer la valeur 30°, puis cliquer sur copier.
- répéter l'opération 11 fois (pomme D). RANSPO
OT
EUR
RT
Avec cette méthode, les étoiles auront une légère rotation à chaque fois.
S
3me méthode
- créér un repère vertical. Le sélectionner (affichage : dévérouiller les repères) et lui
appliquer une rotation
de 30°. Répéter cette étape pour obtenir les 11 repères (pomme D).
- créér un cercle avec le même centre que
les autres repères. Le transformer en repère (affichage/repères/créér des repères).
A la croisée de ces repères ce retrouvent le positionnement exact des centres des
étoiles.
Les repères étant
- placer la première étoile, puis dupliquer/déplacer.
magnétiques, on aura
aucune difficulté
à placer les autres étoiles.
ÉTOILES AUTOMATIQUES
élément à réaliser : Voici plusieurs méthodes pour vous permettre de placer un même objet sur un
cercle, placé à intervalles réguliers.
RT
S
2me méthode
- il faut déjà calculer les degrés qui séparent les étoiles : par ex. :si l'on veut 12
étoiles sur un cercle (360°) : 360/12=30°.
Chaque objet va être répété tous les 30°.
- créér l'étoile
- ALT clic au centre de l'étoile (pour voir le centre : palette OPTION D'OBJET).
Rentrer la valeur 30°, puis cliquer sur copier.
- répéter l'opération 11 fois (pomme D). RANSPO
OT
EUR
RT
Avec cette méthode, les étoiles auront une légère rotation à chaque fois.
S
3me méthode
- créér un repère vertical. Le sélectionner (affichage : dévérouiller les repères) et lui
appliquer une rotation
de 30°. Répéter cette étape pour obtenir les 11 repères (pomme D).
- créér un cercle avec le même centre que
les autres repères. Le transformer en repère (affichage/repères/créér des repères).
A la croisée de ces repères ce retrouvent le positionnement exact des centres des
étoiles.
Les repères étant
- placer la première étoile, puis dupliquer/déplacer.
magnétiques, on aura
aucune difficulté
à placer les autres étoiles.
ÉTOILES AUTOMATIQUES
SUPPORTS DE COURS
Adobe
Illustrator
exercice - soleil
MEDIA GRAPHIC FORMATION 15, rue Fernand Grenier 93210 Saint-Denis-La plaine.
Arts Graphiques - Module 11 - Traitement des illustrations - 37
logiciel Illustrator
••• < Difficulté
Création de la bouteille EXERCICE - SOLEIL
élément à
réaliser :
Création de la bouteille :
- Ouvrir le document « modèle_soleil ». Des tracés ont étés créés pour vous
guider dans la construction finale.
fig. 5
2 Arts Graphiques - Module 11 - Traitement des illustrations - 38
logiciel Illustrator
••• < Difficulté
Autres éléments EXERCICE - SOLEIL
Création de l’étiquette :
- Dupliquer la plus petite des bouteilles, et créer par dessus,
à la plume, les deux tracés qui serviront d’une part pour
découper les haut de l’étiquette, puis séparer les deux parties
de l’étiquette de couleur différentes.(6)
- Sélectionner les 3 objets, puis cliquer sur « division »
de la palette des pathfinder. Vous pouvez alors supprimer
la partie haute de la bouteille découpée, vous n’en avez plus
dupliquer sans déplacer… besoin. (7)
fig. 6
le goulot et l’enrichissement :
- Faire deux rectangles aux coins arrondis pour
le haut du goulot.
- Sélectionnez chaque élément individuellement
et assignez leur une couleur de fond unie
ou dégradée…
Le texte :
- Pour le texte « liquide vaisselle », saisir le texte avec un retour à la ligne,
puis enrichir.
- Pour le texte « mouvant », il va d’abord falloir créer un filet
à la plume sur lequel vous placerez le texte avec l’outil texte curviligne, puis
enrichir. (8)
- Dupliquer le texte « soleil » qui apparaît aussi en haut et faire une mise à l’échelle.
On pourra, une fois tout le texte positionné et sûr, vectoriser pour ne pas avoir de
risque au flashage de ne pas avoir la police. Vous pouvez aussi faire une
sauvegarde de sûreté au format .AI avec les textes non-vectorisés en cas de
corrections. Dans ce cas alors, il faudra placer le texte en toute dernière étape. (9)
fig. 8 fig. 9
Arts Graphiques - Module 11 - Traitement des illustrations - 39 3
logiciel Illustrator
••• < Difficulté
Le texte habillé EXERCICE - SOLEIL
Le texte habillé :
- Vous allez en premier lieu créer les formes qui vous serviront à repousser
le texte. Un cercle autour du soleil et une ellipse pour la partie basse de
la bouteille suffisent. Ne pas appliquer de fond ni de contours. (10)
- Créer, avec l’outil texte, un rectangle à la bonne justification, c’est dans
cet espace que vous importerez le texte. Une fois ceci fait, enrichir le texte.
- Les objets servants à repousser le texte doivent être obligatoirement au
dessus du texte. Sélectionner tout ces éléments, puis menu:texte:habillage.
Pour modifier le placement du texte vous pouvez modifier chaque objet
à votre convenance. (11)
fig. 10
La guirlande de fleurs :
- Créer un filet auquel vous appliquerez une forme. Trouvez dans les
bibliothèques de formes un motif qui vous convienne et sélectionnez en
même temps votre filet. Automatiquement le motif est appliqué. Si vous
désirez modifier l’espacement, la taille, etc. double-cliquez sur le motif
dans la palette des formes. Une fenêtre s’ouvre pour que vous puissiez
modifier les paramètrages.
fig. 11
SUPPORTS DE COURS
Adobe
Illustrator
exercice - mistermac
MEDIA GRAPHIC FORMATION 15, rue Fernand Grenier 93210 Saint-Denis-La plaine.
Arts Graphiques - Module 11 - Traitement des illustrations - 41
logiciel Illustrator
••• < Difficulté
Préparation des éléments EXERCICE - MISTER MAC
élément à réaliser :
SUPPORTS DE COURS
Adobe
Illustrator
exercice - stylo
MEDIA GRAPHIC FORMATION 15, rue Fernand Grenier 93210 Saint-Denis-La plaine.
Arts Graphiques - Module 11 - Traitement des illustrations - 45
logiciel Illustrator
••• < Difficulté
Création de la plume (I) EXERCICE - STYLO
Création de la plume :
- Si vous avez importé une image, un nouveau calque vierge a été
automatiquement créé : le nommer « plume ». Sinon, créer
un nouveau calque. Pour plus de confort ne
- Créer un polygone à 6 côtés et le placer correctement sur mettez pas de fond à cet
les parties horizontales (sélection directe), veiller à ce que objet, cela vous permettra de
les cotés dépassent de la forme à créer. (1) voir voir scan de placement
- Dessiner à la plume la partie gauche de la plume, puis en dessous.
appliquer un effet miroir en n’omettant pas de dupliquer
l’objet (alt + déplacement). (2)
- Sélectionner les 3 objets et cliquer sur le bouton « Division » de la palette
Pathfinder. (3)
- La plume a été divisée en 3 objets, il ne reste plus qu’a supprimer les 2 parties
extérieures de la plume. (4)
Fig. 8 Fig.9
Création du corps :
- Vous aller utiliser exactement la même méthode que Vous pouvez aussi essayer
pour la plume : créer un polygone placé sur les de bouger uniquement
parties horizontales mais débordant sur les cotés les points de votre objet
(10), créer à la plume le tracé (11)qui vous servira a avec l’outil de sélection
diviser votre objet pour supprimer les parties dont directe (pensez à appuyer
vous n’aurez pas besoin. Faire de même pour les sur Majuscule pour
parties ombrées (sauf les parties internes).(12) les contraintes).
Résultat
2me méthode :
- Créer un objet à l’aide de la plume ou de tout autre outil qui vous servira
d’enveloppe. !ATTENTION! cet objet doit être impérativement au premier plan
ou tout du moins au dessus de votre texte. (15)
- Sélectionner le texte et l’enveloppe.
- menu « objet:distorsion de l’enveloppe:créer d’après l’objet au premier plan ».
(16)
Fig. 15 Fig. 16
3me méthode :
- Sélectionner la ligne de texte avec l’outil de sélection.
- menu « objet:distorsion de l’enveloppe:créer d’après un filet ».
- Une fenêtre s’affiche, il faut donner les renseignements sur la création de
l’enveloppe en horizontal et vertical. Plus la grille est décomposée, plus il
sera compliqué de modifier l’enveloppe. (17)
- Une fois validé, on peut à l’aide de l’outil de sélection directe modifier
l’enveloppe créée.
Le texte est modifiable en allant dans le menu/objet/distorsion
de l’enveloppe:modifier le contenu ». Vous pourrez de la même manière
modifier l’enveloppe en retournant dans le menu et à la place de « modifier
le contenu », vous aurez « modifier l’enveloppe ». (18 et 19)
Fig. 18 Fig. 19
Fig. 17