Illustrator CC - Spécial Débutants (PDFDrive)

:
~
Spécial débutants
w
s;t"
8
;
@ Avec tous
les fichiers
!:
Ol
des exerdces
·c
Illustrator CC
II IV5trator en 4 7 rec-ette5
Sur l'extension@
Tout graphiste qui se respecte passe forcément par l'apprentissage d'lllustrator, web du livre :
l'irremplaçable logiciel de dessin vectoriel d'Adobe, qui permet de concevoir logos, • les images initiales
schémas, diagrammes, polices de caractères et illustrations en tous genres. Cet et fin ales des ateliers
ouvrage 100 % pratique en présente les pri ncipales fonctionnalités pour PC et Mac, • toutes les captures d'écran
à travers 43 exercices où chaque étape est illustrée par une capture d'écran. figurant dans l'ouvrage
Véritables pas à pas, ces ateliers fournissent des méthodes infaillibles pour mettre
en valeur ses illustrations, traitant aussi bien les bases du dessin (tracés, courbes,
formes géométriques) que la couleur, la perspective, le texte, les effets, ou encore
l'exportation de fichiers. En complément de cette formation, l'extension web du livre
sur www.ed itions-eyrolles.com contient les images initiales et finales de chaque ate-
lier, ainsi que toutes les captures d'écran figurant dans l'ouvrage, afin que le lecteur
puisse tester par lui-même toutes les manipulations décrites.
À qy; 5 'adre55e e,e livre ?

• À tous les graphistes souhaitant découvrir lllustrator par la pratique
• À tous ceux qui veulent aller à l' essentiel d'lllustrator (versions CC et antérieures)
Graphiste et webdesigner depuis plus de 20 ans, Éric Sainte-Croix travaille en agence de communication
et au sein de son propre atelier graphique, en France et en Suisse romande. Formateur certifié expert
et instructeur Adobe pour lllustrator et ln Design, il enseigne le graphisme dans une école à Genève.
www.design-of-mars.com
V)
<l)
·- ·-
0 Pt1t1$ lo c.ollec.tiot1 de$ Cohier$
1....
>-
w
<j" ( ' . -
T""l À la découverte de À la découverte de À la découverte de
0 (,1 1 ?.b
N Windows 8 .1 Mac os X Mavericks Photoshop Spécial débutants
©
...,
..c
Ol
ï::::
>-
a.
0
u www.editions-eyrolles.com
Cahier
Illustrator CC
Spécial débutants
Copyright© 2014 Eyrolles.
Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il Il
~
: Illustrator CC
Spécial débutants
EYROLLES
J
Vl
<l)
0
1....
>-
w En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le
s:t
,-t présent ouvrage, sur quelque support que ce soit, sans l'autorisation de !'Éditeur ou du Centre Français
0 d'exploitation du droit de copie 20, rue des Grands Augustins, 75006 Paris.
N
@
.µ
..c Atelier 03 : Monsieur Patate © Playskool
CJl
·c Atelier 19 : © Andrew Jabs
>-
Q. Atelier 29 : © Anton Belovodchenko
0
u © Groupe Eyrolles, 2014
61 bd Saint-Germain - 75240 Paris Cedex 05
ISBN : 978-2-212-13886-3
Concevoir un logo, construire un histogramme, déformer une police,
créer un dégradé, écrire en calligraphie ... vous n'imaginez pas tout ce
dont est capable lllustrator, l'incontournable logiciel de dessin vecto-
riel! Cet ouvrage 100 % pratique vous le prouve avec ses 43 ateliers
simplissimes et efficaces, qui vous feront découvrir ses principales
fonctionnalités, pour Windows et pour Mac.
Véritables pas à pas complets, illustrant chaque étape par une capture
d'écran, ces ateliers sont regroupés en sept grands thèmes: les bases,
la couleur, les transformations, le texte, les effets, le dessin, l'expor-
tation et l'impression. En tête de chaque atelier figurent son degré de
difficulté, son temps de réalisation, ainsi que la liste des principaux
outils abordés. Dans les ateliers ne sont mentionnés que les raccourcis
clavier pour PC : pour connaître les équivalences sur Mac, il suffit de
savoir que la touche Ctrl et le clic droit sur PC correspondent respec-
tivement à la touche Cmd et à un (tri + clic sur Mac (pour les souris
à un bouton).
Afin que vous puissiez tester par vous-même toutes les manipulations
décrites dans cet ouvrage, vous trouverez les images initiales et finales
de chaque atelier, ainsi que l'ensemble des captures d'écran correspon-
dant aux étapes, sur la fiche du livre sur www.editions-eyrolles.com .
Toutes ces captures ont été réalisées avec la version CC d'lllustrator.
À vous de jouer maintenant!

J
10
Modifier les couleurs
01
d'une illustration .... .. ... .... .. ...... ......... 38
Découvrir l'espace de travail. ........ ... .. ... 8
~ 11
02
~ Passer une illustration
Personnaliser l'espace de travail. ......... 12 en deux couleurs ... .... .... ................... 42
03 . : ] 12
Sélectionner, déplacer, copier ~ Reproduire l'effet d'un aérographe ... ... 44
ou modifier un tracé ............ ....... ........14
04
1~~~1 05
Tracer une ligne droite ... .... .. .. .. .. .. ...... 18
1 ~i ~~er une perspective ... ..................... 48
Tracer une forme géométrique ~ 14

simple ............................................ 20 ~ Modifier une forme ...... ..... ... ... .... .... .. 54
06
Tracer une ligne courbe ... .. .... ..... ..... .. 24 111 15
Ajouter, soustraire ou combiner
des formes ..... .... .... ... ......... .... .. .. ..... 58
07
~
Utiliser les calques ..... ....... ........... .... 30 16
V)
<l) Dupliquer une forme ...... ....... ............ 60
0
lo e,,ov levr
~
1....
w
>-
<j"
08 ~~er un dégradé de formes ... .......... .. 62
r-l
0
Mettre en couleur une illustration ..... .. 32
N 18
©
...., 09 Convertir un dessin au format vectoriel.. 64
..c Créer un dégradé .. ........ ..... ........ ....... 34
Ol
ï::::
>-
a.
0
u
5 l--~~~~~~~~~~~~_... ............................................. .
l.e de55in
19
Transformer une photo en dessin ........ 68 30
Peindre avec un symbole ................... 98
20
Masquer une partie d'une illustration .. 72 31
Imiter un dessin de broderie .............. 100
l.e -tex-te 32
21 Peindre avec une forme
calligraphique .......... ..... .................. 102
Mettre en page un texte .................... 74
22 33
Peindre avec une forme
Placer du texte sur une courbe ............ 78 artistique ... ........ ........... ......... .... .... 104
23 34
Vectoriser un texte ................. ........... 82 Créer un motif .... ... ........ .... ......... .... 106
24 35
Modifier une police ..... ................ .... .. 84 Concevoir un logo ........ ....... .... .... ..... 110
l.e5 e-N'e-t5
25
~ 36
Créer un graphique circulaire ............ . 116
Créer une illustration 3D

(méthode 1) ........... ..... .... ................ . 86 D .
.
37
Créer un histogramme .... .. ..... ........... 118
26 :t"xpor-to-tion e-t itrlpre55ion

Créer une illustration 3D
(méthode 2) .......................... ........... 90 38
Importer dans lllustrator .... ............... 122
27
Utiliser les effets Photoshop ... .. .......... 92 39
Exporter dans Photoshop .. ........... ..... 124
[I[] 28 Créer un style graphique ... ..... ....... ..... 94 40
Exporter au format PDF ...... ... ... ..... .... 126
29
Fusionner deux illustrations .. ....... ...... 96 41
Exporter dans Flash ... .... .......... ...... .. 128
42
Imprimer ............... ....... .................. 130
43
Assembler dans un dossier ...... ....... .. 132
Index.............. ......... ............................... 134

. .. . Atelier 01 --,
~
Réalisation : 15 min
/
PeGOVvrir Outils utilisés :

Plan de travail
Modifier le mode écran
i'e5pac.e de travail Palettes
L _ _ _~
Commercialisé pour la première fois en 1987, CS6, on peut en outre choisir dans les Préfé-
bien avant Photoshop, Illustrator a connu de rences une couleur de fond sombre ou claire,
nombreuses évolutions depuis, pour devenir à sa convenance. Dans cet atelier, vous allez
aujourd'hui le logiciel de création graphique vous familiariser avec l'interface d'Illustrator,
vectorielle de référence. Les utilisateurs en découvrant à cette occasion les repères
d'InDesign ou de Photoshop y reconnaîtront commentés, qui apparaissent en bougeant la
l'interface et l'ergonomie caractéristiques des souris. Ces repères aident à positionner un
logiciels de la suite Creative Cloud. Cette inter- tracé ou un plan de travail.
face offre beaucoup de souplesse puisqu'il est
V)
<l) possible de créer des plans de travail multiples
0
1....
>- et configurables à volonté. Depuis la version
w
<j"
r-l
0
N
©
....,
..c
Ol
~ Fichier initial : imagedeparto1.ai
ï::::
>-
a.
0
IV Fichier final : imagearriveeo1.ai
u
• D·
•'
~ À gauche se trouve la palette d'outils (ou boîte à outils).

0 Une fois lllustrator installé sur votre ordinateur, lancez-le
en double-cliquant sur l'imagedeparto1.ai, figurant dans le ~ Cliquez sur la zone sombre située en haut de cette palette
dossier Atelier 01 de l'extension web du livre. L'interface du logiciel et, tout en maintenant enfoncé le bouton de la souris, amenez-la
apparaît alors : un plan de travail au centre, des palettes (ou pan- vers le centre. Par simple cliquer-glisser, vous pouvez ainsi placer
neaux) amovibles sur les côtés, et une barre de menus tout en haut. la palette d'outils où cela vous arrange.
-.
•
~
t
•
Effectuez la même opération avec le groupe de palettes

situé à droite du plan de travail. 0 •
La palette de contrôle, située juste au-dessus du plan de
travail, est également amovible : pour la détacher, cliquez
sur la zone sombre située à son extrémité gauche et déplacez-la
librement.
........... ___ ......, __ • li·

-- · D·
- -.....
•
~ 'T
,,,,,
.'
,/.,
î
• '
..
-~
>. •
~
IOC
....
• . ,J
a,
;.
~ Pour remettre la palette de contrôle à sa place, glissez-la

~ vers son emp lacement d'origine. Une ligne bleue apparaît
quand la palette se trouve sur la zone d'ancrage : relâchez alors le
e. Cliquez sur l'une des icônes de palettes figurant à droite :
la palette correspondante apparaît. Pour la déplacer, il
suffit de cliquer-glisser sur la zone sombre supérieure. Toutes
bouton de la souri s. Replacez pareillement le groupe de palettes ces palettes so nt «flottantes», mais également ancrables entre
et la palette d'outils. elles.
9
•D·
0 Située au-dessus du plan de travail, la barre de menus

permet d'accéder à toutes les commandes et tous les 0 Le plan de travail est matérialisé par un contour noir. Pour
zoomer ou dézoomer, utilisez les raccourcis Ctrl + + ou
menus d'lllustrator. Ctrl +-,ou l'outil Loupe de la palette d'outils, ou encore le niveau
de zoom figurant en bas à gauche. Dézoomez autour du plan de
travail : un espace de travail gigantesque apparaît.
•D·
~ Si, en travaillant avec un outil de dessin, vous ne sou- 6.\ Pour modifier votre plan de travail, cliquez sur l'outil Plan
~ haitez conserver que le plan de travail, sans les palettes, ~ de travail dans la palette d'outils ou utilisez le raccourci
ni les menus et autres accessoires, cliquez sur l'icône située en Maj + o. Le plan de travail se trouve alors délimité par un contour
bas de la palette d'outils ou appuyez sur la touche F: vous passez en pointillés et des traits de coupe, et doté d'un numéro.
alors dans différents modes d'écran.
- Notre suggestion J
Il est préférable de paramétrer au tout début
les Préférences d'Illustrator pour qu'il affiche
les mesures en millimètres. Pour cela, allez
V)
<l) dans le menu Édition>Préférences>Unités,
0
1....
puis choisissez Millimètres dans la rubrique
>-
w Générales.
<j"
r-l
Depuis la version CS5 d 'Illustrator, une nou-
0
N velle palette nommée Plan de travail faci-
© lite la gestion des différents plans de travail.

.µ
..c ~ Tous les paramètres modifiables du plan de travail fi -
Ol
ï:::: ~ gurent dans la palette de contrôle. Vous pouvez également
>-
a. modifier ses dimensions en t ira nt sur les poignées du cadre en
0 pointillés. Pour l'agrandir par exemple, glissez la poignée cen -
u trale inférieure vers le bas.
~ Les paramètres de la palette de contrôle indiquent alors ~ Pour dupliquer seulement le plan de travail mais pas
~ les nouvelles dimensions du plan de travail. Vous allez ~ son contenu, commencez par cliquer dans la palette de
maintenant le dupliquer. contrôle sur l'icône en forme de croix, juste à droite de l'icône
de la corbeille.
~ Via le raccourci Ctrl + U, activez les repères commentés (en ~ De la même manière, créez un troisième plan mais cette
~ vert), qui aident à positionner des tracés mais également ~ fois avec l'illustration qu'il contient, en cliquant donc sur
à créer des plans de travail alignés. Puis, tout en maintenant la l'icône en forme de croix dans la palette de contrôle pour la réac-
touche Alt enfoncée, cliquez-glissez le plan de travail n° 1 ve rs la tiver.
droite pour le dupliquer.
Pour quitter le mode de modification du
plan de travail, sélectionnez un autre outil
dans la palette d 'outils, par exemple l'outil
sélection (tlèche noire située en haut à
gauche), ou appuyez sur la touche Échap.
L'existence de multiples plans de travail
facilite la présentation d 'illustrations ayant
plusieurs déclinaisons. Photoshop et InDe-
sign reconnaissent également ces différents
~ Vous pouvez supprimer un plan de travail en cliquant sur plans lors de l'importation de dessins multi-
~ la petite croix située dans son angle supérieur droit. Ici, ples créés dans Illustrator.
faites-le pour le plan de travail n° 2 .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~-1 11
. .. . Atelier 02 --,
~
Per5onna li5er Outils utilisés :

Gestion des espaces
de travail
i'e5pac.e de travail Nouvelle fenêtre

Réorganiser les documents
L _ _ _~
/
,,
..
, T.
.......
/,
.
..
...."'·
'
!:i,
-.
.
Vous voici maintenant familiarisé avec l'inter- Dans cet atelier, vous allez découvrir comment
face du logiciel Illustrator puisque dans l'atelier paramétrer l'affichage de certaines palettes,
précédent, vous avez découvert ses menus et enregistrer un espace de travail personnel et
ses palettes, ainsi que la possibilité de créer des travailler avec deux fenêtres d'un même fichier,
plans de travail multiples. Mais pour gagner du pour disposer d'aperçus différents de son
temps et travailler de manière optimale, il est travail, gros plan ou plan éloigné.
recommandé de personnaliser son espace de
travail afin de retrouver facilement ses outils
familiers. Illustrator propose plusieurs espaces
V)
<l) de travail prédéfinis correspondant à différentes
0
1....
>- utilisations (Web, typographie, peinture, etc.).
w
<j"
r-l
0
N
©
.µ
..c
Ol
ï::::
0
>-
a. IV Fichier final : imagearriveeo2.ai
u
12 l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
QJ.
ç
~
0 Si vous avez fermé l'imagedeparto1.ai, réouvrez-la via le
menu Fichier> Ouvrir situé dans la barre de menus supé-
Des palettes apparaissent, nota mment les palettes Carac-
~ tère et Paragraphe destinées au travail du texte. Tout en
rieure d'lllustrator. Dans cette même barre, cliquez ensuite sur cliquant sur l'onglet de la palette Styles de caractère, déplacez cette
la petite flèche à droite pour dérouler le menu de gestion des dernière avec la souris sur la zone de travail (zone non imprimable),
espaces de travail et choisissez Typographie. puis supprimez-la en cliquant sur la croix en haut à droite.
~ ·!=::m::"="""!
::=:..:l!!!!!!!!~lllilililllliiïl-lllÏIIIII -·- - • D•
):::~
---- ·-
·- - ~.- _
---
--
- • o-
;,.,
!.:·
1
-·-
- --
Dli
..J, ---
-·-
--------- --·
--·-·-
- --
~ Supprimez de même les palettes Styles de paragraphe et
~ OpenType. Cliquez ensuite sur la double flèche en haut 0 Votre espace est ainsi enregistré; il est accessible dans la
liste des espaces de travail via le menu Fenêtre>Espace de
à droite pour réduire les autres palettes. Ouvrez le menu de t ravail. À présent, vous allez créer un espace de travail en double
gestion des espaces de travail et choisissez Enregistrer l'espace fenêtre. Créez une nouvelle fenêtre via le menu Fenêtre>Nouvelle
de travail. Nommez cet espace « Mon espace de travail». Fenêtre .
. ·-
• o-
·-
Cliquez sur l' icône Réorganiser les documents et choisissez

2 vignettes en ve rt ical. Les deux fenêtres apparaissent
ainsi en vis-à-vis.
e Zoomez sur la fenêtre de droite (voir atelier 0 1) et sélec-
,
tionnez une partie du dessin à l'a ide de l'outil Sélection de
la palette d'outils : l'action a lieu également dans l'autre fenêtre.
Vous pouvez ainsi trava iller avec deux vues différentes, un gros
plan et un plan éloigné .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~---1 13
. .. . Atelier 03 --,
~
Sélectionner, dép lacer, Outils utilisés :

Sélection
Sélection directe
copier ov modi~ier vn tracé Baguette magique
Sélecteur de couleurs
L _ _ _~
Sous Illustrator, vous serez continuellement En revanche, dans le cas de tracés multiples
amené à sélectionner des tracés. Pour cela, groupés, vous devrez employer l'outil Sélec-
vous utiliserez généralement l'outil Sélec- tion directe (flèche blanche) pour sélectionner
tion (flèche noire). Pour sélectionner un tracé l'un d'entre eux. Mais la fonction principale
simple, il vous suffira de cliquer une fois dessus de ce dernier outil est de pouvoir accéder aux
s'il est doté d'un fond; s'il n'en a pas, il sera points d'ancrage d'un tracé pour le déformer :
plus pratique de l'entourer d'un cadre de sélec- pour sélectionner un point, il suffira de cliquer
tion. S'il s'agit de tracés multiples, la meilleure dessus; pour en sélectionner plusieurs, vous
méthode consiste là encore à les entourer d'un utiliserez de même le cadre de sélection ou
V)
<l) cadre pour en sélectionner l'ensemble, mais la touche Maj. Toutes ces opérations et quel-
0
1....
>- vous pouvez aussi cliquer un à un sur chaque ques autres (déplacement et duplication d'un
w
<j"
r-l tracé, tout en appuyant sur la touche Maj pour tracé, modification d'un contour et d'un fond ... )
0
N
les ajouter à la sélection. sont présentes dans cet atelier, dont le but est
©
.µ
..c ~ Fichier initial : imagedeparto3.ai de reconstituer Monsieur Patate à partir d'un
Ol
ï::::
0
>-
a. IV Fichier final : imagearriveeo3.ai modèle avec les éléments de la caisse.
u
14 l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
~
0 Ouvrez l'imagedeparto3.ai en double-cliquant dessus ou
en allant dans le menu Fichier> Ouvrir. Activez l'outil Sélec-
Par cliquer-glisser, déplacez le so urcil noir vers le haut,
~ t oujours avec la flèche noire . En effet , cet outil de sélec-
tion (flèche noire) de la palette d'outils et sélectionnez un sourcil tion est également un outil de déplacement.
noir dans la caisse en cliquant dessus : un contou r de sélection
appa raît, comportant des petits carrés appelés points d'ancrage.
,... ,
T.
. ...
/,
.
"'.."'.
,.11
..
a,
'
~ L' outil Baguette magique, situé sous la flèche noire dans la

~ palette d'outils, est un autre out il de sélection qui permet 0 Vous constatez alors que plusieurs éléments ont été sélec-
t ionnés; déplacez-les vers le haut avec l'out il Sélection
de sélectionner des élément s similaires. Activez-le et cliquez sur (flèche noire) activé. Pui s désélectionnez-les en cliquant à l'ex-
le corps de Monsieur Patate. térieur de ces t racés.
~ J C ··
. ,' ·
/
.~..,.·
...
••
w
'
.l
~ Sélectionn ez ensuite uniquement la main avec l'outil ~ La petite double flèche sit uée au-dessus des sélecteurs
~ Sélection. Notez qu'e lle possède un fond blanc et un ~ de couleurs permet de permuter les couleurs du fond et
contour noir. Dans la palette d'outils, le sélecte ur de couleur noire du contour. Cliqu ez sur cette flèche : le fond de la main devient
évidé correspond au contour; le sélecteur de couleur blanche, qui noir et son co ntour blanc.
est plein, représente la couleur du fo nd .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~---1 15
,...._ u ...
0 Pour supprimer la co uleur du contour, cliquez sur le sélec-

teur de couleurs du contour pour qu'il passe au premier 0 Rep roduisez les étapes 6 et 7 pour le pied, puis positionnez
correctement chaque élément sorti de la boîte avec l'outil
plan, devant le sélecteur de couleurs du fond. Cliquez ensuite sur Sélection, en verrouillant sa position via le raccourci Ctrl + 2 :
le petit carré barré de rouge situé en dessous, afin d'enlever toute ainsi, l'élément ne pourra être ni sélectionné ni déplacé.
information de couleur.
·--~ ··
~ Activez de nouveau l'outil Baguette magique et cliquez sur 6.\ Vous allez maintenant sélectionner l'œil. Co mm e il
~ l'autre pied de couleur noire dans la caisse : les éléments ~ contient plusieurs tracés, la meilleure méthode consiste
de même fond noir ont été également sélectionnés. Via l'outil à dessiner une zone de sélection rectangulaire tout autour avec
Sélection, positionnez-les en vous aidant du modèle de gauche. l'outil Sélection, afin de les sélectionner simultanément.
V)
<l)
0
1....
>-
w
<j"
r-l
0
N
©
...,
..c ~ Positionnez l'œil à sa place. Pour le dupliquer, l'œil étant ~ Sélectionnez chaque élément bien positionné (sauf les
Ol
ï:::: ~ toujours sélectionné, maintenez enfoncée la touche Alt : ~ cheveux qu'il faudra modifier) et verrouillez-le via le rac-
>-
a. la flèche noire se t ransforme alors en double flèche. Déplacez courci Ctrl + 2. Pour annuler cette action, cliquez sur le bouton
0 la sélection à l'emplacement voulu, puis relâc hez le bouton de droit de la souris et , dans le menu proposé, choisissez Annuler
u la souris. Verrouiller.
----
. . ..• ---
c -.........
-·-
.......
_...._
...._
-·-
-·-
~ Activez de nouveau l'outil Baguette magique. Cliquez ~
-·-
-
Avant de positionner ces éléments selon le modèle de
~ sur l'un des éléments restant dans la caisse : ils sont ~ gauche, passez-les au premier plan via le raccourci
alors tous sélectionnés puisqu'ils possèdent un contour noir. Maj + Ctrl + ) ou par le menu Objet>Disposition>Premier plan.
Déplacez-les vers le haut avec l'outil Sélection. Ils apparaîtront ainsi au-dessus des autres.
. /......-~
.. ..
.
~ ::
~-·. ,·
,I ' ·
.,,., "
....
•. li
. , 11
.. .
~
'.•
R
~ Pour orienter la moustache, sélectionnez-la avec l'outil ~ Pour modifier la forme de la moustache, activez l'outil
~ Sélection pour faire apparaître son cadre de sélection. ~ Sélection directe (flèche blanche) de la palette d'outils,
Puis faites-la pivoter en approchant le pointeur de la souris d'un qui permet de sélectionner les points d'ancrage des tracés, maté-
angle et en cliquant-glissant quand la flèche circulaire apparaît. rialisés par de petits carrés.
"-,,]
,.. .
..•:11.,.
,
~ Un point d'ancrage sélectionné se traduit par un petit carré ~ Placez ensuite la moustache au bon endroit avec l'outil
~ noir, un point désélectionné par un carré blanc. Avec l'outil ~ Sélection. Comme dans l'étape 17, utilisez enfin l'outil
Sélection directe, sélectionnez le point central qui devient donc Sélection directe pour déformer les cheveux du personnage en
noir. Cliquez-glissez vers le haut afin de modifier le tracé. sélectionnant certains points d'ancrage judicieux.
........................................_~~~~~~~~~~~~~~~~~~~-1 17
. .. . Atelier 04 --,
~
TraGer Outils utilisés :

Trait
Plume
vne liqne droite

L _ _ _~
-""""' ŒJ EilE ......... ~ 1 - --1·11 °""'" 1-1.,,,- ~ - œl....'!'- ......~ 1 ..a.- 1"' ·
- t,nuoe.a~.
ü r. .
~
CCMJNJ"s)efç:ul
,i I
' Çfi
>. T .
/ . o.
/ ·'·
>} "·
L
''l,d:'l.
~ ~:;
,.: Il.
ol l[J
~. ~
il. ldJ.
J
) . Q. "·
~
~
cÇl
-
Avec un logiciel de dessin vectoriel comme atelier 06). Les outils Forme de tache (depuis
Illustrator, tracer une ligne droite est bien la version CS4) et Pinceau peuvent également
évidemment un jeu d'enfant. Pour ce faire, jouer ce rôle en y ajoutant des formes diverses :
vous avez deux principaux outils à votre dis- ils seront abordés dans les ateliers 32 et 33 de
position : l'outil Trait, permettant de dessiner cet ouvrage. Dans cet exercice, vous allez mani-
V)
des segments facilement paramétrables, et puler les outils Trait et Plume pour tracer une
<l)
0
.__ l'outil Plume, plus complet, utilisé pour créer figure connue. Vous découvrirez alors que la
>-
w des tracés continus avec l'angle que vous sou- touche Maj s'avère très pratique pour garantir
<j"
r-l
0 haitez, mais également des lignes courbes (voir un tracé linéaire.
N
©
.µ
..c
Ol
ï::::
0
>-
a.
D Fichier final: imagearriveeo4.ai
u
"'. T.
/.•.
/ ,
;
.,_ ..,·:
» •
',,.
.. r.
.....
:11 • /
~
0 Créez un document via le menu Fichier> Nouveau. Vous
allez tracer un premier segment avec l'outil Trait. Activez-
Cliquez-glissez : dès que vous relâchez le bouton de la
~ souris, le t racé apparaît. Notez qu'un segment com porte
le dan s la palette d'outils et cliqu ez sur le plan de travail : une au moins deux points d'ancrage, sa longueur et son orientation
boîte de dialogue apparaît, permettant de fixer la longueur du pouvant être modifiées avec l'outil Sélection directe. Pour vous
tracé et son angle. Saisissez 50mm et 45°. aider, affichez les repères commentés via le raccourci Ctrl + U.
1 •.
A r.
;y._
/ ,
,., ,:
.,_
.,.. .
.
•...
' .... ........
~ Activez ensuite l'outil Plume dans la palette d'o utils.

~ Quand vous approchez le pointeur de la souris d' un point 0 Cliquez sur le poi nt d'ancrage inférieur du segment. Puis,
tout en restant sur la même li gne horizontale et tout
d'a ncrage, vous noterez qu' une barre oblique apparaît. Cela en maintenant la touche Maj enfoncée pour garantir un trait
signifie que si vo us cliquez dessus, vous prolongez le tracé exis- droit, cliquez sur le point aligné ve rt icalement avec le milieu du
tant à partir de ce point. segment, en vous aidant des repères commentés.
/ -·-
.....
' ... .'.....
.. r.
~ Continuez de tracer des segments, comme indiqué, tout

~ en maintenant en foncée la touche Maj. La figure à obtenir
représente, vo us l'aurez co mpris, le chiffre 1 .
e. Pour finir, approchez le pointeur de la souris du point
d'ancrage supérieur : un petit cercle apparaît à côté de la
plume. Cliquez : le tracé est automatiquement fermé.
...................................._~~~~~~~~~~~~~~~~~~--l is
. .. . Atelier 05 --,
~
TraGer vne ~orme Outils utilisés :

Rectangle
/ / Polygone
qeometriqve 5imp le Ellipse

Grille rectangulaire
~ istorsion de l'enveloppe
~.-..œ m c-., ~ 1 - --1-1, - ...... 1-1..d·,~-·œ 1 .................. 1 ~ .,., .

~·l°""fCMJN/ApHQd •
Dans cet exercice, vous allez créer une illustra- formes géométriques, en vous aidant de l'option
tion vectorielle sans utiliser d'outils de dessin Repères commentés pour aligner de manière
à main levée comme le pinceau, le crayon, ou automatique les tracés sur le plan de travail.
la plume. Illustrator permet en effet de réaliser À noter qu'il est souvent judicieux de modi-
facilement des figures géométriques de base fier les Préférences du logiciel pour utiliser des
V) (triangle, polygone, grille, ellipse, rectangle, unités de mesure appropriées. Via le menu
<l)
0
1...
etc.), formes souvent nécessaires à un schéma Édition>Préférences>Unités et performances
>-
w
<j"
ou une illustration. Sans savoir dessiner, vous d'affichage, conservez la valeur Points pour
r-l
0
N
allez ainsi créer un banjo avec ces outils de les options Contour et Type ; pour Générales,
© choisissez Millimètres, comme cela a déjà été
.µ
..c
Ol
ï::::
0
>-
a.
D Fichier final: imagearriveeo5.ai signalé dans l'atelier 01.
u
Al .....
- - iZ · D·
~
0 Créez un document via Fichier>Nouveau. Cliquez long sur
l'outil Rectangle de la palette d'outils et sélectionnez l'outil
Positionnez-vous sur cette ligne, à l'endroit où vous sou-
~ haitez placer le centre de l'ellipse. Puis cliquez, tout en
Ellipse. Puis affichez les repères commentés (Ctrl + U) : en plaçant pressant la touche Alt pour que l'ellipse se construise à partir
le pointeur de la souris sur le plan de travail, un point et une ligne du centre : une boîte de dialogue apparaît. Saisissez 42 mm en
verticale apparaissent, indiquant son centre et sa médiane. hauteur et largeur. Validez par le bouton OK.
A ._
,Z• D • : 1.. . - - · - ·- · ~ ::.
- ..
'
' T
C
/
, , .......
.... .
....
e o. ..... ....
~
..,_ '4 . . . .......

».• ........
. . IJ
.....
' ~
. '
.
. .."'.
• li•.---.-- - - '
'
i:i
• 1rz
cCI
0
~ Placez le pointeur au centre du cercle et, tout en mainte-
~ nant enfoncées la touche Alt (pour construire l'ellipse à 0 •
0
Vous allez avoir besoin des autres outils de fo rmes géomé-
triques. Cliquez sur l'icône Ellipse dans la palette d'outils
parti r du centre) et la touche Maj (pour obtenir un cercle), tracez, et, tout en maintenant enfoncé le bouton de la souris, déplacez
par cliquer-glisse r, deux cercles concentriques supplémentaires le pointeur sur la barre verticale située à droite du menu apparu :
co mme indiqué. une petite palette avec les outils co ncernés s'affiche à l'écran.
Al ....
,Z· D ·
. --- ""' ....... ... ,-. •
............... -a.a-....-•
-' ". ......
• • •• • .._ ·-
' T
:.J
,,
/
,
"\6'.
.. ...,
». •
, li,
--
••
..... '
.......
.'
--
~
0
Les outils so nt désormais très accessibles via cette palette
~ toujours présente sur l'espace de travail. Effectuez la
ffi
e
0 . , ~ .............. c - ~...
(:5 .....11 . . .
Pour créer le manche du banjo, activez l'outil Grille rec-

,
tangulaire de cette dernière palette, cliquez sur le plan
~ -
même opération en cliquant sur l'icône de l'outil Tra it pour faire de travail et, dans la boîte de dialogue qui s'ouvre, choisissez
apparaître la palette co rrespondante. 9 mm de largeur, 85 mm de longueur, 11 séparateurs horizontaux
et 4 séparate urs verticaux. Validez par OK.
0 Avec l'outil Sélection, sélectionnez le manche en cliquant
dessus. Puis, en vous aidant des repères commentés, O. Sélectionnez de nouvea u le manche et ouvrez le menu
Objet> Distorsion de l'enve loppe>Créer d'après une défor-
placez-le dans l'axe central, qui est matérialisé par un repère mation . Une boîte de dialogue apparaît : déformez le manche en
centré sur les cercles déjà dessinés. saisissant une distorsion verticale de 20%. Validez par OK.
Al ·-
''" .
• T
"
",
. '·I.
,...
~ m
H
.. .."'.....
,
Le manche est maintenant déformé. Allez dans le menu ~ Pour créer la tête du banjo, activez l'outil Polygone et
Objet>Décomposer : une boîte de dialogue s'affiche. ~ cliquez au-dessus du manche, dans l'axe . Dans la boîte
Cliquez sur OK et désélectionnez le manche, en cliquant ailleurs de dialogue proposée, saisissez 6 mm pour le rayon et s pour le
sur le dessin. nombre de côtés. Validez par OK.
•••r• • --- • • • ~
V)
<l)
0
1....
w
>-
<j"
r-l
0
N
©
....,
..c ~ Avec l'outil Sélection directe, sélectionn ez les deux points ~ Toujours avec l'outil Sélection directe, cliquez sur les
Ol
ï:::: ~ inférieurs du po lygone, tout en maintenant enfoncée la ~ points d'an crage des cordes du banjo et tirez vers le bas
>-
a. touche Maj, et t irez dessus pour agra ndir la tête du banjo jusqu'au pour les agrandir. De façon analogue, étirez également les cordes
0 manche. Passez en arrière-plan par le raccourci Maj + Ctrl + ) et vers le haut.
u verrouillez la tête via le raccourci Ctrl + 2.
22 l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
~ Avec l'outil Rectangle, en utilisant un fond noir (voir atelier ~ Pour les mécaniques, utilisez l'outil Polygone, comme à
~ 03), créez le petit reposoir des cordes. Puis, à l'aide de ~ l'étape 10, avec un fond noir, un rayon de 2 mm et 3 côtés.
l'outil Ellipse, ajoutez de petits cercles, avec un contour noir et Faites ensuite pivoter les triangles obtenus pour les placer cor-
un rayon de 1,5 mm, à l'extrémité des cordes du banjo. rectement.
/
,,,
.,.......
"'._"'..
, il,
•• Mil.
~ l
œ Pour le maintien inférieur des cordes, sélectionnez l'outil
Rectangle arrondi et cliquez sur le plan de travail. Dans la
boîte de dialogue proposée, saisissez Largeur 1 2 mm, Longueur
~ Pour la plaqu e de protection, dupliquez le plus grand
~ cercle tracé. Pour cela, sélectionnez-le avec l'outil Sélec-
tion et, tout en maintenant enfoncée la touche Alt, déplacez-le
15 mm et Rayon 2 mm. Placez-le dans l'axe central de l' in stru- avec la souri s : le cercle est ainsi copié.
ment.
.... - • - ,, • l; . . . . - • 1 • ~
/, ,,
'·
» •
r
'~
......
~ Avec l'outil Sélection directe, sélectionnez le point d'an- ~ Avec l'outil Sélection, sélectionnez l'arc obtenu en cli-
~ crage du haut et celui de droite, tout en maintenant ~ quant dessus et, via la palette Contour, accessible par le
enfoncée la touche Maj, ce qui permet d'ajouter un élément à une raccourci Ctrl + Flo, sa isissez une épa isseur de 13 pt. Arrondissez
sélection. Puis supprimez ces points en appuyant sur la touche les extrémités en cliquant sur l'icône Extrémité arrondie, située à
Suppr. droite. Placez enfin cet élément sur le banjo.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 23
. .. . Atelier 06 --,
~
TraGer Outils utilisés :

Plume
Sélection directe
vne liqne e,,avrbe

L _ _ _~
@
·~
~
] yy'\ 6 ~
© t\_J\ ~
S'il existe un outil incontournable pour le dessin retrouve notamment dans le logiciel Photoshop,
vectoriel, c'est bien la plume. Utilisé dans l'ate- où il reste à ce jour l'un des meilleurs moyens
lier 04 pour tracer des lignes droites, cet outil de sélection d 'image. Dans cet atelier, vous
trouve ses lettres de noblesse dans la création allez apprendre à manipuler cet outil en repro-
de courbes, appelées également courbes de duisant les six tracés qui figurent sur l'image
Bézier, du nom de l'ingénieur français, initia- initiale.
teur des travaux de représentation de dessins
vectoriels dans le domaine industriel. Sujet de
cauchemar pour certains, la maîtrise de l'outil
V)
<l)
Plume s'acquiert après quelques heures de pra-
0
1....
w
>- tique. Il se révèle cependant indispensable car
<j"
r-l il est le seul à garantir un tracé précis. On le
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
IV Fichier final : imagearriveeo6.ai
u
24 l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
. D·
©
•
».• \,
®
.. "'
• il •
~
0 Ouvrez l'imagedeparto6.ai. Dans la palette d'outils, sélec-
tionnez l'outil Plume et cliquez sur l'extrémité gauche de
Pour créer un second point, cliquez ensu ite au centre de la
~ courbe et, sa ns relâcher le bouton de la souris, déplacez le
la courbe n° 1 pour y placer un premier point d'ancrage. pointeur: tirez sur la li gne directrice qui apparaît jusqu'à ce que
le tracé épouse la courbe proposée en exemple. Enfin, cliquez sur
le dernier point et là aussi aj ustez le tracé.
At -
' .
r
......
...
.c.,,
.,
~ Sur la courbe n° 2 , cliquez sur le point le plus à gauche du

~ tracé et, sans relâcher le bouton de la souri s, déplacez le 0 •
Cliquez ensuite sur le point central de la courbe et sans
relâcher le bouton de la so uris, tirez la ligne directrice vers
pointeur vers le haut en amenant la ligne directrice approximati- le bas afin que le tracé épouse la forme sinusoïdale. Notez que,
vement à la hauteur indiquée. pour être bien positionnée, la li gne directrice doit être tangente
à la courbe.
Comme vous allez le voir plus loin, il existe
quatre types de points d 'cmcrage dcms un
tracé : les points d 'cmgle, créés par simple
clic et qui relient des segments entre eux ;
.. ......
r
' les points de courbe ou d 'infiexion, créés
par cliquer-glisser, qui possèdent des lignes
directrices se comportcmt comme des tcm-
gentes terminées par des points directeurs ;
les points de courbes incurvées, créés avec
~ Cliquez-glissez sur le dernier po int en déplaçant le poin- la touche Alt, qui permettent de tracer des
~ teur de la sou ris vers le haut et en conservant toujours courbes avec des cmgles spécifiques ; enfin,
une inclinaison tangente à la courbe.
les points mixtes, intersections d 'une courbe
et d 'un segment.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 25
e. La courbe n° 3 va vous permettre de déco uvrir les points
de courbes incurvées. Avec l'outil Plume, cliquez sur le
point situé à l'extrémité gauche de la courbe, et sans relâcher le
0 Cliquez-glissez sur le point suivant en déplaçant le poin-
teur vers le bas. Une fois l'arc bien positionné, tout en
maintenant enfoncé le bouton de la souris, appuyez sur la touche
bouton de la souris, déplacez le pointeur vers le haut, comme à Alt : tirez alors vers le haut la ligne directrice qui s'est bri sée. Puis
l'étape 3. relâchez le bouton.
•.•.
'·
/ ,.
.
;
,..•. \
.
..·lit.
li E
··""· ·~
©
~ Enfin, cliquez-glissez sur le dernier point (il s'agit d'un

0 Poursuivez le tracé avec le point suivant en procédant de
façon analogue. ~ point de courbe) et positionnez correcte ment la ligne
directrice.
0 O
V)
<l)
y(\
r
w
0
1....
>- .••..
<j"
r-l
0
N
©
....,
..c ~ Avec l'outil Sélection directe, sélectionnez l'un des points ~ La co urbe n° 4 va vous familiariser avec les points mixtes .
Ol
ï:::: ~ d'ancrage de la courbe: les lignes directrices apparaissent. ~ Comme pour les courbes n°2 et n°3, cliquez sur le point
>-
a. Agissez alors sur les points directeurs, c'est-à-dire les extrém ités de gauche et t irez vers le haut avec l'outil Plume.
0 de ces lignes, pour ajuster plus précisément la courbe. Procédez
u de même avec les autres points d'ancrage.
.....
+ m.'!•
©
.~
l i l'l
...
En suite, cliquez-glissez vers le bas sur le deuxième point, ~ Après avoir relâché le bouton de la souris, approchez
pou r que le tracé suive la forme proposée. ~ l'o util Plume du point d'ancrage que vous venez de créer:
un symbo le en forme de chevron apparaît.
' T
/
,,,
\
©
.......•.
» .•
,. r
....
. ''
.c
. J 0,.
<P
~ Cliquez sur ce point d'ancrage : la partie inférieure de la ~ Le po int d'ancrage que vous venez de créer étant un point
~ ligne directrice disparaît. Cliquez sur le point suivant de ~ d'angle, vous allez devoir crée r un nouveau point mixte
la courbe : le tracé obtenu est le segment reliant les deux poi nts. pour reprod uire la fin du tracé de la courbe. Approchez le pointeur
Vous avez créé un po int mixte, intersection de la courbe et de la de ce point d'ancrage et, dès que le chevron apparaît, cliquez-
droite. gli ssez ve rs le haut pour créer une demi-ligne directrice.
r
••
.....
~ Pour finir, cliquez sur le dernier point en t ira nt ve rs le bas ~ Attaquez-vous maintenant à la figure n° 5. Avec l'outil
"I.' avec la so uris pour créer une nouvelle ligne directrice et '&I' Plume, cliquez sur le point le plus haut placé; il s'agit
terminer le tracé. d'un simple clic, donc d'un point d'angle.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~-1 21
~~~~·-·~
.... : ~~===-~~~~--1
®
.....
li IJ
...
....
.....
~ Cliquez sur le deuxième point en tirant ve rs le bas pour

"-1 créer une li gne directrice qui va épouser la forme du haut
œ Procédez de manière analogue avec le point suivant.
de la chaussure.
'"
• T
/
, ,.
, ®
»' . •
• it.
l i "'
.....
-~
.c 0 -
lm. 1 4
~ Pour reprod uire l'angle droit du ta lon, cliquez sur le point ~ Pour tous les autres points, créez des points de courbe en
~ d'ancrage pour créer un point mixte. Cliquez sur le point ~ ajusant les lignes directrices afin que le tracé épouse la
suivant pour tracer un segment. forme de la chaussure, et des points de courbes incurvées, lors
des changements d'angle.
Vous remœquerez que des indicateurs ap-
paraissent à côté de l'outil Plume pour mar-
quer l'action e n cours : le signe x indique
.......
V)
<l) le début du tracé ; le cercle signale la fin et
0
1....
>- ..... la fermeture d 'un tracé ; le symbole + ou -
indique l'ajout ou la suppression d 'un point
w
<j"
r-l
d 'ancrage ; la barre diagonale signifie une
0
N reprise de tracé et non un nouveau tracé;
© enfin, le chevron confirme que vous allez
.µ
..c ~ Enfin, en approchant le pointeur du dernier point, notez supprimer une ligne directrice et créer un
Ol
ï:::: ~ l'apparition d'un petit cercle : cliquez alors pour fermer point mixte.
>-
a. le tracé.
0
u
....,.,
/
' . T•
.,. .
•. ·.
» • »; .• "·
•il . • Ill,
•........
l i IJ li C
~ Cet exercice se termine avec la figure n°6. Avec l'outil ~ Cliquez sur le point suiva nt et redescendez avec la souris
~ Plume, cliquez sur le point en bas à gauche de la courbe ~ pour créer une nouvelle ligne directrice. Tout en main-
supérieure et tirez vers le haut avec la sou ris pour créer une ligne tenant enfoncé le bouton de la so uris, pressez la touche Alt.
directrice verticale. Déplacez vers le haut la ligne directrice brisée. Vous avez créé
un point de courbe incurvée .
Reproduisez cette opération pour les points suivants et ~ Approchez le pointeur du dernier point du tracé et notez
créez des points d'angle pour tracer les segments. ~ l'apparition du cercle près de l'out il Plume. Cliquez pour
fermer le tracé.
Pour affiner les tracés créés avec l'outil
Plume, utilisez l'outil Sélection directe. Cli-
quez sur les points d 'ancrage pour aificher
les lignes directrices, sélectionnez les points
directeurs (extrémités des lignes directrices)
et ajustez le tracé par cliquer-glisser.
Reproduisez enfin les étapes 23 à 26 pour le reste du tracé

de la figure 6 .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 29
--,
~
Outil utilisé :
Palette Calques
L _ _ _~
lllii l;J
,_
I• m""~'
/
c?} I·' • 1
1
O duc4i>
l <î,KO
0
0
C\~. 1
<ÎfKi). 0
~ . ~:; • 1 ~ -tTrK4i> 0
G.. li_. • 1 ~ <T•K•> 0
1!l! ICI • 1 IOl <T,Kh 0
~."
·1. Wl.
•
•
•
1
1
C <ÎfK.>
IOl <Î•K•>
IOl <T~o>
0
0
0
•
1
a.,~,,
·~--
0 .f. 1 0
(!) Q. • 1 0
• 1
<Trtc,b 0
• 1 o<Î,KO 0
• 1 D •T•K D 0
• 1 O <TUÙ>
0.,,....,
0
• 1 0
19 '""'~
Que ce soit dans Illustrator, Photoshop et la tian. Dans Illustrator, dès qu'un tracé est créé,
plupart des logiciels d'arts graphiques, on il est ainsi automatiquement répertorié comme
retrouve ce principe des calques, qui permet de entité à part entière d'un calque. Vous pouvez
placer les éléments d'une image sur différentes donc vous retrouver assez rapidement avec un
« couches » empilées les unes sur les autres. La nombre conséquent de tracés qu'il est préfé-
V)
superposition de tous ces calques correspond rable de bien classer. Dans cet atelier, vous
<l)
0
alors au visuel dans sa totalité. Cette décom- allez découvrir comment réunir certains tracés
L..
>-
w position du travail facilite l'organisation et la dans des groupes et passer en mode Isolation
<j'
r-l
0 sélection des éléments composant une illustra- pour vous concentrer sur les éléments d'un
N
© groupe. Vous apprendrez également à rassem-

.µ
..c
Ol
ï::::
0
>-
a.
D Fichier initial: imagedeparto7.ai
bler des tracés sur de nouveaux calques, afin
d'y accéder plus facilement.
u
...
..·......
®
.
D
0
~, JJ21
• 'Q
Ouvrez l'imagedeparto7.ai, puis la palette Calques via le

menu Fenêtre>Calques ou le raccourci F7. Cliquez sur la
.~
rd'
D
0
~
..
JJ21
l
Tout en maintenant enfoncée la touche Maj, cliquez dans
la palette sur les petits cercles correspondant aux tracés
petite flèche blanche à gauche de la vignette du Calque 1 afin de en forme de triangle qui représentent les molettes d'accordement
dérouler l'ensemble des tracés qu'il contient. du banjo (voir atelier 05). Notez qu'ils sont alors sélectionnés sur
le plan de travail.
• T
'·
.
/
, '·
,..'·""·
...
.....
r
Créez un groupe via le menu Objet> Associer ou par le rac- Vous allez maintenant apprendre à rassembler des tracés
courci Ctrl + G. Sur le plan de travail, double-cliquez sur sur un autre calque. Dans la palette Calques, sélectionnez
l'un des triangles : le groupe passe en mode Iso lation, le reste de les quatre tracés de la caisse du banjo en cliquant sur leur
l'illu stration devenant grisé. Quittez le mode Isolation en cliquant vignette (pas sur les petits cercles), tout en maintenant enfoncée
deux fois sur la flèche retour, en haut à gauche. la touche Maj.
'·
-..' ·
/
,
'"'
'T,
'· • ·III::.-
.t, -
,...\ '!.
..........
r
~ Cliquez sur le bouton situé en haut à droite de la palette

~ Calques pour en afficher le menu contextuel et choisissez
Rassembler sur un nouveau calque.
e. Un nouveau calque nommé Calque 2 s'est créé. Il contient
les tracés sélectionnés dans l'étape précédente, mais se
trouve toujours au sein du Calque 1. Par cliquer-glisser, posi-
tionnez sa vignette sous celle du tracé le plus bas du Calque 1.
Vous obtenez alors deux calques véritablement indépendants.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 31
• 1 •
Atelier 08 --,
~
Mettre en GOV levr Outils utilisés :

vne ;l lv5trat;an Palette Nuancier

Palette Guide des couleurs
Sélection directe
L _ _ _~
....... ..
Ul:J
' .. . ...
e "~
Via le menu Fichier>Mode calorimétrique du couleurs, les trois palettes Nuancier, Guide
document, Illustrator vous offre la possibilité des couleurs et Couleur, ainsi que la fonction
de travailler dans différents modes de colori- Redéfinir les couleurs (appelée aussi Couleur
métrie. Les plus courants sont le mode RVB, dynamique). Dans cet atelier, vous allez vous
utilisé pour une visualisation écran ou vidéo, familiariser avec les trois premiers ; la palette
et le mode CMJN, destiné à un travail d'im- Couleur sera abordée dans l'atelier 12 et l'outil
pression. Le choix d'un mode peut être fixé dès Redéfinir les couleurs dans les ateliers 10 et
vos débuts sous Illustrator, mais sachez que 11. Grâce à cette panoplie d'outils, vous pouvez
vous pouvez revenir à tout moment sur cette constituer votre propre bibliothèque de nuances
V)
<l) option. et la sauvegarder dans le fichier de travail.
0
1....
>- Plusieurs outils sont disponibles pour mettre Dans l'atelier 19, vous découvrirez comment
w
<j-
M en couleur une illustration : le sélecteur de l'enregistrer sur votre disque dur pour pouvoir
0
N
la réutiliser sur une autre image.
©
...,
..c
Ol
ï::::
0
>-
u
, ,.
•.~.
"·.
, 11,
....,.
G lrl
'
~
0 Ouvrez l'imagedeparto8.ai, puis le sélecteur de couleurs en
double-cliquant sur le carré de la couleur de fond dans la
Vous pouvez régler la saturation et la lumière en dépla-
~ çant le cercle dans le grand carré : plus lumineux vers
palette d'outils. Le mode de colorimétrie par défaut est TSL (Teinte, le haut, plus vif vers la droite. Notez l'affichage des correspon-
Saturation, Lumière), mode très intuitif pour créer des couleurs. dances dans les autres modes de colorimétrie. Saisissez alors les
Choisissez une teinte en cliquant dans la barre de couleurs. valeurs T 29, S 83 et L 29.
,
.' ·
,.'· "'· ..
. .
•...
'"'
..
Îi.,
,ç
~ Dans la palette d'outils, le carré est maintenant rempli

~ avec cette couleur. Pour enregistrer cette teinte dans 0 •
Ouvrez ensuite la palette Guide des couleu rs via le menu
Fenêtre >Guide des couleurs. Cette palette propose, via un
le fichier de travail, ouvrez la palette Nuancier via le menu menu déroulant à droite, des règles d'harmonie afin de constituer
Fenêtre> Nuancier et glissez-déposez le carré de couleur dans une gamme de cou leurs à partir de la teinte initiale fixée. Choi-
cette palette. sissez ici Analogues 2.
•
.,
Ill
~ Cliquez ensuite sur l'icône symbo lisant un dossier sur-

~ monté d'un signe +, pour enregistrer ces nouvelles
couleurs dans le nuancier. Puis vérifiez que le sélecteur de cou-
e. Il ne vous reste plus qu'à colorer les différentes parties du
banjo avec ces couleurs. Avec l'outil Sélection, cliquez sur
l'une d'elles pour la sélectionner, puis cliquez dans le nuancier
leurs du fond est au-dessus de celui du contour dans la palette sur la cou leur souhaitée (qui s'appliquera bien au fond et non au
d'outils . contour). Répétez l'opération pour les autres zones du banjo.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 33
--,
~
Outils utilisés :
Palette Dégradé de
couleurs
Palette Nuancier
Dégradé de couleurs
L élection
./ ,
... '. ·
..
Sans la faculté de créer des dégradés de la transparence, et qu'un annotateur est dis-
couleurs, Illustrator ne serait pas un logiciel ponible pour faciliter le positionnement et les
d'illustration digne de ce nom. Il permet en modifications du dégradé, ce qui permet de tra-
effet de réaliser toutes sortes de dégradés, vailler directement sur l'illustration sans avoir
linéaires ou radiaux, qui peuvent comporter à manipuler la palette Dégradé de couleurs.
un grand nombre de nuances placées à inter- Notez, que depuis la version CS6 d'illustrator,
valles irréguliers. Dans cet atelier, vous allez la création de dégradés peut aussi s'effectuer
mettre en couleur le tracé d'un œuf en utili- sur les contours d'un objet vectoriel.
sant la palette Dégradé de couleurs, puis vous
V)
<l) finaliserez le dégradé avec l'outil Dégradé de
0
1....
>- couleurs. Vous découvrirez qu'il est possible
w
<j'
r-l de créer des dégradés allant de l'opacité à
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
...
,..,
..
li Cl
t.r...
~
0 Ouvrez l'image de départ, puis la palette Dégradé de
couleurs via le menu Fenêtre> Dégradé de couleurs ou le
Dans la palette Dégradé de couleurs, cliquez sur le carré
~ ou la barre de dégradé : l'œuf se remplit d'un dégradé
raccourci Ctrl + F9. Avec l'outil Sélection, sélectionnez le tracé de linéa ire allant du noir au blanc.
l'œuf en traçant un rectangle de sélection autour : son cadre de
sélection (vo ir atelier 03) apparaît.
Al -
..._ :: . D• D•
'' ~
'T
.
/
, ,,
.....'-"·
.~.
....
l i r.
.. ""·
Transformez le dégradé linéaire en dégradé radial en choi-

sissant cette option dans le menu déroulant Type. 0 La barre horizontale de dégradé de cette palette comporte
deux curseurs, qui correspondent chacun à une couleur du
dégradé. Double-cliquez sur le curseur blanc : la palette Nuancier
de l'image de départ apparaît. Sélectionnez la couleur la plus
claire dans la première ligne.
Al ....
Al · -
D• D·
' .
/,
..
'"
'T
,.... .·.
...
.. ..."'
~ Double-cliquez ensuite sur le curseur noir de la barre de

~ dégradé et, dans la pa lette Nuancier qui apparaît, choi-
sissez la couleur marron la plus foncée.
e. Le tracé de l'œuf étant toujours sélectionné, vo us allez
améliorer ce dégradé. Cliquez juste sous la barre de
dégradé, près du curseur le plus foncé. Un nouveau curseur
apparaît.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 35
, - :: .. - :: .
..~·
'. T ,
•.•.
/ '·
...' .'·
t . ••
• il .
li 1)
.....
0 Double-cliquez sur ce curseur et, dans la palette Nuan-

cier qui s'ouvre, sélectionnez une teinte marron de valeur O. De manière analogue, ajoutez un quatrième curseur
comme indiqué et sélectionnez la dernière teinte non
moins soutenue que celle choisie à l'étape 5. encore choisie de cette gamme de couleurs marron.
....._ : : . - ::.
'
• T
.
~ Pour moduler ce nouveau dégradé, cliquez sur l'outil 6.\ Dans cette nouvelle représentation du dégradé, sélec-
~ Dégradé de couleurs situé dans la palette d'outils : le tracé W tionnez le centre, représenté par un petit cercle noir situé
de l'œuf s'accompagne maintenant d'un cercle en pointillés et à l'extrémité gauche de la barre horizontale, et déplacez-le légè-
d'une barre horizontale avec curseurs, comme la palette Dégradé rement vers le haut et sur la droite.
de couleurs.
V)
<l)
0
1....
>-
w
<j"
r-l
0
N
©
.µ
..c ~ Le point noir situé tout en haut du cercle en pointillés ~ L'œuf étant toujours sélectionné, supprimez le contour
Ol
ï:::: ~ vous donne la possibilité de modifier la forme du dégradé ~ noir en cliquant, dans la palette d'outils, sur le sélecteur
>-
a. radial. Cliquez dessus et tirez-le vers le haut afin que le dégradé de couleurs du contour, puis en cliquant sur le petit carré barré
0 se déforme et suive la forme conique de l'œuf. d'une diagonale rouge qui correspond à la valeur Sans (voir
u atelier 03).
~ Sélectionnez maintenant l'ellipse située sous l'œuf en Double-cliquez sur les curseurs situés aux extrémités, en
~ traçant un rectangle de sélection autour avec l'outil Sélec- choisissant pour chacun la couleur noire.
tion et cliquez sur la barre horizontale de la palette Dégradé de
couleurs. Pour supprimer les curseurs de couleur situés au milieu,
cliquez dessus et tirez-les vers le bas : ils disparaissent.
:: ..
~ Utilisez la transparence en double-cliquant sur le curseur ~ Dans la palette d'outils, cliquez sur l'outil Dégradé de
~ de droite et choisissez la valeur o dans le menu Opacité ~ couleurs et sélectionnez le point noir situé tout en haut
de la palette Nuancier. du cercle en pointillés.
;; ..
. ..,:,
./
~
,,.~-.·.
~ Cliquez-glissez sur ce point pour déformer le cercle en

~ pointillés et lui donner la forme de l'ellipse initiale :
l'ombre de l'œuf est ainsi créée .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 37
• 1 •
Atelier 10 --,
~
Madi~ier le5 C;OV levr5 Outils utilisés :

Sélection directe
d'vne i llv5tratian Palette Nuancier

Palette Transformation
Redéfinir les couleurs
L _ _ _~
Vous avez peut-être un jour rêvé de customiser d'une image. Grâce à cette roue, vous pouvez
votre paire de baskets en modifiant ses cou- modifier les teintes d'une illustration d'un clic
leurs d'origine? Avec la fonction Redéfinir les de souris, mais également déterminer la couleur
couleurs (appelée encore Couleur dynamique) complémentaire d'une autre. De toute manière,
d'Illustrator, rien de plus facile, puisqu'il si vous éprouvez des remords, sachez qu'il est
permet de colorer toute illustration selon des très simple de revenir sur les choix de couleurs
règles d'harmonie ou des gammes de cou- affectées!
leurs choisies. Cet outil magique propose deux
modes distincts : Modifier et Attribuer. Dans
V)
<l) cet atelier, vous allez vous familiariser avec le
0
1....
>- mode Modifier, qui comprend une roue chro-
w
<j-
M matique pour situer et organiser les couleurs
0
N
©
...,
..c
Ol
~ Fichier initial : imagedepart10.ai
ï::::
0
>-
a. IV Fichier final : imagearrivee10.ai
u
:: ..
~
0 Ouvrez l'imagedepart10.ai, qui est composée de tracés
groupés (voir atelier 07). Dans ce cas précis, vous devez
Ouvrez la palette Nuancier par le menu Fenêtre>Nuancier
~ ou via son icône, si elle figure dans l'espace de travail, et
utiliser l'outil Sélection directe pour sélectionner uniquement l'un cliquez sur la couleur désirée (en ayant vérifié que le sélecteur de
des tracés. Activez cet outil dans la palette et cliquez sur l'un des couleurs du fond est bien au-dessus de celui du contour). Désé-
tracés dont vous souhaitez modifier la couleur. lectionnez ensuite en cliquant en dehors de l'illustration.
~ Reproduisez ces opérations si vous souhaitez attribuer

~ de nouvelles couleurs à d'autres parties de l'illustration, 0 •
Il est également possible d'utiliser des motifs via la
palette Nuancier. Sélectionnez une partie de l'illustration
comme le bas de la chaussure. Pour cela, utilisez à nouveau et choisissez, par exemple, le motif Vague en cliquant sur son
l'outil Sélection directe. icône dans la palette.
~ Pour modifier ce motif, ouvrez la palette Transformation

~ via le menu Fenêtre>Transformation ou en cliquant sur
Transformation dans la palette de contrôle. Déroulez son menu
e. Une icône où figure un point d'exclamation apparaît en
bas à gauche de la palette. Vous pouvez alors diminuer la
taille du motif : entrez 20 mm dans la case L (largeur). Changez
contextuel en cliquant sur l'icône en forme de traits et choisissez son orientation en saisissant-30° dans la case de rotation, située
Transformer le motif. en bas à gauche.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~---l 39
0 Finalisez la mise en couleur à l'aide de l'outil Sélection
directe et de la palette Nuancier. O. Si l'ensemble des couleurs ne convient pas, sélectionnez
l'ensemble de l'illustration via le raccourci (tri + A,
puis cliquez sur l'icône en forme de rosace située dans la
palette de contrôle, ou allez dans le menu Ëdition>Modifier les
couleurs>Redéfinir les couleurs de l'illustration.
~ Dans la fenêtre qui s'ouvre, deux modes sont proposés : 6.\ Dans la roue chromatique, transformez la couleur rouge
~ Modifier et Attribuer. Cliquez sur le bouton Modifier : W en couleur verte, en déplaçant le point de couleur rouge
une roue chromatique apparaît, indiquant la position de chaque à l'opposé de sa position initiale.
couleur de l'illustration.
V)
<l)
0
1....
w
>-
<j"
r-l
0
N
©
....,
..c ~ À tout moment, vous pourrez revenir aux couleurs origi- ~ Cliquez sur le verrou en bas à droite de la roue chroma-
Ol
ï:::: ~ nales en cliquant sur l'icône Obtenir des couleurs à partir ~ tique et déplacez le point de couleur rouge (voir étape 10)
>-
a. de l'illustration sélectionnée, située en haut de la fenêtre. vers des valeurs bleu-vert : vous constatez que l'ensemble des
0 couleurs évolue en conservant les mêmes écarts de valeurs dans
u la roue chromatique.
~ Le verrou étant toujours actif, cliquez sur la couleur de Approchez le disque de cette couleur du centre de la
~ base, c'est-à-dire celle située dans la barre des couleurs roue : les couleurs deviennent pastel.
supérieure, tout à gauche.
~ Désactivez le verrou et redisposez chaque couleur selon ~ La barre de luminosité/ contraste, située juste au-dessous
~ votre goût. Placez les couleurs que vous souhaitez raviver ~ de la roue chromatique, permet de contraster ou d'éclaircir
sur les bords extérieurs de la roue chromatique. l'illustration. Ici, augmentez le contraste en décalant légèrement
le curseur sur la gauche.
~ Vos choix de couleurs étant arrêtés, enregistrez la gamme

~ obtenue en cliquant sur l'icône représentant un dossier,
en haut à droite. Un nouveau groupe de couleurs est ainsi créé et
disponible dans le nuancier pour une future illustration .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~-l 41
• 1 •
Atelier 11 --,
~
Pa55er vne il lv5tration Outil utilisé :

Redéfinir les couleurs
en dev x e,ov levr5

L _ _ _~
Dans l'atelier précédent, vous avez appris à un temps considérable, car elle nécessitait de
changer rapidement les teintes d'une illustra- sélectionner minutieusement chaque partie de
tion grâce à la fonction Redéfinir les couleurs l'illustration pour en modifier la teinte : doréna-
et son mode Modifier. Dans cet exercice, vous vant, elle s'effectue en quelques minutes !
allez découvrir l'autre mode de cet outil, le mode
Attribuer, qui permet entre autres de réduire
le nombre de couleurs d'une image tout en
conservant les teintes utilisées. Vous pouvez
ainsi facilement créer une bichromie (deux
V)
<l) couleurs) ou une trichromie (trois couleurs) de
0
1....
>- votre travail en définissant les couleurs à pré-
w
<j-
M server. Cette opération demandait auparavant
0
N
©
...,
..c
Ol
ï::::
0
>-
u
42 l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
• 1 •
~
0 Ouvrez l'imagedepart11.ai. Sélectionnez l'ensemble de
l'illustration via le raccourci Ctrl + A. Dans la palette de
Dans la fenêtre qui s'ouvre, le module Attribuer est déjà
~ sélectionné par défaut. Cliquez sur l'icône symbolisant
contrôle, cliquez sur l' icône en forme de rosace chromatique. une boîte de dialogue en miniature, située sous le bouton Attri-
buer.
-
_,_
..
,_
~-
~ Dans la fenêtre qui apparaît, vérifiez que les blancs et les
~ noirs seront préservés lors des changements de couleurs 0 •
Ouvrez le menu déroulant Couleurs situé en haut et choi-
sissez 1 pour le nombre de couleurs utilisées. Validez en
en vo us assurant que les cases Blanc et Noir soient bien cochées. cliquant sur le bouton OK.
Puis choisissez Co nservation des teintes dans le menu déroulant
Méthode de colorisation.
. .. .- , . . . __ _ ..
. 1
L -
~ L'illustration est ainsi réduite à une seule couleur (en plus
~ du noir), avec des différences de teinte réparties unifor-
mément. Si cette couleur ne vous convient pas, glissez-déposez
e. La basket est maintenant de couleur bordeaux. Vous
po uvez aussi modifier cette couleur via les curseurs de
colorimétrie RVB, situés en bas de la boîte de dialogue.
l'un des carrés colorés (par exemple, le carré marron) de la barre
horizontale de gauche sur celle de droite .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~--l 43
• 1 •
Atelier 12 --,
~
Repradv;re 1'e.P.Pet Outils utilisés :

Sélection directe
d'vn aérographe Palette Nuancier

Filet de dégradé
L...'.:alette Couleur
Malgré l'avancée des techniques numériques , En utilisant l'outil Filet de dégradé d'lliustrator,
l' aérographe reste encore un outil très prisé vous pouvez retrouver les résultats produits par
par les illustrateurs qui souhaitent dessiner un aérographe. Cet outil possède des points
des œuvres hyperréalistes. Avec son petit d'ancrage qui sont en fait des conteneurs de
pistolet doté d'un miniréservoir de peinture couleur modifiables à souhait. Mais attention,
pulsée par air comprimé, il permet d'appliquer la maîtrise du filet de dégradé est assez déli-
des touches subtiles de couleur, sans contact cate ; vous en apprendrez les bases dans cet
avec le support, grâce à des jets successifs bien atelier, en donnant à des cercles l'apparence
dosés. Grâce au contrôle des débits d'air et de de tomates.
V)
<l) peinture, l'aérographe fournit ainsi des effets
0
1....
>- et des dégradés très précis.
w
<j-
M
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
IV Fichier final : imagearrivee12.ai
u
44 l...-~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
- - :: .
..
/
/
,
..
~. 1.
'·
,.
,<11
', T,
/.•.
/ '·
. '·
,..,_ .·. '"·.
"'·""·
•.~. .
S
, Ill
·.•
C
.....
.'
~
•• ••
~
0 Ouvrez l'imagedepart12.ai. Parmi les quatre ellipses déjà
tracées, qui vont correspondre aux tomates, sélectionnez
L'ellipse toujours sélectionnée, créez un filet de dégradé
~ via le menu Objet>Créer un filet de dégradé dans la barre
celle de droite avec l'outil Sélection en traçant un rectangle de de menus supérieure. Dans la boîte de dialogue qui s'ouvre,
sélection autour. Remplissez-la ensuite à l'aide d'une couleur choisissez 6 colonnes et 5 rangées afin d'obtenir un filet suffi-
rouge présente dans la palette Nuancier (voir atelier 08). samment fourni. Validez par le bouton OK.
~ Afin de mieux orienter les reflets de couleur appliqués,

~ cliquez sur X ou Y dans la palette de contrôle : la palette 0 Désélectionnez l'ellipse et, via le raccourci Ctrl + U, affi-
chez les repères commentés. Le filet de dégradé étant
Transformation apparaît alors. Dans la zone affectée à la rotation, visible, sélectionnez, à l'aide de l'outil Sélection directe, un point
en bas à gauche, saisissez 60. d'ancrage qui va recevoir une couleur différente.
~ Ce point d'ancrage étant sélectionné, ouvrez la palette

~ Couleur via le raccourci F6 et cliquez sur la couleur
blanche, en bas à droite. Un effet de lumière est ainsi créé.
e. Il reste à ajouter des effets d'ombre sur la tomate. Avec
l'outil Sélection directe, sélectionnez les points d'ancrage
périphériques sur le haut de la tomate, comme indiqué, tout en
maintenant enfoncée la touche Maj pour les ajouter à la sélection .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~--l 45
ii:· D•
' Il
~ ~
'. r.
/.•.
. ,' ·
/
.--.~:
... -
.,
,lt •
......., v.:i •
...
....."'·.
Î
.. 0
.... ,..
0
1P
-
Une fois ces points d'ancrage sélectionnés, assombrissez
la couleur rouge en déplaçant le curseur Cyan (C) de la O.
(Q
(
\
-~-
r1
Pour finaliser le dessin de la tomate sans être gêné par
les autres ellipses, sélectionnez ces dernières en traçant
palette Couleur vers la droite. un rectangle de sélection autour avec l'outil Sélection et ver·
rouillez leur position via le raccourci Ctrl + 2 ou par le menu
Objet>Verrouiller>Sélection.
.=--... - -==--------1
/ .•.
. ,.'·
/ . ,, .
/
..
">.... -,.~.
».•
• Il.
":111 .
O. E ~
~ Reproduisez l'étape 6 sur le bas de la tomate, mais cette 6.\ De façon analogue à l'étape 7, déplacez le curseur Cyan
~ fois avec un autre outil de sélection, le lasso. Pour cela, W de la palette Couleur vers la droite pour assombrir cette
cliquez une fois sur la tomate avec l'outil Sélection pour afficher zone de points d'ancrage.
le filet de dégradé et sélectionnez les points désirés en les entou-
rant avec l'outil Lasso de la palette d'outils.
,. .. ~..., ........ ..__ a Af ,.._

- ~ :: . • · D•
<.
'
' T
'
/,
. ,.
V)
-,_
» •
..
<l)
.. ..:11.
·..
•...
~
0
1....
>- ......
w
<j'
r-l
0
N
©
.µ
-·
..c ~ Afin de travailler sur le reste de l'illustration, déverrouillez Comme à l'étape 1, remplissez-la avec une couleur rouge
Ol
ï:::: ~ les ellipses via le menu Objet>Tout déverrouiller. Puis de la palette Nuancier.
>-
a. sélectionnez la tomate finalisée et les deux ellipses supérieures,
0 et verrouillez-les via le raccourci Ctrl + 2. Sélectionnez ensuite
u l'ellipse non verrouillée.
.. "
...
,c:i
,,.". T,
'·
. '·
,/
_ , ...
~ Cette fois-ci, vous allez utiliser l'outil Filet de dégradé sans ~ Continuez à placer de nouveaux points d'ancrage, en cli·
~ le paramétrer mais en créant les filets un par un. Dans la ~ quant sur la ligne existante pour ne créer que de nouvelles
palette d'outils, cliquez sur l'outil Filet de dégradé et placez un colonnes. Créez ensuite de nouvelles lignes, en plaçant les points
premier point d'ancrage sur l'ellipse. sur une colonne existante.
~ Cette méthode permet de créer des filets plus person- ~ Déplacez ensuite légèrement vers la gauche les points
~ nalisés, avec des espaces sur mesure. Sélectionnez un ~ adjacents en cliquant-glissant dessus : vous déformez
point d'ancrage et, dans la palette Couleur, déplacez les curseurs ainsi le dégradé pour créer un effet supplémentaire.
Magenta (M) et Jaune 0) vers la gauche pour obtenir une tache
claire.
~ Reproduisez les étapes précédentes sur les deux autres ~ Pour finir, sélectionnez les branches des tomates avec
~ ellipses, en plaçant judicieusement les ombres et les ~ l'outil Sélection en traçant un rectangle de sélection
lumières grâce aux filets de dégradé. autour (car ces branches sont composées de plusieurs tracés) et
colorez-les avec un dégradé classique que vous trouverez dans
la palette Nuancier.
......................................._~~~~~~~~~~~~~~~~~~~-l 47
--,
~
Outils utilisés :
Grille de perspective
Sélection de perspective
Rectangle
Palette Symbole
L...'.:alette Nuancier
Ce premier atelier dédié aux outils de transfor- tive donnée. Il suffit de sélectionner l'une des
mation d'Illustrator aborde le sujet du dessin en grilles de perspective avec l'outil Sélection de
perspective, dont la mise en œuvre demeurait perspective et de positionner tout simplement
limitée avec les versions CS4 et antérieures. les éléments choisis. Dans cet exercice, vous
Mais grâce à son outil Grille de perspective, utiliserez le dessin scanné comme modèle et,
apparu dans la version CS5, Illustrator permet avec l'aide de la grille de perspective, vous
de guider le dessin sur plusieurs plans en pers- dessinerez une maison en appliquant une pers-
pective, avec au choix un, deux ou trois points pective à deux points de fuite.
de fuite.
V)
<l) Avec cet outil, il est aussi possible de trans-
0
1....
>- former automatiquement une forme, un symbole
w
<j"
r-l ou du texte pour qu'ils épousent une perspec-
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
-- -·-
...
·- ·- ,_,..,_
.-' - .J· • · A ....
--·-
• D·
-- '.
-- ..-........ ........
......... _._
..,....,...
1- ........ _ .
o,..
,_ /,•
' c:,
'. T
,.
@
................-
/
...._._,...._
_.. --· '·
---
............
--..............--·-- -·
-·- ._._
__ -·-
...,_. ......,
-""· -·-
-·-
.........,.
..,.....,. . lt . . .
~
0 Ouvrez l'image de départ. Afin d'afficher la grille de
perspective avec deux points de fuite, allez dans le
Sélectionnez l'outil Grille de perspective dans la barre
~ d'outils. Cliquez, restez appuyé sur le point en bas à droite
menu Affichage>Grille de perspective>Perspective à deux de la grille et déplacez-la vers la gauche pour la faire remonter
points>[Affichage normal-2P]. jusqu'au bas du dessin scanné.
''<:' .
' T
~ Toujours avec l'outil Grille de perspective, cliquez et restez

~ appuyé sur le point en haut à droite qui permet d'ajuster 0 •
Ouvrez les palettes Calques et Nuancier via les menus
Fenêtre >Calques et Fenêtre> Nuancier. Des calques ont
l'horizon. Faites glisser la grille vers le haut, jusqu'au début du été créés pour vous faciliter le travail. Sélectionnez le calque
toit du dessin scanné. Murs 1.
~ Dans la barre d'outils, sélectionnez l'outil Rectangle

~ et créez un rectangle en effectuant un cliquer-déplacer.
Sélectionnez le sélecteur de couleurs du fond et, dans la palette
e , Afin d'éliminer tout contour, gardez le rectangle sélec-
tionné et double-cliquez sur le sélecteur de couleurs du
contour pour qu'il passe devant le sélecteur de couleurs du fond.
Nuancier, cliquez sur la nuance Mur. Cliquez ensuite sur la petite icône barrée d'une diagonale rouge,
située juste en desso us.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~--l 49
0 Dans la barre d'outils, activez l'outil Sélection de pers-
pective. Ensuite, approchez-vous du widget situé en haut O. Via le raccourci Ctrl + Maj + 1, faites disparaître momenta-
nément la grille. Actionnez l'outil Sélection directe (flèche
à gauche du dessin et contenant un cube à trois faces. Cliquez blanche) et repositionnez les points d'ancrage qui ne s'adaptent
sur la face bleue et déplacez le rectangle sur le mur gauche de pas au mur.
la maison.
~ Sélectionnez l'outil Plume, cliquez sur le haut du tracé 6.\ Via le raccourci Ctrl + Maj + 1, faites réapparaître la grille.
~ pour ajouter un point d'ancrage et repositionnez ce point W Activez l'outil Sélection de perspective et cliquez cette fois
avec l'outil Sélection directe. sur la face orange du widget.
V)
<l)
0
1....
>-
w
<j"
r-l
0
N
©
...,
..c ~ Avec l'outil Rectangle, créez deux rectangles en les posi- ~ Dans la palette Calques, sélectionnez le calque Murs 2.
Ol
ï:::: ~ tionnant directement sur la grille de couleur orange. Vous ~ Activez à nouveau l'outil Sélection de perspective et, dans
>-
a. constatez que, comme à l'étape 7, ils suivent la perspective de le widget, sélectionnez la face bleue. À l'aide de l'outil Rectangle,
0 la grille. créez un nouveau mur adjacent. N'hésitez pas à utiliser le rac-
u courci Ctrl + Maj + 1pour le placement.
~ Activez l'outil Sélection de perspective et sélectionnez la ~ Sélectionnez le calque Sol. Activez l'outil Sélection de
~ face orange du widget. Puis activez l'outil Rectangle et ~ perspective et sélectionnez la face verte du widget. Puis
créez un nouveau mur sur le côté droit de la maison. Dans la activez l'outil Rectangle et, dans la palette Nuancier, cliquez sur
palette Nuancier, cliquez sur la nuance Bois pour remplir le fond la nuance Herbe. Créez alors deux sols avec cet outil.
de ce mur.
~ Sélectionnez le calque Murs 3. Masquez les calques ~ Comme à l'étape précédente, créez un rectangle avec la
~ Murs 1 et Murs 2. Activez l'outil Sélect ion de perspective ~ nuance Pierre et appliquez-le cette fois sur la face orange
et sélectionnez la face bleue du widget. Activez l'outil Rectangle (côté droit) du widget.
et, dans la pa lette Nuancier, cliquez sur la nuance Pierre. Créez
deux rectangles.
~ Sélectionnez le calque nommé Barrières. Ouvrez la palette ~ L'o util Sélection de perspective est toujours activé, la face
~ Symboles via le menu Fenêtre>Symboles. Sélectionnez le ~ orange du widget aussi. Déplacez le sym bole afin qu'il
symbole nommé Barrière, faites-le glisser et déposez-le sur la suive la perspective. Adaptez ses proportions en jouant sur le
grille orange. cadre de sélection. Avec la touche Alt, dupliquez-le autant de fois
que nécessaire. Faites de même pour l'autre côté de la maison .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 51
, ,.
.,,""'..· ..·.
' ....
r
6-\ Sélectionnez le calque nommé Fenêtres. Comme à l'étape ~ Sélectionnez le calque Sol étage. Comme à l'étape 14,
~ 17, sélectionnez le symbole Fenêtre et appliquez-le avec ~ créez un sol avec la nuance Mur. Appliquez ce rectangle
l'outil Sélection de perspective sur la grille orange. à l'étage de la maison et au premier plan. Sélectionnez ensuite
le calque Sol et réalisez la même opération pour l'arrière de la
maison.
~ Sélectionnez le calque Toits. Dans la palette Nuancie r, ~ Sélectionnez le calque Plinthes. Dans la palette Nuancier,
~ choisissez la nuance Toit pour le fond. Activez l'o util ~ choisissez la nuance Boi s pour le fond. Activez l'outil
Plume et, en vous aidant de la grille orange, redessinez point Sélection de perspective et la face ora nge du widget. À l'aide
par point le toit. de l'outil Recta ngle, t racez trois quadrilatères aux end roits indi-
qués.
V)
<l) ....
........ .
~r
0
1....
>-
w
<j"
..
r-l
0
N
©
....,
..c ~ Dans le calque Plint hes, sélectionnez la face bleue du ~ Restez dans le calque Plinthes, activez l'outil Plume et,
Ol
ï:::: ~ widget avec l'outil Sélection de perspective et créez deux ~ sur la grille bleue, redessinez point par point les plinthes
>-
a. rectangles avec la nuance Bois sur l'autre face de la maison. manquantes avec la nuance Bois. N'hésitez pas à masquer le
0 Ca lque 1 qui co nt ient le dessin scanné, afin de mieux visualiser
u le rendu final.
~ Sélectionnez le calque Pieds. Dans la palette Nuancier,
~ cliquez sur la nuance nommée Gris pour le fond des rec-
tangles. Créez des rectangles de cette couleur sur les faces orange
œ •
Masquez la grille via le raccourci Ctrl + Maj + 1. Faites réap-
paraître les calques Murs 1 et Murs 2 en cliquant sur leur
œil respectif. Pour les finitions, sélectionnez les plinthes et les
et bleue de la grille en utilisant l'outil Sélection de perspective. murs indiqués par une flèche et ajoutez-leur un contour avec la
couleur Marron clair de la palette Nuancier.
~ Avec l'outil Sélection, sélectionnez le mur du côté droit ~ Comme à l'étape 1 2, créez un rectangle dans le calque
~ de nuance Bois. Faites gli sser le petit carré correspondant ~ Murs 2 et appliquez- lui la nuance Mur, en ayant sélec-
dans le calque Pieds. tionné la face bleue du widget. Aj outez ce rectangle en bas du
mur et cachez une partie du mur de couleur Bois.
~ Sélectionnez le calque lllustrator CC. Avec l'outil Texte, ~ Pour finir, sélectionnez le ca lque Arbustes et la face bleue
~ saisissez le texte indiqué en définissant les paramètres ~ du wid get, avec l'outil Sélection de perspective activé.
de votre choix. Puis activez l'outil Sélection de perspective et Choisissez le symbole Arbuste, placez-le sur la grille bleue et
sélectionnez la face orange du widget. Déplacez et agra ndissez adaptez-le avec l'outil Sélection de perspective. Dupliquez le
le texte avec ce même outil. symbole à votre guise.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----l 53
--,
~
Outils utilisés :
Distorsion de l'enveloppe
Déformation
Décomposer
~ ransformation manuelle
-
DEOM
Pour modifier un tracé ou une forme vectorielle, illustration en utilisant successivement ces
vous avez employé dans les ateliers précé- trois options, afin d'obtenir au final un magni-
dents l'outil Sélection directe, qui vous permet fique blason. Pour finaliser cette illustration,
d'agir point par point. Mais il existe d'autres vous aurez également l'occasion de manipuler
procédés, comme celui faisant appel à l'outil l'outil Déformation.
Distorsion de l'enveloppe. Ce dernier crée une
enveloppe que vous pouvez ensuite déformer
selon trois modes possibles : au moyen d'une
forme prédéfinie paramétrable, à l'aide des
V)
<l) points d'ancrage d'un filet, ou encore d'après
0
1....
>- un objet situé au premier plan. Dans cet atelier,
w
<j"
r-l vous allez déformer différents éléments d'une
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
\ ..
/ ...
'<11
". T,
. ·'' ··
,/
·- ------ ,_
-
~
0 Ouvrez l'imagedepart14.ai. Avec l'outil Sélection, sélec-
tionnez le triangle en cliquant dessus. Puis ouvrez le menu
Dans le menu déroulant Style, choisissez la déformation
~ nommée Arc et une inflexion de 30%. Validez en cliquant
Objet>Distorsion de l'enveloppe>Créer d'après une déformation sur le bouton OK.
ou utilisez le raccourci Alt + Ctrl + Maj + W.
~ Le triangle étant toujours sélectionné, cliquez dans la

~ palette de contrôle sur le menu Transformation ou allez 0 Dans la zone affectée à la rotation de cette palette, sai-
sissez 180° afin d'inverser la position de l'objet.
dans le menu Fenêtre>Transformation : la palette Transformation
apparaît.
Alr.- ..... g p - - -
--......__ - -·
• Z •
..
' T,
-·
/
/. ,.' · /
. ,,
-----
""·"'
....·
•
....,i.!,
».• DEOM
....
» .• DEOM
---
c.. ..............
"'.."'..
... ......
.. r.
a
..... c.. . . . . . _
.~
D JJII
ICI
~
--·-...
..._ __..
--..
-·-
~ ,_,.
c-, __ ......_._
....... c-,........
c- .....,.....,...........
~ .. r-....,....
,,,...........a....
..-i,c»ç
Déplacez cette nouvelle forme au centre du plan de travail

avec l'outil Sélection. Sélectionnez ensuite la bande hori-
zontale de couleur avec ce même outil.
e. Pour définir les options de distorsion de l'enveloppe,
ouvrez le menu Objet>Distorsion de l'enveloppe> D'après
un filet ou utilisez le raccourci Alt + Ctrl + M.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~---1 55
,._ :: ..
..
/ ...
'Cl
". r.
. ,' ·
/
--.~: . ....
...
"">. ••
....
"·' D
"' I[)
·...
.. IJ
.....
o.,..·
..
-~
DJB
0 Dans la boîte de dialogue de paramétrage des filets,

saisissez 4 rangées et s colonnes. Validez par le bouton O. À l'aide de l'outil Sélection directe, sélectionnez sur la
bande de couleur la deuxième colonne de points d'ancrage
OK. en partant de la gauche, en traçant un rectangle de sélection
autour. Par cliquer-glisser, déplacez-la légèrement vers le bas .
-..D.
.'·
"'),"3,
"'·. DEOM
.... .... .UM
...
"·'
G l"l
·.•
...... "'·....."'.
Q -
o.....·
'
•.!'.ï
DJB
~ Procédez de manière analogue avec la quatrième colonne Reproduisez l'opération avec la colonne située à l'extrême
~ en partant de la gauche, en la déplaçant plus bas que la droite. Vous devez ainsi obtenir un ruban relativement
précédente. déformé.
Dcms la palette de contrôle, notez qu'il est
possible de revenir sur les caractéristiques
d 'une enveloppe scms passer par le menu
...........
V)
<l) ._ habituel, lorsque le tracé est sélectionné.
0 Notez aussi qu'il est recommandé de dé-
1....
>-
w
<j"
r-l
......
.Ji'
.'
'
- composer un tracé ayant reçu une enve-
loppe afin de le simpillier et d'accéder à
0
N
D
..
JJZI
<Cl
tous ses points d 'ancrage.
©
.µ
..c ~ Vous allez maintenant supprimer l'enveloppe sur le ruban,
Ol
ï:::: ~ afin de simplifier son tracé. Pour cela, sélectionnez le
>-
a. ruban avec l'outil Sélection en traçant un rectangle de sélection
0 autour et ouvrez le menu Objet>Décomposer. Validez la boîte de
u dialogue proposée en cliquant sur OK.
• 1 •
" , T,
/,•.
/ .,
,.,.,.' ·
1 •
....,
.._
DEOM
....
....
.. r.
.....
'O. '•,
~ Une fois le tracé simplifié, vous allez diminuer la taille du ~ Positionnez le ruban sur le blason, comme indiqué, avec
~ ruban pour qu'il tienne sur l'objet marron en forme de ~ l'outil Sélection. Toujours avec cet outil, placez ensuite le
blason. Activez l'outil Transformation manuelle de la palette d'outils, petit cercle sur le mot DEOM. Puis sélectionnez ces deux derniers
cliquez sur l'icône représentant une chaîne, et réduisez le ruban en éléments en traçant un rectangle de sélection autour.
cliquant-glissant un coin . Le ruban conserve ses proportions.
..·'·, .
\ T.
----
, __ '" 'T
.
/
/,
""l.~.
....
». •
-- ,
, ,
/
.....A!.
» .•
....
---
c-...... ......_
.. IJ .. r.
......
' ,"-
a ·.
c.. .. _ .. __
0
'
--·-
,g
---·-
--
-+ --.........
.,._.,r_,.
'-·---
c-,.----...
. -+ c-._,...,. __ __
~ Allez dans le menu Objet>Distorsion de l'enve loppe>Créer Le mot a ainsi épousé la forme circulaire. Placez- le sur le
~ d'après l'objet au premier plan ou utilisez le raccourci blason avec l'outil Sélection.
Alt + Ctrl + C.
-- --- . " . -. - .
~
'
.
(
'T.
·-
' T
/
/ ·'' ·· /,
,._.
,
.... iP.
....
...
.. IJ
......
a ·.
~ Le blason et le texte sont encore sous forme d'enveloppes. ~ Enfin, effectuez une dernière retouche à l'aide de l'outil
~ Simplifiez-les, comme pour le ruban à l'étape 11, en allant '&I' Déformation. Activez- le dans la palette d'outils, puis tirez
dans le menu Objet>Décomposer, puis en validant votre choix légèrement vers le haut le milieu du côté supérieur du blason afin
par le bouton OK. de lui ajouter un léger renflement.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 57
Atelier 15 --,
~
• 1 • 1
1avter, 50V5traire Outils utilisés :

Sélection
ov Gomb;ner de5 ~orme5 Palette Pathfinder

Concepteur de formes
L _ _ _~
Si vous avez quelques notions de mathéma- nouvelle entité, d'évider une forme, ou encore
tiques, vous devez certainement connaître d'obtenir un tracé transparent. Vous allez
l'algèbre de Boole et ses différentes opérations découvrir l'emploi de cette palette dans cet
(réunion, intersection, exclusion ...}, qui sont atelier au cours duquel vous aurez à construire
couramment utilisées dans les logiciels de créa- une petite locomotive et son wagon.
tion d'images 3D pour concevoir de nouvelles Apparu avec la version CS5 d'Illustrator, l'outil
formes. Concepteur de formes peut remplacer, dans cer-
Ces opérations booléennes sont également taines situations, la palette Pathfinder et vous
possibles dans Illustrator grâce à la palette faire gagner du temps. Nous l'utiliserons dans
V)
<l) Pathfinder : derrière ce nom peu évocateur se cet exercice pour les opérations de réunion.
0
1....
>- cache en réalité un outil capable d'associer plu-
w
<j"
r-l sieurs formes ou tracés pour les réunir en une
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
.._
- :: ..
~
0 Ouvrez l'image de départ et affichez les repères com-
mentés via le raccourci Ctrl + U. Avec l'outil Sélection,
De la même manière, dupliquez les fenêtres des wagons
~ comme indiqué, en utilisant le raccourci Ctrl + D pour
placez les deux roues sur les rails. Puis dupliquez-les en cliquant- répéter l'action précédente. Sélectionnez ensuite tous les éléments
glissant dessus, tout en maintenant la touche Alt enfoncée. à déplacer en les entourant d'un rectangle avec l'outil Sélection et
positionnez le tout légèrement au-dessus des roues.
~ Avec l'outil Sélection, sélectionnez les deux éléments

~ d'un crochet d'attelage, tout en maintenant la touche Maj 0 Avec l'outil Sélection, sélectionnez l'ensemble des élé-
ments du wagon (à l'exception des fenêtres) en cliquant
enfoncée, et positionnez l'ensemble à l'extrémité correspondante dessus, tout en maintenant la touche Maj enfoncée. Activez
du wagon. Puis dupliquez-le pour le placer sur la locomotive. Pro- ensuite l'outil Concepteur de formes et déplacez la souris sur
cédez de même pour l'autre crochet d'attelage . tous les éléments, tout en maintenant la touche Maj enfoncée.
..... _,_ . _ ... . Ill• --,

--~ ·· - ::i
~ Toujours avec l'o util Concepteur de formes, reproduisez

~ cette opération pour la locomotive, sans sélectionner les
fenêtres ni l'intérieur grisé de la cheminée.
e. Sélectionnez le wagon et ses fenêtres par un rectangle de
sélection, puis cliquez sur l'icône de soustraction de la
palette Pathfinder : le wagon se trouve ainsi évidé de ses fenê-
tres. Effectuez enfin la même opération pour les fenêtres et la
cheminée de la locomotive .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 59
--,
~
Outils utilisés :
Sélection
Rotation
L _ _ _~
Au cours des ateliers précédents, vous avez est capable de copier une forme vectorielle
appris à dupliquer des formes vectorielles de selon un angle et un centre de duplication
manière simple et rapide en utilisant conjointe- donnés. Cet atelier va vous donner l'occasion
ment l'outil Sélection et la touche Alt du clavier. de le manipuler à deux reprises.
Vous avez également découvert un raccourci
très pratique, Ctrl + D, qui permet de répéter
la dernière opération effectuée. Mais comment
procéder pour reproduire par exemple les traits
d'un cadran de montre ou d'horloge, comment
V)
<l) les dupliquer en les répartissant uniformément
0
1....
>- autour d'un axe central? Pour cela, la meilleure
w
<j"
r-l solution consiste à utiliser l'outil Rotation, qui
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
Œ:J -
_J
~
tionnez le tracé représentant la graduation des minutes,
Dans la palette d'outils, activez l'outil Rotation et posi-
~ tionnez le pointeur de la souris sur le centre de l'horloge,
déjà en place sur le cadran de l'horloge, en l'entourant d'un rec- à l'intersection des deux repères. Puis cliquez tout en maintenant
tangle de sélection. la touche Alt enfoncée : une boîte de dialogue apparaît, affichant
les paramètres de l'outil Rotation.
A -
1
_J
~ Vous devez placer 60 graduations (une par minute) sur
~ un cercle de 360°, ce qui donne un angle de 360/60 = 6° 0 Reproduisez ensuite cette opération à l'aide du raccourci
Ctrl + D autant de fois que nécessaire pour remplir le tour
d'espacement. Saisissez 6 dans la case Angle, puis cliquez sur du cadran. Il vous faut maintenant dupliquer le tracé des heures
le bouton Copier. Le petit tracé est ainsi dupliqué de 6° vers la figurant à droite de l'horloge.
gauche.
-- Œ:J -
_J
~ Sélectionnez-le, placez-le sur le cadran et activez l'outil
~ Rotation, puis cliquez sur le centre de l'horloge, tout en
pressant la touche Alt. Choisissez cette fois un angle de 30°
e. Les graduations des heures et des minutes étant placées,
il ne reste plus qu'à positionner les aiguilles et le texte par
simple cliquer-glisser avec l'outil Sélection. C'est terminé!
(360/ 12) et cliquez sur le bouton Copier. Dupliquez ensuite dix
fois le tracé via le raccourci Ctrl + D.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~--1 61
Atelier 17 --,
~
• • 1 • 1
Réalisation : s min
Créer vn dégradé Outils utilisés :
Dégradé de formes
de ~orme5
Conversion de point
directeur
L _ _ _~
, ,
.....
•
t
' ...
.....
Avec le développement des techniques atelier, vous allez découvrir comment utiliser cet
d'images numériques sont apparus des logi- outil pour concevoir le tronc d'un palmier. Vous
ciels permettant de réaliser des transformations ajouterez ensuite une courbure à ce dernier à
spectaculaires, appelées morphings, au cours l'aide de l'outil Conversion de point directeur.
desquelles on passe progressivement d'un Cet outil Dégradé de formes va libérer votre
visuel à un autre, tout en visualisant toutes créativité, mais attention à ne pas en abuser !
les étapes du processus. Un petit toutou inof-
fensif peut ainsi se transformer sous vos yeux
en un lion sanguinaire assoiffé de sang. Dans
V)
<l)
Illustrator, l'outil Dégradé de formes fonctionne
0
1....
>- selon le même principe, en proposant des tran-
w
<j"
r-l sitions entre deux formes distinctes. Dans cet
0
N
©
.µ
..c
Ol
~ Fichier initial: imagedepart17.ai
ï::::
0
>-
a. IV Fichier final: imagearrivee17.ai
u
.._
::
••
'c:,
/.•.
"'. T,
./ ' ·
• , '·
•
t ~
0 Ouvrez l'image de départ. Dans la palette d'outils, activez
l'outil Dégradé de formes. Commencez par cliquer sur la
Cette proposition de morphing est un bon début, mais
~ il convient de l'affiner. Ouvrez la boîte de dialogue des
forme étoilée puis sur le petit disque : des transitions de formes options de cet outil, en allant dans le menu Objet>Dégradé de
apparaissent alors. formes>Options de dégradé.
..
' T.
,/
, ,·' .·
Z:t'·
~ Grâce aux options Couleur lissée et Étapes du menu Pas,

~ vous pouvez réaliser des transitions intéressantes. Testez- 0 Dans la palette d'outils, cliquez sur l' icône de l'outil
Plume tout en maintenant enfoncé le bouton de la souris.
les, en ayant coché au préalable la case Aperçu pour prévisualiser Dans le menu qui apparaît, choisissez l'outil Conversion de point
le résultat. Mais ici, choisissez Distance, saisissez 4 mm et validez directeur.
par OK.
~ Cliquez sur le point d'a ncrage supérieur de la ligne direc-

~ trice reliant les formes entre elles et, sans relâcher le
bouton de la so uris, déplacez-la afin de créer une courbe, comme
e. Le tronc du palmier est maintenant bien orienté. Placez
enfin le feuillage au-dessus par simple cliquer-glisser à
l'aide de l'outil Sélection.
indiqué. Relâchez ensuite le bouton .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~--1 63
Atelier 18 --,
~
• • 1 • 1
Convertir vn de55in Outils utilisés :

Vectorisation dynamique
Sélection de peinture
av ~armat vee,tar;e l dynamique
Pot de peinture dynamique
L atette Nuancier
Un graphiste a souvent besoin de convertir manière instantanée. Depuis la version CS6, cet
un dessin au trait en dessin vectoriel, afin de outil s'est considérablement amélioré, en offrant
bénéficier des avantages d'Illustrator, riche en une conversion plus efficace avec un minimum
outils de transformation et autres. Dans l'atelier de points d'ancrage et une fidélité accrue. Vous
06, vous avez découvert l'outil Plume, capable allez le manipuler dans cet atelier, ainsi que les
de créer des tracés avec une grande préci- outils Pot de peinture dynamique et Sélection de
sion. Certes, il est possible de l'employer pour peinture dynamique, pour colorer les différentes
reproduire, au format vectoriel, un dessin préala- parties d'une illustration vectorielle obtenue à
blement numérisé, en décalquant tracé par tracé partir d'un dessin numérisé.
V)
<l) tous ses contours. Mais il est plus simple d'uti-
0
1....
>- liser l'outil Vectorisation dynamique, qui permet
w
<j"
r-l de convertir un dessin au format vectoriel de
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
- - - ---!Z)
~
tionnez le dessin numérisé en cliquant dessus : des
L'image est alors convertie en vecteur. Ouvrez le panneau
~ Vectorisation de l'image en cliquant sur son icône et para-
informations relatives à cette image apparaissent dans la palette métrez le seuil à 185.
de contrôle. Cliquez sur le bouton Vectorisation de l'image.
· ~ ::
IC
-~ ------
1..:!r- ·-
~ Afin d'affiner le dessin vectoriel, cliquez sur la petite flèche

~ en regard du mot Avancé pour développer le panneau. 0 Fermez ensuite le panneau Vectorisation de l' image et
cliquez sur le bouton Décomposer.
Choisissez des tracés de 92 %, des angles de 75 % et un bruit
d'1 px. De plus, cochez la case Ignorer le blanc.
......._ :: . - Notre suggestion J

Dans le panneau Vectorisation de l'image,
vous pouvez enregistrer vos propres para-
mètres de vectorisation en cliquant sur le
bouton situé à droite de la liste déroulante
Paramètre prédéfini. Ils seront alors ajoutés
dans cette liste.
~ Dans la palette d'outils, activez l'outil Pot de peinture

~ dynamique. Passez le pointeur de la souris sur le dessin :
le tracé apparaît en rouge. Cliquez une fois pour créer un groupe
de peinture dynamique .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 65
C
e •
Dans la palette d'outils, activez l'outil Sélection de pein-
ture dynamique. Passez le pointeu r de la souris sur le
dessin : des zones délimitées en rouge apparaisse nt. Cliquez sur
0 Ouvrez la palette Nuancier via le menu Fenêtre>Nuancier
et cliquez sur le dégrad é or radial : la couleur est ainsi
appliquée à la zone sélectionnée.
la tête du robot : elle devient grisée.
O. Toujours à l'aide de l'out il Sélectio n de peinture dyna -

mique, sé lecti onn ez le fo nd de plusieurs parti es du
~ Vous pourriez terminer de colorer le dessin avec l'outil
~ Sélection de peinture dynamique, mais vous pouvez éga-
pe rso nna ge tout en mainte nant la touche Maj en fon cée et lement utilise r l'outil Pot de peintu re dynamique. Sélectionnez ce
appliquez-leur la même couleur du nuancier. dernier dans la palette d'outils.
V)
<l)
0
1....
>-
w
<j"
T"'l
0
N
©
.µ
..c ~ De petites touches de couleur apparaisse nt alors à côté ~ Comme avec l'outil Sélection de peinture dynamique,
Ol
ï:::: ~ de l'outil Pot de peinture dynamique. Elles re présentent ~ des zones délimitées en rouge appara isse nt au survol du
>-
a. les couleurs disponibles dans la palette Nuancier. À l'aid e des pointeur de la souris sur le dessin. Cliquez sur une zone pour la
0 flèches gauche et droite du clavier, il est aisé de passer d'une colorer.
u couleur à l'autre .
Remplissez toutes les zones correspondant à la même ~ Continuez à remplir les autres parties du dessin en cli-
couleu r. ~ quant dessus avec l'out il Pot de peint ure dynamique.
Effectuez un zoom avant (voir atelier 0 1) pour travailler avec plus
de précision.
~ Pour colorer les parties minuscules du dessin, plus diffi- ~ Une fois la mise en couleu r terminée, sélection nez l'en-
'lli,1 cites à traiter, augmentez encore le zoom afin de pouvoir ~ semble du dessin à l'aide du raccourci Ctrl + A et cliquez
choisir le fond et non le contour de la zone de peinture dynamique. sur le bouton Décomposer, situé en haut à dro ite.
N'hésitez pas à effectuer des zooms sur les
petites zones qui demandent une attention
particulière et dont la sélection n'est pas
évidente au premier abord, car à tout mo-
ment, vous avez le choix entre une sélection
de fond et une sélection de contour. Navi-
guez entre les outils Pot de peinture dyna-
mique et Sélection de peinture dynamique
afin d 'obterùr le meilleur résultat de mise
~ Une fois décomposé, le dessin n'est plus en zone de en couleur.

~ peintu re dynam ique. Il est alors possible de remodeler
les dégradés utilisés sur l' illustration. Pour cela, activez l'outil
Dégradé de co uleur, cliquez sur l'une des zones conce rnées et
modifiez le dégradé (voir atelier 09) .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 67
Atelier 19 --,
~
• • 1 • 1
Tran5~ormer vne photo Outils utilisés :

Pipette
Palette Nuancier
en de55in Vectorisation dynamique
L _ _ _~
Dans l'atelier précédent, vous avez travaillé photo ou la convertir en noir et blanc. Lors de
en vectorisation dynamique sur un dessin au cette opération, vous pouvez également réduire
trait. Mais cette opération peut également le nombre de couleurs utilisées dans l'image
s'appliquer à une photo, comme vous allez le et utiliser une gamme de teintes prédéfinie,
découvrir ici. Certes, vectoriser une image dans afin d'obtenir un dessin du plus bel effet. Ce
son intégralité présente peu d'intérêt, puisque sera l'objet de cet atelier, au cours duquel vous
vous obtiendriez un rendu identique et généra- créerez par ailleurs une bibliothèque de cou-
lement inexploitable en raison de la multiplicité leurs réutilisable pour toute réalisation future.
des tracés (appelés aussi vecteurs) générés. En
V)
<l) revanche, cette vectorisation peut se révéler
0
1....
>- intéressante pour récupérer les contours de la
w
<j"
r-l
0
N
©
...., ~ Fichier initial : imagedepart19.ai
..c
Ol
ï::::
i7 Fichiers finaux : imagearrivee19.ai
>-
a.
0
imagedepart19Nuancier.ai
u
~
0 Ouvrez l'image de départ : dans la palette de contrôle,
notez la présence du bouton Vectorisation dynamique et
Ouvrez la palette Nuancier via le menu Fenêtre>Nuancier.
~ Sélectionnez toutes les nuances sauf les trois premières,
de sa petite flèche à droite qui permet de choisir des options en cliquant sur la quatrième en haut à gauche, puis sur la dernière
prédéfinies. Mais tout d'abord, vous allez créer une bibliothèque en bas à droite, tout en maintenant la touche Maj enfoncée.
de couleurs.
Supprimez toutes ces nuances en cliquant sur l'icône en

forme de poubelle, située en bas à droite de la palette. 0 À l'aide de l'outil Pipette de la palette d'outils, sélectionnez
une couleur pas trop sombre sur la robe du cheval.
Dan s la boîte de dialogue qui apparaît, cliquez sur le bouton
Oui.
~ Sélectionnez le carré du sélecteur de couleurs dans la Effectuez la même opération avec une couleur plus foncée
~ palette d'outils et faites-le glisser dans la pa lette Nuancier de la robe du cheval.
pour y ajouter cette nouvelle teinte .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 69
0 Reproduisez les mêmes opérations afin de créer une
nuance de la peau du jockey. O. Avec l'out il Pipette, cliquez su r la couleur rouge du casque
du cavalier. Double-cliquez ensuite sur le sélecteur de
couleurs et modifiez cette nuance de rouge afin de l'assombrir
(voir atelier 08). Pui s placez-la dans le nuancier comme dans les
étapes précédentes.
Sélectio nnez le bleu présent sur l'image avec l'outil 6.\ Pour clore la création de cette bibliothèque de couleurs,
Pipette et placez-le dans le nuancier. W sélectionnez le ve rt présent sur l'image avec l'out il Pi pette
et placez-le dans le nuancier.
V)
<l)
0
1....
w
>-
<j"
r-l
0
N
©
....,
..c ~ Vous disposez ainsi d'un nouveau nuancier. Afin de pouvoir ~ Dans la boîte de dialogue qui apparaît, donnez un nom à
Ol
ï:::: ~ l'utiliser avec l'outil Vectorisation dynamique, enregistrez- ~ ce nuancier et enregistrez-le à un emplacement facilement
>-
a. le en cliquant sur l'icône Menu Bibliothèque de nuances, sit uée accessible.
0 en bas à gauche de la palette Nuancier, et en choisissant Enre-
u gist rer le nuancier dans le menu déroulant.
---
-·--
---
..,._
---
--
~
--
·-
Pou r que ce nuancier soit utilisable avec l'outil Vectori- ~ Sélectionnez l'image en cliquant dessus avec l'outil Sélec-
~ sation dynamique, cliquez de nouveau sur l'icône Menu ~ tian, puis cliquez sur la petite flèche située à droite du
Bibliothèque de nuances et choisissez Autre bibliothèque dans bouton Vectorisation de l'image pour en ouvrir le menu déroulant.
le menu déroulant. Allez chercher le nuancier enregistré précé-
demment et ouvrez- le.
Dans ce menu, choisissez l'option 3 co uleurs. Ouvrez le panneau Vectorisation de l'image en cliquant
sur so n icône. Déroulez le menu Palette et choisissez le
nuancier que vous venez d'enregistrer.
~ L' image est alors vecto risée selon les couleurs que vous ~ Cliquez enfin sur le bouton Déco mposer, situé en haut. Il
~ avez choisies. Pour simplifier le tracé, paramétrez le ~ est maintenant possib le d'accéder aux tracés et d'effec-
bruit à 100 px : pour cela, développez le panneau Vectorisation tuer quelques mod ifications.
de l' image en cliquant sur la flèche en regard du mot Avancé et
entrez cette valeur dans la case adéquate .
.......................................__~~~~~~~~~~~~~~~~~~~--1 11
Atelier 20 --,
~
• • 1 • 1
Ma5qver vne partie Outils utilisés :

Masque d'écrêtage
d'vne il lv5tratian
Modifier le contenu
Déformation
Dessin intérieur
L _ _ _~
111111
·; 111111
.....
111111
Sous Illustrator, il est souvent utile de pouvoir Dans un premier temps, vous utiliserez donc la
masquer une partie d'une illustration ou cer- méthode du masque d' écrêtage pour habiller
tains de ses éléments. Pour cela, l'une des de rayures les pans de la tente d'un cirque.
meilleures méthodes consiste à exploiter la Puis vous vous servirez de l'outil Dessin inté-
fonction de masque d' écrêtage. Écrêter signifie rieur, apparu dans la version CS5 d'Illustrator,
enlever la crête, en général ce qui dépasse. Ce qui fournit le même résultat mais de manière
masque est un objet vectoriel ou un groupe plus rapide.
d'objets vectoriels dont la forme dissimule les
autres illustrations. Ce qui reste visible est
V)
<l) contenu dans cette forme ; tout ce qui se trouve
0
1....
>- à l'extérieur devient caché.
w
<j"
r-l
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
IJim
111111 111111
111111 111111
~
0 Ouvrez l' image de départ. Avec l'outil Sélection, sélec-
tionnez la partie inférieure de la tente en cliquant dessus.
Toujours avec l'outil Sélection, sélectionnez cette bande
~ et la forme située au-dessus en les entourant d'un rec-
Tout en pressant la touche Alt, déplacez cette forme vectorielle tangle de sélection. Puis appliquez-leur un masque d'écrêtage
sur l'une des bandes de couleurs, pour y positionner une copie. via le menu Objet>Masque d'écrêtage>Créer.
/
'....
' T.
,
. ,' ·.
./
./
. '.·
~
. .•.Il.
~{ 111111 .. r.
111111
111111 111111
Positionnez le résultat sur la tente, comme indiqué. Puis
sélectionnez la bande de cou leur restante en l'entourant 0 Sélectionnez ensuite la forme correspondant aux bande-
roles de la tente, activez l'outil Dessin intérieur et co llez
d'un rectangle de sélection et copiez- la via le raccourci Ctrl + C. la bande de couleur via le raccourci Ctrl + V. Puis appuyez sur les
touches Maj + D pour sortir du mode dessin intérieur.
=3 ./.' .
. ,.
111111
111111
~ Répétez la même opération avec le haut du chapiteau.
~ Activez l'outil Dessin intérieur et collez la bande de
couleur, pu is appuyez sur les touches Maj + D pour sortir du
e. Dans la palette d'outils, activez l'outil Déformation via un
clic long sur l'outil Mise à l'échelle. Tout en pressant la
touche Alt, cliquez en bas de la forme, entre une bande rouge et
mode dessin intérieur. une bande jaune. Dans le champ Angle, saisissez - 30 et validez
par OK. Enfin, disposez ces nouvelles formes .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~---1 73
--,
~
Outils utilisés :
Palette Calques
Texte
Importer
Habillage de texte
L...'.:alette Paragraphe
--------
.. _·-··--·-
-·-------
---·----
~ -----"'
--------
-·----·
---------
--
-------
_____
------·
..
--------
--
--..---_
----·-----
·----
----
_
--------
..
_____..
-------
---------
-·-·- ...,___
...
--·------
....
·--·-----
___..______ _
-------
-----
-------
---------
Pendant longtemps, Illustrator est resté un de ses outils de dessin. Comme dans tout logi-
logiciel essentiellement tourné vers le dessin ciel de mise en page, on y retrouve les notions
et l'illustration, offrant peu d'outils dédiés au de justification, d'habillage et de chaînage, ce
traitement du texte et à la mise en page. Mais qui sera l'objet de cet atelier, où vous devrez
depuis la version CS4, il est devenu possible caler un texte sur deux pages. Toutefois, il est
de mettre en page du texte, mais également recommandé d'utiliser une application spécia-
d'opérer sur des plans de travail multiples cor- lisée dans la mise en page si vous souhaitez
respondant à différentes pages. Vous pouvez élaborer un document multipage complexe.
ainsi utiliser Illustrator pour concevoir des docu- Notez qu'il existe deux types de zones de texte,
V)
<l) ments recto verso, des flyers, ou encore des le texte de point et le texte captif. Depuis la
0
1....
>- affiches aux formats divers, tout en bénéficiant version CC, on peut permuter de l'une à l'autre
w
<j"
r-l par simple double-clic.
0 Fichiers initiaux : imagedepart21.ai
N
©
...., Texte a.txt
..c
Ol Texte b.txt
ï::::
>-
a.
0
Fichier final : imagearrivee21.ai
u
~
0 Ouvrez l'imagedepart21.ai, puis la palette Calques via le
menu Fenêtre>Calques. Dans cette palette, sélectionnez
Dans la palette d'outils, activez l'outil Texte et cliquez
~ sur la page gauche, en haut à gauche. Un texte de point
le calque Texte dans lequel vous allez placer le texte. En effet, il est alors créé et un trait vertical clignotant apparaît : il s'agit
est vivement recommandé de travailler avec des calques dans un du curseur de texte, qui indique l'emplacement d'insertion des
souci d'efficacité et d'organisation. caractères.
~ Dans la pa lette de contrô le, notez la présence de diffé-

~ rents réglages typographiques. Ouvrez-y le menu Corps 0 •
Dans la palette d'outils, double-cliquez ensuite sur le
sélecteur de couleurs. Dans la boîte de dialogue qui appa-
de texte et choisissez une taille de 72 pt. Dans le menu Style de raît, saisissez 28 pour C et 44 pour M, o pour J et N. Validez en
la po lice, choisissez Semibold Italie. cliquant sur le bouton OK.
·;--
......... ---
.. . -
~ Le curseur de l'outil Texte clignote toujours en haut à
~ gauche de la page. Vous pouvez donc y saisir le texte
«Visite en Provence». Avec l'outil Sélection, positionnez ce texte
e. Activez de nouveau l'o util Texte. Cette fois, créez une
zone de texte par cliquer-glisser, correspondant approxi-
mativement à la longueur du titre. Cette zone de texte captif est
afin qu'il soit bien centré. Notez le petit cercle blanc figurant à symbolisée par un petit cercle plein, situé à droite. Vous allez
droite de la zone de texte, qui symbolise le texte de point. importer du texte dans cette zone .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 75
0 Allez dans le menu Fichier> lmporter. Puis allez chercher
le fichier Texte a.txt figurant dans le dossier Atelier 21 de O. Sélectionnez ce texte par cliquer-glisser. Dans la palette
de contrôle, choisissez 20 pt pour la taille de la police et
l'extension web du livre. Cochez la case Remplacer et cliquez sur Semibold Italie pour le style.
le bouton Importer. La boîte de dialogue Options d'importation de
texte apparaît : conservez les options proposées et cliquez sur OK.
~ Dans la palette d'outils, double-cliquez ensuite sur le À l'aide de l'outil Texte, créez une deuxième zone de texte
~ sélecteur de couleurs. Dans la boîte de dialogue qui appa- de manière analogue à l'étape 6, comme indiqué.
raît, saisissez o pour C, 38 pour M, 71 pour J et o pour N. Validez
en cliquant sur le bouton OK.
..................
......
......
V)
<l)
....,.......
.,.,,
0
1....
>-
è
w
<j"
r-l
0
N
©
...,
..c Importez le fichier texte nommé Texte b.txt via le menu ~ Dans la palette Calques, déployez le contenu du calque
Ol
ï:::: Fichier>lmporter, comme à l'étape 7. ~ image détourée en cliquant sur la petite flèche à gauche
>-
a. de sa vignette. Sélectionnez le calque Image qui contient le petit
0 mur et ses plantes, et faites-le glisser dans le calque Texte situé
u juste en dessous.
--M-
.. 0
-
---
-----
c-............
.. •. c-..- .....
·--........._......
--·--
~ Avec l'outil Sélection, sélect ionnez l' image du petit Sélectionnez tout ce texte, en cliquant deda ns avec l'outil
~ mur, puis créez un habillage en allant dans le menu Texte puis en utilisant le raccourci clavier Ctrl + A.
Objet> Habillage de texte>Créer. Le texte épouse maintenant le
bord de l'image.
~ Pour justifier ce texte, cliquez sur le lien Paragraphe dans ~ En bas de la zone de texte, notez la présence du symbo le
~ la palette de co ntrôle. Dans la fenêtre qui s'ouvre, cliquez ~ +, indiquant qu' il reste du texte à placer. Avec l'outil Sélec-
sur l' icône de justification à gauche, située au ce ntre en haut. tion activé, cliquez sur ce + : le pointeur de la souris prend alors
la forme d'une petite page de texte.
Pour habiller un texte dans Illustrcrtor, vous
devez nécessairement le placer avec son
image dans le même calque, ce texte étant
en arrière-plan par rapport à l'image. Par
ailleurs, notez qu'en allant dans le menu
Objet>Habillage de texte>Options d'habil-
lage de texte, vous pouvez modifier l'espace
existant entre l'image et le texte.
~ Placez le pointeur sur le plan de travail de droite et cliquez

~ dans l'emplacement réservé au texte : le reste du texte se
met alors en place, les deux zones de texte éta nt chaînées .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~-1 77
Atelier 22 --,
~
Plae,er dv texte Outils utilisés :

Palette Calques
Texte curviligne
5Vr vne cavrbe Ellipse
L _ _ _~
\ '·
.,
/:.·
/.O.
. ,'·
,/
..,
, -'.
,...,_ . :
,/
"').
)> '
·.
... r
.....
.·- ,.
.. r
• • .Ml,
Dans les ateliers 13 à 20 dédiés aux transfor- essentiel et récurrent dans toutes les créations
mations, vous avez constaté qu'il était facile actuelles, que ce soit pour un travail d'identité
de transformer un texte, de lui faire épouser visuelle ou pour toute autre tâche de concep-
une forme vectorielle, ou encore de lui appli- tion graphique.
quer une perspective, tout comme n'importe
quel autre élément ou tracé dans Illustrator.
Ici, vous allez découvrir qu'il est aussi possible
d'apposer du texte sur une courbe en suivant
le chemin, grâce à l'outil Texte curviligne.
V)
<l) Vous noterez la présence de symboles sur le
0
1....
>- dessin, qui vous aideront à placer le texte et
w
<j"
r-l à en repérer le milieu. Ce type d'opération est
0
N
©
....,
..c
Ol
ï::::
>
a.
0
u
=3 AJ ....
- - rz. D •
..
. '·
,,,._
G C
,
"l.A:
-
..'.•"'· ~ ::J Q
~
Œ:J -
~
0 Ouvrez l'image de départ, puis la palette Calques via le
menu Fenêtre>Calques. Sélectionnez le calque texte1 en
Tout en pressant la touche Alt, cliquez au centre du cercle :
~ saisissez 75 mm dans les deux champs de la fenêtre
cliquant dessus. Dans la palette d'outils, activez l'outil Ellipse, apparue. Veillez à ce que le fond soit vide, en cliquant si besoin
accessible via l'outil Rectangle, ou appuyez sur la touche L. sur le petit carré barré de rouge, situé sous le sélecteur de fond
(voir atelier 03), ce dernier étant au premier plan .
• To.f. .
~- ~
.
,, ~
~.4'!. ;.xoi-ir_Ulllf_•
,,,.
: • ··rij---------"'""""-'--'--r"'..--
.. IJ
' ...
~ Dans la palette d'outils, activez l'outil Texte curviligne,

~ qui se trouve derrière l'outil Texte. Cliquez précisément 0 Dans la palette de contrôle, choisissez 40 pt pour la taille
de la police et Semibold pour son style. Puis saisissez le
sur le cercle nouvellement créé : un curseur de texte clignotant texte « DESIGN OF MARS» en majuscules.
apparaît.
AJ ....- .... c . -
.. . l il .
~ Activez l'outil Sélection : deux petits carrés de chaînage

~ apparaissent au début du texte. Approchez le pointeur de
la souris de ces carrés de chaînage, mais sans cliquer dessus.
e. Quand la flèche tournée vers la gauche apparaît, cliquez
et, tout en maintenant enfoncé le bouton de la souris,
déplacez le carré de chaînage jusqu'à la fin du texte.
Deux petites flèches, orientées à gauche et à droite, font leur
apparition .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~-----l 79
/
\ '·
/.•.
, ,' ·
... "·
/.•.
/. ,' ·
.
.....·~
. --
-.....:
..
....' ..,...·.
....
G e; .. .,• it,
.. ...
0 Toujours avec l'out il Sélection, approchez le pointeur de la

souris du milieu du texte : un symbole en forme de double 0 Cliquez sur ce symbole et , tout en maintenant enfoncé le
bouton de la sou ris, déplacez-le afin de l'amener en haut
équerre apparaît , correspondant à ce point médian du cercle, sur son axe de symétrie vertical.
. "·
',.,
/ ,
. ,.
..:111.'
~.6'!•
li "'
~ Allez ensuite dans le menu Texte>Texte curviligne>Options 6.\ Notez l'apparition d' un petit signe + rouge, signalant que
~ de texte cu rviligne. Choisissez l'option Ce nt re dans le W du texte est dissimulé. À l'a ide de l'out il Sélection, tirez
menu déroulant Aligner sur le tracé et cochez la case Aperçu : le le carré de chaînage vers le bas, quand la petite flèche gauche
texte est ainsi ce ntré verticalement sur la circonférence du cercle. apparaît, jusqu'à découvrir le texte.
Validez par OK.
V) .
,.~."'.
-...........
..................
c-. ......._,.
....
<l) 0,.-. _ _ . . . _
0
1....
>-
w
...... -·-
-·-
.._... _ _ _ uii.,,.
<j"
r-l
0
N
_.._
©
.µ
..c
Ol
Redressez le texte, comme à l'étape 8, afin qu'il soit centré ~
--
'··--
Dans la palette Calques, vérifiez que le calque texte1 est
ï:::: sur l'axe de symét rie vertical du cercle. ~ bien sélectionné, puis cliquez en haut à droite de cette
>-
a. palette pour dérouler son menu. Choisissez Du pliquer « texte1 ».
0
u
~ Dans la palette Calques, double-cliquez sur le calque créé. ~ À l'aide de l'outil Sélection, sélectionnez le texte 2. Cliquez
~ Dans la boîte de dialogue qui apparaît, saisissez« texte2 » ~ sur le sym bole en forme de double équerre, situé au milieu
comme nom et va lidez par OK. Verrouillez ensuite le calqu e texte1, du texte, en haut du cercle, et déplacez-le vers le bas pour posi-
en cliquant sur la case cadenas situé à gauche de sa vignette. tionner le texte 2 symétriquement par rapport au texte 1.
.,l
/
~
,
.
. .•. Il,.
.......
. . ,r.
'
~ Activez l'out il Ellipse de la palette d'outils et cliquez ~ Tout en pressant la touche Alt, dupliquez enfin ce petit
~ entre les deux textes à gauche, comme indiqué, tout en ~ cercle avec l'outil Sélection, en le déplaçant vers la droite,
maintenant enfoncée la touche Alt : dans la boîte de dialogue à l'autre extrém ité.
qui apparaît, saisissez 5 mm dans les champs Largeur et Hauteur.
Validez par OK.
Attention à ne pas cliquer sur les canés de
chaînage, mais à bien les positionner au dé-
but et à la fin du texte, en vous aidant des
symboles qui apparaissent : deux petites
tlèches indiquant la droite ou la gauche, et
une double équerre correspondant au mi-
lieu du texte. Lorsque le symbole souhaité
apparaît, il suffit de cliquer-glisser le carré
de chaînage pour le positionner à l'empla·
cernent voulu .
...................................._~~~~~~~~~~~~~~~~~~-----l a1
--,
~
Outils utilisés :
Vectoriser
Sélection directe
L _ _ _~
.
.·"·
~
.f •.' ·
,.
~'
ABCDEFGHUKlMNOPQRS
T\NWXYZ 0123456789
ABCDEFGHIJKLMNOPQRS
TUVWXYZ.... 0123456789
Dans les deux ateliers précédents, vous vous propres à la saisie au clavier, mais acquiert
êtes familiarisé avec les outils de mise en page en retour les caractéristiques graphiques d'un
dont dispose Illustrator. Vous avez constaté objet vectoriel. Vous ne pourrez donc plus cor-
qu'avec les palettes Caractère, Paragraphe ou riger le texte saisi, mais vous aurez la possibilité
celle de contrôle, il est possible de modifier de modifier le contour des lettres, comme vous
le corps d'un texte, sa police, sa justification, allez le voir ici.
son interlignage ou encore son interlettrage.
Mais savez-vous que ce texte peut être vecto-
risé, c'est-à-dire transformé en tracé vectoriel?
V)
<l) Il perd alors tous ses attributs de type texte,
0
1....
>-
w
<j"
T"'l
N
© OldSansBlack.dfont
,µ
..c
Ol OldSansBlack.ttf
ï::::
>-
0
a. Fichier final : imagearrivee23.ai
u
...--~-r--
_ ·-
o._
/
,
./
...·,' ·
'\"'.
---,.
.......
o-
o,-,
o,_
o-
0 .......
~
. ..
.."'·'·
li r ABCDEFGHIJKLMNOf'QIIS
.'"'.·""·.
~BCDEfGHIJKLMNC .............
• Ill
lio l'.'.
• ........ °" .....
·.• IfUVWXYZ 012345t .................
---
........ ,.o.- ....
. ...... Olill1"...
0 ......
o-
0 .......
o,_
o-
0-
. . ..
' 4 'IUYWXVZ 01ll456Z89
...... o-
...... w ........
--·.._
-----
o-
0 ....
o,-
0 ......
0-
,_
--- ......... .
--
0 -
::i 0-
0-
~
0 Installez la po lice OldSansBlack fournie dans le dossier de
cet atelier, en copiant le fich ier OldSansBlack.ttf dans le
Dans la palette de co ntrôle, cliquez sur la petite loupe à
~ droite du mot Caractère. Sa isissez le début du nom de la
réperto ire C :\Windows\Fonts (le fichier OldSansBlack.dfont dans police OldSansBlack. Une liste de polices apparaît : sélectionnez
le livre des polices, sur Mac). Puis ouvrez l'i mage de départ et OldSansBlack. Choisissez ensuite le style Regular et un corps de
sélectionnez le texte avec l'outil Sélection en cliquant dessus. caractère de 60 pt.
'. <.
-........._
' ---.- .........
"···' ·
./
, '·
....... AB :=-::_
"').liol.
--- /
,
...
,,
....
.. Cl
Tu
t
cE2.. _
..........._ ......
--- NOPQRS ..
456789 1
» .•
.
lia IC
'.•
. .-.
ABCDEFGHIJKLMNOPQRS
TUVWXYZ 0123456789
Vectorisez le texte sélectionné via le menu Texte> Vectoriser

ou le raccourci clavier Maj + Ctrl + O. 0 •
Le texte est désormais vectorisé : vo us discernez bien les
différents po ints d'ancrage, caractéristiques du tracé vec-
toriel. Activez l'outil Sélection directe dans la pa lette d'outils.
Il est conseillé de dupliquer au préalable
./
/,
..,
'. <.
·' ·
le texte à vectoriser, afin de conserver une
.,,.,: copie de l'original sur laquelle vous pourrez
..~;_-;."':_ TUVWXY~
ABCDEFGHIJKLMNOPQRS
0123456789
revenir en cas de remords .
--+
~ Tout en maintenant enfoncée la touche Maj, sélectionnez

~ les deux points d'ancrage sit ués en bas à droite de la
lettre Z et t irez-les vers la droite de quelques millimètres. La
typographie est ainsi modifiée .
...................................._~~~~~~~~~~~~~~~~~~----l a3
--,
~
Outils utilisés :
Sélection directe
Forme de tache
Palette Pathfinder
L _ _ _~
ABCDEFGHIJKLMNOPQRS
. '·
~-:>· TUVWXYZ 0123456789
..••.,
.......
L'atelier précédent vous a expliqué comment phique en redessinant une police comme ici. Le
vectoriser un texte. Libre à vous maintenant de dessin des lettres terminé, vous pourrez faire
modifier la forme des lettres, que ce soit avec appel à des logiciels de constitution de police,
les outils de transformation abordés précédem- tel Fontographer pour n'en citer qu'un, qui fina-
ment, les outils de sélection ou encore l'outil lisera votre typographie afin qu'elle puisse être
Plume. Mais sachez qu'on ne devient pas typo- installée sur un ordinateur comme n'importe
graphe parce qu'on a déformé une police de quelle autre police.
caractères existante. Le dessin de la lettre est
en effet une discipline rigoureuse qui demande
V)
<l) des connaissances approfondies qui ne sont
0
1....
>- pas présentées ici. Toutefois, il peut s'avérer
w
<j"
r-l intéressant de s'initier à la création typogra-
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
ABCDEFGHIJKLMNOPQRS ABCDEFGHIJKLMNOPQRS
TUVWXYZ 0123456789 TUVWXYZ 0123456789
~
0 Ouvrez l'imagedepart24.ai, où figure un texte vectorisé.
Activez l'outil Sélection directe dans la palette d'outils (on
Tout en maintenant enfoncée la touche Alt, dupliquez
~ cette lettre en positionnant la copie entre les deux repères
ne peut pas utiliser l'outil Sélection ici, car après vectorisation, horizontaux de couleur bleue.
les tracés sont toujours groupés) et sélectionnez la lettre T en
cliquant dessus.
ABCDEFGHIJKLMNOPQRS ABCDEFGHIJKLMNOPQRS
TUVWXYZ 0123456789 TUVWXYZ 0123456789
s
TYPONEW 01 TYPONEW 01
~ Reproduisez ces différentes opérations pour former le

~ texte TYPONEW 0 1 . 0 Dans la palette d'outils, double-cliquez sur l'outil Forme
de tache. Dans la boîte de dialogue qui s'affiche, saisissez
3 pt pour la taille, validez par OK, puis dessinez un tracé en forme
de S.
TUVWXYZ 01234f .,. ,

.,
.... I:!.
» .•
.........
• li,
.. o::;
~ Ce tracé en S étant sélectionné avec l'outil Sélection, ~ Sélectionnez l'ensemble du texte et des S avec l'outil
~ passez-le en blanc via le sélecte ur de fond (voir atelier ~ Sélection directe et un rectangle de sélection. Ouvrez
03) et placez-le sur la lettre T. Dupliquez le S et positionnez-le la palette Pathfinder via le menu Fenêtre> Pathfinder et cliquez
sur les autres lettres du texte formé, comme indiqué. sur l' icône Division, à gauche. Chaque lettre est alors découpée
suivant ce S : colorez-en certaines parties, comme indiqué.
...................................._~~~~~~~~~~~~~~~~~~----l a5
Atelier 25 --,
~
Créer vne i l lv5trat;an Outils utilisés :

Effet 3D Révolution
Palette Symboles
~P lméthode 1) Sélection
L _ _ _~
Illustrator permet d'appliquer toutes sortes (servant de profil), en réalisant une révolution
d'effets à un tracé. Certains effets sont qualifiés autour d'un axe donné. Pour finaliser cette
d'effets d'images ou d'effets pixels (catégorie illustration 3D, vous lui ajouterez des effets de
à laquelle appartiennent les effets Photoshop, lumière et de placage.
voir atelier 27), par opposition à l'autre grande
famille d'effets, les effets vectoriels. Parmi ces
derniers, l'effet 3D est un outil relativement
puissant qui permet de créer une illustration en
trois dimensions , selon deux modes possibles,
V)
<l) Révolution et Extrusion. Dans cet atelier, vous
0
1....
>- allez vous familiariser avec le mode Révolu-
w
<j"
r-l tion, qui donnera du volume au tracé d'origine
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
..,, .
". ... .
....
li 0
.....
'
0 Ouvrez l'image de départ, puis la palette Symboles via le

menu Fenêtre>Symboles. Vous allez tout d'abord créer un
Avec l'outil Sélection, placez le rectangle en dégradé dans
la palette Symboles.
symbole que vous plaquerez ensuite sur l'illustration 3D.
,...._ :: . iZ· D•
- ·-
-........-.....M
,_
1 .... . _
____
... _
.__ __ _
·.•. .
.... ----
..-,-.
._
-------- ..._
-·-
._
~ Dans la boîte de dialogue qui apparaît, choisissez le type

~ Graphique en cochant la case correspondante et validez 0 Avec l'outil Sélection, sélectionnez le tracé vectoriel avec
un rectangle de sélection et attribuez.lui un effet 3D Révo-
par OK. Le symbole est ainsi créé. lution via le menu Effet>3D> Révolution .
..
'T
/
, ,
,
.,:
.....
». •
,,
.......
; . ,f ; .
li 0
~ Dans la boîte de dialogue qui s'ouvre, sélectionnez Bord

~ droit dan s le menu déroulant Décalage du, puis cochez la
case Aperçu pour visualiser vos paramétrages ultérieurs.
e. Le cube situé dans la partie supérieure de la fenêtre peut
être manipulé : il permet d'orienter le positionnement de
l'illustration. Vous pouvez également sa isir directement les para-
mètres d'orientation : ici, 16° pour l'angle de rotation autour de
l'axe X, -37° pour l'axe Y et 15° pour l'axe Z.
...................................._~~~~~~~~~~~~~~~~~~---l a1
~ ::
"' ., "' ; .
0 Si les options supplémentaires ne sont pas visibles,

cliquez à droite sur le bouton Plus d'options afin d'affi- 0 Ajoutez une seconde source de lumière en cliquant sur
l'icône Nouvelle lumière située sous la sphère, au centre.
cher le module lumière. Le petit cercle blanc placé sur la sphère
représente une source lumineuse. Par cliquer-glisser, déplacez-le
légèrement vers le haut.
~ À présent, vous allez ajouter des effets de placage. Cliquez ~ Utilisez les flèches de positionnement, en haut de la boîte
~ à droite sur le bouton Placage. Vous constatez alors que ~ de dialogue, pour visualiser une autre surface. La surface
l'image est composée de 18 surfaces, dont vous visualisez la pre- sélectionnée se traduit alors par un surlignement rouge sur l'il-
mière, mi se à plat. Les zones claires correspondent aux parties lustration.
visibles, les zones sombres aux parties cachées.
Al -
12'· D• - Notre suggestion J
Pensez à enregistrer régulièrement votre
travail, car un effet 3D demande à votre
ordinateur beaucoup de ressources. Si vo-
V)
<l) tre machine n'est pas assez puissante, vous
0
1....
risquez de subir des ralentissements, voire
>-
w des plantages.
<j"
r-l
0
N
©
...,
..c
Ol
4D Sélectionnez la surface 14.
ï::::
>-
a.
0
u
~ Dans le menu déroulant Symbole, situé en haut à gauche, ~ Par cliquer-glisser sur les poignées d'angle, ajustez ce
~ sélect ionnez le symbole en dégradé que vo us avez aj outé ~ symbole afin qu'il couvre entière ment le dessin qui repré-
à la palette Symbo les dans l'étape 3. sente la surface de cette partie de l'illustration, mis à plat.
Sélectionnez à présent la surface 13 en cliquant sur la ~ De façon analogue à l'étape 12, sélectionnez le symbo le
flèche gauche de positionnement. ~ en dégradé et ajustez-le afin qu' il ne couvre cette fois que
le bout du stylo.
- - ::1 - Notre suggestion J

Attention, pour retravailler un effet 30 déjà
validé, vous devez ouvrir la palette Aspect
en allant dans le menu Fenêtre> Aspect, qui
,, ; .
indique l'identité de l'objet vectoriel et les
effets utilisés. Cliquez alors sur l'effet 30 ré·
pertorié pour en modifier les paramètres.
~ Validez vos réglages en cliquant sur le bouton OK des

1
~ deux fe nêtres. De retour sur le plan de travail, ajoutez
enfin l'agrafe du stylo et le texte 3D en les déplaçant avec l'outil
Sélection.
...................................._~~~~~~~~~~~~~~~~~~---l as
Atelier 26 --,
~
Créer vne i l lv5trat;an Outils utilisés :

Effet 3D Extrusion
Palette Symboles
~P lméthode 2)
L _ _ _~
Applicables à des fonds comme à des contours, éventuellement un biseau ou chanfrein. Vous
les effets que propose Illustrator peuvent constaterez qu'Illustrator dispose d'une biblio-
apporter une grande valeur ajoutée à vos thèque de biseaux pour donner une épaisseur
travaux. Grâce à la palette Aspect (voir ate- à cette vieille pièce de monnaie !
liers 27 et 28), il est facile de les modifier,
voire de les supprimer pour retrouver le tracé
d'origine. Dans l'atelier précédent, vous avez
utilisé l'effet 3D en mode Révolution pour créer
une illustration en trois dimensions. Ici, vous
V)
<l) allez manipuler ce même effet, mais en mode
0
1....
>- Extrusion, qui permet d'ajouter une dimen-
w
<j"
r-l sion supplémentaire à un tracé, en créant
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
~-
Ouvrez l'image de départ, ainsi que la palette Symboles Sélectionnez le cercle gris et attribuez-lui l'effet 3D Extru-
via le menu Fenêtre. Avec l'outil Sélection, placez l'image sion via le menu Effet>3D>Extrusion et biseautage.
de la pièce de monnaie sur la palette, afin de créer un nouveau
symbole. Dans la boîte de dialogue qui apparaît, choisissez le
type Graphique et validez par OK.
~ Dans la boîte de dialogue qui apparaît, sa1s1ssez

~ comme profondeur d'extrusion, sélectionnez le biseau
22 pt
0 •
Cochez la case Aperçu. À droite du cube d'orientation,
saisissez les valeurs d'angles de rotation suivantes : 46°
Complexe 3 dans les formes de biseaux avec une hauteur de 1 pt pour X, -20° pour Y et 14° pour Z.
et cliquez sur l'icône Biseau sortant, située juste à droite du menu
Hauteur.
~ Cliquez ensuite à droite sur le bouton Placage. Dans la

~ boîte de dialogue qui s'ouvre, la surface qui apparaît
correspond bien à la face de la pièce. Dans le menu déroulant
e. Ajustez la taille et la position du symbole en jouant sur
les poignées d'angle et validez les deux boîtes de dia-
logue en cliquant sur le bouton OK. Vous avez ainsi obtenu un
Symbole, choisissez le symbole de la pièce que vous avez créé sou tout neuf!
à l'étape 1.
...................................._~~~~~~~~~~~~~~~~~~---l s1
Atelier 27 --,
~
Uti li5er le5 e~~et5 Outils utilisés :

Galerie d'effets
Palette Aspect
fhoto5hop Palette Nuancier
L _ _ _~
Dans les deux ateliers précédents, vous avez des limites de qualité de l'image. Dans l'atelier
exploité l'effet 3D, qui appartient à la famille suivant, vous enregistrerez ces textures en tant
des effets vectoriels. Mais dans l'arsenal que styles graphiques, afin de pouvoir les réu-
proposé par Illustrator figurent également tous tiliser sur une autre illustration.
les effets qui utilisent des pixels de l'image,
comme les effets Photoshop. Regroupés sous
le nom de galerie d'effets, ces derniers ne sont
autres que les filtres du logiciel Photoshop.
D'ailleurs, le travail à effectuer dans cet exercice
V)
<l) pourrait être réalisé dans ce logiciel, puisqu'il
0
1....
>- s'agit de créer des textures à partir de ces
w
<j"
r-l effets : il faudra par conséquent être conscient
0
N
©
....,
..c
Ol
~ Fichier initial: imagedepart27.ai
ï::::
>-
a.
0
IV Fichier final: imagearrivee27.ai
u
......
._..
-·-
.__
--
..
~. "·
JI> •
...·
lil C
=.
-··-·----
---··---
..... c-
~
tionnez le carré rouge. Ouvrez ensuite la galerie d'effets
Dépliez l'onglet Textures et sélectionnez l'effet Placage de
~ texture. Dans le menu déroulant Texture, à droite, choi-
Photoshop via le menu Effet>Galerie d'effets. sissez Toile. Saisissez 109°/o pour la mise à l'échelle, 7 pour le
relief et optez pour Bas gauche dans le menu déroulant Lumière.
Validez par OK.
80
~ Ajoutez un deuxième effet Photoshop en retournant dans

~ le menu Effet>Galerie d'effets. Dans l'onglet Contours, 0 Recommencez l'opération une troisième fois en choisissant
cette fois l'effet Barbouillage dans l'onglet Artistiques.
sélectionnez l'effet Croisillons. Saisissez 9 comme longueur, 6 Saisissez 1 comme épaisseur, 2 comme netteté et sélectionnez
comme netteté et 1 comme intensité. Valid ez le tout en cliquant Simple comme type de barbouillage. Validez le tout par OK.
sur le bouton OK .
._ ........ ._ ... a
~
....,
:: .
~ Le carré rouge étant toujours sélectionné, dupliquez-le en

~ le déplaçant, tout en maintenant enfoncée la touche Alt.
Via le menu Fenêtre>Aspect, ouvrez ensuite la palette Aspect, qui
e. Ouvrez enfin la palette Nuancier via le menu Fenêtre>
Nuancier et choisissez le motif avec les poissons en cli-
quant dessus. Une nouvelle texture est ainsi créée, combinant ce
répertorie tous les effets utilisés sur une image. Sélectionnez la motif et les effets Photoshop ajoutés précédemment.
partie Fond de la palette en cliquant dessus .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 93
Atelier 28 --,
~
Créer Outils utilisés :

Palette Aspect
Palette Styles graphiques
vn 5ty le qraphiqpe Palette Nuancier
L _ _ _~
Déjà utilisée dans l'atelier précédent, la palette objet vectoriel, qui devient alors disponible
Aspect permet non seulement de visualiser tous pour d 'autres traitements graphiques. Dans
les effets appliqués à un objet vectoriel, mais cet exercice, vous allez ainsi enrichir une illus-
également d'en modifier ou supprimer certains. tration avec les textures créées dans l'atelier
Devant la diversité des paramètres pouvant précédent.
être associés à cet objet, il serait appréciable de
pouvoir enregistrer ses styles pour les attribuer
à d'autres tracés, ce qui éviterait de répéter un
certain nombre d'opérations fastidieuses. C'est
V)
<l) justement ce que propose Illustrator avec sa
0
1....
>- palette Styles graphiques, qui permet d'enre-
w
<j"
r-l gistrer, par simple glisser-déposer, le style d'un
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
~
0 Ouvrez l' image de départ. Avant de créer un style gra-
phique, commencez par dupliquer le carré à motifs de
Ouvrez la palette Aspect via le menu Fenêtre>Aspect et
~ cliquez sur le carré de couleur correspondant à la partie
poissons, avec l'outil Sélection et la touche Alt enfoncée. Fond : le nuancier apparaît. Sélectionnez une couleur orange en
cliquant dessus : une nouvelle texture est ainsi créée.
D • la.
•
~ Ouvrez ensuite la palette Styles graphiques via le menu

~ Fenêtre>Styles graphiques. Avec l'outil Sélection, glissez- 0 •
Reproduisez cette dernière opération avec les deux autres
carrés figurant sur le plan de travail : vous disposez ainsi
déposez le carré nouvellement créé dans cette palette : un de trois nouvea ux styles.
nouveau style est ainsi créé.
~ ;: ..
~ Avec l'outil Sélection, sélectionnez la ceinture du pantalon

~ situé à droite et cliquez sur le style graphique rouge de la
palette Styles graphiques. Ce style est alors appliqué à la ceinture .
e. Sélectionnez ensuite le pantalon et cliquez sur le style à
motifs de poissons. Sélectionnez enfin les poches et attri-
buez-leur le style de couleur orange.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 95
Atelier 29 --,
~
Fv5;onner Outils utilisés :

Palette Nuancier
Palette Transparence
devx il lv5tratian5 Masque d'opacité
L _ _ _~
Dans la palette Transparence, Illustrator possède Si l'on incorpore un dégradé noir et blanc ou
une fonction relativement bien dissimulée qui de couleurs dans un masque, on peut créer des
permet de créer un masque d'opacité. Différent effets de fusion entre deux images ou créer
du masque d'écrêtage vu dans l'atelier 20, ce des effets de transparence progressive. Cette
masque repose sur le même principe que les fonction s'est relativement améliorée depuis la
masques de fusion de Photoshop, permettant version CS6 d'Illustrator, car il suffit de créer
de masquer ou de révéler certaines zones d'une le masque d'opacité par simple clic dans la
illustration, à la manière d'un pochoir, avec des palette Transparence.
possibilités de dégradés. Il ne possède que des
V)
<l) valeurs monochromes : le noir cache, tandis
0
1....
>- que le blanc laisse apparaître.
w
<j"
r-l
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
~
0 Ouvrez l'image de départ. Avec l'outil Sélection, sélec-
tionnez l'image de la feuille de chêne et copiez-la via le
Sélectionnez ensuite l' image de la jeune femme, cliquez
~ en haut sur le menu Opacité pour ouvrir la palette Trans-
raccourci Ctrl + C. parence et cliquez sur le bouton Créer masq ue.
~ Dans la palette Transparence, cliquez dans la zone de

~ masq ue, de couleur noire : un contour bleu foncé appa- 0 •
Via le raccourci Ctrl + V, collez l'image de la feuille de
chêne. Avec l'outil Sélection, déplacez-la à l'endroit de
raît tout autour. votre choix.
~ Sélectionnez l'outil Pinceau et ouvrez la palette Formes

~ via le menu Fenêtre>Formes ou en pressant la touche
F5. Sélectionnez la forme balai à fran ges. Choisissez un contour
e. L'outil Pinceau toujours sélectionné, ouvrez la palette
Nuancier et appliquez la couleur blanche au contour du
sélecteur de couleurs. Peignez cette fois à l'intérieur de l'illu stra-
noir en cliquant sur le sélecteur de co uleurs, puis peignez sur les tion pour faire ressortir l'image de la jeune femme.
bords de l'illustration pour les estomper.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~----1 97
• 1 •
Atelier 30 --,
~
Peindre Outils utilisés :

Palette Symboles
Pulvérisation de symboles
avec vn 5ymbo le
L _ _ _~
. .....
;·-=~·==
··!···' . ...~-.
. . . ..~:;.-..~
....... , .....
... ---...
.........
~ ·.:·.............~.: .........
. ..-...···~·:-:,•
. ....... ..
..•, \,'•• ..••••• ..,..
,
·••·• ••••..:.·!
.,..... ......
r.·••::~·-~·. .r:·~·
~-······li.:>:.,.' • ........ ,.~;· .......
. ····t·· ·~ ,_,
........ "~· t.' .
•• :,.·:,.~· .....'I...~('. •• , ....
• •••.,,. ..
· -~·~·-· ........ .
·-.~·. ···~-·~··
~-;.·. :;r.!·~·~·:-:!.• ()~
........
Dans Illustrator, n'importe quel tracé vecto- que vous utiliserez pour peindre à l'aide du
riel et même n'importe quelle image peuvent pulvérisateur de symboles. Le résultat obtenu
être convertis en symboles. Pour cela, il suffit devra ressembler à un motif inspiré de l'art pri-
de glisser-déposer l'élément concerné dans la mitif australien ...
palette Symboles, comme dans l'atelier 25 où
vous aviez plaqué un symbole sur les diffé-
rentes facettes d'un objet 3D. Vous avez alors
le choix entre une conversion en clip utilisable
dans le logiciel Flash (voir atelier 41) et une
V)
<l) conversion en objet graphique basique. Dans
0
1....
>- cet atelier, vous allez choisir la seconde option,
w
<j"
r-l en créant un symbole à base de petits points,
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
..........-....
~ -...... .,..i.-ar~ ..........
~---------
·---
- -·~-------
~
0 Ouvrez l'image de départ, puis la palette Symboles via le
menu Fenêtre>Symboles ou le raccourci Ctrl + Maj + F11.
Dans la boîte de dialogue qui apparaît, choisi ssez Gra-
~ phique dans le menu déro ulant Type et validez en cliquant
Avec l'outil Sélection, sélectionnez les deux petits po ints blancs sur le bouton OK.
en cliquant sur l'un d'eux (ils sont groupés) et placez-les dans la
palette Symboles par glisser-déposer.
.o -·- -- •.. ~ -·-.-.

',. •. •.
'"
LJ
'T
LJ
' T.
'· ./
, a.----·.,_......
-------
...,_..,,
./
,.._.
'· ......c.' ·.
,.._
,it ,
.. IJ ....·-··
.....
~ .
Procédez de façon analogue avec les petits points marron.
Deux nouveaux symboles sont ainsi prêts à l'emploi. 0 Dans la palette d'outils, double-cliq uez sur l'outil Pulvé-
risation de symboles pour accéder à ses options. Dans la
boîte de dialogue qui s'ouvre, choisissez un diamètre de 70 mm,
une intensité de 10 et une densité du jeu de symboles de 6.
Validez en cliquant sur OK.
::
.~ ,, .,
D ~l'i!! . •
9 •.
~ Dans la palette Symboles, sélectionnez le symbole à petits ~ De la même manière, pulvérisez com me indiqué des points
~ points blancs. Activez l'outil Pulvérisation de symbo les et ~ marron par-dessus les points blancs, en sélectionnant le
pulvérisez des points avec la so uris, en traçant des formes en symbole correspondant. Et le tour est joué!
V. N'hésitez pas à désélectionner via le raccourci Ctrl + Maj + A à
chaque coup de pulvérisateur pour créer un spray individuel.
...................................._~~~~~~~~~~~~~~~~~~----l ss
• 1 •
Atelier 31 --,
~
/miter vn de55in Outils utilisés :

Palette Calques
Griffonnage
de braderie
L _ _ _~
Les hachures sont très employées en illustra- allez paramétrer cet effet de manière à imiter
tion pour donner du volume, créer des ombres un dessin de broderie. Bien entendu, ce réglage
et doser la lumière. Dans Illustrator, un outil pourra être enregistré comme style graphique
permet de reproduire ce genre de rendu : il (voir atelier 28) en vue de réalisations futures.
s'agit de l'effet Griffonnage, qui fonctionne
comme les autres effets rencontrés dans les
ateliers précédents. Par un ajustement de
l'épaisseur du tracé, de l'angle, des écarts et
même de l'inflexion, vous obtiendrez un style
V)
<l) de hachures répétitives, ayant l'aspect d'un
0
1....
>- crayonné, qui peut aussi bien s'appliquer à un
w
<j"
r-l fond qu'à un contour. Dans cet atelier, vous
0
N
©
...,
..c
Ol
ï::::
0
>-
u
1ool--~~~~~~~~~~~~~~~~~~~.IIIIII ...................................
_J
menu Fenêtre>Calques ou la touche F7. Avec l'outil Sélec-
Appliquez-lui ensuite un effet de griffonnage via le menu
Effet>Spécial>Griffonnage.
tion, cliquez sur le petit cercle figurant à droite de la vignette du
calque Texte, afin de sélectionner l'ensemble des éléments de
ce calque.
_J
Dans la boîte de dialogue qui apparaît, passez tous les
paramètres à o sauf l'épaisseur à 0,28 mm et le pas à 0 Sélectionnez ensuite tous les éléments du calque Cercle
en cliquant sur le petit cercle correspondant dans la
o,6 mm. palette Calques, comme dans l'étape 1.
~ Appliquez-lui un effet de griffonnage via le menu

~ Effet>Spécial>Griffonnage, en passant tous les paramè-
tres à o sauf l'angle à 146°, l'épaisseur à 0,28 mm et le pas à
o,6 mm. Validez enfin par OK.
........................................._~~~~~~~~~~~~~~~~~~~----1 101
• 1 •
--,
~
Atelier 32
Peindre aveG vne ~orme Outils utilisés :

Pinceau
Palette Formes
c-a l ligraphiqve
L _ _ _~
En dessin vectoriel, la plume est un outil incon- ce genre de forme , qui simule la création de
tournable d'Illustrator (voir ateliers 04 et 06). pleins et de déliés, vous choisirez une forme
Mais ce logiciel propose d'autres outils de plutôt aplatie que circulaire. Si vous n'êtes pas
dessin comme le pinceau, qui peut être utilisé satisfait de vos coups de pinceau, n'oubliez pas
avec des formes de différents types : calligra- que vous pouvez annuler la dernière opération
phiques, artistiques, diffuses ou de motif. Il est de votre travail via le raccourci Ctrl + Z.
donc possible de peindre avec des éléments
vectoriels, dans l'idéal à l'aide d'une tablette
graphique et d'un stylet sensible à la pres-
V)
<l) sion. Dans cet atelier, vous allez apprendre à
0
1....
>- dessiner avec une forme calligraphique. Pour
w
<j"
r-l
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
102l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
_
..........._..__
.....
........-
-·-
..............................
0.-11 ..................
_J
~
0 Ouvrez l' image de départ, puis double-cliquez sur l'icône
de l'outil Pinceau pour accéder à ses options. Choisissez
Ouvrez la palette Fo rmes via le menu Fenêtre>Formes ou
~ la touche F5. Dans le menu déroulant de la palette, situé
une fidélité de 12 pixels, afin d'obtenir des courbes harmonieuses en haut à droite, choisissez Nouve lle forme.
et peu de points d'ancrage, et un lissage de 16 %. Décoch ez la
case Conserver la sélection et valid ez par OK.
Dans la boîte de dialogue qui apparaît , sélectionnez Nouv.

forme calligraphique. Validez en cliquant sur le bouton 0 •
Vous po uvez attribuer un nom à cette nouvelle forme dans
la fenêtre proposée. Puis choisissez un angle de 52°, un
OK. arrondi de s % et un diamètre de la forme de 15. Conservez l'op-
tion Fixe pour les autres paramètres. Validez par OK.
Dans la boîte de dialogue Options de forme
calligraphique rencontrée à l'étape 4 , vous
pouvez remplacer l'option Fixe par Aléatoire
si vous souhaitez obtenir un résultat variant
en fonction d 'une fourchette de valeurs. Si
vous reliez une tablette graphique à votre
ordinateur, l es possibilités sont ainsi multi-
pliées : vous pouvez par exemple augmen-
ter la taille d'un trait en appuyant fortement
Activez enfin l'outil Pinceau et dessinez en suivant le se ns sur le stylet.

des flèches .
........................................._~~~~~~~~~~~~~~~~~~~----1 103
• 1 •
Atelier 33 --,
~
Peindre avec Outils utilisés :

Pinceau
Palette Formes
vne ~orme arti5tiqve Sélecteur de couleurs

Sélection directe
L _ _ _~
.,- ''"'··
....
.
........
.. r
Q •
.c
••
\
'
•
Introduit dans l'atelier précédent, l'outil triangulaire qui pourra s'apparenter aux poils
Pinceau peut être non seulement utilisé avec d'un pinceau. Vous finaliserez l'illustration en
une forme calligraphique, mais également avec rectifiant le dessin des tentacules avec l'outil
une forme artistique, c'est-à-dire toute forme Sélection directe. Vous ne serez pas déçu du
vectorielle enregistrée dans la palette Formes résultat, que vous possédiez une souris ou un
par simple glisser-déposer. Les possibilités de stylet et une tablette graphique.
création de formes artistiques sont donc illimi-
tées puisqu'elles peuvent aussi bien s'appuyer
V)
<l) sur des tracés simples que sur des dessins
0
1...
>-
déjà aboutis. Dans cet atelier, vous allez des-
w
<j" siner une pieuvre en employant une forme
r-l
0
N
©
...,
..c
Ol
ï::::
0
>-
u
104l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
__.....,~........._.....
.. _.,..,.. ..._
. ..._.. ...............
"'. T.
"···
. ,'·.
,/ ..............
..,_ .
"di,.
.....•.
.. Cl
~ -··
--.,
_ ,._
0 Ouvrez l'image de départ, puis la palette Formes via le

menu Fenêtre>Formes. Avec l'outil Sélection, sélectionnez
Une deuxième boîte de dialogue s'ouvre : sans toucher
aux différents réglages, cliquez encore sur le bouton OK.
la forme triangulaire noire et glissez-la dans la palette Formes.
Une boîte de dialogue apparaît : cochez l'option Nouv. forme
artistique et validez par OK.
Al -
- -.z. D ·
~ Sur l'espace de travail, supprimez la forme triangulaire

~ noire qui a servi à créer la forme artistique en la sélec- 0 Dans la palette Formes, sélectionnez la forme artistique
nouvellement créée en cliquant dessus. Remplacez son
tionnant puis en appuyant sur la touche Suppr. fond noir par un fond vide en cliquant sur le petit carré barré de
rouge sous le sélecteur de couleurs.
-·- -
-'QI·~--.. . . . ~--------
"'- r ._ " • _,__ .....
' T
. ,.,
,/
,. .
-
........
. ... ,
~ Dans la palette d'outils, sélectionnez ensuite l'outil Finalisez l'ensemble de l' illustration. Vous pouvez revenir
~ Pinceau et aidez-vous des repères pour dessiner des ten- sur le dessin des tentacules avec l'outil Sélection directe
tacules en partant du centre. en repositionnant certa ins points d'ancrage et points directeurs
(voir atelier 06) .
.........................................._~~~~~~~~~~~~~~~~~~~----1 105
--,
~
Outils utilisés :
Palette Calques
Palette Nuancier
Rotation
L _ _ _~
Illustrator dispose d'une multitude de motifs nouveauté était attendue depuis longtemps, car
prédéfinis, qui figurent dans des bibliothèques il était difficile jusqu'à présent lors de la créa-
accessibles depuis la palette Nuancier. Ceux-ci tion de motifs complexes de vérifier à l'avance
sont bien entendu réutilisables mais égale- l'harmonie des répétitions et la cohérence des
ment modifiables via la palette Transformation dessins obtenus. Les stylistes de mode , qui
(voir atelier 10). Mais rien ne vous empêche de utilisent souvent Illustrator dans leur travail,
créer vos propres motifs : il suffit simplement trouveront avec cette amélioration majeure un
de concevoir un élément graphique susceptible moyen d'augmenter leur créativité.
d'être répétitif. Depuis la version CS6 d'Illus-
V)
<l) trator, vous pouvez régler de manière visuelle
0
1....
>- le positionnement et les répétitions de cet
w
<j"
r-l élément dans le cadre imparti au motif. Cette
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
105l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
"- __ ..____ _
..,..._-··------
---
~
0 Ouvrez l'image de départ, puis la palette Symboles
via le menu Fenêtre>Symboles. Avec l'outil Sélection,
Ouvrez la palette Calques via le menu Fenêtre>Calques.
~ Cliquez sur le petit cercle en regard du calque Motif prin-
sélectionnez le petit dessin et placez- le dans la palette par cipal pour sélectionner l'illustration représentant une fleur et son
glisser-déposer. Dans les options de symbole, choisissez Gra- feuillage. Puis déplacez-la un petit peu sur la droite avec l'outil
phique dans le menu Type et validez par OK. Sélection.
~ Sélectionnez ensuite l'outil Rotation. Tout en maintenant

~ la touche Alt enfoncée, cliquez en bas de la fleur. Dans 0 •
Pour copier ce motif tout autour du centre de rotation,
utilisez le raccourci Ctrl + D cinq fois de suite (voir atelier
la boîte de dialogue qui s'ouvre, saisissez 60° comme angle de 16, étape 4),
rotation et cliquez sur le bouton Copier.
~ Ouvrez la palette Calques et, comme dans l'étape 2, ~ Le double du motif principal étant sélectionné, activez à
~ cliquez sur le petit cercle correspondant au calque Motif ~ nouveau l'outil Rotation et, comme à l'étape 3, cliquez au
principal. Pui s cliquez sur la petite flèche en haut à droite de cette centre de ce motif tout en maintenant la touche Alt enfoncée.
palette pour ouvrir son menu contextuel et choisissez Dupliquer Dans la boîte de dialogue qui apparaît, choisissez cette fois un
« motif principal ». angle de 30° et cliquez sur OK.
.........................................__~~~~~~~~~~~~~~~~~~~----l 107
0 Dans la palette Calques, sélectionnez à présent le calque
Motif principal. Puis ouvrez la palette Nuancier et appli- O. À l'aide de l'outil Sélection, tracez une zone de sélection
rectangulaire afin de sélectionner l'en se mble du motif
quez la couleur bleu 15 % principal et son double.
,.. -- -
, __
-
~
...........
")·"·
.. .
l i l[J
--
c -..........._
......________
'---·--
........
--·--
.__
-•r...,.
~ Ouvrez ensuite l'espace de création de motifs en allant ~ Lors de l'ouverture de l'espace de création de motifs est
~ dans le menu Objet>Motif>Créer. Une boîte de dialogue ~ apparue une boîte de dialogue nommée Options de motif.
vous annonce alors que le motif va s'enregistrer dan s la palette Dans la case Nom, saisissez le nom « motif baroque ».
Nuancier : validez par OK.
V)
<l)
0
1....
w
>-
<j"
r-l
0
N
©
....,
..c Afin d'intercaler les motifs entre eux, choi sissez l'option ~ Toujours dans cette boîte de dialogue, cliquez sur l'icône
Ol
ï:::: Brique par rangée dans le menu Type de mosaïque. ~ en haut à gauche : un cadre de sélection apparaît sur le
>-
a. motif. Afin de rapprocher les motifs les uns des autres, cliquez-
0 glissez vers le bas le carré supérieur droit du cadre de sélection.
u Pui s faites de même en le déplaçant sur la gauche.
~ Ouvrez la palette Symboles et glissez-déposez le petit ~ Dans l'illustration de la jeune femme, cliquez maintenant
~ dessin de l'étape 1 au centre du motif. En haut, cliquez ~ sur le devant de la robe. Dans la palette Calques, le calque
enfin sur le bouton Terminer: le motif est finalisé. Motif robe est sélectionné. Appliquez le motif récemment créé en
cliquant sur le petit carré correspondant dans la palette Nuancier.
---
---
-.....,......,...) ,,__ __..
............................
~ Afin de diminuer la taille du motif, ouvrez la palette Trans- ~ Dans la palette Calques, sélectionnez les calques Corset et
~ formation via le menu Fenêtre>Transformation. Cliquez ~ Franges en cliquant sur leur petit cercle correspondant, tout
sur l'icône du menu contextuel en haut à droite et choi sissez en maintenant la touche Maj enfoncée. Dans la palette Nuancier,
Transformer le motif. Dans la case L représentant la largeur, cliquez sur le motif récemment créé, puis dans la palette Transfor-
saisissez 60 pt. mation, saisissez 40 dans la case L représentant la largeur.
~ Dans la palette Calques, sélectionnez le calque Ceinture

~ en cliquant sur son petit cercle. Activez le sélecteur de
couleurs du contour et appliquez le motif récemment créé en le
sélectionnant dans la palette Nuancier. Enfin, dans la palette Trans-
formation, saisissez 40 dans la case L représentant la largeur.
........................................._~~~~~~~~~~~~~~~~~~~----1 109
--,
~
Outils utilisés :
Plume
Pot de peinture dynamique
Palette Calques
Texte
L...'.:alette Dégradé de couleurs
Illustrator est par excellence le logiciel adapté temps en conceptualisant sur papier les pré-
à la constitution d'identité visuelle, permettant mices de votre réflexion. Dans cet atelier, vous
de concevoir des logotypes et autres symboles allez réaliser un logo utilisant des éléments
favorisant la reconnaissance d'une marque. typographiques et une symbolique relative-
Grâce à la diversité de ses outils et au format ment simples, ce qui vous donnera l'occasion
vectoriel, vous disposez de moyens de transfor- de revoir un certain nombre de notions intro-
mation rapides des formes sans aucune perte duites dans les exercices précédents.
de qualité. Naturellement, il est recommandé,
comme d'ailleurs pour tout travail de création,
V)
<l) d'esquisser au préalable des ébauches ou des
0
1....
>- crayonnés avant de vous jeter sur un ordi-
w
<j"
r-l nateur. Vous gagnerez en effet beaucoup de
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
~
0 Ouvrez l'image de départ, puis faites apparaître les règles
via le menu Affichage>Règles>Afficher les règles ou par
Ouvrez la palette Calques. Notez que le calque Scan conte·
~ nant le crayonné numérisé est verrouillé. Sélectionnez le
le raccourci Ctrl + R. Avec l'outil Sélection, placez-vous sur les calque Rond extérieur. Activez l'outi l Ellipse, placez le curseur sur
règles et tirez vers le bas ou vers la droite pour placer des repères le centre des repères, et tout en appuyant à la fois sur les touches
de centrage. Alt et Maj, créez le bord extérieur du logo.
~ Vérifiez que l'ellipse est toujours sélectionnée. Puis

~ ouvrez la palette Nuancier, activez le sélecteur de cou leurs 0 •
Dans la palette Ca lques, sélectionnez le calque Rond inté-
rieur. Activez l'outil Ellipse et, tout en maintenant la touche
du fond et, dans la palette Nuancier, cliquez sur le dégradé bleu. Alt enfoncée, cliquez su r le centre du logo. Saisissez 86 pour les
En haut, saisissez alors 2 pt comme contour. dimensions de l'ellipse et validez par OK. Dans la palette Nuancier,
cliquez sur la couleur bleu pour l'appliquer à cette ellipse.
~ Dans la palette Calques, sélectionnez le calque Texte.

~ Activez à nouveau l'outil Ellipse et, tout en appuyant sur
la touche Alt, cliquez sur le centre du logo. Sa isissez 93 pour
e , Sélectionnez l'outil Texte curviligne dans la palette d'ou-
tils et cliquez sur le dernier tracé d'ellipse créé. Un curseur
clignotant apparaît : saisissez le texte « AERO CLUB » en majus·
les dimensions de l'e llipse et validez par OK. Puis cliquez sur cules.
le sélecteur de cou leurs de fond et appliquez une couleur vide.
........................................._~~~~~~~~~~~~~~~~~~~----1 111
0 Via le raccourci Ctrl + A, sélectionnez l'ensemble du texte.
Dans la barre supérieure, choisissez la police Arial Bold 0 Comme dans l'atelier 22, replacez les petits carrés de
chaînage au bon endroit à l'aide de l'outil Sélection et
avec un corps de 24 pt. Pour la couleur, cliquez sur le blanc dans centrez le texte sur la courbe.
la palette Nuancier.
A -
~ Via le menu Effet>Spécial>Ombre portée, appliquez un Activez à nouveau l'outil Ellipse et, tout en appuyant sur
~ effet d'ombre portée avec 75 % d'opacité, 0,1 mm de déca- la touche Alt, cliquez sur le centre du logo. Saisissez 105
lage sur x et sur y et 0,9 mm d'atténuation. pour les dimensions de l'ellipse et validez par OK. Activez l'outil
Texte curviligne et cliquez sur le dernier tracé d'ellipse créé. Sai-
sissez le texte « DE LA VALLEE BLANCHE» en majuscules.
./ ,
V)
<l)
0
1....
>-
,:.::
._ . r
•.Ill,
....
.. or.
.....
G O c-~ ~~<:::::z.
~
0.-0..,,....
,.___ __
'----~·
--
--
w
<j"
r-l
0
N
-__·-
. . . k .......
,..
..,
©
...,
..c ~ Appliquez à ce second texte les opérations décrites dans ~ Dans la palette Calques, verrouillez les calques Texte et Rond
Ol
ï:::: ~ les étapes 7, 8 et 9. Puis, avec l'outil Sélection, sélec- ~ extérieur. Puis cliquez sur l'œil des calques Rond extérieur et
>-
a. tionnez le centre du texte et placez-le en bas au milieu. Rond intérieur. Créez un nouveau calque via le menu contextuel et
0 nommez-le « Décor ». Sélectionnez l'outil Plume et la couleur marron
u dans le nuancier, et dessinez la montagne en vous aidant du crayonné.
~ Dans la palette Calques, verrouillez le calque du tracé ~ Avec l'outil Ellipse, créez plusieurs ellipses de tailles et d'opacités
~ de la montagne et cliquez sur son œil pou r le masquer. ~ différentes via le menu Opacité en haut. Avec l'outil Sélection,
Activez l'outil Plume et dessinez les neiges éte rnelles, puis ver- sélectionnez-les toutes en maintenant la touche Maj enfoncée, puis
rouillez ce tracé et masq uez-le. placez-les en arrière-plan via le menu Objet>Disposition>Arrière-plan.
Verrouillez ces tracés et masquez-les.
~ Avec l'outil Plume, créez des bandes blanches et appliquez- ~ Dans la palette Calques, rendez visible le calque Rond
~ leur une opacité de % dans la barre supérieure. Puis
20 ~ intérieur en cliquant sur son œil. Sélectionnez le sous-
placez-les en arrière-plan via le menu Objet>Disposition>Arrière- ca lque Tracé représentant l'ellipse bleue et, tout en maintenant
plan. la touche Alt enfoncée, déplacez- le dans le calque Décor pour le
dupliquer.
Al ...._ . _
--•·
---
---
<.-.........
c-...- ....
--·-
........
-·--
,........
•.
. . _ _,.,.
~ Toujours dans la palette Ca lques, sélectionnez le ca lque ~ Dans la palette Calques, faites passer le calque Rond
~ Décor. Déverrouillez et affichez tous les éléments de ce ~ intérie ur sous le calque Décor. Puis sélectionnez les élé-
calque en allant dans les menus Objet>Tout déverrouiller et ments du calque Décor en cliquant sur le petit cercle adjace nt et
Objet>Tout afficher. cliquez sur l'icône Créer un masque d'écrêtage, située en bas de
la palette Calques.
........................................._~~~~~~~~~~~~~~~~~~~----l 113
1
6-\ Verrouillez les calques Rond intérieur et Décor. Activez
~ l'outil Polygone, puis appliquez la couleur orange du
nuancier au sélecteur de couleurs du fond, et la couleur blanc
œ Sélectionnez le triangle orange. Via le men u de la palette
Transformation, sa isissez 60° de rotation. Via le menu
Effet>Déformat ion>Arche, paramétrez une Inflexion de 31 % avec
pour le contour. Cliquez sur le logo, puis saisissez 17,6 pour le 32 % de vertical. Avec l'outil Rectangle, créez deux petites barres
rayon et 3 pour les côtés du polygone. blanches pour fo rmer une croix.
~ Masquez tous les calques précédents afi n de faire appa- ~ Toujours avec l'outil Plume, dessinez toutes les parties de
~ raître le dessin sca nné. Sélectionn ez le calque Ailes, puis ~ l'aile en faisa nt dépasser les tracés. Sélectionnez ensuite
redessinez avec l'outil Plume le contour de l'aile avec un co ntour l'ense mble.
de couleur noire et sans fond.
V)
<l)
0
1....
>-
w
<j"
r-l
0
N
©
...,
..c ~ Sélection nez l'outil Pot de peinture dynamique et cliquez L'ensemble sélection né est en mode de peint ure dyna-
Ol
ï:::: ~ dans les zo nes de l'aile que vous voulez colorier. Comme mique : pour sorti r de ce mode, cliquez sur le bouton
>-
a. dans l'atelier 18, sélection nez la couleur blanche avec les flèches Décomposer sit ué en haut à droite.
0 du clavier.
u
~ Ouvrez la palette Calques et développez le calque Ailes. ~ Sélectionnez le calque Ailes. Puis, dans le sélecteur
~ Sélectionnez le groupe correspondant uniquement aux ~ de couleurs du fond, appliquez la couleur du nuancier
tracés et supprimez-le via la touche Suppr. appelée dégradé radial.
~ Dans la palette Calques, rendez visibles les calques Rond ~ Le calque Ailes et son contenu étant toujours sélectionnés,
~ intérieur et Rond extérieur. Le calque Ailes étant toujours ~ activez à présent l'outil Miroir. Tout en maintenant la
sélectionné, activez l'outil Dégradé de couleurs dans la palette touche Alt enfoncée, cliquez sur le centre des repères. Cochez
d'outils et redéfinissez l'ensemble du dégradé sur la totalité de l'option Vertical et cliquez sur le bouton Copier.
l'aile, en étirant avec la souri s sur la surface que vous désirez.
œ Ouvrez la palette Symboles et déposez le sym bole étoile. ~ Pour finaliser le contour des ailes, sélectionnez le contenu
~ du calque Ailes et appliquez un contour blanc avec une
opacité de 50 %. Sélectionnez enfin le calque Rond extérieur et
via le menu Effet>Spécial>Ombre portée, appliquez une ombre
portée au contour extérieur.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~----1 11 5
• 1 •
Atelier 36 --,
~
Créer vn graphiqpe Outils utilisés :

Graphe sectoriel
Palette Nuancier
circv lt1ire Effet 3D Extrusion
Palette Symboles
L _ _ _~
,, .
,'.1t.
U &
•,,..
ea. "·
C
• •lil
'
"'
En statistique, il est d'usage de représenter sur lesquels figurent des tableaux de toutes
certaines données sous la forme d'un gra- sortes. Il suffit en effet de définir la nature et
phique circulaire, appelé plus familièrement la taille du graphe, puis de remplir un tableau
camembert. Sous Illustrator, la création de ce de données. Dans cet atelier, vous allez ainsi
genre de diagramme est d'une facilité décon- concevoir un graphique sectoriel et lui attribuer
certante, puisque le logiciel met à disposition une apparence 3D.
toute une panoplie d'outils permettant de réa-
liser des graphes en barres, par couches ou par
secteurs. Ces outils sont vraiment bienvenus
V)
<l)
lors de l'élaboration de documents incluant des
0
1....
>- illustrations chiffrées ou des rapports d'activité
w
<j"
r-l
0
N
©
.µ
..c
Ol
ï::::
0
>-
u
11 5l..-~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
, D• '" - • · D•
',, .
-
15%
60%
,..,_ ', T
"·, ,
/,
.,, .
.....
-
15'!1,
~-
, Il.
"' "'
-
35%
t!:I
_J
~
0 Ouvrez l'image de départ. Dans la palette d'outils, sélec-
tionnez, derrière l'outil Graphe à barres verticales, l'outil
Un cercle noir et un tableau apparaissent. Dans le tableau,
~ saisissez les données suivantes en ligne : 60, 35 et 15.
Graphe sectoriel et cliquez su r le plan de travail: une boîte de dia- Validez en cliquant sur l'icône Appliquer, en haut à droite. Puis
logue apparaît. Choisissez une largeur et une hauteur de 80 mm, fermez le tableau en cliquant sur la croix rouge, située au-dessus
puis validez par OK. de l' icône Appliquer.
' .
' T
~,
/ .,
',
.....
''..
..."· .
.. "'
• Il,
......
.:1:1.
..·......
Il "'
D J
~ Ouvrez la palette Nuancier et app liquez les couleurs indi-

~ quées sur chaque secteur en les sélectionnant un par un 0 Avec l'outil Sélection directe, espacez légèrement chaque
secteur. Sélectionnez le tout avec l'outil Sélection et un
avec l'outil Sélection directe (avec le sélecteur de cou leurs du rectangle de sélection, puis appliquez- lui l'effet 3D Extru sion via
fond au premier plan). Supprimez le contour noir en cliquant sur le menu Effet>3D> Extrusion et biseautage.
l'icône Sans du sélecte ur de couleurs du contour (voir atelier 09).
'
.. Si vous souhaitez légender ce camembert
-
'T
15'!1, avec des chiffres, vous devez d'abord les
/
, ,, créer avec l'outil Texte (dans cet exemple,
...... .... ils existent déjà) et les placer dans la pa-
....."'
...... lette Symboles. Ouvrez ensuite la palette
Aspect et sélectionnez l'effet 30 Extrusion
que vous venez de créer. Dans la boîte de
.{w
D
ICI
.
JIZI dialogue qui s'ouvre, cliquez sur le bouton
Placage et incorporez ces chiffres aux dif-
~ Dans la boîte de dialogue qui apparaît, appliquez les para- férents secteurs du graphique (voir ateliers
~ mètres suivants de rotation : 38 ° po ur X, -47 ° pour Y et 25 et 26).
40 ° pour Z. Choisissez une profondeur d'extrusion de 45 pt et
sélectionnez le biseau Classic avec une hauteur de 8 pt. Validez
enfin par OK .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .~~~~~~~~~~~~~~~~~~~---1 117
--,
~
Outils utilisés :
Graphe à barres verticales
Symbole
Trait
Associer
L _ _ _~
. D•
...\ T.
uo
/
- ,.'·
/
"'l.à.!.
"·.
.....
...
•
--~-
-·
.... ..
u~.- u--~
li Il
......
.' •
C'
a 1m.
•
,0
- .. ..
Dans l'atelier précédent, vous avez appris à dimensions seront proportionnelles aux valeurs
construire un graphique circulaire et à le mettre de l'année correspondante. Plusieurs options
en valeur grâce à un effet 3D. Dans celui-ci, sont en effet à votre disposition pour adapter
vous allez créer un histogramme traduisant un la taille du symbole aux données du graphe,
rapport fictif de consommation de cigarettes à vous de choisir la mieux adaptée à votre
par années, en faisant appel à l'outil Graphe travail.
à barres verticales. À cette occasion, vous
découvrirez qu'il est possible dans Illustrator
de représenter des données chiffrées en uti-
V)
<l) lisant vos propres symboles ou dessins. Vous
0
1....
>- illustrerez ainsi le graphique de cet exemple
w
<j"
r-l à l'aide d'un dessin de ... cigarette, dont les
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
u
11 al--~~~~~~~~~~~~~~~~~~~.IIIIII ...................................
1 ••
' Cl
/.•.
"'. T,
./ ·'·
, '·
..... ~.
. ...
, tl,
.. IJ
_J
0 Ouvrez l'image de départ. Dans la palette d'outils, activez
l'outil Graphe à barres verticales et cliquez sur le plan de
Dans le tableau de données qui apparaît, sa1s1ssez en
ligne les valeurs suivantes : 78, 85, 125, 138, 85 et 72.
travail : une boîte de dialogue s'ouvre, permettant de configurer
l'histogramme. Choisissez une largeur et une hauteur de 120 mm,
puis validez par OK.
--•·2.Z - :
1 ..
...,.,
,<'l ISO
\ T.
/
/ /
,
., ,.
,
"'-"·
».• ».•
• il, •.Il.
.. IJ
"'"'
·.•
......
_J
~ Une fois toutes les valeurs saisies, validez en cliquant sur
~ l'icône Appliquer, en haut à droite. Puis fermez le tableau 0 L'histogramme est ainsi créé. Avec l'outil Texte, ajoutez
sous chaque colonne les années correspondantes. Vous
en cliquant sur la croix rouge, située au-dessus de l'icône Appli- allez maintenant créer un symbole que vous utiliserez ensuite
quer. pour le graphique.
- " . A•
- il· Ir-
1 .. ISO ISO
120
.....
"'·
J. lt.
90
.. r.
·.•
......
60
JI'
19$11 1999 X100 1001 lOOl lOOJ 1fN 1"9 lOOO Jt.lOI )00) 100) _J
~ Dans la palette d'outils, cliquez sur l'icône Sans du sélec- Activez l'outil Trait dans la palette d'outils et créez un trait
~ teur de couleurs du contour, puis faites de même pour le de conto ur noir au -dessus du filtre, comme indiqué.
sélecteur de couleurs du fond. Avec l'outil Rectangle, dessinez
ensuite un rectangle vide autour de la cigarette, comme indiqué .
.........................................._~~~~~~~~~~~~~~~~~~~-----l 119
,_
-·-
-·-
•.
...,.,
' c:t
--
·-1..-.
150
-_
' T,
/
/
;
. . ~:.
120
.. 120
--·-·
..... ..._..,._
.........,.....,,,,._
.. . .
,,Ill,
90
60
.............
-·-
-........................
_. -· .'
, ....
90
60
. .....1--•.-.C-
..._... .......,_...
............. -. --·
--·..._
-·
_..
)0
..... .. .........
,g
.__,
~ ,_..
-· -~J
0 Le trait étant toujours sélectionné, transformez-le en
repère via le menu Affichage>Repères>Créer les repères 0 Avec l'outil Sélection, sélectionnez la cigarette, le rec-
tangle vide et le trait transformé en repère. Puis associez
ou par le raccourci Ctrl + 5. le tout via le menu Objet>Associer ou le racco urci Ctrl + G.
---·-
». •
'·"·
......... .
U ICl
_
,_ __.._
. __
c-..- • ...,_
·~..,.....,..
c-... - ......
....
--·-....
--·--
.._
.._.,
-·-
·-- _J
Cet ensemble étant toujours sélectionné, transformez-le en Dans la boîte de dialogue qui apparaît, cliquez sur le
symbole de graphe via le menu Objet>Graphe>Symbole. bouton Créer puis sur le bouton Renommer, et sa isissez
«Cigarette». Validez pa r OK les deux boîtes de dialogue.
/
, ,., 1:1!1
V)
<l)
0
1....
>-
"" • .:i.
"·.
•.Ill.
....
li lr.
.......
- ..........
e~-...,
• . . . . . . . . 1......
~ 1.......... ,., . . .
w
<j"
r-l
0
N
© o.
.µ
..c Avec l'outil Sélection, sélectionnez l'histogramme, puis
Ol
ï:::: allez dans le menu Objet>Graphe>Attributs. Saisissez
>-
a. alors une largeur de barre de 100% et validez par OK.
0
u
...
"'·.•"'
60
lO
_J
~ Le graphique étant toujours sélectionné, allez dans le ~ Le graphique obtenu affiche désormais des symboles en
~ menu Objet> Graphe> Barre. Dans la boîte de dialogue qui ~ forme de ci garette dont la hauteur est proportionnelle aux
s'ouvre, sélectionnez le symbole Cigarette et validez par OK pour données.
appliquer le symbole à l' histogramme.
A -
- - ,Z · D •
150
, ,. 120 , ,
».•
".~. '"),
» •
·.
....,
.........
• Il.
&. r
....... 60
lO
1'11 1'19 MOO 2001 XIOl 1001 _J

~ Retournez dans le menu Objet> Graphe> Barre pour ~ Reproduisez cette opération, mais en sélectionnant l'op-
~ modifier les paramètres de l'histogramme. Dans le menu ~ t ian Proportion part ielle. Cette fois, les cigarettes so nt
déroulant Symbole, choisissez l'option Proportion uniforme . Les allongées mais pas déformées, grâce au t rait repère placé à
cigarettes sont maintenant proportionnelles aux données en l'étape 6.
haute ur et en largeur.
Comme vous l'avez vu, il existe plusieurs
manières d 'adapter un symbole à un gra-
phique. Il peut être étiré verticalement sui-
vant les valeurs à représenter, en paramé-
trant une déformation partielle ou totale.
Vous pouvez aussi décider de l'agrandir pro-
portionnellement aux données en largeur et
hauteur, ou encore de le répéter sw un axe
vertical en fonction des valeurs de l'histo-
gramme . Toutes ces possibilités vous offrent
une grande souplesse de présentation .
.........................................._~~~~~~~~~~~~~~~~~~~----1 121
Atelier 38 --,
~
1 1 • 1 • 1 • 1
Importer Outils utilisés :

Palette Liens
dan5 Il lv5tratar
Importer
L _ _ _~
--- • D•
. . . . s-- .... .,..,,.,_ . . . .
.._
' Importer dans lllustrator
;:mi Importer dans lllustrator
/
',·' .·
....../11..•
~
.. .,
Il existe plusieurs méthodes pour importer logiciels simultanément et de faire passer les
du texte ou des images dans Illustrator. Dans éléments de l'un à l'autre.
cet atelier, vous allez vous familiariser avec Lorsque vous importez une image dans Illus-
la commande Importer, qui permet d'intégrer trator, vous pouvez l'incorporer dans le fichier
des fichiers de différents types. Mais si les final ou la laisser en lien. Choisissez la pre-
éléments à importer proviennent de logiciels mière option si vous ne pensez pas modifier
compatibles avec Illustrator (comme Pho- cette image ultérieurement : ainsi, vous ne
V)
<l) toshop). vous pouvez également utiliser les risquerez pas d'oublier de la fournir avec le
0
1....
>- commandes Copier et Coller, voire effectuer un fichier Illustrator. Attention cependant, l'incor-
w
<j"
r-l
glisser-déposer. Il suffit alors d'ouvrir les deux poration ajoute un poids non négligeable à ce
0
N fichier, donc tenez-en compte si vous prévoyez
© ~ Fichiers initiaux : i~agedepart38.ai
.µ un grand nombre d'images .
..c
Ol
ï:::: i7 p1ece.png
>-
a.
0
Fichier final : imagearrivee38.ai
u
122l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
·-
___...._.
---
---
---- ~
·--__
-
..................
.., _
0
·----
""' _J
~
0 Ouvrez l'image de départ (ou créez un document vierge)
et allez dans le menu Fichier>lmporter.
Dans la boîte de dialogue qui apparaît, sélectionnez le
~ fichier piece.png. Cochez la case Lien, en bas à gauche,
pour obtenir un lien sur l'image, puis cliquez à droite sur le
bouton Importer.
\ T.
/.•. Importer dans lllustrator ' T
Importer dans lllustrator
,....,.
/, ,.'· / /
''.L!.
"·'
• Ili.
.
,..; a,,
....
l i IJ
..... "' "'
_J
~ L'image est ainsi importée. Sélectionnez-la avec l'outil
~ Sélection et notez les informations qui figurent dans 0 La palette Liens apparaît, contenant tous les éléments
importés dans lllu strator. Notez que vous pouvez égale-
la palette de contrôle, notamment le fait que l'image soit liée. ment y accéder via le menu Fenêtre>Liens.
Cliquez sur le raccourci Fichier lié, en haut à gauche.
L'intérêt d 'utiliser des images liées e st de
Importer dans lllustrator pouvoir les modifier à tout moment, à l'in-
verse des images incorporées que vous de-
vrez d'abord désincorporer avant de pou-
voir les retravailler. Mais attention à ne
pas oublier de fournir les images liées en
même temps que le fichier Illustrator ! Sinon,
ce dernier sera imprimé en basse résolution
ou sans les images.
~ Sélectionnez l'image piece.png dans la palette. Pour l'in-
~ corporer dans lllustrator, cliquez sur le bouton Incorporer
de la palette de contrôle. Dans la palette Liens, un petit symbole
apparaît alors en regard de l'image, signifiant que celle-ci se
trouve maintenant dans le fichier et non plus en lien .
........................................._~~~~~~~~~~~~~~~~~~~----1 123
Atelier 39 --,
~
1 1 • 1 • 1 • 1
:t"xparter Outils utilisés :

Exporter
Palette Calques
dan5 fhot o5hop

L _ _ _~
AJ -
• D•
-- 0 ; +.
· [J-
.·· 0--
0--
-·-
-o.
· 0~-
• 0-
· 0-
Pour qu'un fichier. ai soit lu par un autre logiciel, Exporter, en sauvegardant les calques créés
vous devez l'exporter : Illustrator propose une dans Illustrator. Vous pourrez ainsi continuer
vingtaine de formats d'exportation différents, à enrichir l'illustration dans Photoshop en tra-
que ce soit des formats images comme JPEG, vaillant sur des calques distincts.
ou des formats de dessin vectoriel comme EPS.
Pour exporter une illustration dans Photoshop,
il suffit de la glisser-déposer dans ce logiciel,
avec la possibilité de lui ajouter un lien dyna-
mique. Ce dernier permettra alors de récupérer
V)
<l) dans Photoshop les éventuelles modifications
0
1....
>- apportées à l'image dans Illustrator. Mais dans
w
<j"
r-l cet atelier, vous allez utiliser la commande
0
N
©
.µ
..c
Ol
ï::::
0
>-
a. IV Fichier final : imagearrivee39.psd
u
1 24l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
=3 A-
;...,.
,
,/
'0
'·
.,.'-':
».•
....
·...
la
.....
l[J
'------~~!:"'..
~
menu Fenêtre>Calques. Notez que ce fichier comporte
Allez ensuite dans le menu Fichier> Exporter. Dans la boîte
~ de dialogue qui apparaît, sélectionnez le format natif
sept ca lques (voir atelier 07). Photoshop (*.PSD) dans le menu déroulant Type et va lidez en
cliquant sur le bouton Enregistrer.
,/....
A - . O·
'' 'T
,/ ,
, '·
"·'-'·
.. .,...
»-. •
• Il •
......
',
.,..._..,...let
CD-
~ Dans la boîte de dialogue qui s'ouvre, choisissez la résolu-

~ tion Haute (300 ppp) et cochez l'option Écrire les ca lques. 0 Avec Photoshop, ouvrez le fichier nouvellement créé, puis
la palette Calques : vous y retrouvez les sept ca lques du
Validez en cliquant sur le bouton OK. fichier lllu strator.
En exportant au format natü Photoshop
(.psd) avec l'option Écrire les calques co-
chée, vous récupérez l'organisation du tra-
vail du fichier Dlustrator dans Photoshop.
Plus besoin de sélectionner les différentes
parties de l'illustration : il suffit de les appré-
hender via les calques dans Photoshop .
.........................................._~~~~~~~~~~~~~~~~~~~-----l 125
Atelier 40 --,
~
1 1 • 1 • 1 • 1
:t"xparter Outil utilisé :

Enregistrer sous
av ~armat PDF
L _ _ _~
Le format PDF (Portable Document Format) est du logiciel d 'origine si vous cochez l'option adé-
un format universel qui permet de visualiser quate lors de l'exportation. En d'autres termes,
et imprimer un fichier sans avoir à posséder vous pourrez réouvrir un PDF dans Illustrator
le logiciel avec lequel il a été créé. Son emploi sans avoir perdu d'informations.
est aujourd'hui très répandu, que ce soit pour
des impressions ou pour des applications des-
tinées au Web. Son format compact et simple
d 'utilisation séduit tous les acteurs de la chaîne
graphique : imprimeurs, compositeurs, maquet-
V)
<l) tistes, graphistes ... De plus, particularité très
0
1....
>- intéressante d'Illustrator et de Photoshop, le
w
<j"
r-l format PDF conserve toutes les fonctionnalités
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
IV Fichier final : imagearrivee40.pdf
u
125l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
---
= -·
. ..... ,. ........... o..c.,
- ...,--....... """" ...

................
~
,_.,._.
.,o.. ... -... .... , ....... ~ .. --...-
~
0 Ouvrez l'image de départ, puis allez dans le menu
Fichier> Enregistrer sous. Dans la boîte de dialogue qui
Une nouvelle boîte de dialogue s'ouvre alors. Dans le
~ menu déroulant Paramètre prédéfini Adobe PDF, choi-
apparaît, sélectionnez le format Adobe PDF dans le menu dérou- sissez l'option [Qua lité optimale].
lant Type et validez en cliquant sur le bouton Enregistrer.
Al -
, ,. - -· ,...._,............ ............
~..........
._ ~ ._(lit_.... .,............... ..,
_.._ _ _ _ - __,, .......... __ ......
....
~..... · ~ -c-
').l:J.
.·...,.
»-. •
• Ill. - __...............
. . . .. ,.. . . . . . . . . . 11(.......
~ ... ,---,.-....,.._
---
_ y._ ......... , _ . . . _
-·-
-·-...... ......- .._ ._
..... ., ....
_,_._..
...,............
...............
....,,___... --... ...........
......_._
....... ...- __...
.c .c .. :,-
:•-
:•-
: •-
•• • •.:.
Vérifiez que l'option Conserver les fonctions d'édition

d'lllustrator soit bien cochée. 0 •
Dans la zo ne de gauche, cliquez sur Repères et fonds
perdus pour ouvrir l'onglet correspondant. Cochez ensuite
la case Traits de coupe afin d'obtenir des repères d'impression.
Lorsque vous créez un fichier PDF à partir
-,........... ,..,.._ d'un fichier Illustrator, vous avez le choix en-
..........
. _.......
,_
-·-
e .......
-·- ..._ ~
tre différentes qualités d 'image : qualité mi-
..
•...
r
--................................
........_.i. .....
: •-
nimale destinée au Web, qualité optimale
destinée à l'impression, etc. Choisissez alors
l'option la plus appropriée, en fonction de la
destination de votre illustration.
Cliquez enfin sur le bouton Enregistrer en PDF, situé en

bas.
........................................._~~~~~~~~~~~~~~~~~~~----l 127
--,
~
Outils utilisés :
Palette Symboles
Importer (Flash)
L _ _ _~
.. • Il •
Acquis en 2005 par la société Adobe, Flash est passerelles existantes entre les deux logiciels
un logiciel qui permet de créer des animations pour le plus grand bonheur de ses utilisateurs.
vectorielles. Très présent sur Internet depuis Dans cet atelier, vous allez préparer une image
sa naissance en 1996, il s'avère incontournable en vue de son exportation dans Flash.
pour le développement de sites à contenu riche
et multimédia. Pendant longtemps, les gra-
phistes et développeurs Web ont eu l'habitude
d'utiliser Flash en l'associant à un logiciel de
dessin vectoriel, car son interface de dessin
V)
<l)
était relativement limitée : ils dessinaient ainsi
0
1....
>- avec Illustrator, par exemple, et animaient avec
w
<j"
r-l Flash. Mais aujourd'hui, Adobe a renforcé les
0
N
©
....,
..c
Ol
ï::::
>-
a.
0
IV Fichier final : imagearrivee41.fla
u
12al--~~~~~~~~~~~~~~~~~~~.IIIIII ...................................
. ,,__ :: ~ - :: ..
\ T.
/.•.
,/ '·
...
, '·
~.~. ....,_
». •
, tt.
":111
.. IJ li r.
..... ..""·
' . 4,
....... 11 . . . . . . . ..............
~
0 Ouvrez l'image de départ, puis la palette Symboles
via le menu Fenêtre>Symboles. Avec l'outil Sélection,
Dans la boîte de dialogue qui apparaît, nommez le
~ symbole Main gauche, par exemple. Choisissez l'option
sélectionnez la main gauche du personnage et placez-la, par Séquence vidéo et validez par le bouton OK.
glisser-déposer, dans cette palette.
l i IJ
',.
..... ---
-
.c
.
• •l:l
,s;i
----
---
- .....
~ Effectuez la même opération pour l'ensemble des élé-

~ ments de l'illustration : bouche, cheveux, pied s gauche 0 Lancez ensuite Flash, puis ouvrez un nouveau document
dans ce logiciel. Allez ensuite dans le menu Fichier>
et droit, main droite, moustache, sourcils gauche et droit, yeux lmporter>lmporter dans la scène et sélectionnez le fichier lllus-
gauche et droit. Puis enregistrez votre travail via le raccourci Ctrl trator imagedepart41.ai.
+ S.
J
-~
-·-·...-~....._._
__.............. ---- m-
l" - -
- Notre suggestion
Une fois dcms le logiciel Flash, tous les tra-
,.~=~ __ cés constituant un dessin importé depuis
,.l o'-
&l
-__-
lii•- lllustrator apparaissent dcms une boîte de
.......... dialogue. Ils peuvent être alors trcmsformés
"~-- --......
,-.-
en occurrences Flash, ou tout simplement
11--
El..-
0-,
ignorés lors de l'importation en décochant
____ ....
c.- ....... ~ -
cc .. -..... ___
.............
_ ......
... ,. .........,..~-1111 ....,
la case de leur calque. C'est également lors
de cette étape que vous pouvez définir les
options d'importation de ces symboles : sur
ri----
~ Une boîte de dialogue apparaît, listant les symboles du la scène, dans la bibliothèque, etc.
~ fichier lllustrator transformés en occurrences Flash. Si ce
paramétrage vous convient, cliquez enfin sur le bouton OK, en
bas à droite .
.........................................._~~~~~~~~~~~~~~~~~~~---1 129
--,
~
Outil utilisé :
Imprimer
L _ _ _~
h:UIIWllur,wiOjlllii~pmâKM...,....,,.
......,...,
__
DM _ _ut
IMlflbtlla
W. ~
_aca.a,111
._.......-
• - ....
t-411111n:1...,,..,
........ ~ · ~ , .
IN penl
.// .,:,
CJ ' - .. lfl'ÎlffNlll~od . . wkl:wlitMilft
IIIJ,w9llnÎ01nl'IP..... wt"'""-tl1111!~UI
, .,.....,.per<Neabl<Ull~'IOlln9M111* -
. . . _.,.,,......,. ____ ..,. , . _ ..t,,fldl
..__,.... """'-- .__. -..- ..........

P ' M ~ ... --fl'IPOt .. N!l~,.._,.
g ' · .,. __ """"'.. '""**......... ....._
'·~-:
;i.,_ ~-: '
tLll .......... ~ ....... c p . i l l U ~ l ' I
ffitlir.<111M1ChNchilfaA~pWlltlt,.,oslÎl'HI
--pol•ntQDQ.Ne.-.._.ilq.* .. . .
<a. Ill. ~WlldllftutWIC. . . . 1.-. . . . . . . . . .
INl!llf!MftporiQluJh.T_ ec_ila1iiMltllâ.l,n
............ lkGf'~.,.._.,.. .........
Il;!! ICI .,. ,.. ..."'.._~......,..i~• c-s,uditl
. . . . . . . . ~ . .(V9W . . flfflll*(.
»11'1.•- . , .ISunli lM...--.sdonaw.i'*sl:
...,.
~......
d _ ,..... ~.,
~ l l ~ i . . ...-..1
___ • •.,_il!___
~»-..-- .....
·~'*Ot! NIIIIWl pll'._,,.,.,
......... .,......., __ •. Nndowllllll,.......
q...tdofuptma
...._...,_Qoptl __ .,_,, ~
........................~ ....... -~ulpll'iblt-
............... ldltlbl.... --•1.llii(OJI-
9US\ 1tq111 n i l ~ ~ - ~ -t alllua
- - b
La phase d'impression représente une étape est destinée à une impression en séparation
capitale de votre travail si votre document a chez un imprimeur.
pour but d'être imprimé. Dès l'ouverture d'Il- Notez que depuis la version CS4, vous pouvez
lustrator, il est d'ailleurs recommandé de choisir non seulement créer plusieurs plans de travail
un mode de colorimétrie dans les Préférences : dans un même fichier Illustrator, mais également
V)
de manière générale, préférez le mode RVB car lancer leur impression de manière sélective,
<l)
0 la gamme de couleurs est plus étendue, mais comme si vous imprimiez seulement certaines
1....
w
>-
optez pour le mode CMJN si votre production pages d'un même document. Dans cet atelier,
<j'
r-l
0 vous allez lancer l'impression du fichier final
N
© de l'atelier 21, qui comporte plusieurs plans de

....,
..c
Ol
ï::::
>-
a.
0
D Fichier initial: imagedepart42.ai
travail.
u
..________
________ _ ---
---
---___.....__
----
--------
:::S.-=:::-.:-"
------
·--------
------- .....- -_.,_ -
......
_.... ..........
__
/.
/
"·"'·
....,._
._,,..,.. --------
---·-----
__
------·
--------
---·---- -
-------
------
_....
---
...
-·--...--
-------·-
---
-----··---
D
-
. .......,.......... °"'-.
-
-·------
·-···-----
-------
---------
---·--
------
·--·--·'"'·-- -
~
~
0 Ouvrez l'image de départ, puis allez dans le menu
Fichier> lmprimer. Une boîte de dialogue apparaît.
L'o nglet Général propose différents formats d' impression,
~ accessibles par le menu déroulant Format. Pour lancer une
impression sélective, cochez le bouton Étendue. À gauche, une
fenêtre de visualisation affiche le plan de travail n° 1. Cliquez sur
l'icône de défilement pour visualiser le plan n° 2.
--- - -- -
_...._ -....__.,_ -
................ 'T ..... ......
................ ............
. ,.,
_
/
o .........
._
..............
.._ .._...... .,_ ·.
- .......
--
J ..... a.. .........................__
..,__
--.
.,~ ...- ............ ~
~ Dans la zone de gauche, cliquez sur Re pères et fond perdu

~ pour afficher l'onglet correspondant. 0 Cochez la case Traits de co upe afin de po uvoir découper
par la suite la feu ille au format choisi.
Lors de la création de ce fichier exemple, un
fond perdu de 5mm avait été prévu, permet-
tant de faire dépasser les fonds et les images
qui se trouvent au bord de la page, donc
proches de la coupe. Lors du processus d 'im-
pression, assurez-vous donc que la case uti-
liser les paramètres de fond perdu du docu-
ment soit bien cochée dans l'onglet Repères
et fond perdu. Mais sachez qu'en incluant les
fonds perdus et les traits de coupe, la taille
du document final sera supérieure au format
A4 : voilà pourquoi il est souvent plus prati-
que de posséder une imprimante A3 .
........................................._~~~~~~~~~~~~~~~~~~~-----l 131
Atelier 43 --,
~
1 1 • 1 • 1 • 1
A55embler Outil utilisé :

Assembler
dan5 vn do55ier
L _ _ _~
L'atelier 38 vous a fait découvrir les différentes ou encore de le confier à une tierce personne.
options d'importation d'images ou d'éléments En effet, si un fichier Illustrator ne possède pas
externes dans Illustrator, et notamment la pos- ses images ou imports originaux, il ne pourra
sibilité de choisir une importation incorporée pas être traité convenablement, que ce soit en
ou en lien. Mais lorsqu'on choisit ce dernier production ou en impression. Heureusement, la
type d'importation, il est important de ne pas version CC d'Illustrator s'est étoffée d'une nou-
perdre la source originale des images quand il velle fonction d'assemblage très pratique, qui
s'agit de conserver ou d'enregistrer le fichier, existait d'ailleurs déjà dans le logiciel InDesign.
V)
<l) En un seul clic, cet outil permet de rassem-
1....
>-
bler dans un même dossier tous les imports
w Fenêtre.psd
<j" employés et toutes les polices de caractères
r-l
0 Maison.psd
N
@ utilisées, évitant ainsi les erreurs et les pertes
©
...., pontd ugard.psd
irrémédiables, et apportant un confort de pro-
..c
Ol rue.psd
ï:::: duction non négligeable.
>-
a.
0
velo.psd
u
132l--~~~~~~~~~~~~~~~~~~~. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
.,_ --
---
----
..................
"·
--
......... _...._
.
D
.........,.... _
~
0 Ouvrez l'image de départ, puis la palette Liens via le men u
Fenêtre> Liens. Vous constatez qu' un seul visuel est incor-
Afin de rasse mbler les images en lien et les polices
~ utilisées dans un même dossier, allez dans le menu
poré, reconnaissable à son icône caractéristique. Si vous cliquez Fichier> Asse mblage.
sur les autres images dans l'espace de travail, un cadre barré appa-
raît sur chacune d'elles, ce qui signifie qu'elles sont en lien.
·- ~~
.,......... ...........
' T
....
-g--- .
,... A-
• ......_.... ........->.......
/
. ,,
....:111
"'...."'
··""·
-·-__--
,.
·-.., ___ ,_"'

uO.,H
e._ . ..._,s....
·-·--
~ ....... Olk.o..-. . . ,
~ Dans la boîte de dialogue qui s'ouvre, notifiez l'emplace-

~ ment du dossier, donnez-lui un nom, vérifiez ce que vous 0 Dans ce dossier, vous trouverez le fichier lllustrator, les
polices utilisées dans un sous-dossier Fonts et les images
souhaitez co nserver et cliquez su r le bouton Assemblage. liées dans un sous-dossier Lin ks.
Cette nouvelle fonction d'assemblage facilite
grandement la récupération des images. Si
vous avez beaucoup de visuels dans votre
fichier mustrator, vous éviterez ainsi les erreurs
dues aux manquants, mais vous vous attran-
chirez également de leur incorporation, qui
peut alourdir considérablement le fichier .
.........................................._~~~~~~~~~~~~~~~~~~~----1 133
J
A
Annulation de la dernière opération 102 Distorsion de l'enveloppe 20, 54
Assembler 132, 133
Associer 118 e
Effet 86, 90
B Effet 3D 86, 90
Baguette magique 14 Effet 3D Extrusion 90, 116
Barre de menus 9 Effet 3D Révolution 86
Bibliothèque de couleurs 69 Effet Photoshop 92
Biseau 90 Effet vectoriel 86
J
Ellipse 20, 78
C Enregistrer sous 126
Cadre de sélection 17 EPS 124
Calque 31, 124 Espace de travail 12
Camenbert 116 Exclusion 58
Chaînage 74 Exportation au format PDF 126
Concepteur de formes 58 Exportation dans Photoshop 124
Contour 15 Exporter 124
Conversion de point directeur 62
Couleur 32 F
Courbe de Bézier 24
Filet de dégradé 44
Crayonné 100
Fond 15
Fond perdu 131
7)
Fontographer 84
Décomposer 54 Format d'exportation 124
vi
<l)
Déformation 54, 72 Format PDF 126
0
1....
Dégradé 34 Forme artistique 104
>-
w Dégradé de couleurs 34 Forme calligraphique 102
s:t Dégradé de formes 62
,-t Forme de tache 18, 84
0
N Dégradé linéaire 34
@ Dégradé radial 34
6
J
.µ
..c Dessin au trait 64
CJl
·c Galerie d'effets 92
>- Dessin intérieur 72
Q. Gestion des espaces de travail 12
0 Dessin vectoriel 64, 102
u Graphe à barres verticales 118
~
Diagramme 116
134
~
~
Graphe sectoriel 116 Mode Extrusion 86, 90
~
Graphique circulaire 116 Mode Isolation 31
Griffonnage 100 Mode Révolution 86
~ Grille de perspective 48 Mode RVB 32
Grille rectangulaire 20 Modifier le contenu 72
~ Groupe 31 Modifier le mode écran 8
Motif 106
~
H
Habillage de texte 74 N
~
Hachures 100 Nouvelle fenêtre 12
~
Histogramme 118
0
~ I Outils de formes géométriques 21
Identité visuelle 110
~
lllustrator 122 p
Importation en lien 133
~ Palette Aspect 92, 94
Importer 74, 122
Palette Calques 30, 74, 78, 100, 106, 110, 124
Importer (Flash) 128
~ Palette Couleur 44
Imprimer 130
Palette d'outils 9
Incorporation d'une image 122
~ Palette de contrôle 9
Interface 8
Palette Dégradé de couleurs 34, 110
~ Intersection 58
Palette Formes 102, 104
Palette Guide des couleurs 32
~ J Palette Liens 122
JEPG 124 Palette Nuancier 32, 34, 38, 44, 48, 64, 68, 92,
~
Justification 74 94, 96, 106, 116
Palette Paragraphe 74
~
l- Palette Pathfinder 58, 84
Palette Styles graphiques 94
~ Ligne directrice 25
Palette Symboles 48, 86, 90, 98, 116, 128
vi Ligne droite 18
~ Palette Transformation 38, 44, 54, 106
0
Logo 110
1.... Palette Transparence 96
>-
w Palette 8, 9, 12
~ M
,-t
0
Peinture 102
Masque d'écrêtage 72
~.µ
Masque d'opacité 96
Photoshop 122
Pinceau 18, 102, 104
..c
~ Mise en page 74 Pipette 68
1....
>- Mode CMJN. 32 Plan de travail 8, 9
Q.
==g» Mode de colorimétrie 32, 33 Plume 18, 24, 110
~ 135
Point d'ancrage 15, 25 Sélection de peinture dynamique 64
Point d'angle 25 Sélection de perspective 48
Point d'encrage 19 Sélection directe 14, 24, 29, 32, 38, 44, 82, 84,104
Point mixte 25, 27 Style graphique 100
Points de courbe ou d'inflexion 25 Symbole 118
Points de courbe incurvée 25
Police 84 T
Polygone 20
Tablette graphique 102, 104
Pot de peinture dynamique 64,110
Texte 74, 110
Préférences 21
Texte curviligne 78
Pulvérisation de symboles 98
Texture 92
Trait 18, 118
Traits de coupe 127, 131
Rectangle 20, 48 Transformation manuelle 54
Redéfinir les couleurs 38, 42 TSL33
Réorganiser les documents 12 Typographie 84
Repère d'impression 127
Repères commentés 11, 19 u
Réunion 58
Unités de mesure 21
Rotation 60, 106
s Vectorisation dynamique 64, 68

Sélecteur de couleurs 14, 32, 104, 106
Vectorisation 48, 68
Sélecteur de couleurs du contour 107
Vectoriser 82
Sélecteur de couleurs du fond 107
Sélection 14, 34, 58, 60, 86

Illustrator CC - Spécial Débutants (PDFDrive)

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Illustrator CC - Spécial Débutants (PDFDrive)

Transféré par

Droits d'auteur :

Formats disponibles

:

À qy; 5 'adre55e e,e livre ?

À vous de jouer maintenant!

Tracer une forme géométrique ~ 14

Créer une illustration 3D

26 :t"xpor-to-tion e-t itrlpre55ion

Index.............. ......... ............................... 134

PeGOVvrir Outils utilisés :

i'e5pac.e de travail Palettes

~ À gauche se trouve la palette d'outils (ou boîte à outils).

Effectuez la même opération avec le groupe de palettes

........... ___ ......, __ • li·

~ Pour remettre la palette de contrôle à sa place, glissez-la

0 Située au-dessus du plan de travail, la barre de menus

© lite la gestion des différents plans de travail.

Per5onna li5er Outils utilisés :

i'e5pac.e de travail Nouvelle fenêtre

Cliquez sur l' icône Réorganiser les documents et choisissez

Sélectionner, dép lacer, Outils utilisés :

~ L' outil Baguette magique, situé sous la flèche noire dans la

0 Pour supprimer la co uleur du contour, cliquez sur le sélec-

TraGer Outils utilisés :

vne liqne droite

~ Activez ensuite l'outil Plume dans la palette d'o utils.

~ Continuez de tracer des segments, comme indiqué, tout

TraGer vne ~orme Outils utilisés :

qeometriqve 5imp le Ellipse

~.-..œ m c-., ~ 1 - --1-1, - ...... 1-1..d·,~-·œ 1 .................. 1 ~ .,., .

..,_ '4 . . . .......

Pour créer le manche du banjo, activez l'outil Grille rec-

TraGer Outils utilisés :

vne liqne e,,avrbe

~ Sur la courbe n° 2 , cliquez sur le point le plus à gauche du

~ Enfin, cliquez-glissez sur le dernier point (il s'agit d'un

~ Cliquez sur le deuxième point en tirant ve rs le bas pour

Reproduisez enfin les étapes 23 à 26 pour le reste du tracé

1!l! ICI • 1 IOl <T,Kh 0

© groupe. Vous apprendrez également à rassem-

Ouvrez l'imagedeparto7.ai, puis la palette Calques via le

~ Cliquez sur le bouton situé en haut à droite de la palette

Mettre en GOV levr Outils utilisés :

vne ;l lv5trat;an Palette Nuancier

~ Dans la palette d'outils, le carré est maintenant rempli

~ Cliquez ensuite sur l'icône symbo lisant un dossier sur-

Transformez le dégradé linéaire en dégradé radial en choi-

~ Double-cliquez ensuite sur le curseur noir de la barre de

0 Double-cliquez sur ce curseur et, dans la palette Nuan-

~ Cliquez-glissez sur ce point pour déformer le cercle en

Madi~ier le5 C;OV levr5 Outils utilisés :

d'vne i llv5tratian Palette Nuancier

~ Reproduisez ces opérations si vous souhaitez attribuer

~ Pour modifier ce motif, ouvrez la palette Transformation

~ Vos choix de couleurs étant arrêtés, enregistrez la gamme

Pa55er vne il lv5tration Outil utilisé :

en dev x e,ov levr5

Repradv;re 1'e.P.Pet Outils utilisés :

d'vn aérographe Palette Nuancier

~ Afin de mieux orienter les reflets de couleur appliqués,

~ Ce point d'ancrage étant sélectionné, ouvrez la palette

,. .. ~..., ........ ..__ a Af ,.._

~ Toujours avec l'outil Grille de perspective, cliquez et restez

~ Dans la barre d'outils, sélectionnez l'outil Rectangle

~ Le triangle étant toujours sélectionné, cliquez dans la

........... _ ......, • li·