Sunteți pe pagina 1din 479

l spine = 0.

8421"

Adobe

Illustrator CC

Le support de cours officiel


conu par lquipe dAdobe

CLASSROOM IN A BOOK

SOMMAIRE

INTRODUCTION
1
propos de ce manuel ........................................................................... 1
Contexte dutilisation............................................................................... 1
Installation dAdobe Illustrator ............................................................. 1
Installation des polices ............................................................................ 2
Copie des fichiers dexercices................................................................ 2
Rtablissement des prfrences par dfaut .................................... 2
Ressources complmentaires ............................................................... 3
Certification Adobe................................................................................... 4
Synchroniser les paramtres avec Adobe Creative Cloud.......... 5
NOUVEAUTS DADOBE ILLUSTRATORCC
9
Adobe Illustrator et Adobe Creative Cloud ..................................... 9
Outil Retouche de texte .......................................................................... 9
Images dans les formes .........................................................................10
Amliorations du texte ..........................................................................10
Amliorations des images ....................................................................11
Extraction de code CSS .........................................................................11
Transformation manuelle sur illustration .......................................12
Assemblage de fichiers .........................................................................12
Autres amliorations ..............................................................................12
VISITE GUIDE DADOBE ILLUSTRATOR CC
15
Mise en route ............................................................................................16
Synchroniser les paramtres avec Adobe Creative Cloud ......16
Crer un document.................................................................................16
Tracer des formes ....................................................................................17
Appliquer une couleur ..........................................................................18
Modifier les contours .............................................................................19
Loutil Concepteur de forme ................................................................19
Crer et modifier des dgrads..........................................................21
Les calques .................................................................................................22
Loutil Largeur............................................................................................23
Crer un motif...........................................................................................24
Les symboles .............................................................................................26
Le panneau Aspect .................................................................................27
Crer un masque dcrtage ...............................................................28

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

III

Les formes ..................................................................................................29


Le texte ........................................................................................................29
La perspective...........................................................................................31
Importer des images Photoshop dans Illustrator........................33
Loutil Vectorisation de limage ..........................................................33
Les effets .....................................................................................................34

IV

Sommaire

LESPACE DE TRAVAIL
37
Mise en route ............................................................................................38
tude de lespace de travail .................................................................40
Modification de laffichage ..................................................................52
Navigation entre plusieurs plans de travail ...................................57
Le panneau Navigation .........................................................................60
Agencer les documents multiples ....................................................62
Ressources sur Illustrator ......................................................................64

SLECTIONS ET ALIGNEMENT
69
Mise en route ............................................................................................70
Slection dobjets ....................................................................................70
Alignement dobjets ...............................................................................77
Travail avec les groupes ........................................................................80
Disposition des objets ...........................................................................82
Masquage et verrouillage dobjets ...................................................84

CRATION DE FORMES
87
Mise en route ............................................................................................88
Cration dun document ......................................................................88
Cration de formes simples .................................................................90
Combinaison et modification de formes ..................................... 109
Loutil Vectorisation de limage ........................................................ 119

TRANSFORMATION DOBJETS
125
Mise en route ......................................................................................... 126
Manipulation des plans de travail .................................................. 127
Transformation du contenu.............................................................. 133

DESSIN AVEC LES OUTILS PLUME ET CRAYON


151
Mise en route ......................................................................................... 152
Cration de la coupe de glace ......................................................... 163
Dessin avec loutil Crayon .................................................................. 179

COULEURS ET PEINTURE
185
Mise en route ......................................................................................... 186
propos de la couleur ....................................................................... 186
Manipulation des couleurs ............................................................... 189
Peinture avec des motifs.................................................................... 210
La fonction Peinture dynamique .................................................... 215

MANIPULATION DU TEXTE
221
Mise en route ......................................................................................... 222
Les fonctions de texte......................................................................... 223
Mise en forme du texte ...................................................................... 230
Cration et application de styles .................................................... 244
Dformation de texte ......................................................................... 248
Manipulation de texte sur un trac ............................................... 251
Habillage dun objet avec du texte................................................ 255
Vectorisation du texte ........................................................................ 255

LES CALQUES
259
Mise en route ......................................................................................... 260
Cration de calques ............................................................................. 261
Slectionner et dplacer des objets et descalques ................ 263
Verrouillage de calques ...................................................................... 267
Affichage des calques ......................................................................... 268
Collage de calques ............................................................................... 270
Cration dun masque dcrtage .................................................. 272
Fusion de calques ................................................................................. 273
Recherche de calques ......................................................................... 274
Application dattributs daspect des calques ......................... 275
Isolation de calques ............................................................................. 277

DESSIN EN PERSPECTIVE
281
Mise en route ......................................................................................... 282
La grille de perspective ...................................................................... 283
Manipulation de la grille de perspective ..................................... 284

10 DGRADS DE FORMES ET DE COULEURS


305
Mise en route ......................................................................................... 306
Les dgrads de couleurs .................................................................. 307
Les dgrads dobjets ......................................................................... 323
11 LES FORMES
333
Mise en route ......................................................................................... 334
Travail avec les formes ........................................................................ 335
Les formes calligraphiques ............................................................... 335
Les formes artistiques ......................................................................... 341
Les pointes de pinceau ...................................................................... 345
Les formes de motif ............................................................................. 348
Loutil Forme de tache......................................................................... 354

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

12 APPLICATION DEFFETS
361
Mise en route ......................................................................................... 362
Les effets dynamiques ........................................................................ 363
Appliquer des effets Photoshop ..................................................... 372
Les effets 3D ........................................................................................... 375
13 LES ATTRIBUTS DASPECT ET LES STYLES GRAPHIQUES
381
Mise en route ......................................................................................... 382
Le panneau Aspect .............................................................................. 383
Les styles graphiques .......................................................................... 389
Cration dillustrations pour le Web .............................................. 397
Crer du code CSS ................................................................................ 404
14 LES SYMBOLES
417
Mise en route ......................................................................................... 418
Les symboles .......................................................................................... 419
Les outils de symbolisme .................................................................. 428
Cration dune bibliothque de symboles ................................. 434
Placage dun symbole sur une illustration3D ........................... 435
Intgration des symboles et de Flash ........................................... 435
15 GRAPHIQUES ILLUSTRATOR ET AUTRES APPLICATIONS ADOBE
439
Mise en route ......................................................................................... 440
Association dillustrations.................................................................. 442
Importation dimages ......................................................................... 443
Masquage dune image ..................................................................... 451
chantillonnage de couleurs dans des images importes ... 458
Les liens dimages................................................................................. 459
Remplacement dune image lie.................................................... 461
Assemblage dun fichier .................................................................... 462
Illustrator et Photoshop, InDesign, Muse, Fireworks et
Flash .......................................................................................................... 462
INDEX

VI

Sommaire

464

INTRODUCTION
Adobe Illustrator CC est le logiciel dillustration standard pour limpression,
le multimdia et les graphismes en ligne. Que vous soyez concepteur technique de
documents destins limpression, graphiste multimdia ou crateur de pages web
ou de contenus en ligne, Adobe Illustrator vous offre les outils dont vous avez besoin
pour obtenir des rsultats de qualit professionnelle.

propos de ce manuel
Adobe Illustrator CC Classroom in a Book fait partie de la collection officielle des
ouvrages de formation aux logiciels graphiques et de publication dAdobe dvelopps
par des experts dAdobe.
Les leons sont conues de sorte que vous puissiez progresser votre propre rythme.
Si vous ne connaissez pas encore Adobe Illustrator, vous y trouverez les notions fon
damentales ncessaires sa matrise. Si vous tes un utilisateur expriment, vous
dcouvrirez que Classroom in a Book dtaille de nombreuses fonctions labores et
prsente des astuces et des conseils pour mieux exploiter la dernire version du logiciel.
Bien que les leons contiennent des instructions pas pas qui permettent de crer un
document particulier, elles vous laissent assez de libert pour lexprimentation. Vous
pouvez suivre louvrage dans lordre de bout en bout ou ne consulter que les leons
qui rpondent vos besoins. Chaque leon se termine par une section rcapitulative
qui permet de rviser les questions qui y ont t abordes.

Contexte dutilisation
Avant daborder Adobe Illustrator CC Classroom in a Book, vous devez connatre,
au moins sommairement, le fonctionnement de votre ordinateur et de son systme
dexploitation. Vous devez savoir vous servir de la souris, des menus et des commandes
standard, ainsi quouvrir, enregistrer et fermer des fichiers. Si vous devez revoir ces
techniques, reportezvous la documentation imprime ou en ligne de votre systme
Windows ou Mac OS.
P Note : Lorsque des instructions diffrent selon les systmes, les commandes Windows sont les

premires cites, suivies des commandes MacOS, la plateforme tant prcise entre parenthses.
Par exemple: Appuyez sur la touche Alt (Windows) ou Option (MacOS) et cliquez en dehors de
lillustration.

Installation dAdobe Illustrator


Avant de commencer les leons de ce manuel, vrifiez que votre systme est correc
tement configur et que les logiciels et le matriel requis sont installs.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

Vous devez acheter sparment le logiciel Adobe Illustrator CC. Pour des instructions
compltes sur son installation, allez sur le Web ladresse www.adobe.fr/support.
Illustrator et Bridge utilisent des programmes dinstallation distincts. Vous devez
installer ces applications sur votre disque dur partir dAdobe Creative Cloud. Suivez
les instructions affiches lcran.

Installation des polices


Les polices de caractres employes dans les leons de cet ouvrage sont livres avec
Adobe Illustrator CC et installes en mme temps que ce logiciel, aux emplacements
suivants :

Windows : [lecteur de dmarrage]\Windows\Fonts\ ;


Mac OS X : [lecteur de dmarrage]/Bibliothque/Fonts/.
Pour plus dinformations sur ce sujet, consultez le fichier daide initiale dAdobe
Illustrator CC ladresse www.adobe.fr/support.

Copie des fichiers dexercices


Pour raliser les projets proposs dans cet ouvrage, vous devez tlcharger les fichiers
des leons partir du site www.pearson.fr, sur la page ddie au livre. Lidentifiant
ainsi que le mot de passe pour y accder sont indiqus la dernire page de louvrage.
Tous les fichiers dexercice sont runis dans une mme archive. Bien que chaque
leon soit autonome, certaines se servent de fichiers dautres leons. Vous devez donc
conserver lintgralit des documents des leons sur votre ordinateur.

Rtablissement des prfrences par dfaut


Le fichier des prfrences contrle les paramtres daffichage des commandes lcran
lorsque vous ouvrez le programme Adobe Illustrator. Chaque fois que vous quittez
le logiciel, la position des panneaux et certains paramtres des commandes sont
enregistrs dans ce fichier. Pour retrouver les rglages par dfaut des outils et des
panneaux, il suffit deffacer le fichier actuel des prfrences dAdobe Illustrator CC.
Sil nexiste pas, Illustrator le cre la prochaine ouverture du programme et lors de
la sauvegarde dun fichier.
Avant chaque leon, vous devrez restaurer les prfrences par dfaut. Vous serez
ainsi sr que les outils et les panneaux fonctionneront comme ils sont dcrits dans
cet ouvrage. Quand vous aurez fini votre session de travail, vous pourrez restaurer
vos prfrences enregistres.

Introduction

Supprimer ou enregistrer les prfrences actuelles


1. Quittez Adobe Illustrator CC.
2. Localisez le fichier Prfs Adobe Illustrator :

P Note : Sous

Sous Windows 7 (Service Pack 1) et Windows 8, ce fichier se trouve dans


le dossier Lecteur de dmarrage\Utilisateurs\nom de lutilisateur\AppData\
Roaming\Adobe\Adobe Illustrator 17 Settings\fr_FR*\x86 ou x64.

Sous Mac OS 10.6.8, 10.7 et 10.8**, ce fichier se trouve dans Lecteur de


dmarrage/Utilisateurs/nom de lutilisateur/Bibliothque/Preferences/Adobe
Illustrator 17 Settings/fr_FR*.

* Les noms des dossiers peuvent varier en fonction de la langue dinstallation.


** Sur Mac OS 10.7 (Lion) et Mac OS 10.8 (Mountain Lion), le dossier Bibliothque est par dfaut cach.
Pour y accder, dans le Finder, slectionnez Aller> Aller au dossier. Dans la bote de dialogue qui
saffiche, saisissez ~/Library, puis cliquez sur OK.

P Note : Si vous ne parvenez pas localiser le fichier des prfrences, servez-vous de la commande
Rechercher de votre systme dexploitation pour trouver Prfs Adobe Illustrator.

Ce fichier nexistera pas si vous navez pas encore lanc Adobe Illustrator CC ou
si vous lavez dplac. Le fichier des prfrences est cr la premire fois que vous
quittez le logiciel. Il est actualis les fois suivantes.

Windows7, le
dossier App
Data est cach
par dfaut. Pour
quil soit visible,
ouvrez Options
des dossiers dans
le Panneau de
configuration et
activez longlet
Affichage. Sur la
liste Paramtres
avancs, localisez
la rubrique
Fichiers et
dossiers cachs
puis activez
loption Afficher
les fichiers,
dossiers et
lecteurs cachs.

3. Crez une copie du fichier et placezla dans un autre dossier sur votre disque dur
(si vous souhaitez restaurer ces prfrences) ou supprimezle.
4. Lancez Adobe Illustrator CC.
E Astuce : Pour localiser et supprimer rapidement le fichier des prfrences dAdobe Illustrator avant

de commencer une nouvelle leon, crez un raccourci (Windows) ou un alias (MacOS) pour le dossier
Adobe Illustrator17 Settings.

Restaurer les prfrences enregistres aprs chaque leon


1. Quittez Adobe Illustrator CC.
2. Supprimez le fichier des prfrences actuel, puis replacez la copie du fichier dori
gine dans le dossier Adobe Illustrator 17 Settings.
P Note: Vous pouvez dplacer le fichier des prfrences au lieu de le renommer.

Ressources complmentaires
Adobe Illustrator CC Classroom in a Book na pas lambition de remplacer la docu
mentation qui accompagne le logiciel ou de constituer une rfrence absolue pour
chacune de ses fonctionnalits. Seules les commandes et les options employes au
fil des leons sont expliques dans ce livre. Pour des informations exhaustives sur les
fonctions du programme, reportezvous aux ressources suivantes.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

Aide et support pour Adobe Illustrator. Vous pourrez trouver de laide et parcourir
les documents de support sur le site www.adobe.fr/support/illustrator.
Formation Adobe Creative Cloud. Si vous recherchez une source dinspiration, des
techniques de base, des utilisations combines des produits Adobe et des informations
sur les nouvelles fonctionnalits, rendezvous sur la page daide de Creative Cloud
ladresse https://helpx.adobe.com/creative-cloud/tutorials.html. Elle est accessible
uniquement aux membres de Creative Cloud.
Forums Adobe. Les forums Adobe (forums.adobe.com) vous permettent de
participer des discussions, de poser des questions et dobtenir des rponses sur les
produits Adobe.
Adobe TV. Le site tv.adobe.com/fr propose des programmes vido en ligne pour
la formation des experts sur les produits Adobe et pour soutenir leur inspiration,
incluant notamment la chane Comment faire qui permet de dbuter avec un logiciel.
Ple de cration Adobe. ladresse www.adobe.com/fr/designcenter, vous trou
verez des articles sur la conception et ses problmes, une galerie dvoilant le travail
dexcellents designers, des didacticiels, etc.
Ressources pour lducation. Les sites www.adobe.com/fr/education et edex.
adobe.com proposent un trsor dinformations destines aux formateurs et aux
enseignants qui donnent des cours sur les logiciels Adobe. Vous y trouverez des
documents ducatifs pour tous les niveaux, y compris ceux qui peuvent tre utiliss
pour prparer les certifications Adobe.
Dautres liens utiles :
Page daccueil pour Adobe Illustrator CC. La page daccueil dIllustrator CC se
trouve ladresse www.adobe.fr/products/illustrator.
Adobe Labs. Adobe Labs (http://labs.adobe.com) propose les premires versions des
dernires technologies, ainsi que des forums dans lesquels vous pouvez changer avec
les quipes de dveloppement dAdobe et dautres membres actifs de la communaut.

Certification Adobe
Les programmes de formation et de certification Adobe sont conus pour aider les
utilisateurs amliorer et promouvoir leurs comptences sur un produit. Il existe
quatre niveaux de certification :

associ certifi Adobe (ACA, Adobe Certified Associate) ;


expert certifi Adobe (ACE, Adobe Certified Expert) ;
formateur certifi Adobe (ACI, Adobe Certified Instructor) ;
centre de formation agr Adobe (AATC, Adobe Authorized Training Center).

Introduction

Le programme ACA certifie que lutilisateur possde les comptences de base nces
saires pour planifier, concevoir, crer et grer des systmes de communication efficaces
via diffrents supports numriques.
Le programme ACE homologue les comptences de haut niveau des utilisateurs experts.
Vous pouvez vous appuyer sur la certification Adobe pour obtenir une augmentation,
trouver un emploi ou promouvoir vos connaissances.
Si vous tes un formateur de niveau ACE, le programme formateur certifi Adobe
(ACI) vous permet dlargir vos connaissances et vous donne accs une grande
diversit de ressources Adobe.
Dans les centres de formation agrs Adobe (AATC), les formations et les cours sur
les produits Adobe sont dispenss uniquement par des personnes de niveau ACI.
La liste des organismes AATC est disponible ladresse http://www.adobe.com/
cfusion/partnerportal/index.cfm?loc=fr_fr.
Pour de plus amples informations sur les programmes de certification Adobe, rendez
vous sur la page www.adobe.com/fr/support/certification.

Synchroniser les paramtres avec Adobe


Creative Cloud
Lorsque vous travaillez partir de plusieurs machines, la gestion et la synchronisation
des prfrences, des paramtres prdfinis et des bibliothques sur lensemble de ces
ordinateurs peuvent se rvler longues et complexes. La fonction de synchronisation
des paramtres permet aux utilisateurs de conserver leurs lments de configuration
dans Creative Cloud. Autrement dit, si vous utilisez deux ordinateurs, par exemple lun
votre domicile et lautre sur votre lieu de travail, cette fonctionnalit vous permet
dassurer facilement la synchronisation de ces paramtres entre les deux machines.
Par ailleurs, si vous remplacez un ordinateur et rinstallez Illustrator, vous pourrez
retrouver vos paramtres de configuration sur cette nouvelle machine.
La synchronisation se fait au travers de votre compte Adobe Creative Cloud. Tous
les paramtres sont envoys sur ce compte et sont ensuite rcuprs et appliqus sur
une autre machine. Voici les conditions requises pour que la synchronisation puisse
tre effectue :

La machine synchroniser doit tre connecte Internet.


Vous devez tre connect votre compte Adobe Creative Cloud.

P Note: La

synchronisation
doit tre lance
manuellement;
elle ne se fait pas
automatiquement
et ne peut pas
tre planifie.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

Premier lancement dAdobe Illustrator CC


P Note: La

capture dcran
a t ralise sur
une machine
Mac OS, aprs
la connexion
avec lID Adobe
et le lancement
dIllustratorCC.

Lors du premier lancement


dAdobe Illustrator CC,
lorsque les informations de
synchronisation antrieure
ne sont pas disponibles,
il vous est demand de
prciser si vous souhaitez dmarrer la synchronisation. Vous avez la possibilit de
synchroniser les paramtres, de dsactiver la synchronisation ou, en cliquant sur le
bouton Avancs, douvrir les prfrences pour indiquer les paramtres synchroniser.
Si vous le souhaitez, lancez la synchronisation des paramtres en cliquant sur
Synchroniser les paramtres maintenant.

Synchronisation au premier lancement avec des


informations existantes
P Note: La

capture dcran
a t ralise sur
une machine
Windows, aprs
la connexion
avec le mme
ID Adobe que la
machine MacOS
et le lancement
dIllustrator CC.

Lors du premier lance


ment dAdobe Illustrator
CC, alors que des infor
mations de synchronisa
tion sont disponibles, par
exemple sur une autre
machine comprise dans
votre compte Adobe Creative Cloud, vous tes invit utiliser les paramtres enre
gistrs dans le cloud. Pour lancer la synchronisation, cliquez sur Synchroniser les
paramtres maintenant.
Illustrator devra sans doute tre redmarr
pour viter les conflits avec les paramtres
actuels. Dans ce cas, un message dtat de
synchronisation vous demandant de redmar
rer Illustrator apparat dans langle infrieur
gauche de la fentre de document. Vous pouvez
galement cliquer sur le bouton dtat de synchronisation (

) plac au mme endroit.

Conflits de synchronisation
Le schma idal consiste synchroniser les
paramtres sur une machine (par exemple
lordinateur professionnel) et les synchroniser
ensuite depuis la seconde machine (lordina
teur personnel). Toutefois, il arrive que cela ne
se passe pas ainsi. Les paramtres enregistrs
dans le cloud et ceux dun des ordinateurs peuvent tre dsynchroniss. Si vous tentez

Introduction

alors une synchronisation, vous verrez apparatre dans langle infrieur gauche de la
fentre de document un indicateur de conflit. Voici la signification de chaque option :

Paramtres locaux. Enregistrer les paramtres locaux de cet ordinateur dans le


cloud ; la version des paramtres stocks dans le cloud est remplace par la version
locale des paramtres.

Paramtres dans le cloud. Utiliser les paramtres enregistrs dans le cloud sur
lordinateur local ; les changements apports aux paramtres locaux sont ignors
et ceuxci sont remplacs par la version dans le cloud.

Conserver le fichier le plus rcent. Conserver les paramtres en fonction des dates.
Les paramtres sont tlchargs sur la machine
locale et mis jour dans lapplication. Si vous
changez ensuite les prfrences, les paramtres
prdfinis et les bibliothques, vous devez
effectuer une synchronisation avant de fermer
lapplication. Ltat de la synchronisation est indiqu dans langle infrieur gauche de
la barre dtat du document.

Fixer les options de synchronisation


Vous pouvez aisment grer votre compte, modifier les lments synchroniss avec
Adobe Creative Cloud et prciser le comportement en cas de conflit.

Choisissez dition >


Prfrences > Synchroniser
les paramtres (Windows)
ou Illustrator > Pr f
rences > Synchroniser les
paramtres (Mac OS) et,
dans la bote de dialogue
Prfrences qui saffiche,
dfinissez les options.

E Astuce: Vous pouvez galement choisir dition> [nom dutilisateur]> Grer la synchronisation des

paramtres (Windows) ou Illustrator> [nom dutilisateur]> Grer la synchronisation des paramtres


(Mac OS).

P Note: Pour

la bonne
synchronisation
des paramtres,
ils doivent
tre modifis
uniquement
depuis
lapplication. La
synchronisation
ne peut pas
identifier les
changements
manuels
apports dans ces
emplacements.
Cela concerne
galement les
bibliothques
(nuanciers,
symboles, etc.)
copies et colles
dans le dossier
des prfrences.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

NOUVEAUTS DADOBE
ILLUSTRATORCC
Adobe Illustrator CC regorge de fonctionnalits nouvelles et innovantes pour vous
aider produire efficacement des illustrations, quelles soient destines limpres
sion, au Web ou une publication vido. Au cours de ce chapitre, vous allez prendre
connaissance de ces nouveauts et voir comment vous en servir dans votre travail.

Adobe Illustrator et Adobe Creative Cloud


Grce au tout nouveau Adobe Illustrator CC, vous disposez toujours de la dernire
version car laccs chaque future dition est intgr au logiciel. Les fonctionnalits
apportes par le Cloud, comme la synchronisation des polices, des couleurs et des
paramtres, font vtre nimporte quel espace de travail.

Outil Retouche de texte


La conception du texte peut prsent se faire dune nou
velle manire performante. Les caractres deviennent
modifiables comme des objets individuels. Amusez
vous dplacer, mettre lchelle et effectuer des
rotations, en sachant que vous pouvez changer de police
tout moment. Vous pouvez galement employer les
priphriques tactiles multipoints, ainsi que la souris
et le stylet.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

Images dans les formes


Peignez avec une forme constitue partir dune photo. Les formes artistiques, de motif
et diffuses peuvent maintenant contenir des images bitmap. Vous pouvez ainsi crer
rapidement des conceptions complexes et organiques avec de simples contours de
forme. Comme pour nimporte quelle forme Illustrator, les contours peuvent tre models
et modifis souhait. Crez une conception claire et nette rapidement et facilement.

Amliorations du texte
Trouvez la police approprie, trs rapidement. Dans le panneau Caractres, saisissez un
style, comme bold ou italic, une famille de police ou nimporte quelle partie dun nom
de police. Vous obtenez une liste filtre qui recense uniquement les polices rpondant
vos critres. Manipulez plus efficacement le texte, mme dans les conceptions les
plus complexes. Laffichage du texte qui habille des objets ou qui est contenu dans
de nombreuses zones lies est prsent actualis plus rapidement aprs une modi
fication. Basculez instantanment dun texte de point un texte captif, et vice versa.
La conversion dun objet de texte est dsormais immdiate pour une totale libert
de conception de la mise en page. Vous pouvez galement manipuler de la mme
manire le texte import, en changeant de format tout moment.

10

Nouveauts dAdobe Illustrator CC

Amliorations des images


Importez plusieurs fichiers la fois dans votre document
Illustrator, avec de nouvelles possibilits de contrle. Dfinissez
lemplacement et la mise lchelle des fichiers images, gra
phiques et textes et utilisez la vignette daperu pour savoir
o chaque fichier sera plac et dans quelle taille. Annulez
facilement lincorporation des images qui ont t importes et
incorpores un fichier Illustrator. Vous pouvez rapidement
les rendre disponibles en vue dune modification dans un
logiciel externe ou extraire les fichiers incorpors dans des illustrations envoyes par
dautres personnes. Les liens dimage sont crs automatiquement. Dans le panneau
Liens, obtenez des informations compltes sur tous les lments imports.

Extraction de code CSS


Le codage la main des lments web, comme les icnes et les motifs, peut se rv
ler frustrant. Vous pouvez prsent crer des sites web plus rapidement en laissant
Illustrator gnrer le code CSS (Cascading Style Sheet) votre place, mme dans le
cas dun logo impliquant des dgrads. Copiez et collez le code directement dans
votre diteur web ou exportez les styles vers un fichier CSS.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

11

Transformation manuelle sur illustration


Emparezvous de la puissance de loutil
Transformation manuelle. Dplacez, mettez
lchelle et tournez des objets directement
laide dun priphrique tactile. Ou bien
utilisez une souris ou un autre systme de
pointage sur le plan de travail pour transfor
mer des objets de manire plus immdiate
et intuitive.

Assemblage de fichiers
Lassemblage de fichiers runit et enregistre
automatiquement les polices et les images
lies ncessaires dans un seul dossier. Il gnre
galement un rapport. Grez efficacement
les fichiers Illustrator pour la production ou
pour mieux organiser vos projets.

Autres amliorations
Surimpression de blanc. Supprimez les objets avec surimpression de blanc lors
de limpression ou de lenregistrement au format PDF.

Aperu des sparations. Tirez le meilleur du panneau Aperu des sparations


(avec la case Afficher uniquement les tons directs utiliss coche).

Angles automatiques pour les formes de motif. Obtenez les angles que vous

souhaitez sans action supplmentaire. Crez des formes de motif rapidement avec
des angles gnrs automatiquement, qui correspondent parfaitement aux autres
parties du contour. Vous navez plus besoin de crer des carreaux spcifiques pour
les angles aigus.

Bnficiez dune recherche amliore dans le panneau Nuancier, les bibliothques


de nuances et la bote de dialogue Slecteur de couleurs.

Bien que cette liste ne prsente que quelquesunes des nouveauts et amliorations
dIllustrator CC, elle dmontre lengagement des quipes Adobe fournir les meilleurs
outils possibles pour vos besoins de publication. Nous esprons que vous apprcierez
autant que nous de travailler avec Illustrator CC.
Lquipe dAdobe Illustrator CC Classroom in a Book.

12

Nouveauts dAdobe Illustrator CC

Au cours de cette dmonstration dAdobe IllustratorCC, vous


dcouvrirez les nouvelles fonctionnalits du logiciel, comme
les outils de retouche et la slection du texte, ainsi que dautres
aspects fondamentaux de son utilisation.

VISITE GUIDE DADOBE


ILLUSTRATOR CC
Cette dmonstration interactive dAdobe Illustrator CC a pour objectif de vous
donner une vue densemble du logiciel et de vous familiariser avec certaines
de ses nouvelles fonctionnalits.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
La premire leon de cet ouvrage est une visite guide des outils et des fonctionnalits
dAdobe Illustrator CC, afin que vous ayez un aperu de ses possibilits. Tout au long
de la visite, vous dessinerez un dpliant pour une pizzeria.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits dans cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (pour en savoir plus, reportezvous
la section Rtablissement des prfrences par dfaut de lIntroduction).
P Note: Si vous

navez pas encore


tlcharg les
fichiers de cette
leon sur votre
ordinateur
partir de la page
Account, faites-le
maintenant. Pour
savoir comment
procder,
consultez
lIntroduction.

2. Lancez Adobe Illustrator CC.

Synchroniser les paramtres avec Adobe Creative Cloud


Lors du premier lancement dAdobe Illustrator CC, lorsque les informations de
synchronisation antrieure ne sont pas disponibles, il vous est demand de prciser
si vous souhaitez dmarrer la synchronisation avec Adobe Creative Cloud. Pour de
plus amples informations sur ce processus, consultez la section Synchroniser les
paramtres avec Adobe Creative Cloud de lIntroduction.

Si vous lancez Adobe Illustrator pour la premire fois ou si vous voyez apparatre

une bote de dialogue, cliquez sur Dsactiver la synchronisation des paramtres


ou sur Synchroniser les paramtres maintenant.

Crer un document
Un document Illustrator peut contenir jusqu cent plans de travail (un plan de travail
est comparable une page dans un programme comme Adobe InDesign). Dans la
suite de cette section, vous allez crer un document constitu de deux plans de travail.
P Note: Si vous
ne voyez pas
Rinitialiser Les
indispensables
dans le menu
de lespace de
travail, choisissez
Fentre> Espace
de travail> Les
indispensables,
avant de
slectionner
Fentre> Espace
de travail>
Rinitialiser Les
indispensables.

1. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.


2. Choisissez Fichier > Nouveau.
3. Dans la bote de dialogue
Nouveau document, changez
uniquement les options suivantes
(conservez les autres valeurs par
dfaut) :

Nom : pizza_ad ;

Nombre de plans de travail : 2 ;


Taille : Lettre ;
Unit : Points.

Cliquez sur OK. Un nouveau


document vierge apparat.
4. Choisissez Fichier > Enregistrer sous. Dans la bote de dialogue Enregistrer sous,
laissez le nom pizza_ad.ai et slectionnez le dossier Lesson00. Laissez Adobe
16

Visite guide dAdobe Illustrator CC

Illustrator (*.AI) dans le menu Type (Windows) ou Adobe Illustrator (ai) dans le
menu Format (Mac OS) puis cliquez sur Enregistrer. Dans la bote de dialogue
Options Illustrator, conservez les valeurs par dfaut et cliquez sur OK.
5. Affichez les rgles verticale et horizontale dans la fentre de document en choi
sissant Affichage > Rgles > Afficher les rgles.
6. Slectionnez loutil Plan de tra
vail ( ) dans le panneau Outils.
Cliquez au centre du plan de
travail blanc nomm 02 Plan
de travail 2 dans le coin sup
rieur gauche. Dans le panneau
Contrle, audessus du document, cliquez sur le bouton Paysage (

P Note: Nous

).

7. Positionnez le pointeur audessus


du plan de travail slectionn
et faitesle glisser vers la droite
jusqu obtenir un espace gris
entre les deux plans de travail.

reviendrons sur
la cration de
documents
la Leon 3,
Cration de
formes, et sur la
modification des
plans de travail
la Leon 4,
Transformation
dobjets.

Illustrator permet davoir des


plans de travail dont la taille et
lorientation diffrent.

8. Dans le panneau Outils, activez loutil Slection ( ) pour arrter la modification


des plans de travail. Cliquez sur le plan de travail de droite (celui en mode paysage,
ou lhorizontal) de manire lactiver.
9. Choisissez Affichage > Ajuster le plan de travail la fentre.

Tracer des formes


Les formes sont un lment central dIllustrator et vous allez en crer beaucoup tout
au long de cette leon.
1. Dans le panneau Outils, activez loutil
Rectangle ( ). Placez le pointeur dans
langle suprieur gauche du plan de travail
(le X rouge sur la figure). Lorsque le mot
intersection apparat ct du poin
teur, cliquez et faites glisser vers le bas
et le bord droit du plan de travail blanc.
Lorsque les libells des dimensions affichent une largeur de 792 pt et une hauteur
de 400 pt, relchez le bouton de la souris. Vous navez pas besoin dtre prcis.

P Note : Pour

de plus amples
informations sur
la cration et la
modification de
formes, consultez
la Leon 3,
Cration de
formes.

2. Dans le panneau Outils, cliquez et restez appuy sur loutil Rectangle de faon
activer loutil Polygone ( ).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

17

3. Cliquez approximativement au centre


du plan de travail. Dans la bote de dia
logue Polygone qui apparat, fixez Rayon
200 pt et Cts 3 en saisissant ces
valeurs. Cliquez sur OK pour crer un
triangle, qui deviendra une part de pizza.

Appliquer une couleur


P Note: Nous

reviendrons
sur la cration
et lapplication
dune couleur
la Leon 6,
Couleurs et
peinture.

Appliquer des couleurs une illustration est une tche rcurrente dans Illustrator. Le
test des couleurs et leur application se rvlent trs faciles avec les panneaux Couleur,
Nuancier et Guide des couleurs, ainsi quau travers de la bote de dialogue Modifier
les couleurs/Redfinir les couleurs de lillustration.
1. Dans le panneau Outils, activez loutil Slection ( ) et cliquez nimporte o dans
le rectangle que vous avez trac afin de le slectionner.
2. Dans le panneau Contrle, cliquez sur la couleur
de fond (encercle sur la figure) afin dafficher le
panneau Nuancier. Placez le pointeur audessus
de la nuance Noir (dans la premire range des
couleurs). Lorsque apparat linfobulle avec le texte
Noir, cliquez pour appliquer cette nuance au
fond. Appuyez sur la touche chap pour fermer
le panneau.
3. Dans le panneau Contrle, cliquez sur la couleur
de contour (encercle sur la figure). Cliquez sur la
couleur [Sans] ( ) pour retirer le contour (bordure)
du rectangle. Appuyez sur la touche chap pour
fermer le panneau.
4. Cliquez nimporte o lintrieur du triangle blanc
cr prcdemment afin de le slectionner.
5. Doublecliquez sur la case blanche Fond place
en partie infrieure du panneau Outils. Dans la bote de dialogue Slecteur de
couleurs, fixez les valeurs CMJN C=5, M=70, J=100, N=25. Cliquez sur OK pour
crer une nouvelle couleur et lappliquer au fond du triangle.

Double-cliquer sur la case Fond.

18

Visite guide dAdobe Illustrator CC

Modifier la couleur dans la bote de dialogue


Slecteur de couleurs.

6. Dans le panneau Contrle, cliquez sur la


couleur de contour. Cliquez sur la couleur
orange clair, dont linfobulle affiche C=0
M=35 J=85 N=0, pour colorer le contour
du triangle.

P Note: Le

contour tant trs


fin, vous ne verrez
peut-tre pas le
changement de
couleur.

7. Choisissez Fichier > Enregistrer et gardez


le triangle slectionn pour la section
suivante.

Modifier les contours


Outre changer la couleur des contours, vous pouvez galement les mettre en forme de
nombreuses autres manires. Cest ce que vous allez raliser prsent avec le triangle.
1. Le triangle tant toujours slectionn, dans le panneau Contrle audessus du
document, cliquez sur le mot soulign Contour afin douvrir le panneau Contour.
Fixez Graisse 3 pt. Appuyez sur la touche chap pour fermer le panneau.

P Note: Nous
reviendrons
sur la cration
des formes
la Leon 3,
Cration de
formes.

2. Avec loutil Slection ( ), et tout en appuyant sur la touche Maj, cliquez sur le rec
tangle noir afin de lajouter la slection. Choisissez Objet > Masquer > Slection
pour masquer temporairement les deux formes.

Loutil Concepteur de forme


Loutil Concepteur de forme est un outil interactif pour la cration de formes complexes
par fusion et gommage de formes plus simples. Vous allez prsent vous en servir
pour terminer la silhouette dune ville cre avec cet outil.
1. Choisissez Fichier > Ouvrir et ouvrez le
fichier city.ai qui se trouve dans le dossier
Lesson00 sur votre disque dur.

P Note: Nous

reviendrons sur
loutil Concepteur
de forme la
Leon 3,
Cration de
formes.

Le fichier city.ai contient plusieurs formes


simples qui ont t runies afin dobtenir
la silhouette dune ville. Vous allez la terminer en ajoutant un autre btiment et
en crant des fentres laide de loutil Concepteur de forme.
2. Choisissez Affichage > Ajuster le plan de travail la fentre.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

19

3. Avec loutil Slection ( ), cliquez sur le


btiment isol situ lextrme droite.
Faitesle glisser vers la gauche. Pendant
lopration, appuyez sur la touche Maj
de faon contraindre le dplacement.
Lorsque le bord gauche du btiment
atteint le bord droit de la forme de la
ville, relchez le bouton de la souris puis
la touche Maj.
4. Choisissez Slection > Tout sur le plan de travail actif afin de slectionner toutes
les formes qui composent la ville.
La plus grande forme de la ville et le btiment spar sont slectionns, mais notez
galement sur lun des btiments les trois rectangles qui deviendront des fentres.
5. Dans le panneau Outils, activez loutil
Concepteur de forme ( ). Positionnez
le pointeur droite de toutes les formes
slectionnes (voir le X rouge sur la figure)
et faites glisser vers la gauche en direction
de la grande forme de la ville. Relchez le
bouton de la souris.
Les deux formes sont alors combines en
une seule.
6. Positionnez le pointeur audessus de lun des petits rectangles (encercl en rouge sur
la figure). En maintenant enfonce la touche Alt (Windows) ou Option (Mac OS),
lorsque vous voyez le motif maill apparatre sur le fond de lobjet (non un contour
rouge), cliquez de faon retirer la forme mise en exergue de celle de la ville. Tout
en continuant appuyer sur la touche Alt (Windows) ou Option (Mac OS), cliquez
lintrieur des deux autres formes de fentres.

Positionner le pointeur.

Dcouper le trac en cliquant. Le rsultat final.

7. Dans le panneau Outils, activez loutil Slection ( ) et vrifiez que la forme de la


ville est slectionne. Choisissez dition > Copier.
8. Choisissez Fichier > Fermer pour fermer le fichier, mais sans lenregistrer.

20

Visite guide dAdobe Illustrator CC

9. De retour dans pizza_ad.ai, choisissez dition > Coller de faon coller la forme
au centre de la fentre de document.
10. Avec loutil Slection, faites glisser la forme
vers le haut du plan de travail. Conservez son
alignement avec le centre du plan de travail
(du mieux que vous pouvez) et arrtezvous
tout prs du bord suprieur.
Pendant lopration, vous verrez apparatre des repres dalignement verts et les
libells des dimensions gris. Ils font partie des repres comments sur lesquels
nous reviendrons dans une leon ultrieure.

Crer et modifier des dgrads


Un dgrad est une transition progressive entre au moins deux couleurs que vous
pouvez appliquer au fond ou au contour dune illustration. Vous allez prsent
appliquer un dgrad la forme de la ville.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. La forme de la ville tant slectionne, choisissez Fentre > Dgrad de couleurs
de manire afficher le panneau Dgrad sur le ct droit de lespace de travail.

P Note: Nous

reviendrons sur
les dgrads
la Leon 10,
Dgrads de
formes et de
couleurs.

3. Dans le panneau Dgrad, modifiez les options suivantes :

Cliquez sur la case Fond noire (encercle sur la figure), si elle nest pas dj
slectionne, afin que le dgrad soit appliqu au fond de la forme de la ville.

Cliquez sur le bouton du menu Dgrad ( ) qui se trouve gauche du mot


Type et choisissez Blanc, Noir dans le menu.

Dans le menu Angle, choisissez 90.

Slectionner la case Fond.

Appliquer le dgrad Blanc, Noir.

Ajuster langle du dgrad.

4. Dans le panneau Dgrad, cliquez sur ltape de couleur blanche (encercle sur
la figure ciaprs) et cliquez sur la flche situe droite de la valeur dOpacit.
Choisissez 0 %.
5. Dans le panneau Dgrad, doublecliquez sur ltape de couleur noire situe sur
la droite de la barre de dgrad (encercle sur la figure ciaprs). Dans le panneau
qui saffiche, fixez lopacit 20 % en cliquant sur la flche qui se trouve droite
de la valeur dOpacit et en choisissant 20 %. Cliquez sur le bouton Couleur (

P Note: Le

panneau de
couleurs qui
apparat affichera
peut-tre
uniquement un
curseur N (noir).
Ce nest pas
gnant.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

21

) puis sur la case de couleur blanche de faon appliquer cette couleur. Appuyez
sur la touche chap pour masquer le panneau Couleur.
6. Choisissez Objet > Tout afficher pour afficher de nouveau le triangle et le rectangle.

Modifier lopacit de la couleur


blanche.

Modifier la couleur noire.

Le rsultat final.

7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Les calques
P Note: Nous

reviendrons sur
lutilisation des
calques et du
panneau Calques
la Leon 8,
Les calques.

Les calques permettent dorganiser lillustration et den slectionner plus facilement


les composants. Dans la suite de cette section, vous emploierez le panneau Calques
pour organiser lillustration.
1. Choisissez Fentre > Calques pour afficher le panneau Calques dans lespace de
travail.
2. Dans le panneau Calques, doublecliquez sur Calque 1 (le nom du calque). Saisissez
Background et appuyez sur la touche Entre ou Retour pour valider ce nouveau
nom. En nommant les calques, il est plus facile dorganiser le contenu. Pour le
moment, lintgralit de lillustration se trouve sur ce calque.
3. Cliquez sur le bouton Nouveau calque ( ) situ en partie infrieure du panneau
Calques. Doublecliquez sur Calque 2 (le nom du nouveau calque) et saisissez
Content. Appuyez sur la touche Entre ou Retour.

Renommer Calque 1.

Crer un calque.

Renommer le nouveau calque.

4. Avec loutil Slection ( ), cliquez de faon slectionner le triangle (faites atten


tion ne pas slectionner la forme de la ville qui se trouve devant lui). Choisissez
dition > Couper.

22

Visite guide dAdobe Illustrator CC

5. Cliquez sur licne de visibilit ( ) situe gauche


du nom du calque Background afin de masquer
temporairement le contenu de ce calque sur le
plan de travail. Grce aux calques, vous pouvez
facilement masquer et verrouiller temporairement
du contenu et vous concentrer ainsi sur une autre
partie de lillustration.

6. Dans le panneau Calques, cliquez une fois sur le calque nomm Content afin de le
slectionner. Les nouveaux tracs seront ajouts au calque slectionn.
7. Choisissez dition > Coller pour coller le triangle sur le calque activ (Content).

8. Gardez le triangle slectionn pour la section suivante et choisissez Fichier >


Enregistrer.

Loutil Largeur
Grce loutil Largeur, vous pouvez crer un contour dpaisseur variable et enregis
trer le rsultat sous forme dun profil applicable dautres objets. Vous allez prsent
donner au contour du triangle lapparence de la crote dune pizza.
1. Dans le panneau Outils, activez loutil Largeur ( ). Positionnez le pointeur au
dessus du bord infrieur du triangle, prs de lextrmit gauche (encercle sur la
figure). Lorsquun signe plus (+) apparat son ct, faites glisser vers le bas, en
vous loignant du centre du triangle. Lorsque les libells des dimensions affichent
une largeur denviron 40 pt, relchez le bouton de la souris.

Positionner le pointeur.

Faire glisser loin du centre.

P Note: Nous

reviendrons sur
loutil Largeur
la Leon 3,
Cration de
formes.

Le rsultat final.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

23

E Astuce : Vous

pouvez choisir
dition> Annuler
Remplacement
du point de
largeur pour
retirer le dernier
point dfini et
recommencer.

2. Positionnez le pointeur lgrement droite de lendroit o vous avez fait glisser le


contour. En partant du bord infrieur du contour (encercl sur la figure), cliquez et
faites glisser vers le haut, en direction du centre du triangle. Lorsque les libells des
dimensions affichent une largeur denviron 27 pt, relchez le bouton de la souris.
3. Poursuivez lopration sur le mme bord de la pizza, en ajoutant quelques autres
points de largeur et en alternant les dplacements vers et loppos du centre.
Arrtez lextrmit du contour sur ce ct du triangle (voir la figure).

Positionner le pointeur.

Modifier la largeur.

Le rsultat final.

Crer un motif
P Note: Nous
reviendrons
sur les motifs
la Leon 6,
Couleurs et
peinture.

Outre des couleurs, le panneau Nuancier peut galement contenir des nuances de
motifs. Illustrator propose plusieurs exemples de nuances de chaque type dans le
panneau Nuancier par dfaut et vous permet de crer vos propres motifs. Dans cette
section, vous allez crer une garniture pour la pizza en utilisant un motif.
1. Dans le panneau Outils, cliquez et restez appuy sur loutil Polygone ( ). Activez
loutil Ellipse ( ). Cliquez dans une zone vierge, sous le triangle. Dans la bote de
dialogue Ellipse, fixez Largeur et Hauteur 4 pt. Cliquez sur OK.
2. Dans le panneau Outils, activez loutil Zoom ( ). Cliquez quatre reprises, lentement, directement sur le nouveau cercle afin daugmenter son affichage.
3. Activez loutil Slection ( ) et, le cercle
tant toujours slectionn, choisissez
dition > Copier puis dition > Coller.
Collez trois reprises supplmentaires afin
de crer cinq cercles. Toutes les copies du
cercle se trouvent lune pardessus lautre.
Faitesles glisser partir du centre et
positionnezles comme lillustre la figure ; la prcision est inutile.
4. Avec loutil Slection, placez le pointeur
dans une zone vierge du plan de travail,
prs des cercles. Cliquez et faites glisser
sur lensemble des cercles afin de les
slectionner.
5. Choisissez Objet > Motif > Crer. Cliquez
sur OK dans la bote de dialogue qui
apparat.

24

Visite guide dAdobe Illustrator CC

6. Dans le panneau Options de


motif, modifiez les options
suivantes :

Nom : toppings ;
Type de mosaque : Hex par
colonne (faites ce choix dans
le menu) ;

Largeur : 26 pt (saisissez la
valeur) ;

Hauteur : 22 pt (saisissez
la valeur).

Si laspect de votre motif est diffrent, ce nest pas un problme. Si, votre avis, les
cercles se chevauchent trop ou pas assez, changez les valeurs Hauteur et Largeur
dans le panneau Options de motif.
7. Choisissez Slection > Tout. Dans le panneau Contrle, fixez lpaisseur de contour
0, en appuyant sur la flche vers le bas place gauche de cette valeur, jusqu
ce quelle disparaisse.
8. Dans le panneau Contrle, fixez Opacit
50 % en cliquant sur la flche situe
droite de cette valeur et en choisissant
50 % dans le menu.
9. Fixez la couleur de fond de tous les cercles
la nuance orange dont linfobulle affiche
C=0 M=35 J=85 N=0. Appuyez sur la
touche chap pour masquer le panneau
Nuancier, si ncessaire.
10. Choisissez Slection > Dslectionner.
11. Tout en appuyant sur la touche Maj, cli
quez sur le cercle le plus haut et celui le
plus bas ( lintrieur de la forme hexago
nale). Dans le panneau Contrle, changez
la couleur de fond blanc. Appuyez sur la
touche chap pour masquer le panneau
Nuancier.
12. Dans la barre grise qui se trouve audessus
de lillustration, cliquez sur Terminer
pour mettre fin la modification du motif.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

25

13. Avec loutil Slection ( ), faites glisser sur les cercles dorigine afin de les slec
tionner. Appuyez sur la touche Espace arrire ou Suppr pour les supprimer. Vous
allez ensuite appliquer le motif.

Les symboles
P Note : Nous

reviendrons sur
les symboles la
Leon 14, Les
symboles.

Un symbole est un objet graphique enregistr dans le panneau Symboles. Vous allez
crer un symbole partir dune illustration.
1. Dans le panneau Outils, activez loutil Ellipse ( ). Cliquez dans la zone vierge
du plan de travail, sous la pizza. Dans la bote de dialogue Ellipse, fixez Largeur
et Hauteur 70 pt. Cliquez sur OK pour crer un cercle.
2. Le cercle tant slectionn, dans le panneau Contrle, changez la couleur de contour
[Sans] ( ). Appuyez sur la touche chap pour masquer le panneau Nuancier.
3. Doublecliquez sur la case Fond
qui se trouve en partie infrieure
du panneau Outils. Dans la bote
de dialogue Slecteur de couleurs
qui apparat, changez les valeurs
CMJN C=5, M=100, J=90, N=60.
Cliquez sur OK pour crer la
couleur et fermer le slecteur de
couleurs.
4. Choisissez Fentre > Symboles pour afficher le panneau Symboles.
5. Dans le panneau Outils, activez loutil Slection ( ). Le cercle tant slectionn,
cliquez sur le bouton Nouveau symbole ( ) au bas du panneau Symboles.

6. Dans la bote de dialogue Options de symbole,


nommez le symbole topping et cliquez sur OK. Le
cercle apparat prsent sous forme de symbole
enregistr dans le panneau Symboles.
7. Choisissez Affichage > Ajuster le plan de travail
la fentre.
8. Faites glisser le cercle dorigine (celui que vous
avez utilis pour crer le symbole) sur la forme de
la pizza (voir la figure ciaprs pour la position).
P Note : Les

emplacements
de vos symboles
topping peuvent
tre diffrents de
ceux indiqus par
la figure. Ce nest
pas gnant.

26

9. partir du panneau Symboles, faites glisser le symbole topping sur la part de


pizza. Ajoutez cinq symboles topping supplmentaires, pour un total de six cercles.
Positionnezles comme lillustre la figure ciaprs (ils peuvent dborder de la forme),
sans recouvrir la crote. Gardez lun deux slectionn sur le plan de travail.
10. Choisissez Slection > Identique > Instance de symbole, puis Objet > Associer.

Visite guide dAdobe Illustrator CC

Faire glisser un symbole topping sur la pizza.

Le rsultat final.

Le panneau Aspect
Le panneau Aspect permet de contrler les attributs dun objet comme son contour,
son fond et dautres effets. Vous allez prsent modifier le symbole topping en uti
lisant ce panneau.
1. Dans le panneau Symboles, doublecliquez sur la
vignette du symbole topping de faon modifier
son dessin.

P Note : Nous

reviendrons sur le
panneau Aspect
la Leon 13,
Les attributs
daspect et les
styles graphiques.

2. Choisissez Slection > Tout pour slectionner le cercle.


3. Choisissez Fentre > Aspect pour ouvrir le panneau.
Cliquez sur le bouton Ajouter un fond ( ) au bas du
panneau Aspect de manire ajouter un nouveau fond
la forme. Dans la nouvelle ligne Fond, cliquez sur la
case Fond de couleur rouge. Dans le panneau Nuancier qui apparat, slectionnez
la nuance toppings de manire appliquer le motif. Appuyez sur la touche chap
pour masquer le panneau Nuancier.

Cliquer sur Ajouter un fond.

Appliquer au second fond le motif cr.

4. Doublecliquez sur une zone vierge du plan de travail afin de mettre fin la modi
fication du symbole et dactualiser toutes les instances de topping sur la pizza.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

27

Crer un masque dcrtage


P Note : Nous

reviendrons sur
les masques
dcrtage
la Leon 15,
Graphiques
Illustrator
et autres
applications
Adobe.

Un masque dcrtage est un objet qui masque les autres illustrations, rendant ainsi
visibles seulement les zones contenues dans les limites du masque lillustration est
dcoupe selon la forme du masque. Vous allez copier la part de pizza et vous servir
de cette copie pour masquer les instances du symbole.
1. Avec loutil Slection ( ) cliquez sur le triangle de la pizza (non le groupe de
symboles).
2. Choisissez dition > Copier puis dition > Coller devant pour coller la copie par
dessus la part de pizza dorigine.
3. Choisissez Objet > Disposition > Premier plan de sorte que le triangle soit plac
devant le groupe de symboles.
4. Appuyez sur la touche Maj et cliquez sur lune des instances du symbole (le
grand cercle) qui apparaissent derrire la part de pizza. Vous slectionnez ainsi
le triangle et le groupe.
5. Choisissez Objet > Masque dcrtage > Crer.

Slectionner les deux objets.

Crer le masque dcrtage.

6. Choisissez Slection > Tout sur le plan de travail actif puis Objet > Associer.
P Note : La

figure montre
les valeurs aprs
la saisie de la
largeur mais avant
la validation par
Entre.

7. Le groupe dobjets tant slectionn, dans le


panneau Contrle, cliquez sur les lettres X,
Y, L ou H (ou le mot Transformation) de
faon ouvrir le panneau Transformation.
Cliquez sur le point central du localisateur
de point de rfrence ( ), sil nest pas dj
slectionn, afin que la mise lchelle de
lobjet se fasse partir du centre. Cochez
la case Mise lchelle des contours et des
effets (au bas du panneau). Fixez Rotation 180 et cliquez sur le bouton Conserver
les proportions en largeur et en hauteur ( ). Fixez L: (largeur) 500 pt. Appuyez
sur Entre ou Retour pour accepter les valeurs et fermer le panneau Transformation.
8. Choisissez Objet > Dcomposer laspect puis Objet > Masquer > Slection.

28

Visite guide dAdobe Illustrator CC

Les formes
Grce aux formes, vous dcorerez les tracs. Vous pouvez appliquer des contours
des tracs existants ou vous servir de loutil Pinceau pour simultanment dessiner un
trac et lui appliquer un contour.
1. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
2. Choisissez Fentre > Formes pour afficher le panneau
Formes. Cliquez sur la forme Anthracite Contour
progressif.

P Note : Nous

reviendrons sur
les formes la
Leon 11, Les
formes.

P Note: Si vous

3. Dans le panneau Contrle, fixez la couleur Fond


[Sans] ( ) et la couleur Contour la nuance rouge
dont linfobulle affiche C=0 M=90 J=85 N=0. Appuyez sur la touche chap pour
masquer le panneau Nuancier.
4. Dans le panneau Contrle, changez lpaisseur de contour 3 pt.
5. Dans le panneau Outils, activez loutil
Pinceau ( ). Positionnez le pointeur
sur le bord gauche du plan de travail,
environ au milieu vertical (voir le X
rouge). Cliquez et faites glisser de la
gauche vers la droite, en direction
du bord droit du plan de travail, en
procdant vers le haut et le bas de
faon crer une vague. Prenez la
figure pour rfrence.

ne voyez pas
Rinitialiser Les
indispensables
dans le menu
de lespace de
travail, choisissez
Fentre> Espace
de travail> Les
indispensables
avant de
slectionner
Fentre> Espace
de travail>
Rinitialiser Les
indispensables.

Vous pouvez choisir dition > Annuler Contour artistique et recommencer.


6. Activez loutil Slection ( ) et cliquez sur le nouveau trac rouge.
7. Choisissez Objet > Masquer > Slection pour masquer le trac.

Le texte

P Note : Nous

Vous allez prsent ajouter du texte au projet et le mettre en forme.


1. Dans le panneau Outils, activez loutil Texte ( ) et cliquez sur le plan de travail.
Saisissez City Pizza. Le curseur tant plac dans le texte, choisissez Slection >
Tout pour le slectionner intgralement.

reviendrons
sur le texte
la Leon 7,
Manipulation du
texte.

E Astuce : Si

2. Dans le panneau Contrle, cliquez


dans le champ Police ( droite du mot
Caractre). Saisissez chap et prtez
attention la liste des polices qui saffiche
sous le champ. Cliquez sur Chaparral Pro
Bold Italic afin dappliquer cette police.
3. Dans le champ Corps, saisissez 144 et appuyez sur la touche Entre ou Retour.

les options de
caractres ne
sont pas visibles
dans le panneau
Contrle,
cliquez sur le
mot Caractre
afin dafficher
le panneau
Caractre.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

29

4. Le texte tant toujours slectionn, dans le panneau Contrle, fixez la couleur de


contour [Sans] ( ), si ncessaire, et la couleur de fond Blanc.
P Note : Si votre
panneau Calques
est diffrent de
celui illustr, ce
nest pas gnant.

5. Choisissez Fentre > Calques et cliquez dans la colonne


de visibilit gauche du calque Background afin den
afficher le contenu.
6. Activez loutil Slection ( ) et dplacez le texte
lendroit indiqu sur la figure. Il est inutile dtre prcis.

Vous allez prsent modifier plusieurs lettres individuellement laide de loutil


Retouche de texte.
1. Lobjet de texte tant toujours slectionn,
choisissez Fentre > Texte > Caractre.
Cliquez sur le bouton Outil Retouche de
texte de faon activer loutil Retouche
de texte.
2. Positionnez le pointeur sur le C de
City et cliquez. La lettre est prsent
slectionne. Faites glisser la poigne de
contrle suprieure droite en lloignant
du centre afin dagrandir la lettre. Arrtez
lopration lorsque les libells des dimen
sions affichent des chelles horizontale et
verticale denviron 135 %.
3. Positionnez le pointeur sur la poigne de
rotation audessus du rectangle qui entoure
la lettre slectionne. Faites glisser vers
la gauche jusqu ce que les libells des
dimensions affichent environ 8.
4. Cliquez sur la lettre i de City pour la
slectionner. Faitesla glisser vers la gauche
en direction de la lettre C. Assurezvous
que les libells des dimensions affichent 0
(la valeur change si vous faites glisser vers le
haut ou vers le bas). Aidezvous de la figure.

30

Visite guide dAdobe Illustrator CC

5. Slectionnez la lettre P de Pizza. Faites glisser la poigne de contrle suprieure


droite en lloignant du centre, jusqu ce que les libells des dimensions affichent
des chelles horizontale et verticale denviron 135 %. Faites glisser la lettre P vers
la gauche pour la rapprocher du y de City.
6. Slectionnez la lettre i de Pizza. Faitesla glisser vers la gauche pour la rappro
cher de la lettre P.
7. Choisissez Objet > Tout afficher puis Slection > Dslectionner.
8. Avec loutil Slection ( ), cliquez sur le texte et dplacezle au centre du plan de
travail, pardessus la ligne rouge ondule trace prcdemment (voir la figure).

Dplacer le P.

Dplacer le i.

Positionner le texte.

La perspective
Vous allez prsent crer une bote pizza en travaillant en perspective.

P Note : Nous

1. Cliquez sur le bouton Premier ( ) dans langle infrieur gauche de la fentre de


document de faon passer au premier plan de travail et ajuster celuici la fentre.

2. Dans le panneau Outils, activez loutil Grille de perspective (

) pour afficher la grille.

reviendrons sur
la perspective
la Leon 9,
Dessin en
perspective.

3. Choisissez Affichage > Grille de perspective > Perspective deux points > [Affichage
normal2P]. La grille est ainsi centre sur le premier plan de travail.
4. Dans le groupe de loutil Ellipse (

) du panneau Outils, activez loutil Rectangle (

).

5. Dans le widget de changement de plan situ dans langle


suprieur gauche de la fentre de document, cliquez sur
Grille de gauche(1) de faon activer ce plan de la grille,
sil ne lest pas dj. Une infobulle apparat lorsque vous
positionnez le pointeur audessus du widget.
6. Positionnez le pointeur audessus du point
central infrieur de la grille (encercl sur
la figure). Lorsque le mot intersection
apparat ct du pointeur, faites glisser
vers le haut et la gauche de faon crer
un rectangle de hauteur 60 pt et de largeur
570 pt (comme indiqu par les libells des
dimensions).

E Astuce : Pour

que la taille
correcte soit plus
facile obtenir,
le pointeur reste
par dfaut align
sur les lignes
de la grille de
perspective.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

31

P Note : Le

rectangle risque
dtre difficile
voir. Tant
quil change de
couleur, ce nest
pas gnant.

7. Le rectangle tant slectionn, dans le panneau


Contrle, fixez la couleur de fond la nuance
grise dont linfobulle affiche C=0 M=0 J=0
N=40, et la couleur de contour [Sans] ( ).
Appuyez sur la touche chap pour masquer
le panneau Nuancier.
8. Dans le widget de changement de plan situ dans langle suprieur gauche de la
fentre de document, cliquez sur Grille de droite(3) pour activer ce plan de la
grille (voir la figure ciaprs).
9. Loutil Rectangle tant toujours choisi, positionnez le pointeur audessus du point
dorigine (encercl sur la figure). Cliquez et faites glisser vers le haut et la droite de
faon crer un autre rectangle de hauteur 60 pt et de largeur 570 pt.
10. Dans le panneau Contrle, fixez la couleur de fond une nuance gris plus clair
dont linfobulle affiche C=0 M=0 J=0 N=20. Appuyez sur la touche chap pour
masquer le panneau Nuancier.
11. Dans le widget de changement de plan, cliquez sur Grille horizontale(2).
12. Positionnez le pointeur audessus du point suprieur gauche du premier rectangle
que vous avez dessin (encercl sur la figure). Cliquez et faites glisser en travers,
en alignant le pointeur sur le point suprieur droit du second rectangle.

Slectionner la
grille de droite.

Tracer le rectangle.

Slectionner la
grille horizontale.

Tracer le rectangle.

13. Dans le panneau Contrle, fixez la couleur de fond la nuance gris clair dont
linfobulle affiche C=0 M=0 J=0 N=10. Appuyez sur la touche chap pour mas
quer le panneau Nuancier.
Vous allez prsent ajouter une illustration la grille de perspective.
1. Choisissez Affichage > Tout ajuster la fentre.

P Note : Au

cours de cette
tape la pizza
change de taille
en perspective.
Essayez de la
centrer sur le
couvercle de la
bote du mieux
possible.

32

2. Dans le panneau Outils, cliquez et restez appuy sur loutil Grille de perspective
( ) pour choisir loutil Slection de perspective ( ).
3. Assurezvous que la grille
horizontale est active dans
le widget de changement
de plan (voir la figure pr
cdente). Faites glisser la
part de pizza partir de la

Visite guide dAdobe Illustrator CC

crote (voir le X rouge) depuis le plan de travail de droite pour la placer sur la
bote de la pizza.
4. Choisissez Objet > Disposition > Premier plan pour placer la part de pizza au
dessus du couvercle.
5. Mme si la pizza est toujours slectionne, cliquez nouveau dessus pour que le
premier plan de travail devienne actif.
6. Choisissez Slection > Tout sur le plan de travail actif puis Objet > Associer.
7. Activez loutil Slection ( )
et faites glisser le groupe de
la pizza sur le plan de travail
de droite. Cliquez sur OK
dans la bote de dialogue qui
apparat.
8. Choisissez Affichage > Grille de perspective > Masquer la grille.

Importer des images Photoshop dans Illustrator


Illustrator accepte dimporter des images bitmap, au format JPEG (jpg, jpeg, jpe) et
des fichiers Adobe Photoshop (psd, pdd), que ce soit en les liant ou en les incorporant
au document. Vous allez importer une image de tomate.
1. Choisissez Fichier > Importer. Dans la bote de
dialogue, slectionnez le fichier tomato.psd qui
se trouve dans le dossier Lesson00. Vrifiez que
la case Lier est coche puis cliquez sur Importer.
2. Cliquez pour importer la tomate juste droite
de la bote pizza.

P Note : Nous

reviendrons sur
limportation
dimages
Photoshop
la Leon 15,
Graphiques
Illustrator
et autres
applications
Adobe.

3. Avec loutil Slection ( ), faites glisser la tomate


lemplacement indiqu par la figure.

Cliquer pour importer la tomate.

Mettre la tomate en position.

P Note : Nous

Loutil Vectorisation de limage


Vous pouvez vous servir de loutil Vectorisation de limage pour convertir une photo
(images bitmap) en une illustration vectorielle. Vous allez raliser cette opration sur
le fichier Photoshop.

reviendrons sur
la vectorisation
de limage
la Leon 3,
Cration de
formes.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

33

1. Choisissez Affichage > Ajuster le plan de travail la fentre.


2. Choisissez Fentre > Vectorisation de limage
pour ouvrir le panneau Vectorisation de limage.
Dans ce panneau, cliquez sur le bouton Couleur
peu intense ( ).
Limage est convertie en tracs vectoriels mais
nest pas encore modifiable.
3. Dans le panneau Vectorisation de limage, cli
quez sur le triangle situ gauche de Avanc.
Cochez la case Ignorer le blanc au bas du
panneau. Fermez celuici.
4. La tomate tant toujours slectionne, dans
le panneau Contrle, cliquez sur le bouton
Dcomposer pour rendre lobjet modifiable.
Limage de la tomate est prsent constitue dun ensemble de formes vectorielles
associes.
5. Choisissez dition > Copier puis dition >
Coller. Avec loutil Slection, faites glisser la
copie ct de la tomate dorigine.
6. Choisissez Slection > Dslectionner.

Les effets
P Note : Nous
reviendrons
sur les effets
la Leon 12,
Application
deffets.

Les effets modifient laspect dun objet sans toucher lobjet de base. Vous allez
prsent appliquer un effet dombre porte plusieurs objets.
1. Loutil Slection ( ) tant activ, maintenez
enfonce la touche Maj et cliquez sur le texte
City Pizza, la bote pizza et chaque tomate.
Relchez la touche lorsque la slection est
termine.

2. Choisissez Effet > Spcial > Ombre porte. Si


ncessaire, dans la bote de dialogue Ombre
porte, changez Mode Produit, Opacit
75 %, Dcalage sur X et Dcalage sur Y 7 pt,
et Attnuation 5 pt. Cochez la case Aperu,
puis cliquez sur OK.
3. Choisissez Fichier > Enregistrer puis Fichier >
Fermer.

34

Visite guide dAdobe Illustrator CC

Pour tirer le meilleur parti des fonctionnalits tendues de dessin,


de peinture et ddition dAdobe IllustratorCC, il est important
de bien connatre lespace de travail. Celui-ci est compos de la
barre dapplication, de la barre de menus, du panneau Outils,
du panneau Contrle, de la fentre de document et du jeu de
panneaux par dfaut.

LESPACE DE TRAVAIL
Au cours de cette leon, vous apprendrez :
ouvrir un fichier Adobe Illustrator CC ;
ajuster la luminosit de linterface utilisateur ;
exploiter le panneau Outils ;
travailler avec les panneaux ;
rinitialiser et enregistrer lespace de travail ;
utiliser les options daffichage pour agrandir ou rduire une illustration ;
naviguer parmi plusieurs plans de travail et documents ;
explorer les groupes de documents ;
consulter lAide dIllustrator.
Cette leon vous prendra environ quarantecinq minutes.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Au cours de cette leon, vous allez travailler sur plusieurs fichiers dillustration mais,
avant de commencer, vous devez restaurer les prfrences par dfaut dIllustrator.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Doublecliquez sur licne Adobe Illustrator CC pour lancer le logiciel.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables afin que
lespace de travail prenne sa configuration par dfaut.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le menu de lespace de travail,

choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre> Espace de
travail> Rinitialiser Les indispensables.

P Note: En

raison des
diffrences de
rglage des
paramtres
de couleur
dun systme
lautre, une bote
de dialogue
signalant un
profil manquant
peut apparatre
louverture des
diffrents fichiers
dexercices.
Cliquez sur
OK lorsque ce
message saffiche.

4. Choisissez Fichier > Ouvrir et chargez le fichier L1start_1.ai, qui se trouve dans
le dossier Lesson01 sur votre disque dur.
Cette leon comprend le nom dune entreprise fictive, une adresse postale et une
adresse de site web que nous utiliserons tout au long du projet.
5. Choisissez Affichage > Ajuster le plan de travail la fentre.
Cette opration ajuste le plan de travail actif la fentre de document afin que
vous puissiez voir lintgralit du plan de travail.

Une fois le document ouvert et le dmarrage dIllustrator termin, la barre dappli


cation, la barre de menus, le panneau Outils, le panneau Contrle et des groupes
de panneaux apparaissent lcran. Notez que les panneaux sont ancrs sur le

38

LEON 1

Lespace de travail

ct droit de lcran. Cest l que certains dentre eux apparaissent par dfaut sous
forme dicnes. Illustrator place galement les lments des panneaux les plus
utiliss dans le panneau Contrle, juste en dessous de la barre de menus. Cela
permet de travailler avec moins de panneaux affichs et de disposer dune plus
grande surface de travail.
Vous vous servirez du fichier L1start_1.ai pour apprendre naviguer, zoomer et
explorer un document Illustrator et la zone de travail.
6. Choisissez Fichier > Enregistrer
sous. Dans la bote de dialogue
Enregistrer sous, nommez le fichier
businesscard.ai et slectionnez le
dossier Lesson01. Laissez Adobe
Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai)
dans le menu Format (Mac OS) et
cliquez sur Enregistrer. Si un mes
sage davertissement concernant la
couleur et la transparence apparat,
cliquez sur Continuer. Dans la bote
de dialogue Options Illustrator,
cliquez sur OK pour accepter les paramtres par dfaut.

P Note : La

bote de dialogue
Options Illustrator
comprend des
options de
configuration de
lenregistrement
du fichier.
Vous pouvez
notamment
lenregistrer
dans une version
prcdente
dIllustrator.

Pourquoi employer
Adobe Illustrator ?
Les graphiques vectoriels (aussi appels formes vectorielles ou objets vectoriels) sont
composs de lignes et de courbes dfinies par des objets mathmatiques appels
vecteurs, qui dcrivent une image suivant ses caractristiques gomtriques. Nous
reviendrons sur les lignes et les courbes la Leon 5, Dessin avec les outils Plume
et Crayon.
Vous pouvez librement dplacer et modifier des graphiques vectoriels sans en perdre
les dtails ni la clart, les graphiques vectoriels tant indpendants de la rsolution;
leurs bords restent nets lorsquils sont redimensionns, imprims sur une imprimante
PostScript, enregistrs dans un fichier PDF ou imports dans une application de graphiques bass sur les vecteurs. Les graphiques vectoriels reprsentent donc le meilleur
choix pour les illustrations, comme les logos, qui seront utilises dans diffrentes tailles
et sur diffrents supports de sortie.
Les objets vectoriels que vous crez laide des outils de dessin et de formes dans
Adobe Illustrator et Adobe Creative Suite sont des exemples de graphiques vectoriels.
Extrait de lAide dIllustrator

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

39

tude de lespace de travail


P Note : Les

figures de
ce chapitre
proviennent dun
systme Windows.
Si vous utilisez un
systme MacOS,
elles risquent
de prsenter
de lgres
diffrences.

Vous crez et vous manipulez vos documents et vos fichiers en employant diffrents
lments, comme les panneaux, les barres et les fentres. Lorganisation de ces l
ments est appele espace de travail. Lorsque vous lancez Illustrator, vous obtenez
lespace de travail par dfaut, que vous configurez en fonction de vos besoins. Par
exemple, vous crez un espace de travail pour les modifications et un autre pour les
visualisations, vous les enregistrez et passez de lun lautre pendant votre travail.
Voici une description des zones de lespace de travail :
A. Barre dapplication
B. Panneau Contrle
C. Panneaux

D. Panneau Outils

E. Fentre de
document
F. Barre dtat

A. La barre dapplication se trouve dans la partie haute et contient un commutateur

despace de travail, des menus (uniquement sous Windows, fonction de la rsolution)


et dautres contrles de lapplication.

P Note : Sous Mac OS, les articles de menus apparaissent au-dessus de la barre dapplication.

B. Le panneau Contrle affiche les options de lobjet actuellement slectionn.


C. Les panneaux servent superviser et modifier le travail. Certains sont affichs

par dfaut, mais vous pouvez en ajouter en les choisissant dans le menu Fentre.
Nombreux sont ceux qui possdent des menus aux options spcifiques. Les
panneaux peuvent tre regroups, empils, ancrs ou flottants.

D. Le panneau Outils contient les outils permettant de crer et de modifier des images,

des illustrations, des lments de page, etc. Les outils connexes sont regroups.

E. La fentre de document affiche le fichier sur lequel vous travaillez.


F. La barre dtat apparat dans la partie infrieure gauche de la fentre de document.

Elle contient diffrentes informations, dont des contrles de navigation.

40

LEON 1

Lespace de travail

Rgler la luminosit de linterface utilisateur


Dans Illustrator, comme dans Adobe After Effects et Adobe Photoshop, vous
pouvez rgler la luminosit de linterface utilisateur de lapplication. Ce paramtre
des prfrences du programme vous donne le choix parmi quatre niveaux prdfinis,
mais vous pouvez galement donner une valeur personnalise.
Vous allez prsent modifier ce paramtre pour en constater les effets puis vous le
remettrez sa valeur par dfaut.
1. Choisissez dition > Prfrences > Interface utilisateur (Windows) ou Illustrator >
Prfrences > Interface utilisateur (Mac OS).
2. Dans le menu Luminosit des options de linterface utilisateur, choisissez Claire.
Vous pouvez ajuster la luminosit en utilisant les articles du menu Luminosit.

P Note : Loption Boutons de dfilement nest pas disponible sur MacOS. Ce nest pas gnant.

3. Faites glisser le curseur de luminosit vers la gauche jusqu la valeur 50 %.


Vous pouvez faire glisser le curseur de luminosit vers la gauche ou vers la droite
de faon rgler la luminosit globale de linterface une valeur personnalise.
4. Dans le menu Luminosit, choisissez Moyen fonce.
5. Cochez la case Blanc de loption Couleur de la zone de travail situe sous le curseur
de luminosit.
La zone de travail correspond la partie qui se situe en dehors des plans de travail
de votre document.
6. Cliquez sur Annuler pour ne pas conserver les modifications des paramtres de
prfrence.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

41

Le panneau Outils
Le panneau Outils contient des outils de slection, de dessin et de peinture, ddition,
daffichage, les cases de slection de couleur Fond et Contour, les modes de dessin,
ainsi que les modes daffichage. Au fil des leons, vous apprendrez mieux connatre
le rle de chacun deux.
P Note : Le panneau Outils est prsent ici sur deux colonnes. Le vtre peut ltre sur une seule
colonne, en fonction de la rsolution de votre cran et de votre espace de travail.

42

LEON 1

Lespace de travail

1. Dans le panneau Outils, positionnez le pointeur sur loutil


Slection ( ). Son nom et son raccourci clavier saffichent.
E Astuce: Vous pouvez activer ou dsactiver laffichage des infobulles

en choisissant dition> Prfrences> Gnral (Windows) ou Illustrator>


Prfrences> Gnral (MacOS) et en cochant ou dcochant la case Afficher
les infobulles.

2. Positionnez le pointeur sur loutil Slec


tion directe ( ), cliquez et maintenez.
Dautres outils de slection apparaissent
alors. Relchez sur lun des outils com
plmentaires pour le slectionner.
Le petit triangle plac dans langle inf
rieur droit de certains outils du panneau
Outils signale la prsence doutils supplmentaires masqus, que vous pouvez
slectionner en suivant cette procdure.
E Astuce: Vous pouvez galement slectionner des outils masqus en appuyant sur la touche Alt
(Windows) ou Option (Mac OS) pendant que vous cliquez sur loutil dans le panneau Outils. Chaque
clic slectionne loutil masqu suivant de la squence doutils masqus.
3. Cliquez et maintenez sur loutil Rectangle
( ). Faites glisser le pointeur sur la droite
des outils masqus et relchez audessus
de la flche Dtacher. Les outils sont alors
dtachs du panneau Outils afin que
vous puissiez y accder en permanence.
4. Cliquez sur le bouton de fermeture (X)
plac dans le coin suprieur droit (Win
dows) ou gauche (Mac OS) de la barre
de titre du panneau doutils flottant afin
de fermer celuici. Les outils retournent
dans le panneau Outils.

E Astuce:

Puisque les
raccourcis clavier
par dfaut
fonctionnent
uniquement
lorsque vous
ntes pas en
insertion de texte,
vous pouvez
galement
ajouter dautres
raccourcis clavier
pour slectionner
des outils mme
pendant la
modification
dun texte. Pour
cela, choisissez
dition>
Raccourcis
clavier. Pour
de plus amples
informations,
consultez
la rubrique
Raccourcis
clavier dans lAide
dIllustrator.

E Astuce: Vous

pouvez
galement rduire
les panneaux
doutils flottants
ou les ancrer
lespace de travail
ou les uns aux
autres.

Vous allez maintenant apprendre redimensionner le panneau Outils et le rendre


flottant.
5. Cliquez sur la double flche place
dans le coin suprieur gauche du pan
neau Outils pour le rduire de deux
une colonne. Vous gagnez ainsi de
lespace lcran. Cliquez sur cette
mme double flche pour le remettre
sur deux colonnes.

P Note : Selon

la rsolution de
lcran et lespace
de travail, le
panneau Outils
peut se trouver
initialement sur
une colonne.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

43

6. Cliquez sur la barre de titre gris fonc au sommet du panneau Outils ou sur la
ligne en pointill sous la barre de titre, puis faites glisser le panneau Outils dans
lespace de travail pour quil y flotte.

7. Lorsque le panneau Outils flotte librement dans lespace de travail, il peut tre
plac sur une colonne en cliquant sur la double flche situe dans sa barre de titre.
Pour revenir sur deux colonnes, cliquez sur cette mme double flche.

E Astuce: Vous pouvez galement cliquer sur la barre de titre place en partie suprieure du panneau
Outils pour basculer entre le mode une ou deux colonnes. Faites simplement attention ne pas
double-cliquer sur la croix.

8. Pour ancrer de nouveau le panneau Outils, faites glisser sa barre de titre ou la


ligne en pointill vers le bord gauche de la fentre de lapplication (Windows)
ou de lcran (Mac OS). Lorsque le pointeur atteint le bord, une bordure bleue
translucide apparat. Il sagit de la zone de dpt. Relchez le bouton de la souris
pour que le panneau Outils sintgre parfaitement lespace de travail.

44

LEON 1

Lespace de travail

Le panneau Contrle
Le panneau Contrle est contextuel. Autrement dit, il offre un accs rapide aux options,
aux commandes et aux autres panneaux qui correspondent aux objets alors slectionns.
Vous pouvez cliquer sur tout texte soulign pour afficher un panneau spcifique. Par
exemple, cliquez sur le mot Contour pour afficher le panneau Contour. Par dfaut,
le panneau Contrle est ancr en haut de lespace de travail, mais il est galement
possible de lancrer en bas, de le rendre flottant ou de le masquer totalement.
1. Dans le panneau Outils, activez loutil Slection ( ) et cliquez au milieu de la barre
bleu clair qui se trouve sur la gauche du plan de travail.
Regardez les informations prsentes pour cet objet dans le panneau Contrle,
notamment le mot Trac, les options de couleur, Contour et autres.

2. Avec nimporte quel outil, faites glisser dans lespace de travail la barre de mani
pulation (la ligne en pointill situe sur le ct gauche) du panneau Contrle.
Lorsque le panneau Contrle flotte librement, faites glisser la barre de manipu
lation gris fonc qui apparat sur son ct gauche pour le dplacer en haut ou en
bas de lespace de travail.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

45

E Astuce : Une

autre manire
dancrer le
panneau Contrle
consiste choisir
Ancrer en haut
ou Ancrer en bas
dans son menu
( ).

3. Faites glisser le panneau Contrle vers le bas de la fentre de lapplication (Win


dows) ou de lcran (Mac OS). Lorsque le pointeur (non le panneau) atteint le
bas, une ligne bleue apparat pour indiquer o le panneau sera ancr lorsque vous
relcherez le bouton de la souris.

4. laide de la barre de manipulation, faites glisser le panneau Contrle vers le haut


de la fentre de document. Lorsque le pointeur atteint le bord infrieur de la barre
dapplication, la ligne bleue apparat pour indiquer la zone de dpt. Le panneau
sera ancr quand vous relcherez le bouton de la souris.
5. Choisissez Slection > Dslectionner pour que le trac ne soit plus slectionn.

Utiliser les panneaux


Les panneaux, qui se trouvent dans le menu Fentre, offrent un accs rapide de
nombreux outils, ce qui facilite la modification des illustrations. Par dfaut, certains
sont ancrs et apparaissent comme des icnes sur le ct droit de lespace de travail.
Vous allez masquer, fermer et ouvrir des panneaux.

E Astuce : Vous

pouvez galement
choisir Fentre>
Espace de travail>
Rinitialiser Les
indispensables
pour rinitialiser
les panneaux.

1. Choisissez Rinitialiser Les indispensables dans le


commutateur despace de travail situ dans langle
suprieur droit de la barre dapplication pour remettre
les panneaux leur emplacement dorigine.
2. Ouvrez le panneau Nuancier en cliquant sur son icne
( ) droite de lespace de travail, ou choisissez Fentre >
Nuancier. Vous remarquerez que le panneau Nuancier
apparat avec deux autres panneaux (Formes et Symboles). Ils font tous partie du
mme groupe. Cliquez sur longlet du panneau Symboles pour lafficher.

3. Cliquez sur licne du panneau Couleur ( ). Vous remarquerez que lapparition


dun nouveau groupe ferme celui qui contient le panneau Nuancier.
46

LEON 1

Lespace de travail

4. Cliquez sur la barre de manipulation situe


en partie infrieure du panneau Couleur et
faitesla glisser pour le redimensionner. Vous
rvlez ainsi un plus grand nombre de couleurs
du spectre.
5. Cliquez sur licne du panneau Couleur (
pour rduire le groupe de panneaux.

E Astuce : Pour

E Astuce : Pour trouver un panneau masqu, choisissez

son nom dans le menu Fentre. Sil est coch, cela signifie que le panneau est dj ouvert et quil se
trouve devant tous les autres panneaux de son groupe. Si vous slectionnez le nom dun panneau
dj ouvert dans le menu Fentre, vous fermez le panneau et son groupe.

6. Cliquez sur la double flche qui se trouve en haut du dock pour dvelopper les pan
neaux. Cliquez de nouveau dessus pour les rduire. Utilisez cette mthode pour affi
cher plusieurs groupes de panneaux la fois. Vos panneaux peuvent avoir un aspect
diffrent aprs avoir t dvelopps, mais ce nest pas un problme.

Cliquer pour dvelopper.

Cliquer pour rduire.

rduire un
panneau en icne,
cliquez sur son
onglet, sur son
icne ou sur la
double flche qui
se trouve dans sa
barre de titre.

Le dock rduit.

E Astuce : Pour dvelopper ou rduire le dock des panneaux, vous pouvez galement double-cliquer
sur sa barre de titre.

7. Pour augmenter la largeur de tous les panneaux du dock, faites glisser vers la
gauche le bord gauche des panneaux ancrs jusqu ce que du texte apparaisse.
Pour la rduire, cliquez de nouveau sur le bord gauche des panneaux ancrs et
faitesle glisser vers la droite jusqu ce que le texte disparaisse.

Faire glisser pour dvelopper.

Faire glisser pour rduire.

Le dock rduit.

8. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables pour
rinitialiser lespace de travail.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

47

9. Faites glisser licne du panneau Nuancier ( ) loin du dock pour len retirer et le
rendre flottant. Notez que le panneau reste rduit sous forme dicne lorsquil est
flottant. Cliquez sur la double flche dans la barre de titre du panneau Nuancier
pour le dvelopper et voir son contenu.

Faire glisser le panneau Nuancier.

Dvelopper le panneau.

Le panneau dvelopp.

Vous pouvez galement dplacer des panneaux dun groupe vers un autre afin de
crer des groupes des panneaux les plus employs.
E Astuce : Pour fermer un panneau, faites-le glisser hors du dock et cliquez sur la croix dans sa barre
de titre. Vous pouvez galement cliquer du bouton droit ou en appuyant sur Ctrl sur longlet dun
panneau ancr et choisir Fermer dans le menu.
10. Faites glisser le panneau Nuancier en utilisant son onglet, sa barre de titre ou
la zone derrire son onglet vers les icnes des panneaux Formes ( ) et Sym
boles ( ). Relchez lorsque vous voyez une bordure bleue entourer le groupe de
panneaux Formes.

Vous allez prsent rorganiser les panneaux afin de disposer dune zone de travail
plus importante.
11. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication pour que tous les panneaux soient rinitialiss.
E Astuce : Appuyez sur la touche Tab pour masquer tous les panneaux. Appuyez de nouveau sur Tab

pour les rafficher tous. Appuyez sur les touches Maj+Tab pour masquer ou afficher uniquement les
panneaux, except les panneaux Outils et Contrle.

12. Cliquez sur la double flche en haut du dock pour dvelopper les panneaux.
48

LEON 1

Lespace de travail

13. Cliquez sur longlet du panneau Guide des couleurs pour le slectionner puis
doublecliquez sur longlet afin den rduire la taille. En doublecliquant de nouveau
sur longlet, vous rduisez compltement le panneau. Cette procdure fonctionne
galement lorsquun panneau est flottant (non ancr).
P Note: Vous pouvez double-cliquer deux fois sur longlet de nombreux panneaux pour les afficher
dans leur taille maximale. Un autre double-clic, et le panneau est intgralement dvelopp.

Double-cliquer sur longlet


du panneau.

Double-cliquer nouveau.

Le panneau rduit.

E Astuce : Pour rduire et augmenter la taille dun panneau, vous pouvez, au lieu de double-cliquer,
cliquer sur licne de petite flche situe gauche du nom du panneau dans son onglet.

14. Cliquez sur longlet du panneau Aspect pour afficher celuici. Selon la rsolution
de votre cran, il peut tre dj visible.

Modifier des groupes de panneaux


Les groupes de panneaux peuvent tre ancrs, non ancrs et organiss en modes
dvelopp ou rduit. Vous allez prsent redimensionner un groupe de panneaux
afin de mieux visualiser les panneaux les plus importants.
1. Cliquez sur longlet du panneau Symboles et faites glisser la ligne de sparation
entre les groupes de panneaux Symboles et Contour pour redimensionner le groupe.

P Note: Il est

possible que
vous ne puissiez
pas dplacer
beaucoup la ligne
de sparation. En
effet, cela dpend
de la taille et de
la rsolution de
votre cran, ainsi
que du nombre
de panneaux
dvelopps.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

49

2. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail


de la barre dapplication.
P Note: Si vous

faites glisser un
groupe dans le
dock et si vous le
dposez sur un
groupe existant,
les deux groupes
fusionnent.
Lorsque cela
arrive, rinitialisez
lespace de
travail et ouvrez
de nouveau
le groupe de
panneaux pour
ressayer.

3. Choisissez Fentre > Alignement pour ouvrir le groupe de panneaux Alignement.


Faites glisser la barre de titre de ce panneau audessus des panneaux ancrs sur le
ct droit de lespace de travail. Positionnez le pointeur juste en dessous de licne
du panneau Symboles ( ) jusqu ce quune ligne bleue apparaisse. Relchez pour
crer un nouveau groupe dans le dock.

Vous allez maintenant faire glisser un panneau depuis un groupe vers un autre dans
les panneaux ancrs.

E Astuce : Vous

pouvez galement
rorganiser
les groupes de
panneaux dans
le dock en faisant
glisser la double
ligne grise de
chaque panneau
vers le haut ou
lebas.

4. Faites glisser licne du panneau


Transformation ( ) juste en
dessous de licne du panneau
Couleur ( ). Une ligne bleue
apparat entre licne du panneau
Couleur et celle du panneau Guide
des couleurs, entourant le groupe
du panneau Couleur. Relchez le
bouton de la souris.

En organisant ainsi les panneaux


dans des groupes appropris, vous
pouvez travailler plus rapidement.

E Astuce : Une

bonne manire de
gagner de la place
consiste ancrer
les panneaux les
uns ct des
autres sur le ct
droit de lespace
de travail. Un
panneau ancr
peut galement
tre rduit et
redimensionn
afin daugmenter
la place
disponible.

50

LEON 1

Rinitialiser et enregistrer lespace de travail


Vous pouvez replacer tous les panneaux, dont le panneau Outils, leurs emplacements
par dfaut. Vous avez galement la possibilit denregistrer les emplacements des
panneaux et dy revenir tout moment en crant un espace de travail. Vous allez
prsent crer un espace de travail permettant daccder un groupe de panneaux
frquemment utiliss.
1. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication.
2. Choisissez Fentre > Pathfinder. Cliquez sur longlet du panneau Pathfinder et
faitesle glisser vers le ct droit de lespace de travail. Lorsque le pointeur approche

Lespace de travail

du bord gauche des panneaux ancrs, une ligne bleue apparat. Relchez pour
ancrer le panneau.
3. Cliquez sur le bouton de fermeture (X) dans langle suprieur droit (Windows)
ou gauche (Mac OS) pour fermer le groupe, qui, prsent, contient uniquement
les panneaux Alignement et Transformation.

4. Choisissez Fentre > Espace de travail >


Nouvel espace de travail. Dans la bote de
dialogue Nouvel espace de travail, saisissez le
nom Navigation puis cliquez sur OK. Lespace
de travail Navigation est sauvegard dans
Illustrator, jusqu ce que vous le supprimiez.
5. Choisissez Fentre > Espace de travail > Les indispensables puis Fentre > Espace
de travail > Rinitialiser Les indispensables. Vous remarquerez que les panneaux se
replacent dans leurs positions par dfaut. Choisissez Fentre > Espace de travail >
Navigation. Pour passer dun espace de travail lautre, servezvous de la commande
Fentre > Espace de travail et slectionnez lespace souhait. Revenez dans lespace
de travail Les indispensables avant de passer lexercice suivant.
E Astuce : Pour modifier un espace de travail enregistr, rorganisez les panneaux comme vous le
souhaitez et choisissez ensuite Fentre> Espace de travail> Nouvel espace de travail. Dans la bote
de dialogue Nouvel espace de travail, indiquez le nom de lespace de travail enregistr puis cliquez
sur OK. Dans la bote de dialogue qui vous demande si vous souhaitez remplacer lespace de travail
existant, cliquez sur Oui.

P Note: Pour

supprimer des
espaces de travail
enregistrs,
choisissez
Fentre> Espace
de travail>
Grer les espaces
de travail.
Slectionnez le
nom de lespace
de travail puis
cliquez sur le
bouton Supprimer
lespace de travail.

Les menus des panneaux


La plupart des panneaux proposent un menu plac dans leur coin suprieur droit.
En cliquant sur le bouton correspondant (
), vous ouvrez un menu qui offre des
options supplmentaires propres au panneau slectionn, notamment la modification
de son affichage.
Vous allez prsent modifier laffichage du panneau Symboles laide de son menu.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

51

1. Affichez le panneau Symboles en cliquant sur son icne ( ) droite de lespace


de travail ou en choisissant Fentre > Symboles.

2. Dans le coin suprieur droit du pan


neau Symboles, cliquez sur licne de
son menu ( ).
3. Dans le menu du panneau, slection
nez loption Liste de petites vignettes.
Les symboles saffichent sous forme dune liste de noms, chacun accompagn dune
vignette. Puisque les commandes du menu dun panneau sappliquent uniquement
ce panneau, ici, seul le panneau Symboles est affect.
4. Cliquez sur licne du menu du panneau Symboles (
) et choisissez Affichage par
vignettes pour revenir la prsentation initiale des symboles. Cliquez sur longlet du
panneau Symboles pour le masquer.
Outre les menus des panneaux, vous pouvez faire appel aux menus contextuels pour
afficher les commandes associes loutil, la slection ou au panneau actif.
5. Placez le pointeur audessus de la fentre de document
ou dun panneau. Cliquez ensuite du bouton droit
(Windows) ou en appuyant sur Ctrl (Mac OS) pour
afficher le menu contextuel qui propose des options
spcifiques.
Le menu contextuel cicontre saffiche ainsi lorsque vous
cliquez du bouton droit (Windows) ou en appuyant
sur Ctrl (Mac OS) sur le plan de travail alors que la
slection est vide.
P Note: Si vous positionnez le pointeur au-dessus dun panneau, comme le panneau Nuancier, et

cliquez du bouton droit (Windows) ou en appuyant sur Ctrl (Mac OS), vous faites apparatre le menu
contextuel qui vous permet de fermer un panneau ou un groupe de panneaux.

Modification de laffichage
Lorsque vous travaillerez sur des fichiers, vous devrez certainement changer le taux
dagrandissement et vous dplacer parmi les plans de travail. Le niveau de zoom, compris
entre 3,13 % et 6 400 %, est affich dans la barre de titre (ou longlet du document),
ct du nom du fichier, ainsi que dans langle infrieur gauche de la fentre de
document. Quand vous vous servez dun outil ou dune commande daffichage, sachez
que seul laffichage de lillustration est affect, non sa taille relle.

Les commandes daffichage


Pour agrandir ou pour rduire la vue dune illustration laide du menu Affichage,
procdez comme suit :

52

LEON 1

Lespace de travail

Choisissez Affichage > Zoom avant pour agrandir laffichage de lillustration


businesscard.ai.

Choisissez Affichage > Zoom arrire pour rduire laffichage de lillustration


businesscard.ai.

E Astuce : Ctrl++
(Windows) ou
Cmd++ (MacOS)
augmente le
niveau de zoom.

E Astuce : Ctrl+ (Windows) ou Cmd+ (MacOS) rduit le niveau de zoom.


Chaque fois que vous employez une commande Zoom, la vue de lillustration est
redimensionne au niveau de zoom prdfini le plus proche. Des niveaux de zoom
prdfinis sont disponibles dans le menu situ dans le coin infrieur gauche de la
fentre de document, signal par un triangle plac ct dun pourcentage.
Le menu Affichage permet aussi dajuster lillustration du plan de travail actif lcran,
dajuster tous les plans de travail la zone daffichage ou de visualiser lillustration
sa taille relle.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Une vue rduite du
plan de travail actif saffiche dans la fentre de document.
P Note: Avec un plan de travail qui peut atteindre 578578cm, il est facile de perdre de vue

lillustration. En choisissant Affichage> Ajuster le plan de travail la fentre ou en appuyant sur les
touches Ctrl+0 (Windows) ou Cmd+0 (MacOS), vous recentrez immdiatement lillustration dans la
zone daffichage.

E Astuce : Dans

le panneau Outils,
double-cliquez
sur loutil Main
( ) pour ajuster
le plan de travail
la fentre de
document.

2. Pour afficher limage sa taille relle, choisissez Affichage > Taille relle.
Lillustration saffiche 100 %. La taille relle de votre image dfinit la part qui
peut en tre affiche lcran 100 %.
E Astuce : Dans le panneau Outils, double-cliquez sur loutil Zoom ( ) pour afficher lillustration
100%.

3. Choisissez Affichage > Tout ajuster la fentre.


Vous voyez alors dans la fentre tous les plans de travail dfinis. Pour de plus
amples informations concernant la navigation dans les plans de travail, consultez
la section Navigation entre plusieurs plans de travail plus loin dans cette leon.
4. Choisissez Affichage > Ajuster le plan de travail la fentre avant de passer la
section suivante.

Loutil Zoom
En plus des commandes du menu Affichage, loutil Zoom ( ) est trs utile pour
agrandir ou rduire la vue dune illustration des niveaux dagrandissement prdfinis.
1. Dans le panneau Outils, cliquez sur loutil Zoom (
placez le pointeur dans la fentre de document.

) pour le slectionner puis

Un signe plus (+) apparat au centre du pointeur de loutil Zoom.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

53

2. Positionnez loutil Zoom sur le texte TOM


GREER puis cliquez une fois. Lillustration
saffiche avec un taux dagrandissement
suprieur.
Lendroit o vous avez cliqu se trouve
prsent au centre de la fentre de document.
3. Cliquez deux autres fois sur le texte TOM
GREER. La vue est encore agrandie, et
vous voyez que la zone dans laquelle vous avez cliqu est agrandie.
Vous allez prsent rduire la vue de lillustration.
P Note: Le

pourcentage
dagrandissement
de la zone est
dtermin par
les dimensions
du rectangle de
slection que
vous tracez avec
loutil Zoom (plus
le rectangle est
petit, plus le taux
dagrandissement
est lev).

4. En conservant loutil Zoom slectionn, amenez le pointeur sur le texte TOM


GREER puis appuyez sur la touche Alt (Windows) ou Option (Mac OS). Un
signe moins () saffiche au centre du pointeur de loutil Zoom. Gardez la touche
enfonce et cliquez deux fois sur lillustration pour en rduire la vue.
Pour un zoom plus prcis, vous pouvez galement tracer un rectangle de slection
autour dune zone de lillustration. Ainsi, seule la zone slectionne est agrandie.
5. Choisissez Affichage > Ajuster le plan de travail la fentre.
6. Loutil Zoom tant toujours slectionn, cliquez et tracez un rectangle autour du
texte mountainwildlifetours.com dans le coin infrieur gauche du plan de travail.
Lorsque le rectangle apparat autour de la zone que vous souhaitez agrandir, relchez.
La zone dfinie est alors agrandie de manire correspondre la taille de la fentre.

7. Dans le panneau Outils, doublecliquez sur loutil Main (


de travail la fentre de document.

) pour ajuster le plan

Loutil Zoom est employ trs frquemment pendant les oprations ddition. Aussi,
vous apprcierez de pouvoir le slectionner partir du clavier tout moment sans
dslectionner un autre outil en cours dutilisation.
8. Dans le panneau Outils, activez nimporte quel outil autre que Zoom et placez le
pointeur dans la fentre de document.
9. Appuyez sur les touches Ctrl+barre despacement (Windows) ou Cmd+barre
despacement (Mac OS) pour activer loutil Zoom. Agrandissez une zone quel
conque de lillustration puis relchez les touches.
P Note: Avec certaines versions de MacOS, les raccourcis clavier de loutil Zoom ouvrent Spotlight
ou Finder. Pour pouvoir les employer dans Illustrator, vous devrez dabord les dsactiver ou les modifier
dans les Prfrences Systme de MacOS.

54

LEON 1

Lespace de travail

10. Pour rduire laffichage partir du clavier, appuyez sur les touches Ctrl+Alt+barre
despacement (Windows) ou Cmd+Option+barre despacement (Mac OS). Cliquez
sur une zone puis relchez les touches.
11. Dans le panneau Outils, doublecliquez sur loutil Main pour ajuster le plan de
travail la fentre de document.

Faire dfiler le contenu dun document


Servezvous de loutil Main ( ) pour atteindre diffrentes zones dun document en
le faisant dfiler. Grce cet outil, vous pouvez dplacer le document la manire
dune feuille de papier sur votre bureau.
1. Dans le panneau Outils, cliquez sur loutil Main (

).

2. Faitesle glisser vers le bas dans la fentre de document. Lillustration dfile


mesure que vous dplacez la main.
Comme pour loutil Zoom ( ), vous pouvez slectionner loutil Main laide dun
raccourci clavier sans dslectionner loutil actif.
3. Dans le panneau Outils, cliquez sur un outil quelconque, lexception de loutil
Texte ( ), et amenez le pointeur dans la fentre de document.
4. Appuyez sur la barre despacement pour slectionner loutil Main puis faites glisser
la main pour afficher nouveau lillustration au centre de lcran.
5. Doublecliquez sur loutil Main pour ajuster le plan de travail actif la fentre de
document.
P Note: La barre despacement ne fonctionne pas lorsque loutil Texte est actif et que le curseur est

positionn dans la zone ddition. Pour accder loutil Main lorsque le curseur se trouve dans du
texte, appuyez sur la touche Alt (Windows) ou Option (Mac OS).

Mouvements tactiles
Dans Adobe Illustrator CC, vous pouvez employer les mouvements tactiles standard
(contraction et glissement) pour les panoramiques et les zooms. Ces gestes sont
oprationnels sur les appareils qui prennent en charge la saisie tactile, que ce soit
via un dispositif direct (un cran tactile) ou indirect (le pav tactile dun Mac ou le
priphrique Wacom Intuos5).

Contraction avant ou arrire, laide de deux doigts (par exemple, utilisez le pouce
et lindex) pour effectuer un zoom avant.

Dplacement de deux doigts placs sur le document, pour effectuer un panoramique


au sein du document.

Glissement ou impulsion, pour parcourir les plans de travail.


En mode ddition de plan de travail, utilisez deux doigts pour faire pivoter le
plan de 90.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

55

Afficher une illustration


Pour gagner du temps lorsque vous travaillez avec un document volumineux ou com
plexe, crez vos propres vues personnalises. Vous pourrez ainsi sauter rapidement
des zones et des niveaux de zoom prdfinis. Configurez laffichage que vous
souhaitez enregistrer puis choisissez Affichage > Nouvelle vue. Nommez la vue, qui
est enregistre avec le document.
1. Choisissez Affichage > Email (en bas du menu Affichage) pour zoomer sur une
zone prdfinie de limage.
P Note: Selon la rsolution de votre cran, le bas du menu Affichage et les articles du menu peuvent
ne pas tre visibles. Vous devrez alors cliquer plusieurs reprises sur le triangle noir qui se trouve en
partie infrieure du menu Affichage afin dafficher des options supplmentaires.

Cette vue personnalise a t enregistre avec le document par les auteurs.


2. Choisissez Affichage > Ajuster le plan de travail la fentre.
Lorsque vous ouvrez un fichier, il est automatiquement affich en mode Aperu.
Ce mode prsente lillustration telle quelle sera imprime. Si vous travaillez avec de
grandes illustrations complexes, vous souhaiterez peuttre afficher uniquement les
tracs des objets (ou mode Fil de fer) afin que lillustration ne soit pas intgralement
redessine chaque fois que vous apportez une modification. Ce mode Tracs se rvle
galement utile lors de la slection des objets, comme vous le verrez la Leon 2,
Slections et alignement.
3. Choisissez Affichage > Tracs.
Seuls les contours des objets sont prsent affichs. En utilisant cette vue, vous
pouvez rechercher des objets qui ne seraient peuttre pas visibles en mode Aperu.
4. Choisissez Affichage > Aperu pour afficher tous les attributs de lillustration.
Si vous prfrez employer des raccourcis clavier, Ctrl+Y (Windows) et Cmd+Y
(Mac OS) permettent de passer dun mode daffichage lautre.
5. Choisissez Affichage > Aperu de la surimpression pour afficher les lignes ou les
formes qui sont marques pour la surimpression.
Cette vue sera utile ceux qui ont besoin de connatre linteraction des encres lors
dune surimpression. Il est possible que vous ne constatiez pas de changement
dans laffichage du logo quand vous passez dans ce mode.
P Note: Lorsque vous changez de mode daffichage, les changements visuels ne sont pas toujours

immdiatement visibles. Essayez alors de passer temporairement par un zoom (Affichage> Zoom
avant et Affichage > Zoom arrire) pour rendre les diffrences plus notables.

6. Choisissez Affichage > Aperu en pixels pour voir ce que donnera lillustration une
fois convertie en image bitmap et affiche dans un navigateur web. Choisissez
nouveau Affichage > Aperu en pixels pour dsactiver ce mode.

56

LEON 1

Lespace de travail

Mode Aperu.

Mode Tracs.

Mode Aperu de
la surimpression.

Mode Aperu
en pixels.

E Astuce : Nous reviendrons sur le mode Tracs la Leon 2, Slections et alignement, et sur le
mode Aperu en pixels la Leon 13, Les attributs daspect et les styles graphiques.

7. Choisissez Affichage > Ajuster le plan de travail la fentre pour visualiser


lensemble de lillustration.

Navigation entre plusieurs plans de travail


Illustrator permet de dfinir plusieurs plans de travail au sein dun mme fichier. Cette
fonctionnalit est parfaitement adapte la cration dun document sur plusieurs pages
car vous concevez ainsi plusieurs lments en parallle, par exemple une brochure, une
carte postale et une carte de visite, dans le mme document. Cela permet galement
de partager trs facilement du contenu entre plusieurs lments, de crer des fichiers
PDF de plusieurs pages et dimprimer de nombreuses pages. Lencadr Prsentation
du plan de travail apporte plus de prcisions.
Lajout de plusieurs plans de travail se fait lors de la cration initiale dun document
Illustrator (Fichier > Nouveau). Mais, avec loutil Plan de travail disponible dans le
panneau Outils, vous pouvez aussi ajouter et supprimer des plans de travail une fois
le document cr.
Vous allez ici apprendre naviguer efficacement au sein dun document contenant
plusieurs plans de travail.
1. Choisissez Fichier > Ouvrir et chargez le fichier L2start_1.ai, qui se trouve dans
le dossier Lesson01 sur votre disque dur.
2. Dans le panneau Outils, activez loutil Slection ( ),
sil nest pas dj slectionn.
3. Choisissez Affichage > Tout ajuster la fentre. Notez
que le document comprend deux plans de travail.
Les plans de travail dun document peuvent tre agencs
dans nimporte quel ordre, orientation ou taille, et mme
se chevaucher. Supposons que vous souhaitiez crer
une brochure de quatre pages. Chaque page peut tre
un plan de travail diffrent, et tous les plans de travail
peuvent avoir les mmes taille et orientation. Ils peuvent
tre organiss horizontalement, verticalement ou de la
manire qui vous convient.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

57

Le document L1start_2.ai contient deux plans de travail, qui correspondent au recto


dune carte postale et dun dpliant.
4. Appuyez sur Ctrl+ (Windows) ou Cmd+ (Mac OS) jusqu voir apparatre le
logo situ dans le coin suprieur gauche de la zone de travail, en dehors des plans
de travail.
5. Choisissez Affichage > Ajuster le plan de travail la fentre.
Cette commande adapte la taille du plan de travail actif la fentre. Pour connatre
le plan de travail actif, consultez le menu Navigation dans le plan de travail situ
dans le coin infrieur gauche de la fentre de document.
P Note: Nous

reviendrons sur
lutilisation des
plans de travail
la Leon 4,
Transformation
dobjets.

6. Choisissez 2 Artboard 2 dans le menu Navi


gation dans le plan de travail. Le dpliant
apparat alors dans la fentre de document.
7. Choisissez Affichage > Zoom arrire. Remar
quez que le zoom concerne uniquement le
plan de travail actif.
Notez les flches places gauche et droite du menu Navigation dans le plan de
travail. Vous pouvez les utiliser pour naviguer vers le premier plan de travail ( ),
le prcdent ( ), le suivant ( ) et le dernier ( ).

P Note: Puisque

le document
comprend
uniquement deux
plans de travail,
vous pouvez
galement cliquer
sur le bouton
Premier.

8. Cliquez sur le bouton Prcdent pour afficher


le plan de travail prcdent (Artboard #1) dans
la fentre de document.
9. Choisissez Affichage > Ajuster le plan de travail
la fentre pour que le premier plan de travail
(Artboard #1) corresponde parfaitement la
fentre de document.
Pour naviguer dans les multiples plans de travail, vous pouvez galement utiliser le
panneau Plans de travail. Vous allez louvrir et naviguer dans le document.
10. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication de manire rinitialiser lespace de travail.
11. Choisissez Fentre > Plans de travail pour ouvrir ce panneau sur le ct droit de
lespace de travail.
Le panneau Plans de travail recense tous les plans de travail qui existent dans le
document. Il permet de naviguer parmi eux, de les renommer, den ajouter et den
supprimer, de modifier les paramtres dun plan de travail, etc.
Nous allons prsent nous intresser la navigation dans le document laide de
ce panneau.

58

LEON 1

Lespace de travail

12. Dans le panneau Plans de travail, doublecliquez


sur le chiffre 2. Cette opration ajuste le second
plan de travail dans la fentre de document.
P Note : En double-cliquant sur le nom du plan de travail

dans le panneau Plans de travail, vous pouvez modifier ce


nom. Si vous double-cliquez sur licne ( ) situe droite
du nom du plan de travail, vous pouvez modifier les options
de celui-ci.

13. Choisissez Affichage > Zoom avant pour zoomer


sur le second plan de travail.
14. Dans le panneau Plans de travail, doublecliquez sur le chiffre 1 plac gauche de
Artboard 1 pour afficher le premier plan de travail dans la fentre de document.
Notez quen doublecliquant pour changer de plan de travail, vous ajustez celuici
la fentre de document.
15. Cliquez sur licne du panneau Plans de travail (
le dock.

) pour rduire ce panneau dans

P Note: Selon les dimensions existantes, vous pouvez obtenir jusqu 100 plans de travail par

document. Vous pouvez prciser le nombre de plans de travail lorsque vous crez un document puis
en ajouter et en supprimer tout moment lorsque vous travaillez sur un document. Vous pouvez
crer des plans de travail de diffrentes tailles, les redimensionner laide de loutil Plan de travail et
les placer nimporte o sur lcran, mme sils se chevauchent.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

59

Prsentation du plan de travail


Les plans de travail reprsentent les rgions qui peuvent contenir une illustration
imprimable ( la manire des pages dans un programme comme Adobe InDesign).
Vous vous en servirez pour dlimiter les zones dimpression ou pour positionner des
lments. Grce aux multiples plans de travail, il est possible de crer divers objets,
comme des documents PDF de plusieurs pages, des pages imprimes avec des tailles
ou des lments diffrents, des lments indpendants pour les sites web, des scnarios
de vidos ou des lments individuels pour une animation dans Adobe Flash ou After
Effects.
A. La surface imprimable est dlimite par les
lignes pointilles intrieures. Elle reprsente
la portion de page que limprimante
slectionne peut imprimer.
B. La surface non imprimable se situe
entre les deux rectangles en pointills,
reprsentant toutes les marges non
imprimables de la page. Cet exemple montre
la surface non imprimable dune page de
215,9279,4mm pour une imprimante
laser standard.
C. Le bord de la page est dfini par les lignes
pointilles extrieures.
D. Le plan de travail est dlimit par des lignes
continues reprsentant la taille maximale
de la surface imprimable.

B C D E F

E. Le fond perdu dsigne la zone de lillustration situe en dehors du cadre dimpression


ou en dehors des traits et des marques de coupe.
F.

La zone de travail se situe en dehors du plan de travail et stend jusquau bord


de la fentre carre de 558,8cm de ct. Les objets placs dans cette zone sont
visibles lcran mais ne simpriment pas.

Extrait de lAide dIllustrator

Le panneau Navigation
Le panneau Navigation permet de parcourir un document au sein dun mme plan
de travail ou de plusieurs plans. Cette fonction est utile lorsque vous avez besoin de
visualiser tous les plans de travail dun document dans une fentre et den modifier
un dans une vue agrandie.
1. Choisissez Fentre > Navigation pour ouvrir le panneau Navigation. Il flotte dans
lespace de travail.

60

LEON 1

Lespace de travail

2. Dans le champ Zoom situ dans langle infrieur gauche du panneau Naviga
tion, saisissez 50% et appuyez sur Entre ou Retour. Vous diminuez le niveau
dagrandissement.
Dans le panneau Navigation, le cadre rouge, appel zone de vignette, devient plus
grand afin dindiquer la zone du document affiche. Selon le niveau dagrandisse
ment, cette zone de vignette peut ne pas tre visible.

P Note: Vous

pouvez aussi
utiliser le curseur
du panneau
Navigation
pour modifier
laffichage de
lillustration. Aprs
son utilisation,
patientez un
instant, le temps
que le panneau
soit actualis.

3. Dans le coin infrieur droit du panneau Navigation, cliquez plusieurs fois sur licne
en forme de grandes montagnes (
) pour zoomer sur la brochure jusqu ce que
le pourcentage affich dans le panneau Navigation indique 150 %.
4. Dans le panneau Navigation, placez le pointeur dans la zone de vignette (le cadre
rouge) : il se transforme en main ( ).
5. Dans la zone de vignette, faites glisser la main vers diffrentes parties de lillus
tration. Dplacez le cadre rouge audessus de ltoile verte dans le coin infrieur
droit de la brochure.

P Note: Le

pourcentage et la
zone de vignette
de votre panneau
Navigation
peuvent tre
diffrents, mais
ce nest pas un
problme.

6. Dans le panneau Navigation, dplacez le pointeur hors de la zone de vignette


et cliquez. Le cadre rouge est dplac et une zone diffrente de lillustration est
affiche dans la fentre de document.
E Astuce : Lentre Options de panneau du menu du panneau Navigation permet de personnaliser
celui-ci, notamment en changeant la couleur de la fentre daperu.
7. Choisissez Affichage > Ajuster le plan de travail la fentre.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

61

8. Cliquez sur licne du menu du panneau Navigation


( ) et dcochez Afficher le contenu du plan de travail
seulement. Vous voyez ainsi toute illustration qui se
trouve dans la zone de travail, comme le logo.
P Note: Vous devrez peut-tre ajuster le curseur du panneau
Navigation pour voir apparatre le logo dans la zone de vignette.

9. Fermez le groupe du panneau Navigation en cliquant sur le bouton de fermeture


(X) situ dans langle suprieur droit (Windows) ou gauche (Mac OS).

Agencer les documents multiples


Chaque fichier ouvert par Illustrator cre un nouvel onglet pour une fentre de
document. Vous pouvez agencer les documents ouverts de diffrentes manires,
dont la disposition cte cte pour les comparer ou pour dplacer des lments
dun document lautre. Le menu Rorganiser les documents permet aussi dafficher
rapidement les documents ouverts selon diffrentes configurations.
Vous devez avoir deux fichiers Illustrator ouverts : businesscard.ai et L1start_2.ai. Chacun
deux possde son propre onglet en haut de la fentre de document. Ces documents
constituent un groupe de fentres de document. Vous pouvez crer plusieurs groupes
de documents afin dassocier des fichiers lorsquils sont ouverts.
1. Cliquez sur longlet du document businesscard.ai afin dafficher sa fentre de
document.
P Note: Faites

attention bien
faire glisser
vers la droite
car, sinon, vous
pourriez dtacher
la fentre de
document et
crer un nouveau
groupe. Si cela se
produit, choisissez
Fentre>
Disposition>
Intgrer toutes
les fentres.

2. Faites glisser longlet du document businesscard.ai sur la droite de longlet du


document L1start_2.ai.

En dplaant les onglets, vous pouvez modifier lordre des documents. Cela sera
trs utile si vous employez les raccourcis de navigation entre les documents.
E Astuce : Vous pouvez parcourir les documents ouverts en appuyant sur Ctrl+F6 (document suivant),
Ctrl+Maj+F6 (document prcdent) [Windows] ou Cmd+` (document suivant), Cmd+Maj+` (document
prcdent) [Mac OS].

3. Dplacez les onglets afin dorganiser les documents de gauche droite, dans lordre
businesscard.ai et L1start_2.ai.
Les deux documents actuellement ouverts sont des versions des lments de
marketing. Pour les voir tous la fois, organisez les fentres de document en cas
cade ou en mosaque. La disposition en cascade (pile) cre diffrents groupes de

62

LEON 1

Lespace de travail

documents. La disposition en mosaque prsente plusieurs fentres de document


la fois sous diffrents agencements.
Vous allez prsent disposer les documents ouverts afin de visualiser tout le contenu
la fois.
4. Sous Mac OS (les utilisateurs de Windows peuvent passer ltape suivante), choi
sissez Fentre > Cadre de lapplication. Cliquez ensuite sur le bouton vert plac
dans langle suprieur gauche de la fentre dapplication afin de ladapter au mieux.
Les utilisateurs de Mac OS peuvent se servir du cadre de lapplication pour regrouper
tous les lments de lespace de travail en une seule fentre intgre comparable
celle prsente sous Windows. Si vous dplacez ou redimensionnez le cadre de
lapplication, les lments cooprent pour ne pas se chevaucher.
5. Choisissez Fentre > Disposition > Mosaque.
Les deux fentres de document sont disposes selon un certain motif.
6. Cliquez dans chacune des fentres de document pour activer individuellement
le document correspondant. Choisissez Affichage > Ajuster le plan de travail
la fentre pour chaque document. Vrifiez galement que le plan de travail 1 de
chaque document est affich dans la fentre de document.

Les documents tant organiss sous forme de mosaque, il est possible, si besoin, de
dplacer les lignes de sparation entre leurs fentres pour rvler une partie plus ou
moins importante de lun dentre eux. Vous pouvez galement faire glisser des objets
entre les documents afin de les copier de lun lautre.
7. Cliquez sur la fentre du document L1start_2.ai. Avec loutil Slection ( ), faites
glisser ltoile verte vers la fentre du document businesscard.ai puis relchez.
Limage est copie de L1start_2.ai vers businesscard.ai.
P Note: Lorsque vous faites glisser du contenu entre des documents disposs en mosaque, un

symbole plus(+) apparat ct du pointeur, comme lillustre la figure ci-aprs. En fonction de votre
systme dexploitation, le pointeur peut avoir un aspect diffrent.

P Note: Vos

documents
peuvent tre
disposs dans un
ordre diffrent. Ce
nest pas gnant.

P Note: Aprs

avoir copi le
dessin, vous
remarquerez
que longlet
du document
businesscard.ai
affiche prsent
un astrisque
droite du nom
du fichier. Cela
indique que le
fichier doit tre
enregistr.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

63

Pour modifier lordre des fentres en mosaque, vous pouvez dplacer les onglets des
documents, mais vous risquez de rencontrer quelques difficults. La fentre Rorga
niser les documents vous aide dans cette opration.
8. Dans la barre dapplication, cliquez sur le bouton
) pour afficher la
Rorganiser les documents (
fentre du mme nom. Cliquez sur le bouton Tout
intgrer ( ) pour remettre les documents ensemble.
P Note: Sous MacOS, la barre de menu se trouve au-dessus de la

barre dapplication. Par ailleurs, selon la rsolution de votre cran,


les menus Fentre peuvent apparatre dans la barre dapplication.

9. Dans la barre dapplication, cliquez sur le bouton


Rorganiser les documents (
) pour afficher de nouveau la fentre du mme nom.
Dans la fentre Rorganiser les documents, cliquez sur le bouton 2 vignettes ( ).

10. Slectionnez longlet de businesscard.ai puis cliquez sur le bouton de fermeture


(X) qui se trouve sur longlet de ce document afin de le fermer. Si une bote de
dialogue vous propose denregistrer le document, cliquez sur Non (Windows) ou
sur Ne pas enregistrer (Mac OS).

E Astuce : Vous

pouvez galement
choisir Fentre>
Disposition>
Tout intgrer pour
replacer les deux
documents dans
le mme groupe.

11. Dans la barre dapplication, cliquez sur le bouton Rorganiser les documents
(
) puis sur le bouton Tout intgrer ( ).
12. Choisissez Fichier > Fermer pour fermer le document L1start_2.ai, sans lenregistrer.

Ressources sur Illustrator


Pour des informations exhaustives et des mises jour sur lutilisation des panneaux, des
outils et des autres fonctionnalits dIllustrator, rendezvous sur le site web dAdobe.
Choisissez Aide > Aide dIllustrator. Vous tes alors connect au site web Aide la
communaut Adobe, o vous pouvez faire des recherches dans lAide et dans dautres
documents, ainsi que sur dautres sites web dutilisateurs dIllustrator. Ce site runit

64

LEON 1

Lespace de travail

des utilisateurs des produits Adobe, des membres de lquipe Adobe, des auteurs et
des experts afin de vous proposer des informations utiles, pertinentes et actualises
sur les produits Adobe.
En choisissant Aide > Aide dIllustrator, vous pourrez galement suivre un lien qui
permet de tlcharger le contenu de laide sous forme de fichier PDF.

Synchronisation avec
Adobe Creative Cloud
Lorsque vous travaillez partir de plusieurs machines, la gestion et la synchronisation
des prfrences, des paramtres prdfinis et des bibliothques sur lensemble de ces
ordinateurs peuvent se rvler longues, complexes et sujettes erreurs.

La fonction de synchronisation des paramtres permet aux utilisateurs de conserver


leurs lments de configuration dans Creative Cloud. Autrement dit, si vous utilisez
deux ordinateurs, par exemple lun votre domicile et lautre sur votre lieu de travail,
cette fonctionnalit vous permet dassurer facilement la synchronisation de ces
paramtres entre les deux machines. Par ailleurs, si vous remplacez un ordinateur
et rinstallez Illustrator, vous pourrez retrouver vos paramtres de configuration sur
cette nouvelle machine.
La synchronisation se fait au travers de votre compte Adobe Creative Cloud. Tous les
paramtres sont envoys sur ce compte et sont ensuite rcuprs et appliqus sur
une autre machine.
La synchronisation doit tre lance manuellement; elle ne se fait pas automatiquement
et ne peut pas tre planifie. Pour de plus amples informations, consultez la section
Synchroniser les paramtres avec Adobe Creative Cloud de lIntroduction.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

65

Questions de rvision
1. Dcrivez au moins deux manires de modifier laffichage dun document.
2. Comment slectionneton des outils dans Illustrator ?
3. Dcrivez au moins trois manires de naviguer entre les plans de travail.
4. Comment enregistrer lemplacement des panneaux et les prfrences de visibilit ?
5. Expliquez en quoi la disposition des fentres de document peut tre utile.

Rponses
1. On peut choisir des commandes dans le menu Affichage pour agrandir ou rduire
un document ou encore lajuster lcran. On peut aussi activer loutil Zoom ( )
du panneau Outils et cliquer sur un document pour agrandir ou rduire son affi
chage, ou encore employer les raccourcis clavier. Le panneau Navigation permet
galement de faire dfiler une illustration ou de modifier son taux dagrandissement
sans avoir recours la fentre de document.
2. Pour slectionner un outil, il suffit soit de cliquer sur loutil en question dans le
panneau Outils, soit dappuyer sur son raccourci clavier. Ainsi, en appuyant sur la
touche V, on choisit loutil Slection ( ). Loutil slectionn reste actif tant quon
ne clique pas sur un autre outil.
3. a) Choisir le numro du plan de travail dans le menu Navigation dans le plan de
travail situ dans la partie infrieure gauche de la fentre de document ; b) utiliser
les flches de navigation dans le plan de travail pour aller au premier plan de travail,
au suivant, au prcdent et au dernier ; c) doublecliquer sur le nom dun plan de
travail dans le panneau Plans de travail ; d) se servir du panneau Navigation pour
faire glisser la zone de vignette sur le plan de travail souhait.
4. Il faut choisir Fentre > Espace de travail > Nouvel espace de travail. On mmorise
ainsi des zones de travail qui facilitent la mise disposition des contrles dont on
a besoin.
5. Rorganiser les documents permet dafficher des groupes de documents en cas
cade ou en mosaque. Cela peut se rvler utile si on travaille sur plusieurs fichiers
Illustrator et quon doive les comparer ou partager du contenu entre eux.

66

LEON 1

Lespace de travail

Dans Adobe Illustrator, la slection du contenu fait partie des


oprations essentielles. Cette leon vous apprendra localiser
et slectionner des objets laide des outils de slection,
protger des objets en les groupant en les masquant ou en
les verrouillant, et aligner des objets les uns par rapport aux
autres et par rapport au plan de travail.

SLECTIONS ET
ALIGNEMENT
Au cours de cette leon, vous apprendrez :
utiliser bon escient les diffrents outils de slection ;
employer les repres comments ;
enregistrer des slections en vue dune utilisation ultrieure ;
aligner des formes et des points, entre eux et par rapport au plan de travail ;
grouper et dissocier des objets ;
travailler en mode Isolation ;
organiser du contenu ;
slectionner du contenu en arrireplan ;
verrouiller et masquer des objets pour une meilleure gestion de vos travaux.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
La slection de lobjet modifier prcde tout changement de couleur ou de taille et
tout ajout deffets ou dattributs. Au fil de cette leon, vous apprendrez les bases des
outils de slection. Des techniques de slection avances, fondes sur les calques,
seront expliques la Leon 8, Les calques.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir. Slectionnez


le fichier L2start.ai, qui se trouve dans le
dossier Lesson02 sur votre disque dur.
Choisissez Affichage > Tout ajuster
la fentre.
P Note: Sous

MacOS, aprs
avoir rinitialis
lespace de
travail, vous
devrez peut-tre
choisir Fentre>
Disposition>
Mosaque afin
dagrandir
la fentre de
document au
maximum.

4. Choisissez Fentre > Espace de travail >


Les indispensables ou assurezvous que
cet espace est slectionn, puis choisissez Fentre > Espace de travail > Rinitialiser
Les indispensables pour rinitialiser lespace de travail.

Slection dobjets
Que vous commenciez une nouvelle illustration ou que vous modifiiez une illustration
existante, vous devez vous familiariser avec la slection des objets. Illustrator propose
de nombreux outils et mthodes de slection. Dans cette section, vous allez dcouvrir
les principaux, notamment Slection et Slection directe.

Loutil Slection
Loutil Slection ( ) disponible dans le panneau Outils permet de slectionner des
objets complets, de les dplacer et de les redimensionner. Dans cette premire section,
vous allez vous familiariser avec cet outil.
1. Dans le panneau Outils, activez loutil Slection ( ), sil nest pas dj slectionn.
Placez le pointeur sur les diffrentes formes sans cliquer.
Licne qui apparat lorsque vous passez sur des objets ( ) indique que lobjet
plac sous le pointeur peut tre slectionn. Lorsque vous survolez un objet, son
contour est par dfaut trac en bleu.

70

LEON 2

Slections et alignement

2. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slec


tion autour des deux cercles rouges situs sur le plan de travail de droite afin
dagrandir leur affichage.
3. Avec loutil Slection, dplacez le pointeur audessus du bord du cercle rouge
de gauche. Un mot, comme trac ou point dancrage, peut apparatre car les
repres comments sont actifs par dfaut.
Les repres comments sont des guides qui vous aident aligner, modifier et
transformer des objets ou des plans de travail. Nous y reviendrons en dtail la
Leon 3, Cration de formes.
4. Slectionnez le cercle rouge de gauche en cliquant sur un bord ou lintrieur. Un
cadre de slection muni de huit poignes apparat.

Le cadre de slection est employ pour modifier les objets, par exemple pour les
redimensionner ou les faire pivoter. Il indique galement que lobjet est slectionn
et prt tre modifi. Sa couleur reprsente le calque sur lequel se trouve lobjet.
Les calques sont dtaills la Leon 8, Les calques.
5. Avec loutil Slection, cliquez sur le cercle rouge de droite. Vous observez quil se
trouve slectionn tandis que le premier cercle est automatiquement dslectionn.
6. Ajoutez le cercle rouge de gauche la slection en cliquant dessus tout en appuyant
sur la touche Maj. Les deux cercles rouges sont prsent slectionns et un cadre
de slection plus grand les entoure.

P Note: Pour

slectionner un
objet dpourvu
de fond, vous
devez cliquer sur
son contour (sa
bordure) ou tracer
un rectangle de
slection autour.

7. Dplacez les cercles nimporte quel endroit du document en cliquant lint


rieur dun des cercles slectionns (la zone rouge) et en faisant glisser la slection.
Puisque les deux cercles sont slectionns, ils se dplacent ensemble.
Pendant que vous faites glisser la slection, des lignes vertes peuvent apparatre.
Il sagit des repres dalignement visibles car les repres comments sont actifs
(Affichage > Repres comments). Au cours du dplacement, les objets salignent sur
les autres objets du plan de travail. Notez galement la bote grise, appele libells
des dimensions, qui affiche la distance dun objet par rapport sa position dorigine.
Les libells des dimensions apparaissent lorsque les repres comments sont actifs.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

71

8. Dslectionnez les cercles en cliquant sur une zone vide du plan de travail ou en
choisissant Slection > Dslectionner.
9. Pour revenir ltat de lillustration lors de sa dernire sauvegarde, choisissez
Fichier > Version prcdente. Dans la bote de dialogue qui apparat, cliquez sur
le bouton Version prcdente.

Loutil Slection directe


Loutil Slection directe ( ) permet de slectionner des points ou des segments de
tracs dans un objet afin de modifier sa forme. Vous allez vous en servir maintenant.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
E Astuce: Vous

pouvez galement
cliquer au milieu
dune forme pour
la slectionner
et voir les points
dancrage sur son
contour. Il sagit
dune bonne
manire de savoir
o se trouvent les
points dancrage,
pour ensuite en
slectionner par
un clic.

2. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection


autour des formes orange situes sous les cercles rouges que vous avez slectionns
prcdemment, afin dagrandir leur affichage.
3. Dans le panneau Outils, activez loutil Slection directe
( ). Sans cliquer, positionnez le pointeur sur le sommet
de lune des formes orange. Dplacez le pointeur le long
du bord suprieur de la forme jusqu voir apparatre
le libell point dancrage.
Lorsque loutil Slection directe se trouve sur un point
dancrage dun trac ou dun objet, le libell point
dancrage saffiche. Cela se produit parce que les repres
comments sont actifs. Notez galement le petit point qui apparat au centre du
carr droite du pointeur. Sa prsence indique que loutil Slection directe est
positionn audessus dun point dancrage.
4. Cliquez de faon slectionner ce point dancrage.

P Note: Les

libells des
dimensions qui
apparaissent
lorsque vous
faites glisser le
point dancrage
affichent les
valeurs dX et
dY. dX indique
la distance de
dplacement
du pointeur le
long de laxeX
(horizontal)
et dY indique
la distance de
dplacement
du pointeur le
long de laxeY
(vertical).

72

LEON 2

Vous constatez que seul ce point devient plein, indi


quant quil est slectionn, tandis que les autres points
restent vides, non slectionns.
Notez les lignes directrices bleues qui partent du point
dancrage slectionn. leur extrmit se trouvent
les points directeurs. Langle et la longueur des lignes
directrices dterminent la forme et la taille des segments
incurvs. En dplaant les points directeurs, vous modifiez la forme des courbes.
5. Loutil Slection directe toujours actif, faites glisser le
point vers le bas afin de modifier la forme de lobjet.
6. Cliquez sur dautres points de la bordure de la forme.
Notez que le point prcdent est dslectionn.
7. Revenez la version enregistre en choisissant Fichier >
Version prcdente. Dans la bote de dialogue qui
apparat, cliquez sur Version prcdente.

Slections et alignement

Prfrences de la slection
et des points dancrage
Choisissez dition> Prfrences> Slection et affichage des points dancrage (Windows)
ou Illustrator> Prfrences> Slection et affichage des points dancrage (MacOS). Vous
pouvez alors modifier la taille des points dancrage et laffichage des lignes directrices
(appeles poignes dans la bote de dialogue).
Vous pouvez galement dsactiver la mise en surbrillance des points dancrage lors
de leur survol par le pointeur. Lamise en exergue des points dancrage survols par le
pointeur en facilite la slection. Les points dancrage et les poignes seront prsents
en dtail la Leon 5, Dessin avec les outils Plume et Crayon.

Le rectangle de slection
Une autre manire deffectuer la slection consiste tracer un rectangle de slection
autour des objets concerns.
1. Choisissez Affichage > Tout ajuster la fentre.
2. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez plusieurs reprises au
centre du plan de travail de droite afin deffectuer un zoom sur les cercles rouges.
3. Dans le panneau Outils, activez loutil Slection ( ). Positionnez le pointeur au
dessus et gauche du cercle rouge gauche puis tracez vers le bas et la droite un
rectangle de slection qui chevauche uniquement la partie suprieure des cercles.

E Astuce:

Lorsque vous
tracez un
rectangle de
slection avec
loutil Slection,
il nest pas
ncessaire
denglober
lintgralit des
objets pour les
slectionner.

4. Choisissez Slection > Dslectionner ou cliquez un endroit vide.


5. Appuyez sur la barre despacement et faites glisser le plan de travail vers le haut
afin que les formes orange situes sous les cercles soient visibles.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

73

Vous allez prsent activer loutil Slection directe ( ) pour slectionner plusieurs
points dancrage dans des objets.
6. Dans le panneau Outils, activez loutil Slection directe ( ). Cliquez ct du sommet
de lune des formes orange et faites glisser de faon recouvrir uniquement le bord
suprieur de deux formes. Seuls les points dancrage suprieurs sont slectionns.
P Note: La

slection des
points laide de
cette mthode
requiert une
certaine pratique.
Vous devez tracer
le rectangle
de slection
uniquement
sur les points
slectionner
afin dviter que
dautres le soient
galement.
Vous pouvez
toujours cliquer
hors des objets
pour annuler
la slection et
recommencer.

7. Cliquez sur lun des points dancrage et faitesle glisser : tous les points dancrage
se dplacent ensemble. Vous pouvez suivre cette mthode pour slectionner des
points sans avoir cliquer prcisment sur le point dancrage modifier.

Faire glisser pour


slectionner.

Visualiser les points


slectionns.

Faire glisser les points.

8. Revenez la version enregistre en choisissant Fichier > Version prcdente. Dans


la bote de dialogue qui apparat, cliquez sur Version prcdente.

Loutil Baguette magique


Loutil Baguette magique ( ) permet de slectionner tous les objets dun document
qui possdent des attributs identiques, comme la couleur de fond. Vous pouvez
personnaliser loutil Baguette magique pour quil slectionne les objets en fonction
de certains critres, comme lpaisseur ou la couleur du contour. Pour cela, double
cliquez sur loutil dans le panneau Outils. Vous pouvez aussi modifier les tolrances
qui servent identifier les objets semblables.
1. Activez loutil Slection ( ) et cliquez dans une zone vide du plan de travail de
droite afin de rendre celuici actif. Choisissez Affichage > Ajuster le plan de travail
la fentre.
2. Dans le panneau Outils, activez loutil Baguette magique ( ). Si vous cliquez sur
lun des cercles rouges, vous constatez que le second cercle est galement slec
tionn. Le cadre de slection (un rectangle qui entoure les deux formes) napparat
pas car loutil Baguette magique est toujours actif.

74

LEON 2

Slections et alignement

3. Tout en maintenant enfonce la touche Maj,


cliquez sur lune des formes orange (sous les
formes rouges) avec loutil Baguette magique, puis
relchez la touche.
Cette opration ajoute la slection toutes les
formes dont le fond est de cette couleur orange.
4. Loutil Baguette magique tant toujours actif,
appuyez sur la touche Alt (Windows) ou Option
(Mac OS) et cliquez sur lune des formes orange pour dslectionner tous les objets
qui ont ce fond. Relchez la touche. Les cercles rouges doivent rester slectionns.
5. Choisissez Slection > Dslectionner ou cliquez hors de tout objet.

Slectionner des objets semblables


laide du bouton Slectionner des objets similaires ou de la commande Slection >
Identique, vous pouvez galement slectionner des objets en fonction de la couleur
de fond ou de contour, de lpaisseur du contour et dautres attributs.
Dans cette section, vous slectionnerez plusieurs objets ayant la mme couleur de
contour.
1. Avec loutil Slection ( ), cliquez sur lun des objets orange.
2. Dans le panneau Contrle, cliquez sur la
flche droite du bouton Slectionner des
objets similaires (
) afin dafficher le
menu. Choisissez Couleur de contour pour
slectionner tous les objets du plan de travail
qui ont la mme couleur de contour (orange)
que lobjet slectionn.

P Note: Le fond

est la couleur
applique la
zone intrieure de
lobjet, le contour
correspond
sa bordure et
lpaisseur du
contour la taille
de celle-ci.

Tous les objets dont le contour est orange


sont slectionns.
3. Choisissez Slection > Dslectionner.

E Astuce: Il

4. Slectionnez nouveau les formes orange puis


choisissez Slection > Identique > Contour
et fond.
Toutes les formes remplies en orange qui ont
les mmes couleurs de fond et de contour
sont slectionnes.
5. La slection tant toujours active, choi
sissez Slection > Mmoriser la slection.
Nommezla Bouche robot et cliquez sur
OK. Vous pourrez reprendre ultrieurement cette slection.
6. Choisissez Slection > Dslectionner.

peut tre utile


de nommer les
slections selon
leur utilisation
ou leur fonction.
Si vous nommez
la slection
Contour1pt,
par exemple,
vous risquez
dtre tromp
par la suite si
vous modifiez
lpaisseur de
contour de lobjet.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

75

Slectionner des objets en mode Tracs


Par dfaut, Adobe Illustrator affiche lintgralit de lillustration en couleurs (les objets
rvlent leurs attributs de peinture, comme leur fond et leur contour). Cependant, vous
avez la possibilit dafficher lillustration de sorte que seuls ses tracs soient visibles.
La mthode de slection dcrite dans cette section implique laffichage de lillustration
en mode Tracs et pourra se rvler trs utile pour slectionner des objets empils.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez lintrieur
du demicercle gris, qui deviendra le corps
du robot.
Puisque la forme possde un fond (une
couleur, un motif ou un dgrad qui remplit
lintrieur de lobjet), vous pouvez slec
tionner lobjet en cliquant nimporte o
lintrieur de ses limites.
3. Choisissez Slection > Dslectionner pour
que la forme ne soit plus slectionne.
4. Choisissez Affichage > Tracs pour afficher uniquement les contours de lillustration.
5. Avec loutil Slection, cliquez lintrieur
du mme demicercle.
Vous ne pouvez pas slectionner lobjet. En
mode Tracs, seuls les contours de lillus
tration sont affichs, sans les fonds. Pour
effectuer une slection, cliquez sur la bordure
de lobjet ou tracez un rectangle de slection
autour de la forme.
6. Cliquez sur le bouton Prcdent ( ) situ
dans langle infrieur gauche de la fentre de documents afin que le premier plan
de travail soit slectionn et ajust la fentre.

7. Avec loutil Slection, dans le plan de travail de gauche, tracez un rectangle de


slection autour de lellipse de droite (la plus petite), qui reprsente lil du robot.
Appuyez plusieurs reprises sur la touche Flche gauche de faon rapprocher
lellipse de celle place sa gauche.

8. Choisissez Affichage > Aperu pour visualiser lillustration.


76

LEON 2

Slections et alignement

Alignement dobjets
Illustrator facilite lalignement et la rpartition des objets les uns par rapport aux
autres, par rapport au plan de travail ou un objet cl. Dans cette section, vous allez
dcouvrir ce quest un objet cl et tudier les possibilits dalignement des objets et
des points.

Aligner des objets les uns par rapport aux autres


1. Choisissez Slection > Bouche robot pour slectionner les formes orange.
2. Cliquez sur le bouton Suivant ( ) dans langle infrieur gauche de la fentre de
document pour ajuster la fentre le plan de travail qui comprend les formes
orange et rouges.

3. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection


autour des formes au fond orange afin den agrandir laffichage.
4. Dans le panneau Contrle, cliquez
sur le bouton Aligner sur (
) et
choisissez Aligner sur une slection.
Les objets seront ainsi aligns les
uns par rapport aux autres.

P Note: Les

5. Dans le panneau Contrle, cliquez


sur le bouton Alignement vertical
en bas ( ).

Notez que tous les objets orange


se dplacent pour que leurs bords
infrieurs soient aligns avec celui de lobjet orange le plus bas.
6. Choisissez dition > Annuler Alignement pour remettre les objets leur position
dorigine. Gardezles slectionns pour la section suivante.

Aligner sur un objet cl


Un objet cl est un objet qui sert de rfrence pour lalignement dautres objets. Pour le
dsigner, il suffit de slectionner tous les objets aligner, y compris lobjet cl, puis de
cliquer sur ce dernier. Une fois slectionn, il prsente un contour bleu pais, et licne
Aligner sur un objet cl (
) apparat dans les panneaux Contrle et Alignement.
Vous allez prsent aligner les formes orange.
1. Les formes orange tant toujours slection
nes, cliquez, avec loutil Slection ( ), sur
celle situe lextrme gauche.
Le contour bleu pais indique quil sagit
de lobjet cl sur lequel les autres objets
saligneront.

options
dalignement
napparaissent
peut-tre pas
dans le panneau
Contrle, mais
elles sont alors
disponibles
partir du mot
Alignement.
Illustrator place
autant doptions
que possible
dans le panneau
Contrle, en
fonction de la
rsolution de
lcran.

E Astuce: Dans

le panneau
Alignement,
vous pouvez
galement choisir
Aligner sur un
objet cl dans
loption Aligner
sur. Lobjet plac
au premier plan
devient lobjet cl.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

77

P Note: Pour

que lalignement
ou la rpartition
ne se fasse plus
relativement un
objet cl, cliquez
de nouveau sur
celui-ci afin de
retirer le contour
bleu pais ou
choisissez Annuler
lobjet cl dans le
menu du panneau
Alignement.

2. Dans les options dalignement visibles dans


le panneau Contrle ou affiches en cliquant
sur le mot Alignement, cliquez sur le bouton
Alignement vertical en haut ( ). Toutes les
formes orange se dplacent pour saligner
avec le bord suprieur de lobjet cl.
3. Choisissez Slection > Dslectionner.

Aligner des points dancrage


Vous allez prsent aligner deux points dancrage lun par rapport lautre, en vous
servant du panneau Alignement. Comme pour le choix de lobjet cl expliqu la
section prcdente, vous pouvez dfinir un point dancrage cl sur lequel les autres
points saligneront. Il sagit du dernier point dancrage slectionn.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection directe ( ), cliquez sur le point infrieur gauche du demi
cercle gris situ en bas du plan de travail. Appuyez sur la touche Maj et cliquez
pour slectionner le point infrieur droit du mme demicercle.

La slection des points se fait dans un certain ordre car le dernier point dancrage
slectionn devient le point cl sur lequel seront aligns les autres points.
3. Dans le panneau Contrle, cliquez sur le bouton Alignement vertical en haut ( ).
Le premier point slectionn saligne sur le second.

Slectionner le premier point. Slectionner le second point.

P Note: Les

boutons de
distribution
horizontale ou
verticale au centre
rpartissent
lespace de
manire gale
par rapport aux
centres des objets.
Si les objets
slectionns
ne sont pas de
taille identique,
des rsultats
inattendus
peuvent se
produire.

78

LEON 2

Aligner les points.

4. Choisissez Slection > Dslectionner.

Rpartir des objets


La rpartition des objets avec le panneau Alignement permet de slectionner plusieurs
objets et de rpartir de manire gale lespace qui les spare. Cest ce que vous allez
faire, prsent, pour lespace qui spare les formes orange.
1. Dans le panneau Outils, activez loutil Slection ( ). Choisissez Slection > Bouche
robot pour slectionner nouveau toutes les formes orange.

2. Dans le panneau Contrle, cliquez sur le bou


ton Distribution horizontale au centre ( ).

Slections et alignement

Cette opration dplace toutes les formes orange afin que leurs centres soient espacs
de la mme distance.
3. Choisissez dition > Annuler Alignement puis Slection > Dslectionner.
4. Choisissez deux reprises Affichage > Zoom avant de faon agrandir laffichage
des formes orange.
5. Maintenez enfonce la touche Maj et, avec
loutil Slection, faites glisser la forme orange
lextrme droite lgrement vers la gauche.
Arrtez le dplacement juste avant que la
forme ne touche celle situe sa gauche.
Relchez le bouton de la souris puis la touche.
La touche Maj permet de garder la forme
verticalement aligne avec les autres.
6. Choisissez Slection > Bouche robot pour slectionner nouveau les formes
orange, puis cliquez sur le bouton Distribution horizontale au centre ( ). Notez
que, puisque la forme lextrme droite a t dplace, les objets bougent pour
rpartir lespace qui spare leur centre.
7. Choisissez Slection > Dslectionner.

Aligner sur le plan de travail


Il est galement possible daligner du contenu relativement au plan de travail plutt
qu une slection ou un objet cl. Avec cette mthode, chaque objet slectionn
est align sparment sur le plan de travail. Vous allez regrouper le demicercle gris
avec les autres lments du robot et laligner avec le centre infrieur du plan de travail.
1. Avec loutil Slection ( ), cliquez sur le demicercle gris situ en partie infrieure
du plan de travail. Choisissez dition > Couper.
2. Cliquez sur le bouton Prcdent ( ) dans langle infrieur gauche de la fentre
de document de faon passer au premier plan de travail (celui de gauche) du
document qui contient la tte du robot.

3. Choisissez dition > Coller pour coller le demicercle gris.


4. Cliquez sur le bouton Aligner sur une slection (
choisissez Aligner sur le plan de travail.
5. Cliquez sur le bouton Alignement horizontal
au centre ( ) puis sur le bouton Alignement
vertical en bas ( ) pour aligner la slection
sur le centre horizontal et le bas vertical du
plan de travail.

6. Choisissez Slection > Dslectionner.

) et, dans le menu qui saffiche,

P Note : Lorsque
vous rpartissez
des objets
horizontalement,
vrifiez tout
dabord que
les objets des
extrmits
gauche et droite
se trouvent
lemplacement
souhait. Pour
la distribution
verticale,
positionnez
les objets aux
extrmits haute
et basse puis
rpartissez-les.

P Note: Les

options
dalignement
napparaissent
peut-tre pas
dans le panneau
Contrle, mais
elles sont alors
disponibles
partir du mot
Alignement. Le
nombre doptions
affiches dans le
panneau Contrle
dpend de la
rsolution de
lcran.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

79

Travail avec les groupes


Vous pouvez grouper des objets qui seront alors traits comme une entit unique.
Vous pouvez ainsi dplacer et transformer des objets sans modifier leurs proprits
individuelles et leurs positions relatives.

Groupes dlments
Vous allez prsent slectionner plusieurs objets et les runir dans un groupe.
1. Choisissez Affichage > Tout ajuster la fentre de faon voir les deux plans de
travail.
2. Choisissez Slection > Bouche robot pour slectionner nouveau les formes orange.
E Astuce: Pour

slectionner
sparment
les objets
dun groupe,
slectionnez
le groupe puis
choisissez Objet>
Dissocier. Les
objets sont alors
dfinitivement
retirs du groupe.

3. Choisissez Objet > Associer. Notez


que le panneau Contrle affiche
Groupe dans sa partie gauche.
4. Choisissez Slection > Dslectionner.
5. Avec loutil Slection ( ), cliquez sur
lune des formes orange du groupe.
Puisquelles constituent un groupe,
elles sont toutes slectionnes.
6. Faites glisser le groupe des formes orange sur
la tte du robot (sous les yeux). Choisissez
Slection > Dslectionner.

Le mode Isolation
Le mode Isolation permet disoler des groupes ou des souscalques afin que vous
puissiez slectionner et modifier facilement des objets ou des parties dobjets. Lorsque
vous travaillez dans ce mode, tous les objets hors du groupe isol sont verrouills
afin quils ne soient pas affects par vos modifications. Un objet isol est affich en
couleurs relles, tandis que le reste de lillustration semble estomp.

E Astuce: Pour

entrer dans le
mode Isolation,
vous pouvez
galement
slectionner un
groupe avec loutil
Slection puis,
dans le panneau
Contrle, cliquer
sur le bouton
Isoler lobjet
slectionn ( ).

80

LEON 2

Vous allez modifier un groupe en travaillant en mode Isolation.


1. Avec loutil Slection ( ), cliquez sur la main du robot qui se trouve lextrmit
du bras le plus long. Cette opration slectionne le groupe de formes qui com
posent la main.
2. Doublecliquez sur une forme de cette main
pour passer en mode Isolation.
3. Choisissez Affichage > Ajuster le plan de
travail la fentre. Notez que le reste du
document apparat alors estomp (vous ne
pouvez pas le slectionner).

Slections et alignement

Dans la partie suprieure de la fentre


de document, une flche grise apparat
ct des mots Layer 1 et <Groupe>. Cela indique que vous avez isol un groupe
dobjets qui se trouve sur le calque 1. Pour en savoir plus sur les calques, consultez
la Leon 8, Les calques.
4. Faites glisser le cercle gris clair vers le bas
afin que sa position corresponde approxi
mativement celle du cercle de lautre main.
Lorsque vous entrez dans le mode Isolation,
les groupes sont temporairement dissocis.
Vous pouvez donc modifier des objets du
groupe ou y ajouter un autre contenu sans
avoir les dissocier au pralable.
5. Doublecliquez en dehors des formes du groupe pour quitter le mode Isolation.
6. Cliquez pour slectionner la forme du cercle.
Elle est toujours associe aux autres formes de la main et vous pouvez dsormais
slectionner les autres objets de lillustration.
7. Choisissez Slection > Dslectionner.

Ajouter des objets un groupe


Les groupes peuvent galement tre imbriqus. Autrement dit, il est possible dassocier
des groupes ou des objets dautres groupes pour en former de plus grands. Cette
technique est couramment employe en conception graphique. Elle est parfaite pour
garder du contenu ensemble.
Dans cette section, vous allez apprendre crer un groupe imbriqu.
1. Avec loutil Slection ( ), tracez un rectangle
de slection sur lensemble des formes noires
qui se trouvent sous la main du plus long
bras du robot.

E Astuce: Pour

sortir du mode
Isolation, vous
pouvez aussi
cliquer sur la
flche grise
dans le coin
suprieur gauche
de la fentre
de document
jusqu ce que le
mode Isolation
disparaisse. Ou
bien, dans le
panneau Contrle,
cliquez sur le
bouton Quitter
le mode Isolation
( ).

2. Choisissez Objet > Associer.


3. Appuyez sur la touche Maj et, avec loutil
Slection, cliquez sur la main audessus du bras de faon slectionner galement
ce groupe. Choisissez Objet > Associer.
Vous venez de crer un groupe imbriqu, cestdire un groupe associ dautres
objets ou groupes de faon former un groupe plus grand.
4. Choisissez Slection > Dslectionner.
5. Avec loutil Slection, cliquez sur lun des objets associs du mme bras. Tous les
objets du groupe sont alors slectionns.
6. Cliquez sur une zone vide du plan de travail pour dslectionner les objets.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

81

Vous allez prsent utiliser loutil Slection directe progressive.


7. Dans le panneau Outils, cliquez et maintenez sur loutil Slection directe ( ) pour
accder loutil Slection directe progressive ( ). Cet outil permet dajouter les
groupes parents de lobjet la slection en cours.
8. Cliquez sur lune des formes de la mme main du robot pour slectionner celleci.
Cliquez de nouveau sur la mme forme pour slectionner le groupe parent de lobjet
(celui des formes de la main). Cliquez une fois de plus, sur la mme forme, pour
slectionner le groupe constitu de la main et du bras. Loutil Slection directe
progressive ajoute chaque groupe la slection dans lordre de regroupement.

Cliquer une fois.

Cliquer une deuxime


fois pour slectionner
le groupe parent.

Cliquer une troisime fois


tout slectionner dans le
groupe.

9. Choisissez Slection > Dslectionner.


P Note : Pour

dissocier tous
les objets
slectionns,
mme les formes
de la main et du
bras, choisissez
deux fois Objet>
Dissocier.

10. Avec loutil Slection, cliquez sur nimporte quel objet pour slectionner le groupe.
Choisissez Objet > Dissocier pour dissocier les objets.
11. Choisissez Slection > Dslectionner.
12. Cliquez pour slectionner la main. Notez quelle constitue toujours un groupe.

Disposition des objets


Au fur et mesure que vous crez des objets, Illustrator les empile dans lordre sur le
plan de travail, en commenant par le premier objet cr. Lordre dans lequel les objets
sont superposs (appel ordre de superposition) dtermine leur affichage lorsquils se
chevauchent. Vous pouvez tout moment le modifier en utilisant le panneau Calques
ou les commandes Objet > Disposition.

E Astuce: Pour
de plus amples
informations
sur les objets
et lordre de
superposition,
consultez le
fichierPDF
Stack_order.pdf
dans le dossier
Lesson_extras.

82

LEON 2

Ordonner les objets


Vous allez utiliser ici les commandes Disposition pour modifier lordre de superposition
des objets.
1. Choisissez Affichage > Tout ajuster la fentre de
faon voir les deux plans de travail.
2. Avec loutil Slection ( ), cliquez sur la forme noire
qui se trouve sous la tte du robot (son cou).

Slections et alignement

3. Choisissez Objet > Disposition > Arrireplan pour envoyer la forme derrire la
tte et le corps du robot.
4. Slectionnez lun des cercles rouges sur le plan de travail de droite.
5. Faites glisser le cercle slectionn sur
le plus petit il du robot (aidezvous
de la figure). Relchez le bouton de
la souris. Notez que le cercle rouge
disparat, mais quil reste slectionn.
Il est plac derrire lellipse (lil), car
elle a probablement t cre avant
celleci et se trouve donc avant elle
dans la pile des formes.
6. Le cercle rouge tant toujours slectionn, choisissez Objet > Disposition > Premier
plan. Il est alors plac au dbut de la pile et devient le premier objet.

Slectionner des objets situs en arrire


Lorsque des objets sont superposs, on a parfois des difficults slectionner ceux
qui se trouvent larrire. Dans cette section, vous apprendrez slectionner un objet
dans une pile dobjets.
1. Avec loutil Slection ( ), slection
nez lautre cercle rouge sur le plan
de travail de droite, faitesle glisser
sur la forme qui reprsente le plus
grand il et relchez le bouton de
la souris.
Vous remarquerez que le cercle
semble galement disparatre, mais
quil est toujours slectionn. Cette foisci, vous allez le dslectionner puis le
reslectionner laide dune autre mthode.
2. Choisissez Slection > Dslectionner. Le cercle rouge nest plus slectionn.
3. Le pointeur tant toujours plac audessus de
lemplacement du second cercle rouge, celui der
rire la forme de lil, appuyez sur la touche Ctrl
(Windows) ou Cmd (Mac OS) et cliquez jusqu
ce que le cercle soit nouveau slectionn (il est
possible que plusieurs clics soient ncessaires).
Vous noterez peuttre un symbole infrieur (<)
affich ct du pointeur ( ).

P Note: Pour

slectionner
le cercle rouge
cach, faites en
sorte de cliquer l
o le cercle et lil
se chevauchent.
Sinon rien ne se
produira.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

83

4. Choisissez Objet > Disposition > Premier plan


pour amener le cercle devant lil.
5. Choisissez Slection > Dslectionner.
6. Choisissez Fichier > Enregistrer.

Masquage et verrouillage dobjets


Les illustrations complexes rendent difficile le contrle des slections. Dans cette
section, vous allez apprendre verrouiller et masquer du contenu de manire
faciliter la slection des objets.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Choisissez Objet > Tout afficher pour faire
apparatre un masque devant les yeux du robot.
Choisissez Objet > Disposition > Premier plan pour
que le masque soit plac devant les autres objets.
3. Avec loutil Slection ( ), essayez de slectionner
lun des yeux en cliquant.
Vous ny parvenez pas car le masque se trouve
devant les yeux. Pour pouvoir les slectionner, vous pouvez employer lune des
mthodes dcrites prcdemment ou vous servir du masquage ou du verrouillage.
4. Le masque tant toujours slectionn, choisissez Objet > Masquer > Slection
ou appuyez sur Ctrl+3 (Windows) ou Cmd+3 (Mac OS). Le masque est alors
masqu et vous pouvez plus facilement slectionner dautres objets. (Nous avons
initialement cach le masque de cette manire.)
5. Slectionnez lun des cercles rouges dans les yeux et dplacezle.
6. Choisissez Objet > Tout afficher pour rafficher le masque.
7. Le masque tant slectionn, choisissez Objet > Verrouiller > Slection.
Le masque reste visible, mais vous ne pouvez plus le slectionner.
8. Avec loutil Slection, cliquez sur lun des yeux.
9. Choisissez Objet > Tout dverrouiller, puis choi
sissez Objet > Masquer > Slection pour masquer
nouveau le masque.
10. Choisissez Fichier > Enregistrer puis Fichier >
Fermer.
E Astuce: Pour de plus amples informations sur les techniques de slection, consultez le fichier PDF
nomm Selections.pdf dans le dossier Lesson_extras.

84

LEON 2

Slections et alignement

Questions de rvision
1. Comment slectionneton un objet sans fond ?
2. Indiquez deux manires de slectionner un lment dun groupe sans passer par
Objet > Dissocier.
3. Des deux outils de slection (Slection [ ] et Slection directe [ ]), lequel permet
de modifier chaque point dancrage dun objet ?
4. Que fautil faire aprs avoir cr une slection qui sera rutilise plusieurs fois ?
5. Indiquez deux manires de slectionner un objet alors que quelque chose gne
cette slection.
6. Pour aligner des objets par rapport au plan de travail, que fautil slectionner dans
les panneaux Alignement ou Contrle avant de choisir une option dalignement ?

Rponses
1. On peut slectionner les lments sans fond en cliquant sur leur contour ou en
traant un rectangle de slection sur eux.
2. a) Cliquer une fois, avec loutil Slection directe progressive ( ), sur un objet du
groupe pour le slectionner, puis cliquer de nouveau pour ajouter les lments
groups suivants cette slection (voir la Leon 8, Les calques, pour savoir
comment employer les calques dans les slections complexes) ; b) doublecliquer
sur le groupe pour entrer en mode Isolation, modifier les formes puis quitter le
mode Isolation en appuyant sur chap ou en doublecliquant en dehors du groupe.
3. Avec loutil Slection directe ( ), on slectionne un ou plusieurs points dancrage
et on modifie ainsi la forme dun objet.
4. Lorsquune slection doit tre rutilise, on peut la mmoriser (Slection >
Mmoriser la slection) puis la nommer afin dy recourir volont en passant par
le menu Slection.
5. a) Si un lment empche daccder un objet, il faut slectionner cet lment puis
choisir Objet > Masquer > Slection. Lobjet nest pas effac mais rendu invisible
jusqu ce quon choisisse Objet > Tout afficher ; b) pour slectionner du contenu
masqu : activer loutil Slection, appuyer sur la touche Ctrl (Windows) ou Cmd
(Mac OS) et cliquer sur les objets qui se chevauchent jusqu ce que lobjet souhait
soit slectionn.
6. Pour aligner des objets sur le plan de travail, il faut commencer par slectionner
loption Aligner sur le plan de travail.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

85

Vous avez la possibilit de crer des documents contenant


plusieurs plans de travail et de nombreux objets en commenant par des formes simples puis en les modifiant pour
en obtenir de nouvelles. Au cours de cette leon, vous crerez
un document puis vous crerez et modifierez des formes de
base pour une illustration.

CRATION DE FORMES
Au cours de cette leon, vous apprendrez :
crer un document contenant plusieurs plans de travail ;
employer des outils et des commandes pour crer des formes de base ;
travailler avec les modes de dessin ;
utiliser les rgles et les repres comments comme aides au dessin ;
redimensionner et dupliquer des objets ;
joindre et vectoriser des objets ;
modifier des contours avec loutil Largeur ;
exploiter loutil Concepteur de forme ;
crer des formes avec les commandes Pathfinder ;
travailler avec loutil Vectorisation de limage.
Cette leon vous prendra environ une heure et demie.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Dans cette leon, vous allez crer une illustration destine une brochure.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

3. Choisissez Fichier > Ouvrir. Slec


tionnez le fichier L3end.ai, qui se trouve
dans le dossier Lesson03 sur votre
disque dur. Il correspond lillustra
tion termine que vous allez crer.
Choisissez Affichage > Tout ajuster
la fentre et laissez le fichier ouvert
comme rfrence ou choisissez Fichier > Fermer.

Cration dun document


Vous allez crer un document qui contiendra deux plans de travail, chacun avec une
illustration, que vous combinerez ensuite.

P Note du

traducteur : Nous
conservons le
pouce comme
unit afin de
prserver la
cohrence du
texte et des
illustrations des
exemples de
louvrage.

1. Choisissez Fichier > Nouveau pour crer un document sans titre. Dans la bote de
dialogue Nouveau document, modifiez les options suivantes :

Nom : ventemaison ;
Profil : choisissez Impression (la valeur par dfaut) ;
Nombre de plans de travail : 2, pour crer deux plans de travail (lorsque

vous modifiez le nombre de plans de travail, le profil de document devient


[Personnalis]) ;

Rorganiser par range ( ) : slectionn ;

vrifiez que la flche Passer une disposition de droite gauche ( ) est affiche.
Passez ensuite aux units afin que les modifications ultrieures se fassent en pouces.

Units : Pouces ;
Espacement : 1 (lespacement correspond la distance qui spare chaque plan
de travail) ;

Largeur : 8 in (il est inutile de saisir in pour les pouces, car il sagit de lunit
slectionne) ;

Hauteur : 8 in.
88

LEON 3

Cration de formes

P Note : En utilisant les profils

de document, vous pouvez


configurer un document destin
diffrents types de supports,
comme limpression, le Web, la
vido et dautres. Par exemple,
si vous crez la maquette dune
page web, vous pouvez employer
un profil de document web, qui
utilise automatiquement les pixels
pour la taille de pages et les units,
slectionne le mode de couleur
RVB et fixe la rsolution de lcran
(72points par pouce).

2. Cliquez sur OK dans la bote de dialogue Nouveau document.


3. Choisissez Fichier > Enregistrer sous. Dans la bote de dialogue Enregistrer sous,
vrifiez que le nom du fichier est ventemaison (Windows) ou ventemaison.ai
(Mac OS) et slectionnez le dossier Lesson03. Laissez Adobe Illustrator (*.AI) dans
le menu Type (Windows) ou Adobe Illustrator (ai) dans le menu Format (Mac OS)
puis cliquez sur Enregistrer. Dans la bote de dialogue Options Illustrator, gardez
les options par dfaut et cliquez sur OK.

Configurer plusieurs
plans de travail
Illustrator permet de crer de multiples plans de travail. Pour les configurer, il faut
dabord comprendre les paramtres initiaux des plans de travail de la bote de dialogue Nouveau document. Aprs avoir indiqu le nombre de plans de travail de votre
document, vous pouvez fixer lordre dans lequel ils seront agencs lcran. Voici les
diffrentes options:

Grille par range. Organise les plans de travail selon le nombre de ranges
indiqu. Choisissez ce nombre dans le menu correspondant. La valeur par dfaut
cre laspect le plus carr possible selon le nombre de plans de travail indiqu.

Grille par colonne. Organise les plans de travail selon le nombre de colonnes
indiqu. Choisissez ce nombre dans le menu correspondant. La valeur par dfaut
cre laspect le plus carr possible selon le nombre de plans de travail indiqu.

Rorganiser par range. Organise les plans de travail dans une range.
Rorganiser par colonne. Organise les plans de travail dans une colonne.
Passer une disposition de droite gauche. Organise les plans de travail selon
le format de ranges ou de colonnes dfini, en les affichant de droite gauche.

Extrait de lAide dIllustrator

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

89

P Note : Si le

bouton Format
de document
napparat pas
dans le panneau
Contrle, cela
signifie que du
contenu est
slectionn dans
le document.
Vous pouvez
galement choisir
Fichier> Format
de document.

4. Dans le panneau Contrle, cliquez sur le bouton Format de document.


La bote de dialogue Format de document qui apparat permet de modifier, entre
autres, la taille du plan de travail, les units et le fond perdu, aprs la cration du
document.
5. Dans la partie Fond perdu de la bote de dialogue Format de document, donnez
Suprieur la valeur 0,125 in en cliquant une fois sur la flche vers le haut qui se
trouve gauche du champ ou en saisissant directement la valeur. Tous les para
mtres de fond perdu sont changs la mme valeur. Cliquez sur OK.

Notez la ligne rouge qui saffiche autour des deux plans de travail. Elle indique la
zone de fond perdu. En gnral, les fonds perdus pour limpression ont une taille
denviron 18 points.

propos du fond perdu


Le fond perdu dsigne la zone de lillustration situe en dehors du cadre dimpression
ou en dehors des traits et des marques de coupe. Il reprsente en quelque sorte votre
marge derreur afin de garantir que lencre simprime toujours jusquau bord une fois
la page rogne, ou que le positionnement de lillustration respecte un filet technique
dfini sur la page.
Extrait de lAide dIllustrator

Cration de formes simples


Dans la premire partie de cette leon, vous crerez une maison laide de formes de
base, comme des rectangles, des ellipses, des rectangles arrondis et des polygones.
Lexercice commence par la configuration de lespace de travail.
1. Choisissez Fentre > Espace de travail > Les indispensables (si ce nest pas dj le
cas) puis Fentre > Espace de travail > Rinitialiser Les indispensables.
2. Choisissez Affichage > Rgles > Afficher les rgles, ou appuyez sur Ctrl+R (Windows)
ou Cmd+R (Mac OS), pour afficher les rgles le long des bords haut et gauche de
la fentre de document, si elles ne sont pas dj prsentes.

90

LEON 3

Cration de formes

Lunit des rgles est le pouce, car il sagit de lunit que nous avons choisie dans la bote
de dialogue Nouveau document. Vous pouvez la modifier pour tous les documents ou
uniquement pour le document en cours. Lunit de la rgle est employe pour mesurer,
dplacer ou transformer des objets, ajuster lespacement des grilles et des repres et
crer des formes. Elle naffecte pas les units employes dans les panneaux Caractre,
Paragraphe et Contour, lesquels sont contrls par les options indiques dans la
catgorie Units des prfrences du programme (dition > Prfrences [Windows]
ou Illustrator > Prfrences [Mac OS]).

Les modes de dessin


Avant de commencer dessiner des formes
dans Illustrator, vous devez comprendre les
trois modes de dessin disponibles au bas
du panneau Outils : Dessin normal, Dessin
arrire et Dessin intrieur.
Dessin normal
Chacun deux permet de tracer des formes
de manire diffrente.

E Astuce : Vous

pouvez changer
les units du
document en
cours. Pour cela,
ouvrez le menu
contextuel dune
rgle horizontale
ou verticale (clic
droit [Windows]
ou Ctrl+clic
[MacOS]) et
choisissez lunit
de mesure dans le
menu contextuel
qui saffiche.

P Note : Si

Dessin intrieur

Dessin arrire

Dessin normal. Cest le mode par dfaut pour chaque document ; les formes
traces se superposent les unes aux autres.

Dessin arrire. Permet de dessiner des objets derrire dautres objets sans choisir
des calques ou sans prter attention lordre de superposition.

Dessin intrieur. Permet de dessiner des objets ou de placer des images lintrieur

dautres objets, y compris du texte dynamique, ce qui cre automatiquement un


masque dcrtage partir de lobjet slectionn.

P Note : Pour de plus amples informations sur les masques dcrtage, consultez la Leon 15,
Graphiques Illustrator et autres applications Adobe.

Lorsque vous crerez des formes au fil des sections suivantes, vous emploierez les
diffrents modes de dessin et vous verrez comment ils affectent les formes.

Crer des rectangles


Vous allez commencer par dessiner une srie de rectangles pour la maison. Il est inutile
de respecter prcisment les tailles des formes traces. Servezvousen comme guides.

votre panneau
Outils se trouve
sur une colonne,
slectionnez un
mode de dessin
en cliquant sur le
bouton Modes
de dessin ( )
situ au bas du
panneau Outils et
faites votre choix
dans le menu qui
saffiche.

E Astuce: Pour
de plus amples
informations
sur les objets
et lordre de
superposition,
consultez le
fichierPDF
Stack_order.pdf
dans le dossier
Lesson_extras.

1. Choisissez Affichage > Ajuster le plan de travail la fentre. Vrifiez que le champ
Navigation dans le plan de travail, situ dans le coin infrieur gauche de la fentre
de document, affiche 1. Cela indique que le premier plan de travail est slectionn.
2. Choisissez Fentre > Transformation pour afficher le panneau du mme nom.
Le panneau Transformation permet de modifier les proprits, comme la largeur
et la hauteur, dune forme existante.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

91

3. Dans le panneau Outils, slectionnez loutil


Rectangle ( ). Positionnez le pointeur
nimporte o dans le plan de travail, puis
cliquez et faites glisser pour crer un petit
rectangle.
Pendant cette opration, notez les infor
mations qui saffichent dans une bote
grise ct du pointeur. Elles indiquent la largeur et la hauteur de la forme que
vous dessinez ; il sagit des libells des dimensions, qui font partie des repres
comments. Nous y reviendrons plus loin dans cette leon.
4. Choisissez dition > Annuler Rectangle pour supprimer le rectangle.
E Astuce : En

appuyant sur
la touche Alt
(Windows) ou
Option (Mac OS)
pendant que
vous faites
glisser avec les
outils Rectangle,
Rectangle arrondi
ou Ellipse,
la forme est
dessine non pas
partir de son
angle suprieur
gauche, mais
partir de son
point central.
En maintenant
enfonce la
touche Maj
pendant que vous
dessinez avec les
outils Rectangle,
Rectangle arrondi
ou Ellipse, vous
obtenez une
forme avec des
proportions
parfaites (un
carr, un carr aux
angles arrondis ou
un cercle).

92

LEON 3

5. Loutil Rectangle tant toujours activ,


positionnez le pointeur juste gauche
et audessus du centre du plan de tra
vail (voir la croix rouge sur la figure).
Cliquez et faites glisser vers le bas et la
droite jusqu ce que le rectangle fasse
4,7 pouces de large et 2,3 pouces de haut
(voir les libells des dimensions).
Lorsque vous relchez, le rectangle est
slectionn et son point central saffiche.
Ce point central est utile pour dplacer
et aligner un objet en fonction dautres
lments de lillustration. Par dfaut, les formes possdent un fond blanc et une
bordure noire. Pour slectionner et dplacer une forme qui a un fond, il suffit
de positionner initialement le pointeur nimporte o lintrieur de cette forme.
6. Si ncessaire, dans le panneau Transformation,
modifiez les dimensions de lobjet slectionn.
Saisissez 4,7 dans le champ de largeur (L) et 2,3
pour la hauteur (H). Il est inutile de saisir in (pour
pouces), car lunit est ajoute automatiquement.
7. Fermez le groupe du panneau Transformation en cliquant sur le bouton de fermeture
(X) dans le coin suprieur droit (Windows) ou gauche (Mac OS) de la barre de titre.
8. En gardant le nouveau rectangle slectionn,
) dans le
cliquez sur la couleur Fond (
panneau Contrle et choisissez un marron
fonc. Lorsque vous positionnez le pointeur
audessus des nuances prsentes dans le
panneau, une infobulle affiche les valeurs de
la couleur. Nous avons choisi la nuance C=50
M=70 J=80 N=70. Appuyez sur la touche chap pour fermer le panneau Nuancier.

Cration de formes

Vous allez prsent tracer un autre rectangle en saisissant des valeurs, comme Largeur
et Hauteur, plutt quen le dessinant. Ce rectangle deviendra la porte de la maison.
1. Loutil Rectangle ( ) tant toujours activ, positionnez le pointeur audessus du
rectangle du plan de travail et cliquez. La bote de dialogue Rectangle saffiche alors.
2. Dans la bote de dialogue Rectangle, saisissez
1 in dans le champ Largeur, appuyez sur la
touche Tab et saisissez 1,6 in dans le champ
Hauteur. Cliquez sur OK.

P Note : Lorsque

3. Le nouveau rectangle tant slectionn, cliquez


) dans le panneau
sur la couleur Fond (
Contrle et choisissez une nuance rouge (nous
avons choisi la nuance dont linfobulle affiche
C=15 M=100 J=90 N=10). Appuyez sur chap pour fermer le panneau Nuancier.

4. Avec loutil Slection ( ), faites glisser le rectangle


rouge de manire aligner son bord infrieur sur
le bord infrieur du rectangle marron. Placezle
prs du bord gauche du rectangle marron.
Le magntisme des deux formes se produit car
les repres comments sont actifs.

P Note : Les

Pour crer une forme, une autre solution consiste effectuer une copie. Vous allez
prsent copier la forme de la porte de manire crer des formes pour une fentre
et une chemine.
1. Avec loutil Slection ( ), placez le pointeur sur le
rectangle au fond rouge. Appuyez sur Alt (Windows)
ou Option (Mac OS) et faites glisser directement
droite. Lorsquune ligne verte apparat indiquant
lalignement avec le centre horizontal du rectangle
marron et le centre vertical du rectangle rouge,
relchez le bouton de la souris puis la touche Alt
ou Option. Les distances que vous observez sont
peuttre diffrentes de celles illustres, mais ce nest pas un problme.

Vous allez crer une copie de la fentre en utilisant


une touche de modification.

intersection

valeurs affiches
dans les libells
des dimensions ne
seront peut-tre
pas identiques
celles de la figure,
mais ce nest pas
un problme.

intersection

2. Le nouveau rectangle tant slectionn, cliquez sur la couleur Fond dans le pan
neau Contrle et choisissez la nuance Blanc. Appuyez sur la touche chap pour
masquer le panneau Nuancier.
3. Faites glisser le point infrieur droit du rectangle
blanc vers la droite de faon donner la forme
une largeur denviron 2,3 pouces et une hauteur de
1,1 pouce. Elle reprsentera une fentre.

vous saisissez
des valeurs, si
lunit approprie
apparat, par
exemple in
(inches) pour
pouces, vous
navez pas besoin
de la saisir.
Enrevanche, si
lunit affiche
nest pas correcte,
vous devez la
prciser et la
conversion aura
lieu.

E Astuce : Grce
au zoom sur
lillustration, vous
disposez dun
contrle plus fin,
mais vous pouvez
galement saisir
les valeurs dans
le panneau
Transformation
aprs avoir trac
la forme.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

93

4. Avec loutil Slection, appuyez sur Alt (Windows) ou Option (Mac OS) et faites
glisser vers le haut le rectangle blanc partir de son centre, jusqu voir son bord
infrieur saligner avec le bord suprieur du rectangle marron. Relchez le bouton
de la souris puis la touche.
Cette nouvelle forme deviendra la chemine de la maison.
5. Faites glisser vers la droite le point central gauche
du cadre de slection du rectangle, jusqu obte
nir une largeur denviron 0,75 (affiche dans les
libells des dimensions).
6. Faites glisser vers la droite le nouveau rectangle
jusqu ce que son bord droit saligne avec le
bord droit du rectangle marron.
7. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

La grille de document
La grille qui saffiche derrire lillustration, et sur laquelle
des objets peuvent tre accols, permet de travailler
plus prcisment dans la fentre de document. Elle
napparat pas limpression. Pour tirer parti de ses
fonctionnalits, procdez de la manire suivante:

Pour afficher la grille, choisissez la commande


Affichage> Afficher la grille.

Pour masquer la grille, choisissez la commande


Affichage> Masquer la grille.

Pour accoler un objet aux lignes de la grille, choisissez la commande Affichage>


Magntisme de la grille, slectionnez lobjet dplacer et faites-le glisser vers
lemplacement souhait. Lorsquun ct de lobjet est moins de deux pixels dune
ligne de la grille, il y est automatiquement accol.

Pour spcifier lespacement entre les lignes de la grille, le style de la grille (lignes ou
points), sa couleur ou pour indiquer si les grilles doivent apparatre au premier plan
ou larrire-plan dune illustration, choisissez la commande dition> Prfrences>
Repres et grille (Windows) ou Illustrator> Prfrences> Repres et grille (MacOS).

Note: Lorsque loption Magntisme de la grille est active, vous ne pouvez pas utiliser les
repres comments (mme si larticle de menu est coch).
Extrait de lAide dIllustrator

94

LEON 3

Cration de formes

Crer des rectangles arrondis


Vous allez ajouter un rectangle arrondi pour une autre partie de lillustration.
1. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez deux fois, lentement,
sur le dernier rectangle blanc cr (la chemine).
2. Cliquez sur loutil Rectangle ( ) en gardant le bouton de la souris enfonc. Dans
le panneau qui saffiche, slectionnez loutil Rectangle arrondi ( ).
3. Positionnez le pointeur sur le bord gauche du petit rectangle blanc, sous le bord
suprieur, jusqu voir apparatre le mot trac. Cliquez et faites glisser vers le
bas et la droite, jusquau bord droit du rectangle blanc. Ne relchez pas encore le
bouton de la souris.
4. Appuyez plusieurs fois sur la touche Flche bas
de faon diminuer le rayon de langle. Si vous
obtenez un rayon trop faible, appuyez sur la
touche Flche haut pour le corriger. Vous ntes
pas oblig de donner au rayon des angles de
votre forme celui illustr la figure. Relchez
le bouton de la souris lorsque la hauteur est
environ de 0,14 pouce.

E Astuce : Vous
trac

pouvez appuyer
sur les touches
Flche bas et
Flche haut
pour changer
rapidement le
rayon dangle.

Vous allez prsent utiliser les repres comments pour aligner la forme que vous
venez de dessiner avec les formes existantes.
5. Avec loutil Slection ( ), cliquez lintrieur du
rectangle arrondi et faitesle glisser de manire
laligner horizontalement au centre avec le
grand rectangle blanc et en accolant son bord
infrieur avec le bord suprieur de ce rectangle
(voir figure). Lorsque le mot intersection et
les lignes vertes saffichent, relchez.

E Astuce : La
intersection

P Note : La bote grise qui apparat lors du dplacement de la forme indique la distance du dplacement
du pointeur par rapport aux axesX etY.

6. Le rectangle arrondi tant toujours slectionn,


cliquez et faites glisser vers la droite le point de
slection central droit, tout en appuyant sur la
touche Alt (Windows) ou Option (Mac OS).
Cela vous permet de redimensionner la forme
partir de son centre. Donnezlui une largeur
denviron 0,9 pouce puis relchez le bouton de
la souris et ensuite la touche.

couleur
des repres
comments
est modifiable
dans dition>
Prfrences>
Repres
comments
(Windows) ou
Illustrator>
Prfrences>
Repres
comments
(MacOS).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

95

7. Le rectangle arrondi tant toujours slectionn, dans le panneau Contrle, cliquez


sur la couleur Fond et choisissez un gris clair (la nuance dont linfobulle affiche
C=0 M=0 J=0 N=20) afin de remplir la nouvelle forme.
8. Choisissez Slection > Dslectionner.
9. Choisissez Affichage > Ajuster le plan de travail la fentre.
10. Dans le panneau Outils, activez loutil Rectangle arrondi. Positionnez le pointeur
sur le grand rectangle blanc de la fentre puis cliquez.
11. Dans la bote de dialogue Rectangle arrondi,
fixez la largeur 2,4 in puis cliquez sur OK.

E Astuce : Le

dessin avec
les repres
comments peut
tre trs pratique,
notamment
lorsque la
prcision est
ncessaire. Si
vous ne les
trouvez pas utiles,
vous pouvez
les dsactiver
en choisissant
Affichage>
Repres
comments.

Cette mthode de cration dun rectangle


arrondi vous permet dindiquer une largeur, une
hauteur et un rayon dangle. Si vous cliquez sur
le plan de travail avec loutil Rectangle arrondi
actif, les dimensions du dernier rectangle
arrondi cr apparaissent par dfaut dans la
bote de dialogue.
12. Choisissez Affichage > Zoom avant, plusieurs fois, afin dagrandir laffichage.
13. Avec loutil Slection ( ), faites glisser vers le
bas le rectangle arrondi depuis son centre, de
faon le placer sous la forme de la fentre, le
centrer horizontalement et aligner son bord
suprieur avec le bord infrieur de la fentre.
Les repres dalignement verts vous aideront
pour cette opration.

intersection

14. Choisissez Fichier > Enregistrer.

Crer des ellipses


P Note : Si vous
ne voyez pas
la porte rouge,
appuyez sur la
barre despace
et faites glisser
dans la fentre
de document
afin quelle soit
parfaitement
visible.

96

LEON 3

Vous allez maintenant dessiner une ellipse avec loutil Ellipse (


la partie suprieure de la porte.
1. Cliquez sur loutil Rectangle arrondi (
loutil Ellipse ( ).

) pour reprsenter

) en maintenant enfonc et slectionnez

2. Positionnez le pointeur audessus du coin


suprieur gauche du rectangle rouge (voir le X
rouge sur la figure). Les mots point dancrage
apparaissent. Commencez faire glisser le poin
teur vers le bas et la droite, jusqu lalignement
sur le bord droit du rectangle rouge, indiqu
par laffichage du mot trac. Sans relcher le
bouton de la souris, faites glisser lgrement
vers le haut ou vers le bas de faon obtenir
une hauteur denviron 0,7 in. Relchez alors le bouton de la souris.
Cration de formes

trac

3. Choisissez Affichage > Masquer le contour de slection.


Nous lavons expliqu aux leons prcdentes, le cadre de slection permet de
transformer des objets. Si vous le dsactivez, vous pouvez faire glisser une forme
laide dun bord ou dun point dancrage sans la modifier.
4. Activez loutil Slection ( ). Cliquez et faites
glisser lellipse vers le haut laide de son point
central droit (voir le X rouge dans la figure).
Relchez lorsque le centre de lellipse est align
sur le bord suprieur du rectangle rouge.

intersection

5. Choisissez Affichage > Afficher le contour de


slection.
6. Ouvrez le panneau Transformation en choisis
sant Fentre > Transformation. Slectionnez le rectangle rouge et notez la largeur
indique dans le panneau Transformation. Cliquez ensuite sur lellipse et vrifiez
que les deux largeurs sont identiques. Dans le cas contraire, corrigez lellipse en
saisissant la largeur du rectangle rouge et en appuyant sur Entre ou Retour. Fermez
le groupe du panneau Transformation.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Crer des polygones


Avec loutil Polygone ( ), vous allez prsent crer deux triangles pour le toit de la
maison. Par dfaut, les polygones sont dessins partir de leur centre, ce qui diffre
des autres outils que vous avez utiliss jusqu prsent.

P Note : Si

vous modifiez
sa largeur dans
le panneau
Transformation,
lellipse ne sera
peut-tre plus
aligne avec le
rectangle. Dans
ce cas, avec
loutil Slection,
faites-la glisser
horizontalement
pour corriger son
alignement.

1. Choisissez Affichage > Ajuster le plan de travail la fentre.


2. Dans le panneau Outils, cliquez sur loutil Ellipse (
choisissez loutil Polygone ( ).

) en maintenant enfonc et

3. Dans le panneau Contrle, cliquez sur la couleur Fond et vrifiez quune nuance
gris clair est choisie (celle dont linfobulle affiche C=0 M=0 J=0 N=20).
4. Positionnez le pointeur audessus du rec
tangle marron. Faites glisser loutil pour
commencer dessiner un polygone mais
ne relchez pas. Appuyez trois fois sur
la touche Flche bas afin de rduire le
nombre de cts du polygone et dobtenir un
triangle. Appuyez ensuite sur la touche Maj
afin de redresser le triangle. Sans relcher la
touche Maj, faites glisser le pointeur vers le
bas et la droite jusqu ce que les libells des dimensions indiquent que la largeur
est gale environ 3,5 pouces. Relchez le bouton de la souris puis la touche Maj.

E Astuce :

Lorsque vous
employez loutil
Polygone, les
touches Flche
haut et Flche
bas permettent
de modifier le
nombre de cts.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

97

5. Avec loutil Slection ( ), faites glisser le


triangle partir de son centre jusqu ali
gner son bord infrieur avec le bord haut
et droit du grand rectangle marron. Le mot
intersection apparat lorsque lalignement
est obtenu. Faites ensuite glisser le triangle
lgrement sur la droite afin quil dborde
du rectangle marron (voir la figure).

intersection

6. Avec loutil Slection, faites glisser vers le


bas le point de slection central suprieur,
jusqu obtenir dans les libells des dimen
sions une hauteur denviron 1,7 pouce.
Vous devrez peuttre changer le niveau
dagrandissement ou faire dfiler la fentre
de document pour voir la partie suprieure
du triangle.

Mode Dessin arrire


Vous allez prsent employer le mode Dessin arrire pour crer un autre triangle
derrire celui que vous venez de tracer.
P Note : Si le

panneau Outils
se trouve sur une
colonne, cliquez
sur le bouton
Modes de dessin
( ) situ en bas
de ce panneau
pour choisir un
mode de dessin
dans le menu qui
saffiche.

1. Cliquez sur le bouton Dessin arrire (


panneau Outils.

), qui se trouve au bas du

Tant que ce mode de dessin est actif, chaque nouvelle forme cre
laide des mthodes dcrites prcdemment sera trace derrire
les autres formes prsentes sur la page.
2. Dans le panneau Outils, activez loutil Polygone ( ). Positionnez
le pointeur gauche du triangle cr. Cliquez pour ouvrir la bote
de dialogue Polygone. Cliquez sur OK. Vous noterez que le nouveau
polygone a t ajout derrire le triangle existant sur le plan de travail.

Les valeurs donnes dans la bote de dialogue Polygone correspondent au rayon


et au nombre de cts employs pour le dernier polygone dessin (avant que vous
ne le modifiiez).
P Note : Si le

triangle plus
grand stend
lgrement
au-del du plan
de travail, nayez
pas dinquitude.
Vous couperez sa
partie suprieure
plus loin dans
cette leon.

98

LEON 3

3. Avec loutil Slection ( ), faites glisser le


nouveau triangle de manire aligner son
bord infrieur avec le bord suprieur du
rectangle marron (voir la figure, le contour
bleu). Le triangle tant slectionn et en
place, dplacezle vers la gauche si nces
saire, en appuyant sur la touche Flche
gauche ou Flche droite, de faon le
faire dborder lgrement sur la gauche
du rectangle marron.

Cration de formes

4. Le nouveau triangle tant toujours slectionn, cliquez sur la couleur Fond dans le
panneau Contrle et appliquez un gris plus fonc que celui du triangle plus petit.
Nous avons choisi la nuance C=0 M=0 J=0 N=50. Appuyez sur la touche chap
pour masquer le panneau Nuancier.
5. Cliquez sur le bouton Dessin normal ( ) au bas du panneau Outils.

Crer des toiles


Vous allez prsent utiliser loutil toile (
la fentre audessus de la porte.

) pour crer une toile qui reprsentera

1. Activez loutil Zoom ( ) dans le panneau Outils et cliquez deux fois, lentement,
sur lellipse situe en partie suprieure du rectangle rouge de la porte.
2. Cliquez sur loutil Polygone ( ) en maintenant
enfonc et choisissez loutil toile ( ). Placez
le pointeur au centre de lellipse grise. Notez
laffichage du mot centre.

P Note : Si le

panneau Outils
se trouve sur une
colonne, cliquez
sur le bouton
Modes de dessin
( ) situ en bas
de ce panneau
pour choisir le
mode Dessin
normal dans
le menu qui
saffiche.

centre

Ralisez la prochaine tape lentement et rfrez


vous la figure pendant lopration. Ne relchez le
bouton de la souris quau moment indiqu.
3. Cliquez et faites glisser lentement vers la droite
afin de crer une toile. Sans relcher le bouton de la souris, appuyez cinq fois
sur la touche Flche haut pour obtenir dix branches. Faites glisser jusqu obtenir
une largeur denviron 0,28 pouce et arrtez lopration, mais sans encore relcher.
Appuyez sur la touche Ctrl (Windows) ou Cmd (Mac OS) et continuez faire
glisser vers la droite. Ainsi, le rayon intrieur reste constant. Faites glisser jusqu
obtenir une largeur denviron 1,3 pouce et arrtez lopration, toujours sans relcher
le bouton de la souris. Relchez la touche Ctrl ou Cmd puis appuyez sur la touche
Maj. Redimensionnez ltoile jusqu une largeur denviron 1,3 pouce. Relchez le
bouton de la souris puis la touche Maj. Vous devez obtenir une toile gris fonc.

Modifier le nombre de branches.

Redimensionner ltoile.

Contraindre sa forme.

4. Dans le panneau Contrle, droite du mot Contour, saisissez la valeur 0 de faon


changer lpaisseur du contour. Plus loin dans cette leon, vous utiliserez lellipse
et la forme dtoile pour crer la fentre audessus de la porte.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

99

Conseils pour tracer des polygones,


des spirales et des toiles
Vous pouvez contrler la forme des polygones, des spirales et des toiles en appuyant
sur certaines touches pendant que vous les dessinez.

Pour ajouter ou supprimer des cts au polygone, des branches ltoile ou des
segments une spirale, appuyez sur la touche Flche haut ou Flche bas pendant
la cration de la forme. Cela fonctionne uniquement si vous appuyez sur le bouton
de la souris, sinon loutil reste dfini sur la dernire valeur spcifie.

Pour faire pivoter la forme, dplacez la souris en arc de cercle.


Pour conserver un ct ou un angle au sommet, appuyez sur la touche Maj.
Pour que le rayon intrieur reste constant, commencez la cration de la forme et
appuyez ensuite sur la touche Ctrl (Windows) ou Cmd (MacOS).

Extrait de lAide dIllustrator

Modifier lpaisseur et lalignement dun contour


Par dfaut, les formes sont cres avec un contour dpaisseur 1 pt. Vous pouvez
facilement modifier cette valeur pour rendre le contour plus fin ou plus pais. Les
contours sont galement, par dfaut, aligns sur le centre dun trac, mais vous pouvez
facilement changer cet alignement laide du panneau Contour.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez pour slectionner le plus petit triangle gris qui
compose une partie du toit.
3. Dans le panneau Outils, activez loutil Zoom (
P Note : Vous

pouvez galement
ouvrir le panneau
Contour en
choisissant
Fentre> Contour.

) et cliquez une fois sur ce triangle.

4. Dans le panneau Contrle, cliquez sur le mot Contour de faon ouvrir le pan
neau de mme nom. Dans le panneau Contour, fixez la graisse du contour 10 pt.
Notez que le contour du triangle est par dfaut centr sur le bord de la forme.
5. Dans le panneau Contour, cliquez sur le bouton
Contour align sur lintrieur ( ). Ainsi, le contour
est align sur le bord intrieur de la forme.

Le contour est fix lintrieur du triangle afin


que le bord infrieur reste visuellement align
avec celui de lautre triangle.
P Note : Aprs que vous avez ouvert un panneau dans le panneau Contrle, comme le panneau
Contour dans ltape prcdente, vous devrez probablement le fermer avant de poursuivre. Pour cela,
appuyez sur la touche chap.

100

LEON 3

Cration de formes

6. Le triangle tant toujours slec


tionn, cliquez sur la couleur
Contour dans le panneau Contrle
( gauche du mot Contour) et
choisissez un gris plus fonc que la
couleur de fond du triangle.
7. Choisissez Fichier > Enregistrer.

Alignement du contour
Lorsquun objet est un trac ferm, comme un carr, vous pouvez slectionner une
option du panneau Contour pour aligner le contour au centre (par dfaut), lintrieur
ou lextrieur du trac:

Contour
centr

Contour align
sur lintrieur

Contour align
sur lextrieur

Manipuler les segments de ligne


Vous allez prsent manipuler les lignes droites et les segments de ligne, ou tracs
ouverts, afin de crer un pot de fleurs. Des formes peuvent tre cres de nombreuses
manires, la plus simple tant souvent la meilleure.
1. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez quatre fois dans une
zone vide du plan de travail sous la porte rouge.
2. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication.
Vous avez travaill en mode Aperu, qui permet de voir comment les objets sont
peints avec les couleurs de fond et de contour. Si les attributs de peinture sont gnants,
choisissez de travailler en mode Tracs.
3. Choisissez Affichage > Tracs pour passer du mode Aperu au mode Tracs.
P Note : Le mode Tracs retire tous les attributs de peinture, comme le fond et le contour colors,

pour acclrer la slection et lactualisation de lillustration. Vous ne pouvez pas slectionner ou faire
glisser des formes en cliquant dans leur milieu car le remplissage a temporairement disparu.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

101

4. Dans le panneau Outils, activez loutil Ellipse


( ). Sous les formes de la maison, tracez
une ellipse de largeur 0,6 pouce et de hauteur
0,1 pouce en vous servant des libells des
dimensions.

P Note : Lorsque
vous tracez le
rectangle de
slection, assurezvous de ne pas
inclure les points
aux extrmits
gauche et droite
de lellipse.

5. Avec loutil Slection directe ( ), tracez le


rectangle de slection au travers de la partie
infrieure de lellipse afin den slectionner la
moiti infrieure.
6. Choisissez dition > Copier puis dition >
Coller devant pour obtenir un nouveau trac
qui se trouve directement devant loriginal.
Seule la moiti infrieure de lellipse est copie
colle comme un seul trac car vous lavez slectionne avec loutil Slection directe.
7. Activez loutil Slection ( ) et appuyez environ
cinq fois sur la touche Flche bas pour dplacer
vers le bas le nouveau trac.

8. Cliquez et faites glisser le trac vers le bas


jusqu voir apparatre une valeur denviron
0,25 pouce dans le champ dY des libells des
dimensions.
Faites attention bien positionner le pointeur
sur la ligne pour la slectionner et la dplacer.
P Note : En

fonction de la
rsolution de
votre cran,
les options de
transformation
peuvent tre
affiches dans
le panneau
Contrle. Dans
ce cas, modifiez
la valeurL.

102

LEON 3

9. Ouvrez le panneau Transformation en cliquant


sur le mot Transformation dans le panneau
Contrle. Fixez la largeur de la ligne slectionne 0,4 in.
Vous pouvez galement ouvrir le panneau Transformation en choisissant Fentre >
Transformation.

Cration de formes

10. Dans le panneau Outils, slectionnez loutil


Trait ( ). Tracez une ligne partir du point
dancrage gauche de lellipse vers le point
dancrage gauche du nouveau trac. Les points
dancrage sont mis en surbrillance lorsque le
trait sy accole. Rptez la mme opration
sur le ct droit de lellipse.

point dancrage

11. Choisissez Slection > Dslectionner puis


Fichier > Enregistrer.
Vous allez ensuite prendre les trois segments de ligne qui composent le pot de fleurs
et les joindre pour quils forment un seul trac.

Joindre des tracs


Lorsque plusieurs tracs ouverts sont slectionns, vous pouvez les joindre afin de
crer un trac ferm, comme un cercle. Vous pouvez galement joindre les extrmits
de deux tracs spars.
Vous allez prsent joindre les trois tracs afin de crer un seul trac ferm.
1. Dans le panneau Outils, activez loutil Slection
( ). Tracez un rectangle de slection sur
lensemble des trois tracs que vous venez
de crer afin de les slectionner tous (sans la
partie suprieure de lellipse).
2. Choisissez Objet > Trac > Joindre.
Les trois tracs sont convertis en un seul.
Illustrator identifie les points dancrage aux
extrmits de chacun deux et joint les points les plus proches.
E Astuce : Aprs avoir slectionn les tracs, vous pouvez galement les joindre en appuyant sur

Ctrl+J (Windows) ou Cmd+J (MacOS).

3. Le trac tant slectionn, choisissez nouveau


Objet > Trac > Joindre. Choisissez Slection >
Dslectionner pour voir le trac joint.
En connectant les deux extrmits du trac,
vous crez un trac ferm. Si vous slection
nez un seul trac ouvert et choisissez Objet >
Trac > Joindre, Illustrator cre un segment
entre les extrmits du trac ouvert de manire
crer un trac ferm.
4. Avec loutil Slection, tracez un cadre de slection autour des deux formes du
pot de fleurs. Dans le panneau Contrle, fixez lpaisseur de contour 1 pt et les
couleurs de contour et de fond noir.

P Note : Si

vous souhaitez
uniquement
remplir la forme
avec une couleur,
il nest pas
indispensable
de joindre les
points pour crer
un trac ferm.
En effet, un trac
ouvert peut avoir
une couleur de
fond. En revanche,
cette opration
est indispensable
si vous souhaitez
quun contour
apparaisse
autour de la zone
remplie.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

103

5. Choisissez Affichage > Aperu.


6. Choisissez Slection > Dslectionner. Slectionnez la forme infrieure du pot de
fleurs et choisissez Objet > Disposition > Arrireplan.
7. Dans le panneau Contrle, choisissez une
couleur de fond marron (C=35 M=60 J=80
N=25).
P Note : Pour slectionner un trac sans fond, vous devez

cliquer sur le contour ou utiliser un rectangle de slection.

8. Appuyez sur la touche Maj et, avec loutil


Slection, cliquez sur lellipse pour lajouter
la slection.
9. Choisissez Objet > Associer puis Slection > Dslectionner.

Trac ouvert et trac ferm


Lorsque vous dessinez, vous crez une ligne appele trac. Un trac est compos dun
ou de plusieurs segments droits ou incurvs. Le dbut et la fin de chaque segment
sont indiqus par des points dancrage qui fonctionnent la manire dpingles maintenant un fil en place. Un trac peut tre ferm (un cercle, par exemple) ou ouvert, sil
comprend des extrmits distinctes (une ligne onduleuse, par exemple).

Tracs ouverts

Tracs ferms

Les tracs ouverts et ferms peuvent avoir une couleur de fond.


Extrait de lAide dIllustrator

Loutil Largeur
Vous pouvez non seulement ajuster lpaisseur et lalignement dun contour, mais
galement modifier sa largeur avec loutil Largeur ( ) ou en lui appliquant des
profils. Cela permet de faire varier le contour dun trac.
Vous allez prsent employer loutil Largeur pour crer des rideaux.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Dans le panneau Outils,
activez loutil Zoom ( ) puis cliquez trois fois sur le rectangle blanc de la fentre.

104

LEON 3

Cration de formes

2. Appuyez sur la touche Maj et, avec loutil Slection ( ), cliquez sur le rectangle blanc,
le rectangle gris arrondi qui se trouve en dessous et le rectangle marron. Choisissez
Objet > Verrouiller > Slection de manire les verrouiller temporairement.
3. Dans le panneau Outils, activez loutil Trait
( ) et positionnez le pointeur en partie haute
du rectangle blanc, loin de son bord gauche.
Maintenez la touche Maj enfonce et faites
glisser vers le bas, en alignant lextrmit du
trait sur le bord infrieur du rectangle blanc.
Relchez le bouton de la souris puis la touche.

trac

4. Dans le panneau Contrle, vrifiez que le trait


possde une couleur de fond noire et une paisseur de contour de 1 pt.
5. Dans le panneau Outils, activez loutil Largeur
( ). Positionnez le pointeur sur le milieu
du trait. Notez le symbole plus (+) ct
du pointeur ( ). Faites glisser le pointeur
vers la droite en lloignant du trait. Pendant
cette opration, notez que le contour slargit
vers la gauche et la droite de manire gale.
Relchez le bouton de la souris lorsque les
libells des dimensions affichent 0,25 pouce
pour Ct 1 et Ct 2.

point dancrage

Le nouveau point sur le contour du trait dorigine est appel point de largeur. Les
lignes qui partent du point de largeur sont les poignes. Les points de largeur crs
sur un angle ou sur un point dancrage slectionn directement restent colls au
point dancrage pendant la modification simple du trac.
6. Le point de largeur sur le trac (encercl sur
la figure) doit tre slectionn. Vous pouvez
le savoir car il nest pas creux comme les
points placs aux extrmits des poignes.
Supprimezle en appuyant sur Suppr.
Puisque vous navez cr quun seul point de
largeur sur le trac, sa suppression enlve
intgralement la largeur.

P Note : Si vous

devez nouveau
slectionner le
point, assurezvous que loutil
Largeur est actif,
positionnez
le pointeur
au-dessus du
point puis cliquez
dessus.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

105

P Note : Avec

loutil Largeur,
vous modifiez
uniquement le
contour de lobjet.

7. Positionnez le pointeur sur le point dancrage


suprieur du trait. Notez le symbole tilde (~)
ct du pointeur ( ). Appuyez sur la touche
Alt (Windows) ou Option (Mac OS) et faites
glisser vers la droite jusqu ce que la valeur
de Ct 1 soit environ gale 0,25 pouce.
Relchez le bouton de la souris puis la touche.

trac

La touche de modification permet de modifier


un ct du contour non les deux, comme ctait le cas prcdemment.
8. Positionnez le pointeur audessus du point
dancrage infrieur du trait. Appuyez sur la
touche Alt (Windows) ou Option (Mac OS) et
loignez le pointeur vers la droite, jusqu ce
que la valeur de Ct 1 soit denviron 0,3 pouce.
Relchez le bouton de la souris puis la touche
de modification.

E Astuce : Vous

pouvez utiliser la
bote de dialogue
Modification du
point de largeur
pour tre certain
que les points de
largeur seront
identiques.

trac

9. Loutil Largeur tant toujours slectionn,


placez le pointeur sur le point de largeur
suprieur ou sur une poigne du trait.
Lorsquil change daspect ( ), double
cliquez de manire ouvrir la bote de
dialogue Modification du point de largeur.
Fixez la valeur de Ct 1 0,3 in, celle de
Ct 2, 0, puis cliquez sur OK.
La bote de dialogue Modification du point de largeur permet dajuster les deux
cts ensemble ou sparment, avec une prcision plus leve. Cliquez sur le
bouton Ajuster la largeur proportionnellement ( ) pour lier Ct 1 et Ct 2 et
obtenir des valeurs ajustes proportionnellement. Si vous cochez la case Ajuster
les points de largeur adjacents, les changements effectus sur le point de largeur
slectionn affectent les autres points de largeur qui se trouvent sur le contour.
10. Positionnez le pointeur sur le point de largeur infrieur ou sur une poigne du
trait. Lorsquil change daspect ( ), doublecliquez de manire ouvrir la bote
de dialogue Modification du point de largeur. Fixez la valeur de Ct 1 0,3 in,
celle de Ct 2, 0, puis cliquez sur OK.

106

LEON 3

Cration de formes

11. Positionnez le pointeur au centre du trait


(indiqu par le X sur la figure). Cliquez et faites
glisser vers la droite jusqu donner Ct 1
une largeur denviron 0,06 pouce.

trac

P Note : Vous ntes pas oblig de placer le pointeur sur


le centre du trait et de le faire glisser pour crer un autre
point de largeur. Vous pouvez procder partir de nimporte
quel endroit du contour.

12. Positionnez le pointeur sur le nouveau point


de largeur (encercl sur la figure) et, tout en
appuyant sur la touche Alt (Windows) ou
Option (Mac OS), faitesle glisser vers le bas
de faon le copier. Relchez le bouton de la
souris puis la touche.
13. Cliquez sur le nouveau point de largeur pour
le slectionner.
Vous allez prsent slectionner un autre point de largeur et dplacer les deux.
Nhsitez pas augmenter le niveau dagrandissement sur le trait.
14. Appuyez sur la touche Maj et, avec loutil
Largeur, cliquez sur le point de largeur situ
audessus de celui qui tait dj slectionn.
Relchez la touche Maj. Faites glisser lg
rement le deuxime point de largeur vers le
bas. Notez que tous les points de largeur se
dplacent ensemble et proportionnellement.
15. Positionnez le pointeur entre le point de
largeur suprieur et le deuxime point partir
du haut (aidezvous de la figure). Cliquez et
faites glisser vers la droite jusqu donner
Ct 1 une largeur denviron 0,2 pouce.
16. Choisissez Fichier > Enregistrer.

E Astuce : Vous

pouvez faire
glisser un point de
largeur au-dessus
dun autre pour
crer un point
de largeur
discontinu. Si
vous doublecliquez sur un
point de largeur
discontinu, vous
ouvrez la bote
de dialogue
Modification du
point de largeur
qui permet de
modifier les deux
points de largeur.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

107

Enregistrer des profils de largeur


Aprs avoir dfini la largeur du contour, vous pouvez
enregistrer le profil de largeur variable partir du panneau
Contour ou du panneau Contrle.
Les profils de largeur, slectionns sur la liste droulante
Profil de largeur du panneau Contrle ou du panneau
Contour, peuvent tre appliqus aux tracs slectionns.
Lorsquun contour sans largeur variable est slectionn, la
liste affiche loption Uniforme, laquelle permet galement
de supprimer un profil de largeur variable dun objet. Pour
restaurer le paramtre de profil de largeur par dfaut,
cliquez sur le bouton Rinitialiser les profils situ en bas
de la liste droulante Profil de largeur.
Les contours auxquels sont appliqus des profils de largeur variable sont signals dans
le panneau Aspect laide dun astrisque(*).
Extrait de lAide dIllustrator

Vectoriser des contours


Par dfaut, les tracs, comme les traits, peuvent avoir une couleur de contour mais
pas de couleur de fond. Si vous crez un trait dans Illustrator et si vous souhaitez lui
appliquer un contour et un fond, vous devez le vectoriser afin de le convertir en une
forme ferme (ou trac transparent).
Vous allez vectoriser le contour des rideaux que vous venez de crer.
1. Le trait tant toujours slectionn, choisissez [Sans] ( ) pour la couleur de fond
du panneau Contrle, si cette option nest pas dj active.
P Note : Si le trait possde initialement une couleur de fond, un groupe plus complexe est cr
lorsque vous choisissez Vectoriser le contour.

2. Choisissez Objet > Trac > Vectoriser le contour. Cette opration cre une forme
pleine qui correspond un trac ferm.
3. La nouvelle forme tant slectionne, cliquez sur la couleur de fond dans le panneau
Contrle et changezla en orange clair (C=0 M=35 J=85 N=0). Cliquez sur la
couleur de contour et choisissez [Sans] ( ).
4. Avec loutil Slection ( ), et tout en appuyant sur la touche Maj, faites glisser le bord
gauche de la forme du rideau vers la gauche. Lorsquil saligne avec le bord gauche
du rectangle blanc de la fentre, relchez le bouton de la souris puis la touche.

108

LEON 3

Cration de formes

5. Faites glisser vers la droite le point de slection


central droit de la forme du rideau afin de
lagrandir lgrement.
6. Appuyez sur la touche Alt (Windows) ou
Option (Mac OS) et faites glisser la forme du
rideau vers la droite, jusqu aligner son bord
droit sur le bord droit de rectangle blanc.
7. Dans le panneau Contrle,
cliquez sur Transformation
de faon ouvrir le panneau
Transformation (Fentre >
Transformation). Assurez
vous que le point central
du localisateur de point de
rfrence ( ) est slec
tionn (pour que le rideau bascule autour de son centre). Choisissez Symtrie
axe horizontal dans le menu du panneau Transformation menu (
).
8. Choisissez Objet > Tout dverrouiller puis Slection > Dslectionner.

P Note : Selon

la rsolution
de votre cran,
il est possible
que le mot
Transformation
napparaisse pas
dans le panneau
Contrle. Cliquez
alors sur les
liens X, Y, L ou H
souligns pour
ouvrir le panneau
Transformation.

9. Avec loutil Slection, slectionnez le rectangle blanc de la fentre. Dans le panneau


Contrle, cliquez sur le mot Contour pour ouvrir le panneau de mme nom.
Cliquez sur le bouton Contour align sur lextrieur ( ).

10. Slectionnez le rectangle arrondi gris qui se trouve sous le rectangle blanc de la
fentre et les formes du rideau. Choisissez Objet > Disposition > Premier plan.
11. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.
12. Choisissez Affichage > Ajuster le plan de
travail la fentre.

Combinaison et modification de formes


Dans Illustrator, vous pouvez combiner des objets vectoriels de diffrentes manires.
Les tracs ou les formes rsultantes diffrent selon la mthode employe pour combiner
les tracs. La premire mthode qui sera prsente se fonde sur loutil Concepteur
de forme. Celuici permet de fusionner, de supprimer, de remplir et de modifier des
formes et des tracs superposs directement sur le plan de travail, cela de manire
visuelle et intuitive.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

109

Loutil Concepteur de forme


laide de loutil Concepteur de forme ( ), vous allez modifier laspect de la porte
rouge et crer la fentre place audessus. Vous dessinerez ensuite un nuage.
1. Dans le panneau Outils, activez loutil Slection ( ) puis cliquez sur la forme de
ltoile. Masquezla temporairement en choisissant Objet > Masquer > Slection.
2. Activez loutil Zoom (

) et cliquez trois fois audessus de la porte rouge.

3. Choisissez Affichage > Tracs afin de pouvoir dessiner sans affecter les autres formes.
4. Dans le panneau Outils, activez loutil Rectangle
( ). Positionnez le pointeur gauche de la
partie suprieure de la porte. Lorsque le repre
dalignement vert apparat, cliquez et faites
glisser vers le bas et la droite afin dobtenir un
rectangle de largeur 1,2 pouce et de hauteur
0,1 pouce, environ.
5. Choisissez Affichage > Aperu.
6. Avec loutil Slection, appuyez sur Maj et cliquez pour ajouter lellipse grise et
le rectangle rouge la slection. Les trois formes tant slectionnes, choisissez
loutil Concepteur de forme ( ) dans le panneau Outils.
Avec loutil Concepteur de forme, vous allez prsent combiner, supprimer et peindre
ces formes.
E Astuce : Si

vous augmentez
le facteur de
zoom, vous
verrez mieux les
formes que vous
combinez.

7. Positionnez le pointeur audessus de la partie


infrieure de lellipse (voir la croix rouge sur
la figure). Faites glisser vers le bas dans le rec
tangle rouge. Servezvous de la figure comme
guide. Relchez pour combiner les formes.
Pour modifier des formes avec loutil
Concepteur de forme, il faut quelles soient
slectionnes. Lorsque vous activez loutil Concepteur de forme, les formes
superposes sont temporairement divises en objets spars. Lorsque vous faites
glisser depuis une partie vers une autre, un contour rouge apparat afin de rvler
la forme finale qui sera obtenue par la fusion des formes.
8. Les formes tant toujours slectionnes,
appuyez sur la touche Alt (Windows) ou
Option (Mac OS) et cliquez sur la partie gauche
du rectangle pour la supprimer.
Vous aurez not que, lorsque vous appuyez
sur la touche de modification, un symbole
moins () apparat sur le pointeur ( ).

110

LEON 3

Cration de formes

Vous allez prsent supprimer un ensemble de formes.


9. Loutil Concepteur de forme tant actif, posi
tionnez le pointeur gauche du petit rectangle
sous lellipse (voir le X rouge sur la figure).
Appuyez sur la touche Alt (Windows) ou
Option (Mac OS) et faites glisser vers la droite
pour supprimer toutes les formes. Relchez le
bouton de la souris puis la touche.
Notez que toutes les formes qui seront supprimes sont repres pendant que
vous faites glisser.
10. Les formes tant toujours slectionnes, fixez,
dans le panneau Contrle, la couleur de fond
rouge (C=15 M=100 J=90 N=10). Appuyez
sur la touche chap pour masquer le panneau.
Cette opration ne change rien sur le plan
de travail. Positionnez le pointeur sur le plus
grand rectangle qui reprsente la porte et
cliquez pour lui appliquer la couleur de fond.
Vous pouvez appliquer un fond nimporte quelle forme en commenant par
slectionner la couleur de fond puis en cliquant sur la forme.
11. Choisissez Slection > Dslectionner puis Affichage > Ajuster le plan de travail
la fentre.
12. Choisissez Objet > Tout afficher pour afficher la forme de ltoile.
Vous allez vous servir de loutil Concepteur de forme pour dessiner un nuage simple.
1. Dans le panneau Outils, activez loutil Ellipse ( ) et, audessus de la chemine,
dessinez une ellipse de largeur 1,4 pouce et de hauteur 0,8 pouce.
2. Avec loutil Slection, et en appuyant sur la touche Alt (Windows) ou Option
(Mac OS), faites glisser deux fois lellipse afin den crer deux exemplaires.
3. Avec loutil Slection, positionnez les formes
comme lillustre la figure puis slectionnezles.
4. Dans le panneau Outils, choisissez loutil
Concepteur de forme ( ).

5. Appuyez sur la touche Maj et, en partant de


langle suprieur gauche des formes, tracez
un rectangle de slection sur lensemble des
formes. Relchez le bouton de la souris puis
la touche.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

111

E Astuce : En appuyant sur Maj+Alt (Windows) ou Maj+Option (MacOS) et en traant avec loutil

Concepteur de forme un rectangle de slection sur les formes, vous pouvez supprimer lensemble de
formes slectionnes.

6. Activez loutil Slection et, la forme tant slectionne, dans le panneau Contrle,
choisissez la couleur de fond Blanc et la couleur de contour Noir.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

E Astuce : Pour

de plus amples
informations
concernant loutil
Concepteur
de forme et
les options
disponibles
dans sa bote
de dialogue,
consultez
la rubrique
Concepteur de
forme dans lAide
dIllustrator.

Options de loutil
Concepteur de forme
Vous pouvez dfinir et personnaliser diverses
options, comme la dtection despace, la coloration
de la source et lapplication de tons clairs pour
amliorer la fusion et obtenir le rsultat visuel
souhait.
Cliquez deux fois sur licne de loutil Concepteur
de forme dans le panneau Outils pour dfinir ces
options dans la bote de dialogue Options de loutil
Concepteur de forme.
Extrait de lAide dIllustrator

Les effets Pathfinder


Dans le panneau Pathfinder, les boutons de la range
infrieure, appels effets Pathfinder, permettent de
combiner des formes de diffrentes manires afin
de crer des tracs ou des groupes de tracs par
dfaut. Lorsquun effet Pathfinder est appliqu, par
exemple Fusion, les objets dorigine slectionns
sont transforms de manire permanente. Si le
rsultat de leffet produit plusieurs formes, elles
sont automatiquement associes.
prsent, vous allez terminer le toit de la maison
en supprimant une partie de lun des triangles gris.

Soustraction
Exclusion
Runion Intersection

Pochoir
Dcoupe
Fusion
Division
Contour
Soustraction
(avant-arrire)

1. Choisissez Affichage > Ajuster le plan de travail la fentre. Maintenez enfonce


la barre despacement de manire accder loutil Main ( ). Dplacez le plan
de travail lgrement vers le bas afin que la zone grise qui dborde soit visible.
2. Choisissez Fentre > Pathfinder pour ouvrir le groupe du panneau Pathfinder.

112

LEON 3

Cration de formes

3. Dans le panneau Outils, activez loutil


Rectangle ( ). Positionnez le pointeur en
dehors du plan de travail, sur la gauche.
Cliquez et tracez un rectangle qui recouvre
la partie suprieure du plus grand triangle
(aidezvous de la figure).
4. Activez loutil Slection ( ), appuyez sur
la touche Maj et cliquez sur le plus grand triangle pour lajouter la slection.
5. Les formes tant slectionnes, dans le panneau Pathfinder, cliquez sur le bouton
Soustraction ( ).

La nouvelle forme tant slectionne, remarquez le mot trac sur le ct gauche


du panneau Contrle.
6. Choisissez Objet > Disposition > Arrireplan.
7. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Utiliser les modes de la forme


linstar des effets Pathfinder, les boutons de la range suprieure du panneau
Pathfinder, appels modes de la forme, crent des tracs, mais ils peuvent galement
servir crer des formes composes. Lorsque plusieurs formes sont slectionnes,
cliquer sur un mode de la forme tout en appuyant sur la touche Alt (Windows) ou
Option (Mac OS) cre une forme compose la place dun trac. Les objets sous
jacents dorigine tant conservs, il est toujours possible de slectionner chacun deux.
Cette technique sera utile si vous devez reprendre ultrieurement les formes dorigine.
Vous allez prsent utiliser les modes de la forme pour terminer la fentre audessus
de la porte.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Activez loutil Zoom ( ) et cliquez plusieurs fois sur ltoile qui se trouve au
dessus du rectangle rouge.
P Note : Si ltoile ne saffiche pas, choisissez Objet> Tout afficher pour la faire rapparatre.

3. Avec loutil Slection ( ), cliquez pour slectionner ltoile, appuyez sur la touche
Maj puis cliquez sur lellipse grise place derrire. Relchez la touche Maj et cliquez
de nouveau sur lellipse pour en faire lobjet cl.
4. Dans le panneau Contrle, cliquez sur le bouton Alignement horizontal au centre ( ).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

113

5. Les objets tant slectionns, appuyez sur la


touche Alt (Windows) ou Option (Mac OS)
et, dans le panneau Pathfinder, cliquez sur
le bouton Soustraction ( ).

Vous obtenez une forme compose qui


dessine le contour de lintersection des
deux objets. Vous pouvez toujours modifier
sparment les deux formes de ltoile et
de lellipse.
6. Choisissez Slection > Dslectionner pour
afficher la forme finale.
Ltoile a t retire de lellipse et le contour se
trouve autour de la forme finale de la fentre.
E Astuce : Pour

7. Avec loutil Slection, doublecliquez sur la


forme de fentre audessus de la porte afin
de passer en mode Isolation.

modifier les
formes dorigine
qui constituent
une forme
compose, vous
pouvez aussi
les slectionner
individuellement
avec loutil
Slection
directe ( ).

P Note : Pour

8. Choisissez Affichage > Tracs pour que


les deux formes soient visibles (lellipse
et ltoile). Cliquez sur le bord de lellipse
afin de la slectionner, si ce nest pas dj
le cas. Dans le panneau Contrle, changez
la couleur Fond Blanc.

redimensionner
prcisment une
forme, on a intrt
augmenter le
facteur de zoom
ou modifier
la largeur et
la hauteur
de la forme
slectionne
dans le panneau
Transformation.

9. Faites glisser la poigne centrale haute du


cadre de slection de lellipse afin de rduire
sa taille. Donnezlui une hauteur denviron
0,3 pouce. Gardez lellipse slectionne.
10. Choisissez Affichage > Aperu.
11. Choisissez dition > Copier pour copier la
forme de lellipse. Choisissez Slection > Dslectionner.
12. Appuyez sur la touche chap pour quitter le mode Isolation.
13. Avec loutil Slection, slectionnez de nouveau la forme de la fentre. Choisissez
dition > Coller derrire. Dans le panneau Contrle, changez la couleur de fond
de la copie de lellipse gris fonc (C=0 M=0 J=0 N=40) et vrifiez que sa couleur
de contour est [Sans].
14. Choisissez Slection > Dslectionner. Slectionnez de nouveau la forme de la
fentre (la forme compose). Ouvrez le panneau Contour en cliquant sur son
icne ( ) sur le ct droit de lespace de travail. Fixez la graisse du contour 0
en cliquant sur la flche vers le bas situe gauche du champ ou en y saisissant
cette valeur et en appuyant sur Entre ou Retour. Rduisez le panneau Contour
en cliquant sur son onglet. Gardez slectionne la forme compose de la fentre.

114

LEON 3

Cration de formes

Vous allez prsent dcomposer la forme de la fentre. La dcomposition dune forme


compose permet den conserver la forme mais empche alors de slectionner ou de
modifier les objets dorigine.
15. Dans le panneau Pathfinder, cliquez sur le bouton Dcomposer. Fermez le groupe
du panneau Pathfinder. Choisissez Slection > Dslectionner.

E Astuce : En

gnral, vous
dcomposez un
objet lorsque
vous souhaitez
modifier les
attributs daspect
et les autres
proprits des
lments qui le
composent.

16. Choisissez Affichage > Ajuster le plan de travail la fentre puis Fichier > Enregistrer.

Mode Dessin intrieur


Vous allez prsent apprendre dessiner une forme lintrieur dune autre en uti
lisant le mode Dessin intrieur.
1. Dans le panneau Outils, activez loutil Ellipse ( ). Positionnez le pointeur au
dessus de langle suprieur gauche du plan de travail puis cliquez. Dans la bote de
dialogue Ellipse, saisissez 7 in dans le champ Largeur et 7 dans le champ Hauteur.
Cliquez sur OK.
2. Lellipse tant slectionne, choisissez Aligner sur le plan de travail dans le menu
Aligner sur (
) du panneau Contrle. Cliquez sur les boutons Alignement
horizontal au centre ( ) et Alignement vertical au centre ( ).
3. Dans le panneau Contrle, changez la couleur de fond bleu (C=70 M=15 J=0
N=0) et lpaisseur de contour 0.

Crer lellipse.

Aligner lellipse.

4. Cliquez sur le bouton Dessin intrieur (


panneau Outils.

Changer la couleur de fond.

), qui se trouve au bas du

Ce bouton est actif lorsquune seule forme est slectionne (trac,


trac transparent ou texte). Il permet de dessiner lintrieur de
celleci uniquement. Chaque nouvelle forme cre sera prsent
trace lintrieur de la forme slectionne (le cercle). Notez que
le cercle bleu est entour par un rectangle ouvert en pointill. Il indique que tout
ce que vous pourrez dessiner, coller ou importer le sera lintrieur du cercle.

P Note : Si

les options
dalignement
napparaissent
pas dans le
panneau Contrle,
cliquez sur le mot
Alignement de
faon ouvrir
le panneau
Alignement.

P Note : Si le

panneau Outils
se trouve sur une
colonne, cliquez
sur le bouton
Modes de dessin
( ) situ en bas
de ce panneau
pour choisir le
mode Dessin
intrieur dans
le menu qui
saffiche.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

115

5. Choisissez Slection > Dslectionner.


6. Activez loutil Rectangle ( ) et tracez un
rectangle qui dbute environ un tiers sous
la partie suprieure du grand cercle et lg
rement sa gauche (voir le X rouge sur la
figure). Faites glisser vers le bas et la droite,
en crant un rectangle suffisamment grand
pour recouvrir la partie infrieure du cercle.
7. Le rectangle tant slectionn, dans le panneau Contrle, choisissez une couleur
verte (C=50 M=0 J=100 N=0).
Notez que le cercle est toujours entour dun rectangle ouvert en pointill qui
indique que le mode Dessin intrieur est toujours actif.
P Note : Si

vous dessinez
une forme en
dehors du cercle,
elle semblera
disparatre.
Eneffet, le cercle
masque toutes les
formes ajoutes
et donc seules
celles traces
lintrieur
apparaissent.

P Note : Si le

panneau Outils
se trouve sur une
colonne, cliquez
sur le bouton
Modes de dessin
( ) situ en bas
de ce panneau
pour choisir le
mode Dessin
normal dans
le menu qui
saffiche.

8. Dans le panneau Outils, choisissez loutil Polygone ( ). Positionnez le pointeur


au milieu du cercle puis cliquez. Dans la bote de dialogue Polygone, changez le
rayon 2,6 in et le nombre de cts 3. Cliquez sur OK.
9. laide du panneau Contrle, donnez
la forme une couleur de fond gris clair
(C=0 M=0 J=0 N=10).
Lorsque vous avez termin votre dessin
lintrieur dune forme, cliquez sur le bou
ton Dessin normal ( ) afin que les formes
suivantes soient ajoutes de manire nor
male. Pour le moment, si vous tentez de slectionner le triangle ou le rectangle,
vous slectionnerez la place le cercle. Si vous dplacez ce cercle, les formes quil
contient se dplacent galement. Si vous redimensionnez ou modifiez la forme
du cercle, les formes incluses changent.
10. Choisissez Slection > Dslectionner. Cliquez sur le bouton Dessin normal (
au bas du panneau Outils.

Modifier du contenu dessin lintrieur


Vous allez prsent modifier les formes qui se
trouvent lintrieur du cercle.
1. Avec loutil Slection ( ), cliquez sur le triangle
gris. Notez que le cercle bleu est slectionn,
non le triangle. Doublecliquez sur le triangle
gris pour passer en mode Isolation. Cliquez une
nouvelle fois sur ce triangle pour le slectionner.

E Astuce : Vous pouvez sparer les formes en slectionnant le cercle bleu avec loutil Slection et en

choisissant Objet> Masque dcrtage> Annuler. Cette opration produit trois formes spares, lune
au-dessus de lautre.

116

LEON 3

Cration de formes

Le triangle tant slectionn, notez laffichage du bouton Modifier le contenu ( )


sur la gauche du panneau Contrle. Notez galement la barre grise en partie
suprieure de la fentre de document. Elle indique que le contenu est un groupe
dcrtage.

2. Choisissez Affichage > Tracs pour voir les


autres formes. Avec loutil Slection, faites
glisser vers le bas et la gauche le triangle
partir dun ct, jusqu obtenir le rsultat
illustr cicontre.
La forme reprsentera une alle qui com
mence au niveau de la porte. Les valeurs
de dX et de dY affiches dans les libells des dimensions seront probablement
diffrentes de celles indiques sur la figure, mais ce nest pas un problme.
3. Choisissez Affichage > Aperu pour voir nouveau les formes pleines.
4. Choisissez Affichage > Ajuster le plan de travail la fentre, si ncessaire.
5. Appuyez sur la touche chap pour sortir du mode Isolation.
6. Choisissez Slection > Dslectionner.
P Note : Votre

7. Avec loutil Slection, cliquez sur la forme


du gazon. Choisissez Objet > Disposition >
Arrireplan. Cliquez sur une zone vide du
plan de travail pour annuler la slection.
8. Choisissez Fichier > Enregistrer.
En mode Dessin intrieur, vous pouvez galement coller ou importer du contenu dans
un trac, un trac transparent ou du texte. Vous allez prsent coller dans la chemine
une illustration qui provient dun autre fichier, cela pour lui donner laspect des briques.

alle (le triangle


gris) ne sera
peut-tre pas
exactement
comme sur la
figure, mais
cela na pas
dimportance.

1. Choisissez Fichier > Ouvrir et slectionnez le fichier pieces.ai dans le dossier


Lesson03 sur votre disque dur.
2. Rendezvous sur le premier plan de travail, celui qui comprend les formes des
briques rouges. Activez loutil Slection et cliquez sur le groupe des briques.
Choisissez dition > Copier. Gardez le fichier pieces.ai ouvert.
3. Cliquez sur longlet ventemaison.ai pour revenir ce document.
4. Avec loutil Slection ( ), cliquez sur le grand rectangle de la chemine. Cliquez
sur le bouton Dessin intrieur ( ) situ au bas du panneau Outils.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

117

5. Choisissez dition > Coller.


Le groupe des briques est coll lintrieur du
rectangle de la chemine et est slectionn.

6. Appuyez sur les touches Maj+Alt (Windows)


ou Maj+Option (Mac OS) et, avec loutil
Slection, faites glisser la poigne de slec
tion centrale suprieure vers le bas afin de
rduire la taille des briques. Lorsque le motif
sadapte mieux la chemine, relchez le
bouton de la souris puis les touches.

intersection

7. Cliquez sur le bouton Dessin normal ( ) au bas du panneau Outils. Choisissez


Slection > Dslectionner puis Fichier > Enregistrer.

Loutil Gomme
Loutil Gomme ( ) permet deffacer nimporte quelle partie de lillustration, quelle
que soit sa structure. Vous pouvez lemployer sur des tracs, des tracs transparents,
des tracs lintrieur des groupes de peinture dynamique et des masques.

1. Avec loutil Slection ( ), doublecliquez sur le rectangle vert situ derrire la maison.
Vous entrez alors en mode Isolation, ce qui vous permet de modifier les formes
dans le cercle. Cliquez une fois de plus sur le rectangle vert pour le slectionner.
En slectionnant le rectangle vert, vous effacerez uniquement cette forme et rien
dautre. Si la slection est vide, vous pouvez effacer tout objet que loutil touchera,
quel que soit son calque.
2. Dans le panneau Outils, activez loutil Gomme ( ). Le pointeur tant positionn
sur le plan de travail, appuyez sur la touche Crochet fermant (]) et maintenezla
enfonce pendant une seconde ou deux afin daugmenter le diamtre de la gomme.
Sil est trop important, appuyez sur la touche Crochet ouvrant ([) pour le rduire.
E Astuce : Vous

risquez dobtenir
de petites formes
vertes au-dessus
de la grande
forme verte aprs
leffacement. Vous
pouvez les retirer
galement.

3. Positionnez le pointeur dans langle sup


rieur gauche du rectangle vert, lextrieur
du bord gauche du cercle. Cliquez et faites
glisser de gauche droite, le long du bord
suprieur du rectangle, en suivant un chemin
ondul. Lorsque vous relchez le bouton de
la souris, le trac reste ferm (les extrmits
effaces sont relies).
E Astuce : Si vous appuyez sur la touche Maj pendant lopration, vous obligez loutil Gomme suivre
une ligne verticale, horizontale ou diagonale.

118

LEON 3

Cration de formes

4. Appuyez sur chap pour sortir du mode


Isolation.
5. Choisissez Slection > Dslectionner.
6. Choisissez Fichier > Enregistrer.

Loutil Vectorisation de limage


Vous allez voir ici le fonctionnement de loutil Vectorisation de limage. Il permet de
crer le trac dune illustration existante, par exemple une image bitmap provenant
dAdobe Photoshop, qui peut, ensuite, tre converti en un trac vectoriel ou en un
objet de peinture dynamique. Cet outil pourra vous servir transformer un dessin
en graphique vectoriel, vectoriser des logos bitmap, etc.
1. Dans le panneau Outils, activez loutil Slection ( ).
2. Dans langle infrieur gauche de la barre dtat de la fentre de document, cliquez
sur le bouton Suivant ( ) afin de passer au second plan de travail.

3. Cliquez sur longlet du document pieces.ai pour afficher lillustration dans la fentre
de document. Cliquez sur le bouton Suivant ( ) de sa barre dtat afin de passer
au second plan de travail.

4. Choisissez Slection > Tout sur le plan de travail actif de faon slectionner
le cadre du panneau de lagence immobilire. Choisissez dition > Copier puis
Fichier > Fermer pour fermer le document pieces.ai sans lenregistrer.
5. De retour sur le second plan de travail du document ventemaison.ai, choisissez
dition > Coller. Le contenu tant slectionn, choisissez Objet > Masquer >
Slection pour masquer le cadre du panneau.
6. Choisissez Fichier > Importer. Slectionnez le fichier logo.png qui se trouve dans
le dossier Lesson03 sur votre disque dur puis cliquez sur Importer.
7. Cliquez pour importer limage approximativement au centre du plan de travail.
Puisque limage importe est slectionne, les options du panneau Contrle changent.
gauche est affich Fichier li, tandis que le nom logo.png, la rsolution (PPP :72)
ainsi que dautres informations sont donns.
8. Dans le panneau Contrle, cliquez sur le bouton
Vectorisation de limage. Les rsultats de votre
vectorisation peuvent varier lgrement de la
figure, mais ce nest pas un problme.
Limage est convertie en un objet de vectori
sation de limage conformment aux rglages
par dfaut. Autrement dit, vous ne pouvez pas
encore modifier le contenu vectoriel, mais vous pouvez changer les paramtres de
vectorisation et mme limage importe dorigine, et voir immdiatement les rsultats.

E Astuce : Nous
reviendrons sur
limportation
des images
la Leon 15,
Graphiques
Illustrator
et autres
applications
Adobe.

P Note : Vous

pouvez galement
choisir Objet>
Vectorisation
de limage>
Crer lorsque du
contenu bitmap
est slectionn
ou lancer le
processus partir
du panneau
Vectorisation de
limage (Fentre>
Vectorisation de
limage).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

119

9. Appuyez plusieurs fois sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour augmenter
le niveau dagrandissement.
10. Dans le menu Paramtre prdfini situ
sur le ct gauche du panneau Contrle,
choisissez 6 couleurs.
Illustrator propose plusieurs options de
vectorisation prdfinies que vous pou
vez appliquer lobjet de vectorisation
de limage. Si vous devez modifier les
options de vectorisation, utilisez comme
point de dpart un paramtre prdfini.
11. Dans le menu Affichage du panneau Contrle, choisissez
Contours avec image source puis examinez limage.
Ensuite, dans le mme menu, choisissez Rsultats de
vectorisation.
Un objet de vectorisation de limage est constitu de
limage source dorigine et des rsultats de la vecto
risation (une illustration vectorielle). Par dfaut, seuls les rsultats sont visibles,
mais vous pouvez modifier laffichage afin de mieux rpondre vos besoins.
E Astuce : Vous

pouvez aussi
ouvrir le panneau
Vectorisation de
limage lorsquune
illustration
vectorise est
slectionne en
cliquant sur le
bouton Panneau
Vectorisation
de limage ( )
dans le panneau
Contrle.

12. Choisissez Fentre > Vectorisation de limage pour ouvrir le panneau Vectorisation
de limage. Dans celuici, cliquez sur le bouton Couleur automatique ( ) qui se
trouve en partie suprieure.

Les boutons placs le long de la partie suprieure du panneau correspondent


des paramtres enregistrs pour la conversion de limage en niveaux de gris, en
noir et blanc, etc.

13. Dans le panneau Vectorisation de limage, cliquez et restez appuy sur licne
dil ( ) place droite du menu Affichage. Limage source saffiche ainsi dans
le plan de travail. Relchez.

120

LEON 3

Cration de formes

E Astuce :

14. Dans le panneau Vectorisation de limage,


cliquez sur la flche place gauche du menu
Avanc et modifiez les options :

Couleurs : 3 ;
Tracs : 88% ;
Angles : 90% ;
Bruit : 20 px ;
Mode : cliquez sur le bouton Chevau
chement (

);

Magntisme des courbes par rapport


aux lignes : coche.

P Note : Sous les boutons de la partie suprieure du

panneau Vectorisation de limage, vous trouvez Paramtre


prdfini et Affichage. Ces menus correspondent
exactement ceux de mme nom du panneau Contrle.
Loption Mode permet de modifier le mode colorimtrique de lillustration rsultant (couleur, niveaux
de gris, noir et blanc). Loption Palette est utile pour limiter la palette de couleurs ou pour attribuer
des couleurs partir dun groupe de couleurs.

droite du menu
Paramtre
prdfini
du panneau
Vectorisation
de limage,
vous trouvez
un bouton qui
ouvre un menu
partir duquel
vous pouvez
enregistrer votre
configuration en
tant que nouveau
paramtre
prdfini et
supprimer ou
renommer
un paramtre
prdfini.

E Astuce : Pour

15. Lobjet de vectorisation de limage du logo


tant toujours slectionn, cliquez sur le bou
ton Dcomposer dans le panneau Contrle.
Le logo nest plus un objet de vectorisation
de limage mais un ensemble de formes et
de tracs regroups.

de plus amples
informations sur
la vectorisation
de limage et
ses options,
recherchez
Vectorisation
dillustration dans
lAide dIllustrator.

16. Fermez le panneau Vectorisation de limage.

Peaufiner une illustration vectorise


Aprs une vectorisation, le contenu vectoriel obtenu pourrait exiger un nettoyage.
1. Activez loutil Slection ( ) et doublecliquez sur le groupe du logo pour passer en
mode Isolation. Cliquez sur la forme bleue situe gauche, audessus du M, et choi
sissez Objet > Trac > Simplifier.
2. Dans la bote de dialogue Simplifier, cochez
la case Lignes droites et saisissez un seuil
dangle de 30 . Cochez Aperu, si ce nest
dj fait, pour voir leffet. Cliquez sur OK.
Vous pouvez appliquer la commande
Simplifier dautres parties du logo.
En alignant des points et en mettant en
uvre dautres mthodes, vous pouvez
transformer le logo bitmap en un logo
vectoriel assez russi.

P Note : Nous

reviendrons
en dtail sur
lutilisation
des tracs et
des formes
la Leon 5,
Dessin avec les
outils Plume et
Crayon.

ADOBE ILLUSTRATOR CS6 CLASSROOM IN A BOOK

121

3. Appuyez sur la touche chap pour sortir du mode Isolation puis choisissez
Affichage > Ajuster le plan de travail la fentre.
4. Choisissez Objet > Tout afficher pour afficher le cadre de la pancarte. Avec loutil
Slection, slectionnez le logo et, en appuyant sur la touche Maj, faites glisser la
poigne de slection centrale suprieure vers le bas de faon lajuster au cadre.
5. Avec loutil Slection, dplacez le logo dans le cadre
afin de le centrer (aidezvous de la figure).
6. Choisissez Slection > Tout sur le plan de travail
actif puis Objet > Associer. Le groupe tant slec
tionn, choisissez dition > Copier.
7. Dans la barre dtat, cliquez sur le bouton Prcdent
( ) afin de passer au premier plan de travail.
Choisissez dition > Coller.

8. Avec loutil Slection, dplacez la pancarte et rduisez sa


taille (voir la figure). Dplacez le pot de fleurs droite de
la porte.
9. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

122

LEON 3

Cration de formes

Questions de rvision
1. Quels sont les outils de base pour crer des formes ?
2. Comment slectionneton une forme sans fond ?
3. Comment dessinezvous un carr ?
4. Comment modifieton le nombre de cts dun polygone pendant son trac ?
5. Dcrivez deux manires de combiner plusieurs formes en une seule.
6. Comment convertissezvous une image bitmap en formes vectorielles modifiables ?

Rponses
1. Il existe six outils de formes lmentaires : Rectangle, Rectangle arrondi, Ellipse,
Polygone, toile et Spirale. Pour dtacher un groupe doutils du panneau Outils, il
faut positionner le pointeur sur loutil qui saffiche dans le panneau Outils et main
tenir appuy dessus pour faire apparatre le groupe doutils, ensuite, sans relcher,
faire glisser le pointeur jusquau triangle plac lextrmit du groupe avant de
relcher pour dtacher ce groupe.
2. Pour slectionner une forme qui na pas de fond, on clique sur son contour ou on
trace un rectangle de slection dessus.
3. Dans le panneau Outils, on slectionne loutil Rectangle ( ), que lon fait glisser
tout en appuyant sur la touche Maj. On peut galement cliquer nimporte o sur
le plan de travail et donner une mme valeur la largeur et la hauteur dans la
bote de dialogue Rectangle.
4. On slectionne loutil Polygone ( ) dans le panneau Outils, on commence ensuite
le dessin de la forme puis on appuie sur la touche Flche bas pour diminuer le
nombre de cts ou sur la touche Flche haut pour laugmenter.
5. a) Avec loutil Concepteur de forme ( ), qui permet, visuellement et intuitive
ment, de fusionner, supprimer, remplir et modifier des zones et des tracs qui se
chevauchent dans lillustration ; b) avec les effets Pathfinder : on cre de nouvelles
formes partir dobjets superposs, quil suffit dappliquer partir du menu Effet
ou du panneau Pathfinder.
6. Il faut commencer par vectoriser limage bitmap. Ensuite, pour obtenir le trac
correspondant, on clique sur Dcomposer dans le panneau Contrle ou on choisit
Objet > Vectorisation de limage > Dcomposer. Cette mthode est employe pour
manipuler les lments de limage vectorise comme des objets individuels. Le trac
qui en rsulte forme un groupe.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

123

YOU

DONATE YOUR USED BIKES

VOLUNTEERS
WE

YOU
WE

AUCTION THE BIKES ON MAY 19th

CHILDREN

To get involved visit


RecycleCAC.org
YES
NO

WE/I WILL DONATE ____ BIKES BY APRIL 1st

WE/I WILL NOT DONATE A BIKE, BUT ENCLOSED IS A DONATION

OF $__________ TO SUPPORT THE CHILDRENS ART CENTER

PLEASE RESERVE

____ TICKETS AT $25 EACH

FOR THE AUCTION & BENEFIT ON MAY 19th AT 1:30 PM

ENCLOSED

IS A CHECK TO THE CHILDRENS

ART CENTER IN THE AMOUNT OF $__________

M _________________________

Lorsque vous crez une illustration, plusieurs moyens soffrent


vous pour modifier des objets et pour contrler aisment et
prcisment leur taille, leur forme et leur orientation. Au cours
de cette leon, vous tudierez la cration et la modification
des plans de travail, les diffrentes commandes du panneau
Transformation, ainsi que des outils spcialiss, en crant
plusieurs lments dune illustration.

FIX THEM UP

AUCTION THE BIKES ON MAY 19th

CHILDREN

KEEP MAKING ART

TO BENEFIT
THE CHILDRENS ART CENTER

DONATE YOUR USED BIKES

VOLUNTEERS

FIX THEM UP

KEEP MAKING ART

TRANSFORMATION
DOBJETS
Au cours de cette leon, vous apprendrez :
ajouter, modifier, renommer et rorganiser des plans de travail dans un
document existant ;

naviguer dans les plans de travail ;


utiliser les rgles et les repres ;
dplacer, redimensionner et faire pivoter des objets de diffrentes faons ;
appliquer une symtrie, une dformation et une distorsion un objet ;
positionner des objets de manire prcise ;
exploiter les libells des dimensions ;
utiliser loutil Transformation manuelle.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Vous allez crer du contenu et lutiliser pour raliser un dpliant, un fairepart et
une enveloppe. Avant de commencer, restaurez les prfrences par dfaut dAdobe
Illustrator puis ouvrez un fichier contenant une composition du document termin :
vous aurez ainsi une ide de ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir. Slec


tionnez le fichier L4end.ai, qui se
trouve dans le dossier Lesson04 sur
votre disque dur.
P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

P Note : Si vous
ne voyez pas
Rinitialiser Les
indispensables
dans le menu
de lespace de
travail, choisissez
Fentre> Espace
de travail> Les
indispensables
avant de
slectionner
Fentre> Espace
de travail>
Rinitialiser Les
indispensables.

126

LEON 4

Ce fichier contient les trois lments


graphiques de lillustration termine :
un dpliant, un fairepart (recto et
verso) et une enveloppe. Le nom,
ladresse postale et ladresse web de
la socit sont fictifs et ont t imagins pour ce projet.
4. Choisissez Affichage > Tout ajuster la fentre et laissez lillustration affiche
lcran pendant que vous travaillez. Si vous ne souhaitez pas conserver lillustration
ouverte, choisissez Fichier > Fermer (sans enregistrer).
Pour commencer, vous allez ouvrir un fichier image existant prpar pour le dpliant.
5. Choisissez Fichier > Ouvrir et chargez
le fichier L4start.ai situ dans le dossier
Lesson04.
6. Choisissez Fichier > Enregistrer sous,
nommez le fichier recyclage.ai et slec
tionnez le dossier Lesson04. Choisissez
Adobe Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans
le menu Format (Mac OS) puis cliquez
sur Enregistrer. Dans la bote de dialogue
Options Illustrator, gardez les options par dfaut et cliquez sur OK.
7. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.

Transformation dobjets

Manipulation des plans de travail


Un plan de travail reprsente une rgion qui comprend des illustrations imprimables, la
manire des pages dans Adobe InDesign. Vous pouvez utiliser plusieurs plans de travail
pour raliser tout un ventail de crations telles que PDF multipages, impressions de
pages avec diffrentes tailles ou divers composants, lments indpendants destination
de sites web, storyboards vido ou lments individuels pour des animations.

Ajouter des plans de travail au document


Illustrator permet dajouter et de supprimer des plans de travail tout moment,
pendant que vous travaillez dans un document. Vous pouvez les crer de diffrentes
tailles, les redimensionner laide de loutil Plan de travail ou du panneau Plans de
travail, et les placer o bon vous semble dans la fentre de document. Tous les plans
de travail sont numrots et nomms dans leur coin suprieur gauche.
Vous allez ajouter plusieurs plans de travail dans lesquels seront crs le fairepart
(recto et verso) et lenveloppe.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Il sagit du premier
plan de travail.
2. Appuyez sur la barre despacement pour accder temporairement loutil Main ( ).
Faites glisser le plan de travail vers la gauche jusqu ce que la zone de travail
fonce apparaisse droite du plan de travail.
3. Slectionnez loutil Plan de travail ( ) et, droite du plan de travail existant, alignez
le pointeur avec le bord suprieur de ce plan de travail jusqu ce quun repre
dalignement vert apparaisse. Faites glisser vers le bas et la droite afin de crer un
plan de travail de 9 pouces de largeur et de 4 pouces de hauteur. Les libells des
dimensions indiquent la taille courante du plan de travail.

E Astuce : Si

vous augmentez
le facteur de zoom
dun plan de
travail, les libells
des dimensions
ont un pas
dincrmentation
plus faible.

4. Dans le panneau Contrle, cliquez sur le bouton Nouveau plan de travail ( ).


Cette opration cre une copie du dernier plan de travail slectionn.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

127

5. Positionnez le pointeur sous


langle infrieur gauche du nou
veau plan de travail. Lorsquun
repre dalignement vertical vert
apparat, cliquez pour crer la
copie du plan de travail. Elle a le
numro 3.
6. Dans le panneau Outils, activez
loutil Slection ( ).
7. Ouvrez le panneau Plans de travail en cliquant sur son
icne ( ) droite de lespace de travail.

Notez que Plan de travail 3 est slectionn dans le


panneau, car il sagit du plan de travail actif.
Le panneau Plans de travail permet de voir le nombre de
plans de travail actuellement dfinis dans le document.
Vous pouvez lutiliser pour rorganiser, renommer,
ajouter et supprimer les plans de travail, mais galement pour choisir diverses
options les concernant.
Vous allez prsent crer une copie dun plan de travail en utilisant ce panneau.
8. Cliquez sur le bouton Nouveau plan de travail ( ), plac
dans la partie infrieure du panneau, pour crer une
copie du plan de travail 3, nomme Plan de travail 4.
Notez que la copie est place droite du plan de travail 2
dans la fentre de document (le premier plan de travail
que vous avez cr).
E Astuce : Vous pouvez galement copier des plans de travail avec loutil Plan de travail ( ). Pour cela,
appuyez sur la touche Alt (Windows) ou Option (MacOS) et faites glisser un plan de travail jusqu ce
que la copie ne chevauche plus loriginal. Les nouveaux plans de travail peuvent tre placs nimporte
o; ils peuvent mme se superposer.
9. Cliquez sur licne du panneau Plans de travail pour le fermer.
10. Choisissez Affichage > Tout ajuster la fentre afin de visualiser tous les plans
de travail.

128

LEON 4

Transformation dobjets

Modifier des plans de travail


Vous pouvez modifier ou supprimer un plan de travail tout moment avec loutil
Plan de travail, les commandes du menu ou le panneau Plans de travail. Vous allez
repositionner plusieurs plans de travail et changer leur taille en employant diffrentes
mthodes.
1. Dans le panneau Outils, activez loutil Plan de travail (
travail 4 droite pour le slectionner.

) et cliquez sur Plan de

Vous allez redimensionner un plan de travail en saisissant sa taille dans le panneau


Contrle.
2. Slectionnez le point suprieur gauche dans le localisateur de point de rfrence
( ) du panneau Contrle.

Cela vous permet de redimensionner le plan de travail partir de son coin sup
rieur gauche. Par dfaut, le redimensionnement des plans de travail se fait par
rapport leur centre.
3. Le plan de travail 04 Plan de travail 4 tant slectionn, dans le panneau Contrle
fixez la largeur 9,5 in, en validant avec Entre ou Retour, et la hauteur 4 in.

Entre les champs Largeur et Hauteur du panneau Contrle se trouve le bouton


Conserver les proportions en largeur et en hauteur ( ). Lorsquil est slectionn
( ), les deux champs varient proportionnellement lun par rapport lautre.
Pour redimensionner un plan de travail, vous pouvez galement faire glisser ses
poignes en utilisant loutil Plan de travail :

P Note : Si les

champs Largeur
et Hauteur ne
sont pas visibles
dans le panneau
Contrle, cliquez
sur le bouton
Options du plan
de travail ( )
et saisissez les
valeurs dans la
bote de dialogue
qui saffiche.

4. Le plan de travail 04 Plan de travail 4 tant slectionn, choisissez Affichage >


Ajuster le plan de travail la fentre.
5. Avec loutil Plan de travail, faites glisser le point de slection central infrieur du
plan de travail vers le bas jusqu ce que la hauteur indique par les libells des
dimensions soit denviron 4,15 pouces.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

129

E Astuce : Pour supprimer un plan de travail, slectionnez-le avec loutil Plan de travail puis, au choix,

appuyez sur la touche Suppr, cliquez sur le bouton Supprimer le plan de travail ( ) dans le panneau
Contrle ou sur licne Supprimer ( ) dans langle suprieur droit du plan de travail. Vous pouvez
supprimer tous les plans de travail lexception du dernier.

P Note : Lorsque
loutil Plan de
travail est actif, le
fait de cliquer sur
le bouton Options
du plan de travail
( ) dans le
panneau Contrle
affiche galement
le repre central
dun plan de
travail.

6. Le plan de travail 4 (04 Plan de travail 4) tant slectionn, dans le panneau


Contrle, cliquez sur le bouton Afficher le repre du centre ( ) pour afficher un
repre au centre du plan de travail actif uniquement. Le repre central peut servir
de nombreux objectifs, comme la manipulation dun contenu vido.
7. Activez loutil Slection ( ) et choisissez Affichage > Tout ajuster la fentre.
Notez le lger contour noir autour du plan de travail 4 et le chiffre 4 affich
dans le menu de navigation dans les plans de travail dans langle infrieur gauche
de la fentre de document. Ces deux informations indiquent quil sagit du plan
de travail actif.
8. Ouvrez le panneau Plans de travail en cliquant sur son icne ( ) ou en choisissant
Fentre > Plans de travail. Cliquez sur Artboard 1 pour activer ce plan de travail.

Il sagit du plan de travail dorigine. Un contour noir lentoure dans la fentre de


document, indiquant ainsi quil sagit du plan de travail actif. Il ne peut y avoir quun
seul plan de travail actif la fois. Les commandes, comme Affichage > Ajuster le
plan de travail la fentre, sappliquent celuici.
Vous allez modifier la taille du plan de travail actif en choisissant des valeurs prdfinies.
9. Dans le panneau Plans de travail, cliquez sur le bouton
Options du plan de travail ( ) plac en regard du nom
Artboard 1. Vous ouvrez ainsi la bote de dialogue
Options du plan de travail.
E Astuce : Vous aurez not que ce bouton est plac droite de

chaque plan de travail. Ildonne accs aux options du plan de travail


mais il montre galement son orientation.

10. gauche des valeurs X et Y, trouvez le localisateur de point de rfrence ( )


et vrifiez que le point suprieur gauche est slectionn. Cela vous permet de
redimensionner le plan de travail partir de son coin suprieur gauche. Dans le
menu Paramtres prdfinis, choisissez Lettre. Cliquez sur OK.

Le menu Paramtres prdfinis


permet de donner une taille pr
dfinie au plan de travail slec
tionn. Il propose notamment
des tailles pour limpression, la
vido, les tablettes et le Web.
Vous pouvez galement ajuster
le plan de travail aux limites de
lillustration ou lillustration
slectionne, opration intressante, par exemple, pour un logo.

130

LEON 4

Transformation dobjets

Modifier les options de format du document


Pendant la manipulation des plans de travail du document courant, vous avez la
possibilit de modifier les options de format par dfaut, notamment les units, les
repres de fond perdu et les paramtres du texte (par exemple la langue), laide de
la bote de dialogue Format de document.
Vous allez prsent ajouter des repres de fond perdu aux plans de travail.
1. Avec loutil Slection ( ) activ, mais la slection vide, cliquez sur le bouton Format
de document dans le panneau Contrle (ou choisissez Fichier > Format de docu
ment) de faon ouvrir la bote de dialogue Format de document.
2. Dans la bote de dialogue
Format de document, fixez
loption de fond perdu sup
rieur 0,125 pouce en cli
quant sur la flche vers le
haut gauche du champ.
Notez que toutes les valeurs
changent en mme temps,
car loption Uniformiser tous les paramtres ( ) est slectionne. Cliquez sur OK.
3. Dans le panneau Outils, activez loutil Plan de travail (

P Note : Les

modifications
effectues dans
la bote de
dialogue Format
de document sont
appliques tous
les plans de travail
du document.

).

4. Cliquez sur le plan de travail suprieur droit (04 Plan de travail 4) et faitesle
glisser sous le plan de travail dorigine au format Lettre (01 Artboard 1). Alignez
leur bord gauche.

Vous pouvez dplacer les plans de travail comme bon vous semble et mme les
faire se chevaucher si ncessaire.
5. Dans le panneau Outils, activez loutil Slection ( ) pour mettre fin la modifi
cation des plans de travail.

P Note : Par

dfaut, lorsque
vous faites glisser
un plan de travail
avec du contenu,
lillustration
se dplace
galement. Si
vous souhaitez
dplacer un plan
de travail sans
son contenu,
activez loutil
Plan de travail
puis dsactivez
Dplacer/Copier
lillustration avec
le plan de travail
( ).

6. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables puis
Fichier > Enregistrer.

Renommer les plans de travail


Les plans de travail reoivent un numro et un nom par dfaut. Lorsque vous vous
dplacez dans les plans de travail dun document, ces noms gnriques ne simplifient
pas leur identification.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

131

Vous allez prsent changer ces noms afin quils soient plus utiles.
1. Ouvrez le panneau Plans de travail en cliquant sur son icne (

).

2. Dans ce panneau, doublecliquez sur le nom Artboard 1


pour lactiver. Changez son nom en Dpliant et appuyez
sur Entre ou Retour.
E Astuce : Vous pouvez galement changer le nom dun plan de

travail en cliquant sur le bouton Options du plan de travail ( ) dans


le panneau Plans de travail et en saisissant le nouveau nom dans la
bote de dialogue Options du plan de travail. Une autre mthode
consiste double-cliquer sur loutil Plan de travail dans le panneau
Outils de faon ouvrir la bote de dialogue Options du plan de travail pour le plan de travail actif.
Pour activer un plan de travail, cliquez dessus laide de loutil Slection ( ).

Vous allez prsent renommer les autres plans de travail.


3. Dans le panneau Plans de travail, doublecliquez sur le nom Plan de travail 2 et
nommezle Faire-part Recto.
4. Faites de mme pour les deux autres plans de travail, en
renommant Plan de travail 3 en Faire-part Verso
et Plan de travail 4 en Enveloppe.
5. Choisissez Fichier > Enregistrer et laissez le panneau
Plans de travail ouvert pour les tapes suivantes.

Rorganiser les plans de travail


Lorsque vous naviguez dans votre document, lordre dans lequel les plans de travail
apparaissent peut tre important, en particulier si vous vous dplacez laide des
boutons Prcdent et Suivant de la navigation dans les plans de travail. Par dfaut, ils
sont organiss selon lordre dans lequel ils sont crs, ordre que vous pouvez modifier.
Vous allez prsent rorganiser les plans de travail afin que les deux faces du faire
part soient dans lordre appropri.
E Astuce : Vous

pouvez galement
rordonner les
plans de travail
en slectionnant
lun deux dans
le panneau Plans
de travail et en
cliquant sur les
boutons Dplacer
vers le haut ( )
ou Dplacer vers
le bas ( ) qui se
trouvent en partie
infrieure de ce
panneau.

132

LEON 4

1. Dans le panneau Plans de travail toujours ouvert, cliquez sur le nom Enveloppe.
Le plan de travail Enveloppe devient alors le plan de travail actif.
2. Choisissez Affichage > Tout ajuster la fentre.
3. Positionnez le pointeur sur le plan de travail Enveloppe
sur la liste du panneau Plans de travail. Cliquez et faites
glisser jusqu voir apparatre une ligne entre les plans
de travail Dpliant et Fairepart Recto. Relchez alors
le bouton de la souris.
Cette action dplace le plan de travail vers le haut afin
den faire le deuxime plan de travail.

Transformation dobjets

4. Dans le panneau Plans de travail, doublecliquez droite ou gauche du nom


Dpliant pour ajuster ce plan de travail la fentre de document.
5. Cliquez sur le bouton Suivant ( ) dans la zone Navigation dans les plans de travail
situe dans le coin infrieur gauche de la fentre de document. Vous passez au
plan de travail suivant (Enveloppe), qui est alors ajust la fentre de document.

Si vous naviez pas chang lordre des plans de travail, le suivant aurait t le recto
du fairepart.
6. Choisissez Fichier > Enregistrer.
Les plans de travail tant configurs, vous allez prsent vous concentrer sur la
transformation dune illustration pour crer le contenu du projet.

Transformation du contenu
La transformation du contenu permet dappliquer un dplacement, une rotation, une
symtrie, une mise lchelle ou une dformation des objets. Vous pouvez transformer
du contenu en employant le panneau Transformation, les outils de slection, les outils
spcialiss, les commandes de transformation, les repres et les repres comments.
Vous dcouvrirez ces mthodes dans cette partie de la leon.

Utiliser les rgles et les repres


Les rgles aident positionner et mesurer les objets prcisment. Elles apparaissent
en haut et gauche de la fentre de document ; elles peuvent tre affiches ou mas
ques. Les repres sont des lignes non imprimables qui servent aligner des objets.
Par la suite, vous allez crer quelques repres en fonction des rgles afin de pouvoir
aligner ensuite du contenu de faon prcise.
1. Dans le panneau Plans de travail, doublecliquez droite ou gauche du nom
Fairepart Recto pour aller dans ce plan de travail.
2. Choisissez Affichage > Rgles > Afficher les rgles, si elles ne sont pas visibles.
3. Tout en appuyant sur la touche Maj, partir
de la rgle verticale, faites glisser vers la droite
un repre vertical jusquau point 1/2 pouce sur
la rgle horizontale. La touche Maj permet de
contraindre le repre sur les units de la rgle.
Relchez le bouton de la souris puis la touche
Maj. Le repre est slectionn.

P Note : Si vous

E Astuce : Pour modifier les units dun document, cliquez

du bouton droit (Windows) ou en appuyant sur Ctrl (MacOS)


sur une rgle et choisissez les nouvelles units.

Examinez les rgles, notamment lendroit o 0 apparat sur chacune delles. Lemplacement
du point 0 sur chaque rgle (horizontale et verticale) est appel origine de la rgle.

ne voyez pas la
marque 1/2 sur
la rgle, ce nest
pas un problme.
Effectuez un zoom
avant jusqu ce
quelle apparaisse.
Laugmentation du
facteur de zoom
permet dobtenir
des incrments
plus fins sur les
rgles.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

133

Lorigine dune rgle se trouve dans langle suprieur gauche du plan de travail actif. Vous
le constatez, le point 0 sur les deux rgles correspond aux bords du plan de travail actif.
P Note : Pour

basculer entre
ces deux types de
rgles, choisissez
Affichage>
Rgles> Passer
aux rgles
globales/du plan
de travail.

Deux types de rgles sont disponibles : les rgles globales et les rgles de plan de travail. Ces dernires sont employes par dfaut et fixent lorigine de chaque rgle dans
langle suprieur gauche du plan de travail actif (voir la figure prcdente). Les rgles
globales fixent leur origine dans langle suprieur gauche du premier plan de travail,
quel que soit le plan de travail actif.
4. Choisissez Affichage > Tout ajuster la fentre.
5. Avec loutil Slection ( ), cliquez sur chaque plan de travail et examinez les rgles
horizontale et verticale. Notez que le 0 de chaque rgle est affich dans langle
suprieur gauche du plan de travail actif (slectionn).
6. Dans le panneau Plans de travail, doublecliquez droite ou gauche du nom
Fairepart Recto afin que ce plan de travail soit ajust la fentre de document.
7. Avec loutil Slection, cliquez sur le repre afin de le slectionner (cet tat est
indiqu par sa couleur orange). Dans le panneau Contrle, changez la valeur de
X 0,25 in et appuyez sur Entre ou Retour.
P Note : Si le champ X nest pas visible, cliquez sur le mot Transformation ou ouvrez le panneau
Transformation (Fentre> Transformation).

Les repres sont comparables aux objets dessins, car vous pouvez les slection
ner de la mme manire quun trait et les supprimer en appuyant sur la touche
Espace arrire ou Suppr.
E Astuce : Si

vous faites glisser


tout en appuyant
sur la touche Ctrl
(Windows) ou
Cmd (Mac OS)
partir de
lintersection
des rgles, vous
crez un repre
horizontal et
vertical qui se
croise lendroit
o vous relchez
le bouton de la
souris puis la
touche.

8. Positionnez le pointeur dans langle suprieur gauche de la fentre de document,


lintersection des rgles ( ), et faitesle glisser vers langle suprieur droit du plan
de travail, non vers les repres rouges du fond perdu. Lorsque le mot intersection
saffiche, relchez le bouton de la souris.
Pendant lopration, une croix dans la fentre et dans les rgles indique le chan
gement dorigine de la rgle. Lorigine de la rgle (0,0) est ainsi positionne dans
langle suprieur droit du plan de travail.

intersection

Vous allez prsent ajouter un repre en utilisant


une mthode diffrente, qui sera parfois plus rapide.
9. Tout en appuyant sur la touche Maj, doublecliquez
sur la rgle horizontale au point 1/4 pouce,
gauche du 0 de la rgle. Vous obtenez un repre
qui traverse le bord droit du plan de travail.

134

LEON 4

Transformation dobjets

10. Le repre tant slectionn (il doit tre de couleur orange), examinez la valeur X
dans le panneau Contrle. Elle doit tre gale 0,25 pouce.
Sur la rgle horizontale, les mesures droite du zro sont positives et ngatives
sa gauche. Sur la rgle verticale, les mesures sous le zro sont positives et nga
tives audessus.
11. Positionnez le pointeur dans langle suprieur gauche de la fentre de document,
lintersection des rgles. Doublecliquez pour rinitialiser lorigine des rgles.
12. Choisissez Affichage > Repres > Verrouiller les repres pour viter quils soient
dplacs par mgarde. Choisissez Affichage > Tout ajuster la fentre.
Les guides ne sont plus slectionns et sont affichs en bleu, leur couleur par dfaut.

Redimensionner des objets


Jusqu prsent, vous avez essentiellement employ des outils de slection pour redi
mensionner le contenu. Dans cette leon, vous appliquerez dautres mthodes. Vous
dfinirez dabord les prfrences pour redimensionner les contours et les effets, puis
vous modifierez un logo en utilisant la commande Mise lchelle et en lalignant sur
les repres dfinis.
1. Avec loutil Slection ( ), cliquez sur le grand logo jaune et vert en forme de roue
du plan de travail Dpliant.
2. Ouvrez le panneau Transformation en cliquant
sur les liens X, Y, L ou H du panneau Contrle (ou
sur le mot Transformation si celuici apparat
dans le panneau Contrle). Cochez la case Mise
lchelle des contours et des effets.
Par dfaut, les contours et les effets, comme les
ombres portes, ne sont pas mis chelle avec
les objets. Par exemple, si vous agrandissez un
cercle dont le contour initial a une paisseur de 1 pt, cette taille est conserve
aprs le redimensionnement. Cependant, en cochant la case Mise lchelle des
contours et des effets avant lopration, ce contour de 1 pt changera dpaisseur
en fonction de lchelle applique lobjet.
3. Tout en appuyant sur Alt (Windows) ou Option (Mac OS), faites glisser lobjet
vers le plan de travail suprieur droit. Lorsquil est sa place, relchez le bouton
de la souris puis la touche.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

135

4. Dans le panneau Outils, activez loutil Zoom (


sur le nouveau logo.

) et cliquez deux fois, lentement,

5. Choisissez Affichage > Masquer le contour de slection.


Cette opration masque les bords intrieurs de la forme, non le cadre de slection.
Lillustration peut ainsi tre plus facile examiner.
E Astuce : Vous

pouvez galement
accder la bote
de dialogue
Mise lchelle
en choisissant
Objet>
Transformation >
Mise lchelle.

6. Dans le panneau Outils, doublecliquez


sur loutil Mise lchelle ( ).
7. Dans la bote de dialogue Mise lchelle,
fixez Uniforme 50 %. Si ncessaire, cochez
Aperu. Dcochez puis cochez cette case
pour constater le changement de taille.
Cliquez sur OK.
Vous auriez galement pu cocher la case
Mise lchelle des contours et des effets
dans la bote de dialogue Mise lchelle.

P Note : En cas

dalignement
sur un point,
lalignement
dpend de la
position du
pointeur, non
des bords de
lobjet dplac.
Par ailleurs,
lalignement
des points sur
les repres est
possible car
la commande
Affichage >
Magntisme du
point est active
par dfaut.

136

LEON 4

Vous allez prsent dplacer le logo afin que son bord gauche soit approximativement
align sur le repre.
8. Avec loutil Slection ( ) actif, positionnez
le pointeur audessus du bord gauche de
la flche infrieure gauche de la roue.
Lorsque le mot point dancrage apparat,
faites glisser vers la gauche, jusqu ce que
le point dancrage saligne sur le repre.
ce momentl, le pointeur devient blanc.
P Note : Pour aligner le contenu sur le repre, vous

devrez peut-tre dsactiver les repres comments


(Affichage > Repres comments). Si cest le cas,
ractivez-les aprs avoir termin cette tape.

9. Choisissez Affichage > Tout ajuster la fentre puis Affichage > Afficher le contour
de slection.
Transformation dobjets

10. Choisissez Affichage > Tracs.


11. Avec loutil Slection, tracez un rectangle de slection sur le texte qui commence
par YOU DONATE YOUR et se termine par KEEP MAKING ART ; il se trouve
sur le premier plan de travail (Dpliant). Choisissez dition > Copier.
12. Dans le menu de navigation dans les plans de travail situ dans langle infrieur
gauche de la fentre de document, choisissez 3 Fairepart Recto de faon
revenir ce plan de travail.
13. Choisissez dition > Coller sur place.
Cette commande colle le contenu group sur le plan de travail du fairepart en lui
donnant la position relative quil avait sur le plan de travail du dpliant.
14. Dans le localisateur de point de rfrence ( ) du panneau Contrle, cliquez sur
le point de rfrence central gauche. Cliquez sur licne Conserver les proportions
en largeur et en hauteur ( ) situe entre les champs L et H. Saisissez 75% dans
le champ de largeur (L) puis appuyez sur Entre ou Retour pour rduire la taille
du texte group.

Saisir 75% pour la largeur.

P Note : Selon

la rsolution de
votre cran, il
est possible que
les options de
transformation
napparaissent pas
dans le panneau
Contrle. Dans
ce cas, cliquez
sur le mot
Transformation
pour ouvrir
le panneau
Transformation
ou choisissez
Fentre>
Transformation.

Le rsultat.

15. Choisissez Affichage > Aperu puis Fichier > Enregistrer.


Plus loin dans cette leon, vous positionnerez correctement le texte, ainsi que dautres
contenus.

Crer des objets symtriques


Illustrator cre le symtrique dun objet selon un axe vertical ou horizontal invisible.
De mme que pour les oprations de mise lchelle et de rotation, vous devez soit
dsigner un point de rfrence partir duquel la symtrie de lobjet sera effectue,
soit utiliser le point central de lobjet par dfaut.
Vous allez placer du contenu sur un plan de travail puis employer loutil Miroir pour
en raliser une symtrie avec un angle de 90 par rapport laxe vertical et le copier.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

137

1. Choisissez Affichage > Tout ajuster la fentre. Appuyez deux fois sur Ctrl+ (Windows)
ou Cmd+ (Mac OS) pour zoomer afin de voir la bicyclette sur le ct gauche du dpliant.
2. Avec loutil Slection ( ), cliquez sur la bicyclette (non sur la zone qui lentoure).
Choisissez dition > Couper.
3. Revenez au plan de travail du fairepart en choisissant 4 Fairepart Verso dans
le menu de navigation dans les plans de travail situ dans langle infrieur gauche
de la fentre de document.
4. Choisissez dition > Coller pour coller la bicyclette au centre de la fentre de
document.
5. Avec loutil Slection, dplacez la bicyclette vers langle infrieur droit du plan de
travail. Essayez daligner approximativement le ct droit de la bicyclette avec le
repre droit (aidezvous de la figure). Son emplacement na pas besoin dtre exact.

6. La bicyclette tant slectionne, choisissez dition > Copier puis dition > Coller
devant pour placer la copie directement devant loriginal.
E Astuce : Si

vous souhaitez
simplement
inverser le
contenu sur
place, choisissez
Symtrie axe
horizontal ou
Symtrie axe
vertical dans le
menu du panneau
Transformation
( ).

7. Dans le panneau Outils, activez loutil Miroir ( )


qui se trouve avec loutil Rotation ( ). Cliquez
sur le bord gauche du pneu avant de la bicyclette
(le mot point dancrage ou trac apparatra
peuttre).
Cette opration fixe laxe invisible de symtrie
sur le bord gauche de la bicyclette la place du
centre (par dfaut).
E Astuce : Pour crer une copie symtrique en une seule opration, cliquez, tout en appuyant sur

la touche Alt (Windows) ou Option (MacOS), avec loutil Miroir pour indiquer le point de symtrie.
Slectionnez Vertical dans la bote de dialogue Miroir puis cliquez sur Copier.

8. La copie de la bicyclette tant slectionne, positionnez le pointeur en dehors


du bord gauche et faites glisser dans le sens des aiguilles dune montre. Pendant
lopration, appuyez sur la touche Maj. Lorsque les libells des dimensions affichent
90, relchez le bouton de la souris puis la touche.

138

LEON 4

Transformation dobjets

La touche Maj contraint la rotation des pas de 45. Laissez la nouvelle bicyclette
sa position actuelle. Vous la dplacerez lgrement plus tard.

Faire pivoter des objets


La rotation dobjets consiste les faire pivoter autour dun point de rfrence dfini. Il
existe plusieurs manires doprer, avec des mthodes de rotation libres ou prcises.
Vous allez faire pivoter les roues en employant loutil Rotation.
1. Choisissez 1 Dpliant dans le menu de navigation dans les plans de travail situ
dans langle infrieur gauche de la fentre de document.
2. Activez loutil Zoom ( ) et tracez un rectangle de slection autour du petit logo de
roue noire qui se trouve dans langle suprieur gauche du plan de travail du dpliant.
3. Avec loutil Slection ( ), slectionnez la petite roue noire. Choisissez Objet >
Transformation > Rotation.
Par dfaut, le logo va pivoter autour de son centre.
4. Dans la bote de dialogue Rotation, vrifiez
que Aperu est coch. Changez langle 20
puis cliquez sur OK pour faire pivoter la
roue autour de son centre.
P Note : Pour fixer un point de rfrence et ouvrir la

bote de dialogue Rotation quand vous slectionnez


un objet puis activez loutil Rotation, appuyez sur Alt
(Windows) ou Option (MacOS) et cliquez nimporte o
sur lobjet (ou sur un plan de travail).

5. Loutil Slection ( ) tant activ et le petit logo de roue tant slectionn, appuyez
sur la touche Maj et cliquez sur le texte situ droite du logo et commenant par
THE CHILDRENS ART CENTER.

E Astuce : Pour

ouvrir la bote de
dialogue Rotation,
vous pouvez
galement
double-cliquer
sur loutil Rotation
( ) dans le
panneau Outils.
Le panneau
Transformation
(Fentre>
Transformation)
propose
galement
une option de
rotation.

6. Choisissez dition > Couper.


7. Dans le menu de navigation dans les plans de travail, choisissez 2 Enveloppe.
Choisissez dition > Coller sur place.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

139

8. Ouvrez le panneau Transformation en cliquant


sur le mot Transformation dans le panneau
Contrle. Vrifiez que le point central gauche
est slectionn dans le localisateur de point de
rfrence ( ) puis changez la valeur de X 1,7
in et celle de Y 0,6 in. Appuyez sur Entre ou
Retour pour masquer le panneau.

Vous allez prsent faire pivoter du contenu manuellement, avec loutil Rotation (

).

9. Choisissez Affichage > Tout ajuster la fentre.


10. Avec loutil Slection, cliquez sur le grand logo de roue prsent sur le plan de travail
Dpliant. Choisissez Affichage > Masquer le contour de slection.
11. Activez loutil Rotation ( ), qui se trouve dans le groupe de loutil Miroir ( ).
Cliquez approximativement au centre de la roue du logo afin de fixer le point de
rfrence ( ) [juste audessus de lemplacement par dfaut du point de rfrence].
Positionnez le pointeur droite du logo et faites glisser. Notez que le mouvement
est contraint un cercle dont le centre est le point de rfrence. Lorsque les libells
des dimensions affichent environ 20, relchez.

En suivant la mme mthode, vous allez faire pivoter le logo prsent sur le plan de
travail 3 Fairepart Recto.
12. Dans le menu de navigation dans les plans de travail situ dans langle infrieur
gauche de la fentre de document, choisissez 3 Fairepart Recto. Activez loutil
Slection et cliquez sur le logo jaune/vert.
13. Activez loutil Rotation et cliquez approximativement au centre de la roue du
logo afin de fixer le point de rfrence ( ) [juste audessus de son emplacement
par dfaut]. Positionnez le pointeur droite du logo et faites glisser. Lorsque les
libells des dimensions affichent environ 20, relchez.
14. Choisissez Affichage > Afficher le contour de slection puis Fichier > Enregistrer.
140

LEON 4

Transformation dobjets

Modifier la forme des objets avec des effets


Nombre doutils permettent de modifier de plusieurs faons la forme dorigine
des objets. Vous allez dformer un logo en lui appliquant successivement un effet
Contraction et dilatation, puis un effet Torsion. Il sagit de types de transformation
diffrents, car ils sont appliqus en tant queffets, ce qui vous permet de les modifier
ou de les retirer ultrieurement laide du panneau Aspect.

P Note : Nous
reviendrons
sur les effets
la Leon 12,
Application
deffets.

1. Cliquez sur le bouton Premier ( ) dans la barre dtat afin daller sur le premier
plan de travail.

2. Ouvrez le panneau Calques en cliquant sur son icne


( ). Dans la colonne de visibilit de ce panneau,
cliquez gauche du calque nomm Flyer Background
pour en afficher le contenu.
3. Avec loutil Slection ( ), cliquez sur le triangle blanc
situ dans langle infrieur droit du plan de travail
Dpliant.
4. Choisissez Effet > Distorsion et transformation > Contraction et dilatation.
5. Dans la bote de dialogue Contraction et dilatation, cochez Aperu puis dplacez
le curseur vers la gauche afin de fixer la valeur environ 60 % ; cette opration
va dformer le triangle. Cliquez sur OK.

6. Choisissez Effet > Dformation > Torsion. Si ncessaire, cochez Aperu dans la
bote de dialogue Options de dformation. Fixez langle 20 puis cliquez sur OK.

7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

141

Dformer des objets


Dformer un objet consiste en incliner, de ct ou de biais, ses cts le long de
laxe que vous indiquez tout en maintenant les cts opposs parallles de faon le
rendre asymtrique.
Vous allez prsent crer une copie de la bicyclette et la dformer.
1. Cliquez sur longlet du panneau Plans de travail. Doublecliquez sur le chiffre 4
plac gauche du nom Fairepart Verso. Rduisez le groupe du panneau Plans
de travail en cliquant sur son onglet.
2. Activez loutil Slection ( ) et cliquez sur la bicyclette de gauche. Choisissez Objet >
Masquer > Slection. Slectionnez la bicyclette restante.
3. Choisissez dition > Copier puis dition > Coller devant pour coller une copie de
la forme directement devant loriginal.
4. Dans le panneau Outils, activez loutil Dformation
( ) qui se trouve avec loutil Mise lchelle ( ).
Positionnez le pointeur sur le bord infrieur de
la forme de bicyclette, entre les roues, et cliquez
pour dfinir le point de rfrence.
E Astuce : Vous

pouvez
galement
effectuer la
dformation de
faon numrique
dans le panneau
Transformation
(Fentre>
Transformation)
ou dans la bote
de dialogue
Dformation
(Objet>
Transformation>
Dformation).

5. Faites glisser partir du centre de la bicyclette


vers la gauche et arrtezvous lorsque sa forme est comparable celle de la figure.
Relchez.

6. Dans le panneau Contrle, fixez lopacit 20 %.


7. Choisissez Objet > Disposition > En arrire
pour placer la copie derrire la forme de bicy
clette dorigine.

142

LEON 4

Transformation dobjets

8. Choisissez Objet > Tout afficher de faon afficher et slectionner la copie miroir
de la bicyclette masque prcdemment. Choisissez dition > Couper.
9. Dans le menu de navigation dans les plans de travail situ dans langle infrieur
gauche de la fentre de document, cliquez sur 2 Enveloppe. Choisissez dition >
Coller.
10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Positionner des objets prcisment


Vous devrez parfois positionner des objets de manire prcise, que ce soit par rapport
dautres objets ou relativement au plan de travail. Les repres comments et le panneau
Transformation permettent de dplacer des objets vers des coordonnes prcises sur
les axes X et Y de la page et de contrler leur positionnement par rapport dautres
objets ou au bord du plan de travail.
Vous allez ajouter du contenu larrireplan des deux faces du fairepart, pour ensuite
le positionner de manire prcise.
1. Choisissez Affichage > Tout ajuster la fentre pour voir tous les plans de travail.
2. Appuyez une fois sur Ctrl+ (Windows) ou Cmd+ (Mac OS) pour rduire le facteur
dagrandissement. Vous devez voir les deux images places lextrieur du bord
gauche du plan de travail Dpliant.
3. Avec loutil Slection ( ), cliquez sur limage suprieure, la plus sombre.

P Note : Selon

4. Ouvrez le panneau Plans de travail en cliquant sur son icne ( ). Cliquez une fois
sur le nom du plan de travail Fairepart Recto pour lactiver.

Lorigine de la rgle se trouve prsent dans langle suprieur gauche de ce plan


de travail.
5. Dans le localisateur de point de rfrence ( ) du panneau Contrle, cliquez sur
le point suprieur gauche. Fixez ensuite les valeurs de X et de Y 0.

6. Choisissez Objet > Disposition > Arrireplan puis Slection > Dslectionner.

la rsolution de
votre cran, il
est possible que
les options de
transformation
napparaissent pas
dans le panneau
Contrle. Dans
ce cas, cliquez
sur le mot
Transformation
pour ouvrir
le panneau
Transformation
ou choisissez
Fentre>
Transformation.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

143

Limage doit prsent tre parfaitement positionne sur le plan de travail, puisquelle
a les mmes dimensions que celuici.

7. Choisissez Affichage > Ajuster le plan de travail la fentre pour que le plan de
travail du recto du fairepart sajuste la fentre de document.
8. Activez loutil Slection, maintenez enfonce la touche Maj et, dans le texte plac
droite, cliquez et faites glisser vers la gauche partir du mot YOU jusqu aligner
le bord droit du h de MAY 19th sur le repre de droite. Relchez le bouton de la
souris puis la touche Maj.

9. Dans le panneau Plans de travail, cliquez une fois sur le nom du plan de travail
4 Fairepart Recto afin de lactiver. Fermez le groupe du panneau Plans de travail
en cliquant sur son onglet.
10. Choisissez Affichage > Tout ajuster la fentre pour voir tous les plans de travail.
11. Appuyez une fois sur Ctrl+ (Windows) ou Cmd+ (Mac OS) pour rduire le
facteur dagrandissement.
Vous devez voir la deuxime image lextrieur du bord gauche du plan de travail
Dpliant.
12. Avec loutil Slection, cliquez sur cette image.
13. Le point suprieur gauche tant slectionn dans le localisateur de point de rf
rence ( ) du panneau Contrle, fixez les valeurs de X et de Y 0.

14. Choisissez Objet > Disposition > Arrireplan.


15. Choisissez Affichage > Ajuster le plan de travail la fentre pour que le plan de
travail 4 Fairepart Recto sajuste la fentre de document.
144

LEON 4

Transformation dobjets

Positionner avec les repres comments


Lorsque les repres comments sont activs (Affichage > Repres comments), le
dplacement dun objet fait apparatre dans les libells des dimensions la distance
en X et en Y qui le spare de sa position dorigine. Vous allez vous servir de ces
indications pour faire en sorte quun objet se trouve une distance prcise du bord
du plan de travail.
1. Appuyez deux fois sur Ctrl+ (Windows) ou Cmd+ (Mac OS) pour rduire le
zoom. Vous devez voir le groupe de texte plac sur le ct droit du plan de travail.
2. Avec loutil Slection ( ), cliquez sur le groupe de
texte. Le point suprieur gauche tant slectionn
dans le localisateur de point de rfrence ( ) du
panneau Contrle, fixez les valeurs de X et de Y 0.

3. Choisissez Affichage > Ajuster le plan de travail


la fentre.
4. Avec loutil Slection, positionnez le pointeur au
dessus du premier mot, YES, et faites glisser le
groupe vers le bas et la droite. Lorsque les libells
des dimensions affichent dX : 0,25 in et dY : 0,5 in,
relchez.
Si vous ne parvenez pas obtenir les valeurs exactes, ce nest pas un problme.

Dans les libells des dimensions, la valeur dX indique la distance de dplacement le


long de laxe X (horizontalement), tandis que la valeur dY indique celle le long de
laxe Y (verticalement).
P Note : Pour dsactiver les libells des dimensions alors que les repres comments sont activs,
choisissez dition > Prfrences > Repres comments (Windows) ou Illustrator > Prfrences > Repres
comments (Mac OS) et dcochez la case Libells des dimensions.

5. Le groupe de texte tant slectionn, choisissez Objet > Disposition > Premier plan
afin de placer le texte devant les autres lments du plan de travail.
6. Cliquez hors du plan de travail pour le dslectionner puis choisissez Fichier >
Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

145

Loutil Transformation manuelle


Loutil Transformation manuelle ( ) a de nombreux usages. Outre la modification de
la perspective dun objet, il combine les fonctions de mise lchelle, de dformation,
de symtrie et de rotation. Il est galement compatible avec les interactions tactiles.
Autrement dit, vous pouvez contrler la transformation en utilisant des gestes sur
les appareils tactiles. Pour de plus amples informations sur les contrles tactiles,
consultez lencadr la fin de cette section.
1. Choisissez 2 Enveloppe dans le menu de navigation dans les plans de travail situ
dans langle infrieur gauche de la fentre de document.
2. Avec loutil Slection ( ), cliquez sur la bicyclette.
P Note : Pour

de plus amples
informations
sur les options
de loutil
Transformation
manuelle,
recherchez
Transformation
manuelle dans
laide dAdobe
(Aide > Aide
dIllustrator).

3. Dans le panneau Outils, choisissez loutil Transformation manuelle (

).

Lorsque loutil Transformation manuelle


A. Contrainte
est activ, le widget Transformation
A
B. Transformation manuelle
manuelle apparat en flottant dans la
C. Action slectionne
B
C
(fond gris clair)
fentre de document. Il propose des
D.
Distorsion en perspective
options qui modifient le fonctionnement
D
E. Distorsion manuelle
de loutil. Par dfaut, cet outil permet de
dplacer, de dformer, de faire pivoter
E
et de redimensionner des objets. En
choisissant une autre option, comme Distorsion en perspective, vous modifiez la
manire dont le contenu est transform.
Vous allez vous servir de loutil Transformation manuelle pour appliquer plusieurs
transformations la bicyclette slectionne.
4. Choisissez Affichage > Masquer le contour de slection.
5. Positionnez le pointeur sur le point
central gauche du cadre de slec
tion de la bicyclette. Le pointeur
change daspect ( ) afin dindi
quer que vous pouvez effectuer
une dformation ou une distorsion.
Faites glisser vers la droite. Vous
remarquerez que vous ne pouvez
pas faire glisser vers le haut ou
vers le bas ; le dplacement est
uniquement horizontal. Lorsque
les libells des dimensions affichent une largeur denviron 2,8 pouces, relchez le
bouton de la souris.
P Note : Si vous aviez fait glisser le point latral vers le haut, le mouvement naurait pas t contraint
et aurait pu se faire dans nimporte quelle direction.

Vous allez prsent faire pivoter la bicyclette autour du point infrieur droit, mais il
faut au pralable fixer le point de rfrence.
146

LEON 4

Transformation dobjets

6. Positionnez le pointeur audes


sus de langle suprieur droit du
cadre de slection. Lorsquil change
daspect ( ), appuyez sur la touche
Maj et faites glisser vers le centre
de la bicyclette afin den rduire
la taille. Lorsque les libells des
dimensions affichent une hauteur
de 2,75 pouces, relchez le bou
ton de la souris puis la touche de
modification.
7. Positionnez le pointeur audessus de langle infrieur droit du cadre de slection
et doublecliquez lorsquil change daspect ( ). Cette opration dplace le point
de rfrence et fait en sorte que la bicyclette tournera autour de celuici.
8. Positionnez le pointeur directe
ment audessus de langle suprieur
gauche du cadre de slection. Son
aspect ( ) indique que vous pou
vez effectuer une rotation ou une
mise lchelle. Cliquez et faites
glisser dans le sens des aiguilles
dune montre jusqu voir apparatre
5, environ, dans les libells des
dimensions.

E Astuce : Vous

pouvez galement
faire simplement
glisser le point de
rfrence vers un
emplacement. Il
est rinitialis au
centre de lobjet
immdiatement
aprs quune
action est
effectue. Vous
pouvez doublecliquer sur le
point de rfrence
pour rinitialiser
sa position.

P Note : Si vous constatez quune mise lchelle se produit la place dune rotation, arrtez lopration
et choisissez dition> Annuler Mise lchelle puis recommencez.

linstar des autres outils de transformation, si vous appuyez sur la touche


Maj pendant que vous faites glisser avec loutil Transformation manuelle,
vous restreignez le mouvement pour la plupart des transformations. Si
vous ne souhaitez pas maintenir cette touche enfonce, vous pouvez
galement activer loption Contrainte dans le widget Transformation
manuelle (encercle sur la figure) avant deffectuer la transformation. Le
mouvement est automatiquement restreint et, une fois quil est achev,
loption est dsactive.
P Note : Loption Contrainte ne peut pas tre active lorsque loption
Distorsion en perspective est slectionne.

9. Loutil Transformation manuelle tant toujours activ, cli


quez sur loption Distorsion en perspective dans le panneau
flottant Transformation manuelle (encercle sur la figure).
Vous pouvez alors faire glisser un point dangle du cadre
de slection pour distordre la perspective.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

147

P Note : Loption

Distorsion
manuelle de loutil
Transformation
manuelle permet
de distordre
librement
le contenu
slectionn en
faisant glisser
lun des points
dangle du cadre
de slection.

10. Positionnez le pointeur audessus du


point suprieur gauche du cadre de
slection ; il change daspect ( ). Faites
glisser vers le bas jusqu atteindre une
hauteur denviron 2,5 pouces, indique
par les libells des dimensions.
11. Avec loutil Slection, dplacez la bicy
clette de faon rapprocher son bord
gauche de celui du plan de travail.
12. Choisissez Affichage > Afficher le contour de slection.
13. Dans le panneau Contrle, fixez Opacit 20 %.
14. Choisissez Fichier > Enregistrer puis Fichier >
Fermer.

Appliquer de multiples
transformations
Illustrator propose de nombreuses manires dacclrer
les transformations. Lune delles consiste employer la
commande Transformation rpartie. Pour apprendre
utiliser cette commande, consultez le fichier PDF
nomm Multi_transforms.pdf qui se trouve dans le dossier Lesson_extras.

Loutil Transformation manuelle


et les appareils tactiles
Dans IllustratorCC, loutil Transformation manuelle est compatible avec les interactions
tactiles. Autrement dit, si vous utilisez un PC cran tactile sous Windows7 ou8,
ou un autre dispositif comme le Wacom Cintiq 24HD Touch, vous pouvez employer
certaines fonctions tactiles:

148

LEON 4

Cliquer et faire glisser partir du centre dun objet et dplacer le point de rfrence.

Double-cliquer sur le point de rfrence pour rtablir sa position par dfaut (sil
ne sy trouve pas dj).

Pour contraindre le mouvement, cliquer sur loption Contrainte dans le widget,


avant la transformation.

Double-cliquer sur lune des huit poignes de contrle pour la dfinir en tant que
point de rfrence.

Transformation dobjets

Questions de rvision
1. Indiquez au moins deux manires de modifier la taille dun plan de travail existant.
2. Comment pouvezvous renommer un plan de travail ?
3. Questce que lorigine dune rgle ?
4. Quelle est la diffrence entre les rgles de plan de travail et les rgles globales ?
5. Dcrivez brivement le rle de loption Mise lchelle des contours et des effets.
6. Indiquez au moins trois transformations permises par loutil Transformation manuelle.

Rponses
1. a) Doublecliquer sur loutil Plan de travail ( ) et modifier les dimensions du plan
de travail actif dans la bote de dialogue Options du plan de travail ; b) slection
ner loutil Plan de travail, positionner le pointeur sur le bord ou langle du plan de
travail, puis faire glisser pour le redimensionner ; (c) slectionner loutil Plan de
travail, cliquer sur un plan de travail dans la fentre de document et changer ses
dimensions dans le panneau Contrle.

2. On active loutil Plan de travail, on slectionne ce plan de travail et on modifie son


nom dans le champ Nom du panneau Contrle. On peut aussi doublecliquer sur
le nom du plan de travail dans le panneau Plans de travail et saisir le nouveau nom,
ou cliquer sur le bouton Options du plan de travail ( ) dans le panneau Plans de
travail pour saisir le nom dans la bote de dialogue Options du plan de travail.

3. Lorigine de la rgle correspond au point o apparat 0 (zro) sur chaque rgle. Par
dfaut, lorigine de la rgle est le point 0 (zro) situ dans langle suprieur gauche
du plan de travail actif.
4. Les rgles de plan de travail, employes par dfaut, fixent lorigine de chaque rgle
dans langle suprieur gauche du plan de travail actif. Les rgles globales fixent leur
origine dans langle suprieur gauche du premier plan de travail, quel que soit le
plan de travail actif.
5. Loption Mise lchelle des contours et des effets, qui se trouve dans le panneau
Transformation (ou dans dition > Prfrences > Gnral [Windows] ou Illustrator >
Prfrences > Gnral [Mac OS]), permet de mettre lchelle les contours et les effets
en mme temps que lobjet. Elle peut tre active et dsactive, selon les besoins.
6. Loutil Transformation manuelle permet de raliser de multiples transformations,
notamment le dplacement, la mise lchelle, la rotation, la dformation et la
distorsion (en perspective et manuelle).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

149

Si loutil Crayon est plus pratique pour dessiner et modifier les


lignes de forme libre, loutil Plume est parfaitement adapt
au dessin prcis, par exemple de lignes droites, de courbes
de Bzier et de figures complexes. Vous allez vous entraner
lutiliser puis vous lutiliserez pour dessiner une coupe de glace.

DESSIN AVEC LES OUTILS


PLUME ET CRAYON
Au cours de cette leon, vous apprendrez :
tracer des lignes courbes et des lignes droites ;
modifier des lignes courbes et des lignes droites ;
dessiner avec loutil Plume ;
slectionner et ajuster des segments de courbes ;
ajouter et supprimer des points dancrage ;
convertir des points dinflexion en sommets, et vice versa ;
crer des lignes en pointills et ajouter des flches ;
couper des tracs avec les outils Ciseaux et Cutter ;
dessiner et modifier des tracs avec loutil Crayon.
Cette leon vous prendra environ une heure et demie.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Dans la premire partie de cette leon, vous allez manipuler loutil Plume.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

3. Choisissez Fichier > Ouvrir. Slectionnez


le fichier L5start_1.ai, qui se trouve dans
le dossier Lesson05 sur votre disque dur.
Le document comprend six plans de travail,
numrots de 1 6 (il est fort probable
quils ne soient pas tous visibles). Au cours
de la premire partie de cette leon, il
vous sera demand de naviguer dans les
plans de travail.
4. Choisissez Fichier > Enregistrer sous,
nommez le fichier essais.ai et slectionnez le dossier Lesson05. Choisissez Adobe
Illustrator (*.AI) dans le menu Type (Windows) ou Adobe Illustrator (ai) dans le
menu Format (Mac OS). Dans la bote de dialogue Options Illustrator, gardez les
options par dfaut et cliquez sur OK.

Sinitier loutil Plume


Loutil Plume ( ) est lun des principaux outils employs pour des dessins main leve
ou pour crer des illustrations plus prcises. Il sert galement modifier des tracs
vectoriels existants. Il est important que vous sachiez comment lutiliser dans Illustrator.
P Note : Si vous
ne voyez pas
Rinitialiser Les
indispensables
dans le menu
de lespace de
travail, choisissez
Fentre> Espace
de travail> Les
indispensables
avant de
slectionner
Fentre> Espace
de travail>
Rinitialiser Les
indispensables.

152

LEON 5

Dans cette premire section, vous allez dcouvrir loutil Plume puis, plus loin dans la
leon, vous lutiliserez, avec dautres outils et commandes, pour crer une illustration.
1. Choisissez 1 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document. Choisissez Affichage > Ajuster le plan
de travail la fentre.
2. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
3. Choisissez Affichage > Repres comments pour dsactiver les repres comments.
Ces repres peuvent tre utiles lorsque vous dessinez mais vous nen aurez pas
besoin pour le moment.
4. Dans le panneau Contrle, cliquez sur la couleur de fond et slectionnez la nuance
[Sans] ( ). Cliquez ensuite sur la couleur de contour et vrifiez que la nuance
Noir est slectionne.
Dessin avec les outils Plume et Crayon

5. Dans le panneau Contrle, vrifiez que lpaisseur de contour est fixe 1 pt.
Il vaut mieux, lorsque loutil Plume est en service, que le trac cr nait pas de fond.
Vous pourrez toujours lajouter ultrieurement si ncessaire. Dans la zone dexercice
du plan de travail, vous allez raliser un trac qui ressemble au zigzag existant dans
la partie suprieure.
6. Dans le panneau Outils, slectionnez loutil Plume ( ). Positionnez le pointeur
dans le plan de travail et notez lastrisque qui apparat droite de la plume ( ).
Il indique que vous commencez un trac.

7. Dans la zone dexercice intitule Work Area, cliquez lendroit du carr bleu
start pour dfinir le premier point dancrage. Dplacez ensuite le pointeur vers
la droite du point dorigine.
Lastrisque disparat, indiquant que vous dessinez un trac.
8. Dplacez le curseur vers la droite et le bas du point
dorigine et cliquez pour crer le point dancrage suivant
sur le trac.

P Note : Si un

rticule ( )
saffiche la place
de licne de la
plume ( ), cest
que la touche
de verrouillage
des majuscules
est active. Les
pointeurs des
outils sont alors
transforms
de la sorte afin
dindiquer que
le pointeur de
prcision est actif.

P Note : Le premier segment dessin ne sera visible que lorsque vous

cliquerez pour insrer le deuxime point dancrage. Si le trac semble


incurv, cela signifie que vous avez accidentellement fait glisser loutil
Plume. Choisissez alors dition> Annuler Plume et cliquez de nouveau.

9. Cliquez de nouveau sous le point dancrage initial pour


crer un motif en zigzag. Celuici sera termin aprs la
cration de six points dancrage, cestdire aprs que
vous aurez cliqu six fois sur le plan de travail.
Parmi ses nombreux avantages, loutil Plume permet
de crer des tracs personnaliss tout en autorisant
ensuite la modification des points dancrage qui les
composent. Notez que seul le dernier point dancrage
est slectionn (il est plein).
10. Choisissez Slection > Dslectionner.

Slectionner des tracs


prsent, vous allez voir les relations entre les outils de slection et loutil Plume.
1. Dans le panneau Outils, activez loutil Slection ( ) et
positionnez le pointeur sur une ligne droite du trac
du zigzag. Lorsquun carr noir plein apparat sur le
pointeur ( ), cliquez pour slectionner le trac et tous
ses points dancrage. Les points dancrage sont pleins,
ce qui signifie quils sont tous slectionns.

E Astuce : Vous

pouvez galement
faire glisser sur le
trac avec loutil
Slection pour le
slectionner.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

153

2. Faites glisser lune des lignes droites du trac vers un


nouvel emplacement sur le plan de travail. Tous les points
se dplacent ensemble, en conservant la forme du zigzag.

E Astuce : Si

loutil Plume ( )
est actif , appuyez
sur la touche Ctrl
(Windows) ou
Cmd (MacOS) et
cliquez sur une
zone vide du plan
de travail pour
dslectionner
le trac. Loutil
Slection apparat
temporairement.
Une fois la touche
Ctrl ou Cmd
relche, loutil
Plume rapparat.

3. Dslectionnez le trac du zigzag de lune des manires


suivantes :

Avec loutil Slection, cliquez sur une zone vide du


plan de travail.

Choisissez Slection > Dslectionner.


4. Dans le panneau Outils, choisissez loutil Slection directe
( ) et positionnez le pointeur audessus dun point
dancrage. Ce point dancrage est mis en exergue (il est
plus grand) et un petit carr avec un point au centre
apparat sur le pointeur ( ). Il indique quun clic slec
tionnera le point dancrage. Cliquez pour slectionner
le point dancrage.

Le point dancrage slectionn devient plein, tandis que


les autres restent vides.
5. Faites glisser le point dancrage lgrement sur la gauche
afin de le repositionner.
Seul ce point dancrage se dplace. Cette technique
permet de modifier un trac, comme vous lavez vu
la Leon 2, Slections et alignement.
6. Cliquez sur une zone vierge du plan de travail pour
vider la slection.
P Note : Si

lintgralit
du trac du
zigzag disparat,
choisissez
dition> Annuler
Couper et
recommencez.

7. laide de loutil Slection directe, cliquez sur lun des


segments droits au milieu de la forme du zigzag. Lorsque
laspect du pointeur change ( ), cliquez pour slec
tionner. Choisissez dition > Couper. Cette opration
coupe uniquement le trac slectionn dans le zigzag.

Lorsque vous positionnez le pointeur audessus dun


segment de ligne qui nest pas dj slectionn, un
carr noir plein apparat ct du pointeur de loutil
Slection directe. Il indique que vous slectionnez un
segment de ligne.
8. Revenez loutil Plume ( ) et positionnez le pointeur
sur lun des points dancrage qui taient relis au segment
que vous venez de supprimer. Vous remarquerez que
licne de la plume affiche une barre oblique ( ), qui
indique quun clic va poursuivre le trac partir de ce
point. Cliquez sur le point.

154

LEON 5

Dessin avec les outils Plume et Crayon

9. Positionnez le pointeur sur le deuxime point qui tait


reli au segment dorigine. Il est prsent accompagn
dun symbole de fusion ( ). Cela signifie que vous reliez
llment actuel un autre trac. Cliquez sur le point
pour reconnecter les tracs.

Crer des lignes droites


la Leon 4, Transformation dobjets, vous avez vu que vous pouviez utiliser la
touche Maj et les repres comments en association avec des outils pour contraindre
la forme des objets crs. Employs avec loutil Plume, la touche Maj et les repres
comments contraignent galement les tracs selon des multiples de 45.
Vous allez apprendre dessiner des lignes droites et des angles contraints.
1. Choisissez 2 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document.
2. Choisissez Affichage > Repres comments pour activer les repres comments
puis Affichage > Ajuster le plan de travail la fentre.
3. Avec loutil Plume ( ) actif, dans la zone intitule Work Area, cliquez lendroit
du carr bleu start pour dfinir le point dancrage initial.
Ne vous inquitez pas si les repres comments tentent daligner le point dancrage
sur un autre contenu du plan de travail, rendant difficile le clic sur le carr start.
4. Dplacez le pointeur vers la droite du point dancrage
dorigine, environ 1,5 pouce, comme lindiquent les
libells des dimensions. Vous navez pas besoin dtre
prcis. Un repre de construction vert apparat lorsque
le pointeur est align verticalement avec le point
dancrage prcdent. Cliquez pour placer le deuxime
point dancrage.
Vous lavez appris dans les leons prcdentes, les libells des dimensions et les
repres de construction font partie des repres comments. Vous allez dcouvrir
quavec loutil Plume vous obtiendrez des mesures plus prcises dans les libells
des dimensions si le facteur dagrandissement est lev. Vous verrez galement
que loutil Plume tente daccoler les tracs aux autres objets du plan de travail, ce
qui rend parfois lutilisation des repres comments difficile.
5. Placez trois points supplmentaires en
cliquant de manire crer la mme
forme que dans la partie suprieure du
plan de travail.
Notez les repres de construction verts
qui apparaissent lors du dessin. Ils seront
parfois utiles pour aligner des points, mais lalignement peut galement se faire
sur du contenu qui ne vous convient pas.

E Astuce : Si

les repres
comments ne
sont pas actifs,
les libells des
dimensions et
les repres de
construction
napparatront
pas. Sans
les repres
comments, vous
pouvez appuyer
sur Maj et cliquer
pour crer des
lignes droites.

P Note : Les

points que vous


dfinissez nont
pas besoin dtre
exactement
au mme
emplacement que
dans le modle.
Par ailleurs,
les mesures
indiques dans
vos libells des
dimensions
peuvent ne pas
correspondre
celles des figures.
Ce nest pas
gnant.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

155

6. Appuyez sur la touche Maj et dplacez le


pointeur vers la droite et le bas. Lorsque le
repre de construction vert apparat, pour
lalignement du nouveau point avec les
deux points infrieurs, et que les libells
des dimensions affichent 2 pouces, cliquez
de faon dfinir le point dancrage puis
relchez la touche de modification.
Vous remarquerez que le nouveau point dancrage ne se trouve pas l o vous avez
cliqu. En effet, les lignes sont contraintes des angles de 45 car le dessin se fait
avec la toucheMaj enfonce.
7. Positionnez le pointeur sous le dernier
point et cliquez pour positionner le point
dancrage final de la forme.
8. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

lments dun trac


Lorsque vous dessinez, vous crez une ligne appele
trac. Un trac est compos dun ou de plusieurs segments droits ou incurvs. Ledbut et la fin de chaque
segment sont indiqus par des points dancrage qui
fonctionnent la manire dpingles maintenant un
fil en place. Un trac peut tre ferm (un cercle, par
exemple) ou ouvert, sil a des extrmits distinctes
(une ligne onduleuse, par exemple). Pour modifier
la forme dun trac, vous pouvez faire glisser ses
points dancrage, les points directeurs lextrmit
des lignes directrices qui apparaissent aux points
dancrage ou le segment du trac lui-mme.
Les tracs peuvent avoir deux types de point dancrage: les sommets et les points dinflexion. Au niveau
dun sommet, un trac change brusquement de sens.
Au niveau dun point dinflexion, les segments de
trac sont relis en une courbe continue.
Lorsque vous dessinez un trac, vous pouvez mlanger votre guise les sommets et les points dinflexion.
Vous pouvez toujours transformer un sommet en
point dinflexion, et inversement.
Extrait de lAide dIllustrator

156

LEON 5

Dessin avec les outils Plume et Crayon

A. Point dancrage
B. Ligne directrice
C. Point directeur

Crer des tracs incurvs


Dans cette partie de la leon, vous apprendrez dessiner des lignes doucement
incurves laide de loutil Plume. Les programmes de dessin vectoriel comme
Illustrator permettent de tracer des courbes contenant des points de contrle et
appeles courbes de Bzier. En dfinissant des points dancrage et en faisant glisser
les poignes de direction, vous tes en mesure de dfinir la forme de la courbe. Cette
mthode est un peu longue matriser, mais elle offre un meilleur contrle et plus
de souplesse lors de la cration des tracs.
1. Choisissez Affichage > Repres comments pour les dsactiver.
2. Choisissez 3 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document. Vous raliserez lillustration dans la
zone intitule Practice.
3. Appuyez sur Z pour activer loutil Zoom ( ) (ou slectionnezle dans le panneau
Outils) et cliquez deux reprises dans la moiti infrieure du plan de travail pour
agrandir laffichage.
4. Dans le panneau Contrle, cliquez sur la couleur de fond et slectionnez la nuance
[Sans] ( ). Cliquez ensuite sur la couleur de contour et vrifiez que la nuance Noir
est slectionne. Vrifiez galement que lpaisseur de contour est fixe 1 pt.
5. Avec loutil Plume ( ), cliquez sur une zone vierge du plan de travail pour crer
un premier point dancrage.
6. Cliquez ensuite un autre emplacement et faites glisser
le pointeur pour crer un trac incurv. Rptez ces
oprations plusieurs endroits sur le plan de travail.
Lobjectif de cet exercice nest pas de crer un dessin
prcis mais de vous habituer aux courbes de Bzier.
Lorsque vous cliquez et faites glisser le pointeur, des
poignes de direction apparaissent. Elles sont consti
tues de lignes directrices qui se terminent par des points directeurs en forme
de cercles. Langle et la longueur de ces poignes dterminent la forme et la taille
des segments incurvs. Les poignes de direction ne simpriment pas et ne sont
pas visibles lorsque le point dancrage est inactif.
7. Choisissez Slection > Dslectionner.
8. Activez loutil Slection directe ( ) et cliquez sur un
segment entre deux points dancrage pour afficher les
poignes de direction. Cliquez et dplacez lextrmit
dune poigne de direction (voir la figure). En dpla
ant les poignes de direction, vous modifiez la forme
de la courbe.
9. Choisissez Slection > Dslectionner. Gardez le fichier
ouvert pour la section suivante.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

157

Crer une courbe


Vous allez apprendre matriser les poignes de direction afin de contrler les courbes.
Vous utiliserez le plan de travail suprieur pour tracer une forme.
1. Appuyez sur la barre despacement pour activer temporairement loutil Main ( )
et faites glisser vers le bas de faon voir la courbe situe en haut du plan de travail 3.
P Note : Il se

peut que le plan


de travail dfile
lorsque vous faites
glisser le point
dancrage. Sivous
perdez la courbe
de vue, choisissez
Affichage> Zoom
arrire jusqu
ce que vous la
voyiez nouveau,
ainsi que le
point dancrage.
Appuyez
sur la barre
despacement
pour obtenir
temporairement
loutil Main et
repositionner
lillustration.

2. Dans le panneau Outils, activez loutil Plume


( ). Cliquez sur le carr start et faites
glisser le pointeur vers le haut pour crer
une ligne directrice allant dans la mme
direction que larc. Relchez le bouton de
la souris lorsque la ligne directrice arrive
lgrement audessus du point dor.
E Astuce : Si vous faites une erreur pendant que vous
dessinez avec loutil Plume, choisissez dition> Annuler
Plume pour annuler des points.
3. Cliquez sur le point noir sur la droite de
larc et faites glisser le pointeur vers le bas.
Relchez lorsque le pointeur arrive sur le
point dor et que votre trac correspond
larc.
P Note : Plus vous tirez sur la poigne de direction, plus
vous accentuez la courbure du trac.

Si votre trac nest pas exactement align sur le modle, activez loutil Slection directe
( ) et slectionnez les points dancrage lun aprs lautre. Ajustez ensuite les poignes
de direction jusqu ce que votre trac suive plus prcisment le modle.
4. Activez loutil Slection ( ) et cliquez dans une zone vide du plan de travail ou
choisissez Slection > Dslectionner.
En dslectionnant le premier trac, vous pourrez commencer un nouveau trac.
Si le trac est toujours actif lorsque vous cliquez avec loutil Plume, il sera li au
prochain point que vous placerez.
E Astuce : Pour dslectionner des objets, appuyez sur la touche Ctrl (Windows) ou Cmd (MacOS)
pour passer temporairement loutil Slection ou Slection directe, selon le dernier employ, et cliquez
sur une zone vide du plan de travail.
5. Choisissez Fichier > Enregistrer.
Si vous souhaitez continuer vous entraner au trac de courbes, travaillez dans la
zone Practice du mme plan de travail.

158

LEON 5

Dessin avec les outils Plume et Crayon

Tracer une suite de courbes


Puisque vous savez prsent comment tracer quelques courbes, vous allez dessiner
une forme qui en contient plusieurs la suite.
1. Choisissez 4 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document. Activez loutil Zoom ( ) et cliquez
plusieurs reprises dans la moiti suprieure du plan de travail pour en agrandir
laffichage.
2. Dans le panneau Contrle, vrifiez que la couleur de fond est [Sans] ( ) et que la
couleur de contour est Noir. Assurezvous galement que lpaisseur de contour
est toujours 1 pt.
3. Activez loutil Plume ( ). Cliquez sur le carr bleu start et faites glisser vers le
haut dans la direction de larc, en vous arrtant sur le point dor.
4. Positionnez le pointeur sur le point carr
noir situ droite, cliquez et faites glisser
vers le bas jusquau point dor, en ajustant
larc avec la poigne de direction avant de
relcher le bouton de la souris.
P Note : Ne vous inquitez pas si votre trac nest pas

exact. Vous le corrigerez avec loutil Slection directe


( ) lorsquil sera termin.

5. Continuez le long du trac, en alternant les


glissements vers le haut et vers le bas. Placez
des points dancrage uniquement au niveau
des carrs noirs.
Si vous vous trompez en traant, vous pouvez
annuler votre travail en choisissant dition >
Annuler Plume et en recommenant. Si les
lignes directrices ne correspondent pas
exactement celles de la figure, ce nest
pas un problme.
6. Une fois le trac termin, choisissez loutil Slection directe et slectionnez un
point dancrage.
Les poignes de direction apparaissent et vous pouvez rajuster la courbe du
trac si ncesssaire. Lorsquune courbe est slectionne, vous pouvez galement
en changer le contour et le fond. Dans ce cas, la prochaine ligne trace aura les
mmes attributs. Pour de plus amples informations sur ces attributs, consultez la
Leon 6, Couleurs et peinture.
Si vous souhaitez dessiner nouveau la forme pour vous entraner, travaillez dans la
moiti infrieure du mme plan de travail (libelle Practice).
7. Choisissez Fichier > Enregistrer.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

159

Convertir des points dinflexion en sommets


Lors de la cration des courbes, les poignes de direction aident dterminer la forme
et la taille des segments incurvs. La suppression des lignes directrices associes
un point dancrage permet de le convertir en sommet. Dans cette partie de la leon,
vous allez apprendre transformer les points dinflexion en sommets.
1. Choisissez 5 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document.
La partie suprieure du plan de travail contient le trac que vous allez dessiner. Vous
lutiliserez comme modle pour lexercice et travaillerez directement pardessus les
tracs existants. La zone intitule Practice en partie infrieure du plan de travail
vous permettra de poursuivre votre entranement.
2. Utilisez loutil Zoom (

) pour agrandir laffichage du plan de travail suprieur.

3. Dans le panneau Contrle, vrifiez que la couleur de fond est [Sans] ( ) et que la
couleur de contour est Noir. Assurezvous galement que lpaisseur de contour
est toujours fixe 1 pt.
4. Choisissez loutil Plume ( ), appuyez sur la touche Maj, cliquez sur le carr bleu
start et faites glisser vers le haut jusquau point dor. Relchez le bouton de la
souris puis la touche Maj.

P Note : En

appuyant sur
la touche Maj
pendant le
dplacement,
vous contraignez
loutil des
multiples de 45.

5. Cliquez sur le point dancrage noir suivant droite et, toujours avec la touche
Maj appuye, faites glisser le pointeur vers le bas jusquau point rouge. Lorsque la
courbe vous semble correcte, relchez le bouton de la souris puis la touche Maj.
Gardez le trac slectionn.
La courbe doit prsent changer de direction pour crer un autre arc. En coupant les
lignes directrices, vous allez convertir un point dinflexion en un sommet.

E Astuce : Aprs

avoir dessin un
trac, vous pouvez
galement
slectionner
un ou plusieurs
points dancrage
et cliquer, dans le
panneau Contrle,
sur le bouton
Convertir les
points dancrage
slectionns en
angles ( ) ou
Convertir les
points dancrage
slectionns en
arrondis ( ).

160

LEON 5

6. Appuyez sur la touche Alt


(Windows) ou Option (Mac OS)
et placezvous sur le dernier point
dancrage cr ou sur son point
directeur infrieur. Lorsque le
symbole flche (^) apparat sur
le pointeur de loutil Plume ( ),
cliquez et faites glisser vers le haut
jusquau point dor. Relchez le bouton de la souris puis la touche de modification.
Si le symbole flche (^) nest pas visible, vous crez un arc supplmentaire.
P Note : Si vous ne cliquez pas

prcisment sur le point dancrage


ou sur le point directeur lextrmit
de la ligne directrice, une bote
davertissement saffiche. Cliquez sur
OK et essayez de nouveau.

Dessin avec les outils Plume et Crayon

Entranezvous ajuster les poignes de direction avec loutil Slection directe ( )


une fois le trac termin.
7. Positionnez loutil Plume audessus du carr noir suivant (le troisime) du modle
et faites glisser vers le bas jusquau point rouge. Relchez lorsque le trac semble
correct.
8. Appuyez sur la touche Alt (Windows) ou Option (Mac OS) et, aprs que le symbole
flche (^) est apparu, positionnez le pointeur audessus du point dancrage ou le
point directeur et faites glisser vers le point dor. Relchez le bouton de la souris
puis la touche de modification.
Dans le cas du quatrime point, vous ne relcherez pas le bouton de la souris pour
couper les poignes de direction. Faites attention !
9. Pour le quatrime point dancrage,
cliquez sur le carr noir suivant du
trac du modle et faites glisser
vers le bas jusquau point rouge
en faisant en sorte que le trac
semble correct. Ne relchez pas
le bouton de la souris. Appuyez
sur la touche Alt (Windows) ou
Option (Mac OS) et faites glisser
vers le haut jusquau point dor, en prvision de la prochaine courbe. Relchez le
bouton de la souris puis la touche de modification.
10. Poursuivez cette procdure en utilisant la touche Alt (Windows) ou Option (Mac OS)
pour crer les sommets jusqu ce que le trac soit termin.
11. Servezvous de loutil Slection directe pour affiner le trac puis dslectionnez
ce dernier.
Si vous souhaitez dessiner nouveau la forme pour vous entraner, travaillez dans la
moiti infrieure du mme plan de travail (libelle Practice).

Combiner courbes et lignes droites


Bien entendu, dans la ralit, loutil Plume ne vous servira pas crer soit des courbes,
soit des lignes droites. Dans cette section, vous allez apprendre mlanger courbes
et lignes droites.
1. Choisissez 6 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document. Activez loutil Zoom ( ) et cliquez
plusieurs reprises dans la partie suprieure du plan de travail afin dagrandir
laffichage.
2. Avec loutil Plume ( ), cliquez sur le carr bleu start et faites glisser vers le haut.
Relchez le bouton de la souris lorsque le pointeur atteint le point dor.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

161

3. Faites glisser vers le bas partir du deuxime point dancrage et relchez le bou
ton de la souris lorsque le pointeur arrive au point dor et que larc correspond
au modle.
Vous devriez maintenant tre familiaris avec cette mthode de cration dun arc.
Si vous cliquiez sur le prochain point dancrage
noir (ne le faites pas), mme en appuyant sur la
touche Maj de faon crer une ligne droite, le
trac serait incurv. En effet, le dernier point
est un point dancrage dinflexion et il possde
une ligne directrice. La figure cicontre montre
laspect du trac si vous cliquez simplement
avec loutil Plume sur le point suivant.
Vous allez prsent poursuivre le trac par une ligne droite.
4. Positionnez le pointeur audessus du dernier
point cr (notez lapparition du symbole
de flche [ ]) puis cliquez de manire
supprimer la premire ligne directrice du
trac (voir la figure).

5. Appuyez sur la touche Maj et cliquez sur


le point suivant droite pour crer un
segment droit.

6. Pour larc suivant, positionnez le pointeur


audessus du dernier point cr (notez
lapparition du symbole de flche [ ]) et
faites glisser vers le bas partir de ce point
vers le point dor. Vous crez une nouvelle
ligne directrice.
7. Cliquez sur le point suivant et faites glisser
le pointeur vers le haut pour terminer larc.
8. Cliquez sur le dernier point dancrage de larc pour supprimer la ligne directrice.
9. Appuyez sur la touche Maj et cliquez sur le point suivant pour crer un deuxime
segment droit.
10. Cliquez et faites glisser vers le haut partir du dernier point cr pour obtenir une
ligne directrice, puis cliquez et faites glisser vers le bas pour crer le dernier arc.
162

LEON 5

Dessin avec les outils Plume et Crayon

Si vous souhaitez dessiner nouveau la forme pour vous entraner, travaillez dans la
moiti infrieure du mme plan de travail (libelle Practice).
11. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

Cration de la coupe de glace


Dans cette partie de la leon, vous allez raliser le dessin dune coupe de glace. Vous
allez employer les techniques apprises prcdemment et dcouvrirez quelques
mthodes et outils supplmentaires.
1. Choisissez Fichier > Ouvrir et chargez le fichier L5end_2.ai, qui se trouve dans le
dossier Lesson05.
2. Choisissez Affichage > Tout ajuster
la fentre pour voir lillustration
termine. Avec loutil Main ( ),
dplacez lillustration l o vous le
souhaitez. Si vous ne voulez pas la
garder ouverte, choisissez Fichier >
Fermer.
3. Choisissez Fichier > Ouvrir et chargez
le fichier L5start_2.ai, qui se trouve
dans le dossier Lesson05. Choisissez
Affichage > Tout ajuster la fentre.
4. Choisissez Fichier > Enregistrer sous,
nommez le fichier glace.ai et slec
tionnez le dossier Lesson05. Choisissez Adobe Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans le menu Format (Mac OS) et cliquez
sur Enregistrer. Dans la bote de dialogue Options Illustrator, gardez les options
par dfaut et cliquez sur OK.

Dessiner la glace
Pour commencer, vous tracerez la forme dune glace, qui associe des courbes et des
sommets. Prenez votre temps et utilisez les indications fournies pour vous aider lors
de cette opration.
1. Choisissez 1 Ice Cream dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document (si ce plan de travail nest pas
dj activ).
2. Choisissez Affichage > Ajuster le plan de travail la fentre, puis Affichage > Ice
Cream de faon zoomer sur le trac de la glace qui se trouve droite du texte
Flavor of the month.

E Astuce :

Noubliez pas
que vous pouvez
toujours annuler
(dition> Annuler
Plume) un point
que vous avez
trac, pour ensuite
recommencer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

163

3. Dans le panneau Contrle, vrifiez que la couleur de fond est [Sans] ( ) et que la
couleur de contour est Noir. Assurezvous galement que lpaisseur de contour
est toujours 1 pt.
P Note : Pour

tracer cette forme,


vous ntes pas
oblig de partir
du point bleu
(pointA). Avec
loutil Plume, vous
pouvez fixer les
points dancrage
dun trac en
allant dans le sens
des aiguilles dune
montre ou dans le
sens inverse.

4. Activez loutil Plume ( ) et faites glisser


partir du carr bleu (point A) vers le point
rouge de faon fixer le point dancrage
initial et la direction de la premire courbe.

5. Poursuivez en faisant glisser depuis le point


B vers le point rouge de faon crer la
premire courbe.

Le prochain point que vous allez crer sera un point dinflexion converti en sommet.
P Note : Si

vous ralisez
la forme avec
un fond blanc,
certains points
du modle seront
masqus. Vous
pouvez toujours
changer le fond
[Sans] ( ) pour le
trac en cours.

6. Faites glisser depuis le point C


jusquau point rouge, mais ne
relchez pas encore le bouton
de la souris. Lorsque le pointeur
arrive au point rouge, appuyez
sur la touche Alt (Windows) ou
Option (Mac OS) et continuez
faire glisser depuis le point rouge jusquau point dor en dessous. Relchez le
bouton de la souris puis la touche de modification. Les lignes directrices sont
alors coupes.
7. Faites glisser depuis le point D jusquau point rouge (voir la figure). Pendant lop
ration, prtez attention au segment qui relie les points C et D.
8. Cliquez au point E, sans faire glisser, pour crer un sommet dpourvu de lignes
directrices.
Lorsque vous fixez un point dancrage dpourvu de lignes directrices (un sommet),
vous obtenez un point sans courbe.
9. Pour les points F et G, faites glisser depuis chaque point jusquau point rouge de
faon crer les courbes correspondantes.

Cliquer au point E.

164

LEON 5

Dessin avec les outils Plume et Crayon

Crer le point F.

Crer le point G.

10. Faites glisser partir du point


H jusquau point rouge, mais
ne relchez pas le bouton de
la souris. Lorsque le pointeur
arrive au point rouge, appuyez
sur la touche Alt (Windows) ou
Option (Mac OS) et continuez
faire glisser depuis le point rouge
jusquau point dor. Relchez le bouton de la souris puis la touche de modification.
11. Faites glisser partir du point I jusquau
point rouge, appuyez sur la touche Alt
(Windows) ou Option (Mac OS) et conti
nuez faire glisser depuis ce point jusquau
point dor. Relchez le bouton de la souris
puis la touche de modification. Les lignes
directrices sont alors coupes.
Pour le point suivant, J, vous allez crer un point dinflexion, mais vous modifierez
ensuite les lignes directrices de faon indpendante laide de loutil Plume.
12. Commencez faire glisser partir du point J
jusquau point rouge situ droite. Pendant
lopration, maintenez enfonce la touche
Maj de faon contraindre les lignes direc
trices. Prtez attention au segment qui relie
les points I et J. Lorsque le pointeur arrive
au point rouge, relchez le bouton de la
souris puis la touche de modification.
La courbe entre les points I et J semble correcte. Toutefois, la ligne directrice aprs
le point dancrage est trop courte. Elle doit tre allonge pour que la courbe sui
vante puisse avoir la forme approprie. Vous allez modifier cette ligne directrice.
13. Appuyez sur la touche Alt (Windows) ou
Option (Mac OS). Le pointeur devient celui
de loutil Conversion de point dancrage ( ).
Faites glisser le point directeur, lextrmit
de la ligne directrice, partir du point rouge
jusquau point dor de manire allonger
uniquement cette ligne directrice. Lorsque
le pointeur arrive au point dor, relchez le bouton de la souris puis la touche.
E Astuce : Pendant que vous faites glisser le point directeur, vous pouvez appuyer sur la touche Maj
afin que la ligne directrice reste droite.

14. Poursuivez le trac pour le point K, en faisant tout dabord glisser depuis le point
dancrage jusquau point rouge et, tout en appuyant sur la touche Alt (Windows)
ou Option (Mac OS), en faisant glisser depuis ce point jusquau point dor.

P Note : Vous

pouvez aussi
crer le point
de ltape12
et positionner
ensuite loutil
Plume sur le
point dancrage.
Lorsque licne de
flche apparat (^)
sur le pointeur
( ), vous pouvez
faire glisser une
nouvelle poigne
de direction.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

165

Vous allez prsent achever le trac de la glace en le fermant.


15. Positionnez loutil Plume sur le point A,
sans cliquer.
Notez quun petit cercle vide vient safficher
ct de la plume ( ). Il signale que le trac
sera referm lorsque vous aurez cliqu (ne
le faites pas encore).
16. Faites glisser vers le bas et la droite en
direction du point rouge sous le point A.
Lorsque vous faites glisser vers le bas, une
nouvelle ligne directrice apparat audessus
du point. Par cette opration, vous modifiez
la forme du trac. Parfois, lors de la ferme
ture dun trac, il vous faudra retoucher les
lignes directrices du point dancrage de faon indpendante, comme vous lavez
fait prcdemment.
17. Dslectionnez le trac (Ctrl+clic [Windows] ou Cmd+clic [Mac OS] en dehors
du trac) puis choisissez Fichier > Enregistrer.
Ce raccourci permet de dslectionner un trac tout en conservant loutil Plume
actif. Vous pouvez galement choisir Slection > Dslectionner.

Tracer la moiti de la coupe


Lors dun dessin avec loutil Plume, vous aurez parfois crer une illustration symtrique
(lun des cts est le reflet de lautre). Dans cette section, vous dessinerez la moiti de
la coupe de glace. Puisque la coupe doit tre symtrique, vous gagnerez du temps et
obtiendrez une forme parfaitement symtrique lorsque vous raliserez par copie le
symtrique de cette moiti et joindrez les lments.
1. Choisissez 2 Dish dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document. Choisissez Affichage > Ajuster
le plan de travail la fentre (si ncessaire).
P Note : Pour

tracer cette forme,


vous ntes pas
oblig de partir
du point bleu
(pointA). Avec
loutil Plume, vous
pouvez fixer les
points dancrage
dun trac en
allant dans le sens
des aiguilles dune
montre ou dans le
sens inverse.

166

LEON 5

Examinez le modle du trac. Vous voyez une ligne pointille verticale rouge qui
relie les points A et I. Aprs que vous aurez dessin la moiti de la coupe de glace,
vous en ferez une copie, dont vous ferez la symtrie autour de cette ligne rouge.
2. Avec loutil Plume ( ), cliquez sur le carr bleu au point A (sans faire glisser) de
faon dfinir le point dancrage initial.
3. Appuyez sur la touche Maj, cliquez au point
B et faites glisser vers la gauche, en vous
arrtant sur le point rouge. Relchez le
bouton de la souris puis la touche.

Dessin avec les outils Plume et Crayon

4. Appuyez sur la touche Maj et cliquez au point


C de faon aligner les points dancrage
B et C. Relchez la touche Maj aprs que
vous avez cliqu.

5. Faites glisser partir du point D jusquau


point rouge et relchez le bouton de la souris.
Puisque la partie suivante du trac na pas
besoin dune ligne directrice, vous allez
supprimer celle qui vient aprs le point
dancrage.
6. Positionnez le pointeur audessus du point
dancrage D (notez lapparition du symbole
de flche [^] sur le pointeur [ ]) et cliquez de
faon supprimer la seconde ligne directrice
du point dancrage (voir la figure).
7. Commencez faire glisser partir du point
E jusquau point rouge. Pendant lopration,
maintenez la touche Maj enfonce et, lorsque
le pointeur arrive au point rouge, relchez
le bouton de la souris puis la touche de
modification. Vous crez ainsi un point
dancrage avec des poignes contraintes.
8. Cliquez au point F (sans faire glisser) pour crer un sommet sans lignes directrices.
9. Faites glisser partir du point G jusquau point rouge, puis relchez le bouton de
la souris afin dobtenir une lgre courbe.
10. Positionnez le pointeur audessus du point
dancrage G (notez lapparition du symbole
de flche [^] sur le pointeur [ ]) et cliquez de
faon supprimer la seconde ligne directrice
du point dancrage (voir la figure).
11. Tout en appuyant sur la touche Maj, cliquez
au point H de faon crer un sommet sans
lignes directrices qui soit align avec le point G.
12. Commencez faire glisser partir du point I jusquau point rouge. Pendant lop
ration, maintenez la touche Maj enfonce et, lorsque le pointeur arrive au point
rouge, relchez le bouton de la souris puis la touche de modification. Vous crez
ainsi un point dancrage avec des poignes contraintes.
13. Choisissez Slection > Dslectionner.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

167

Vous venez de crer la moiti de la coupe de glace. Ltape suivante consiste sassurer
que le premier et le dernier point dancrage soient aligns verticalement. Vous copierez
ensuite la forme et en ferez le symtrique.

Terminer la coupe
La moiti de la forme est trace. Vous pouvez prsent en crer une copie, produire
son symtrique et joindre les deux moitis afin dobtenir une forme ferme parfaitement
symtrique la coupe. Pour de plus amples informations sur la cration dobjets
symtriques, consultez la Leon 4, Transformation dobjets.
1. Activez loutil Slection directe ( ) et cliquez
sur le dernier point cr (en I). Appuyez sur
la touche Maj et cliquez sur le premier point
de la coupe cr (en A). Vous slectionnez
ainsi ces deux points.
P Note : Si

les options
dalignement
napparaissent
pas dans le
panneau Contrle,
cliquez sur le mot
Alignement
ou choisissez
Fentre>
Alignement de
manire ouvrir
le panneau
Alignement.

2. Dans le panneau Contrle, cliquez sur le


bouton Alignement horizontal au centre ( )
pour aligner les points.
Lalignement des points nest pas indis
pensable pour copier et joindre les deux
moitis, mais cela permet dviter lajout de
points supplmentaires lors de la runion
des deux moitis.
3. Choisissez Slection > Dslectionner.
4. Activez loutil Slection ( ) et slectionnez
lintgralit du trac.
5. Positionnez le pointeur audessus de loutil Rotation (
pour activer loutil Miroir ( ).

), cliquez et maintenez

6. Choisissez Affichage > Repres comments pour les activer.

P Note : La

7. Ouvrez le panneau Calques en cliquant sur son icne


( ). Cliquez sur licne de visibilit ( ) place
gauche du calque template afin den masquer le
contenu. Fermez le panneau Calques en cliquant
sur son onglet.

touche de
modification
dfinit le point de
symtrique de la
forme et ouvre la
bote de dialogue
Miroir afin que la
copie de la forme
se fasse en une
seule tape.

168

LEON 5

8. Positionnez le pointeur audessus du dernier point


dancrage (en I). Lorsque apparat point dancrage,
cliquez tout en appuyant sur la touche Alt (Windows) ou Option (Mac OS).
9. Dans la bote de dialogue Miroir qui souvre, cochez, si ncessaire, la case Vertical,
puis cliquez sur Copier.
10. Activez loutil Slection et choisissez Slection > Tout sur le plan de travail actif
pour slectionner les deux moitis.

Dessin avec les outils Plume et Crayon

11. Appuyez sur Ctrl+J (Windows) ou Cmd+J (Mac OS) pour joindre les deux moitis
et produire un seul trac ferm.
Suite cette action, vous pourriez penser que rien na chang, mais, en ralit, les
deux moitis ont t combines en un seul trac ferm.

Cliquer sur le point avec Alt ou


Option.

Fixer les options de symtrie.

Le rsultat aprs la commande


Joindre.

12. Choisissez Affichage > Repres comments pour les dsactiver.

Modifier des courbes


Dans cette partie de la leon, vous ajusterez les courbes traces en faisant glisser
leurs points dancrage ou leurs poignes de direction. Vous modifierez galement
une courbe en dplaant la ligne.
1. Choisissez 1 Ice Cream dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document.
2. Choisissez Affichage > Ice Cream.
Outre un zoom avant sur le trac de la glace, cette action doit galement afficher
le contenu du calque template, ainsi que les repres utiliss pour sa cration.
3. Activez loutil Slection directe ( ) et cliquez
sur le contour du trac de la glace. Tous les
points dancrage apparaissent.

En cliquant avec loutil Slection directe,


vous affichez les poignes de direction du
segment de ligne slectionn et vous pouvez
ajuster la forme des diffrents segments de la
courbe. Si vous cliquez avec loutil Slection
( ), vous slectionnez la totalit du trac.
4. Cliquez sur le point dancrage (J) situ en
partie suprieure du trac de la glace pour
le slectionner. Faitesle glisser vers le bas
jusqu obtenir le trac illustr.

E Astuce : Vous

pouvez aussi
utiliser les touches
de direction pour
dplacer un point.
En appuyant en
mme temps sur
la touche Maj, le
dplacement se
fait par pas cinq
fois plus grands.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

169

5. Avec loutil Slection directe, tracez un


rectangle de slection sur les points G et
F afin de les slectionner (voir la figure).
Les points deviennent pleins lorsquils sont
slectionns.
6. Ouvrez le panneau Calques en cliquant sur
son icne ( ). Cliquez sur licne de visibilit ( ) gauche du calque template
pour en masquer le contenu. Fermez le panneau Calques en cliquant sur son onglet.

Le contenu du calque tant masqu, vous remarquerez que lorsque plusieurs points
sont slectionns, aucune de leurs poignes de direction nest affiche.
7. Dans le panneau Contrle, cliquez sur
Afficher les poignes des multiples points
dancrage slectionns ( ), droite de
"Poignes", pour afficher les poignes de
direction de tous les points slectionns.

8. Avec loutil Slection directe, faites glisser


le point directeur suprieur (encercl sur
la figure) vers le haut et la gauche afin que
la courbe soit lgrement plus arrondie.
9. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Supprimer et ajouter des points dancrage


En gnral, loutil Plume est utilis pour viter lajout de plus de points dancrage
que ncessaire. Toutefois, vous pouvez rduire la complexit dun trac ou modifier
sa forme globale en supprimant les points inutiles (et donc obtenir un contrle plus
important sur la forme). Vous pouvez galement remodeler un trac en lui ajoutant
des points. Vous allez prsent supprimer et ajouter des points un trac.
1. Dans le panneau Outils, activez loutil Slection ( ).
2. Choisissez Affichage > Ajuster le plan de travail la fentre.
3. Cliquez sur la deuxime cerise en partant
de la droite du plan de travail (indique par
la flche sur la figure). Choisissez dition >
Copier puis dition > Coller.

4. Dplacez la cerise en partie suprieure de la forme de la glace (voir la figure suivante).


5. Choisissez Objet > Disposition > Arrireplan.

170

LEON 5

Dessin avec les outils Plume et Crayon

6. Avec loutil Slection directe ( ), cliquez sur


le contour du trac de la glace.
7. Activez loutil Zoom ( ) et cliquez trois
reprises, lentement, sur la cerise pose sur
la glace afin dagrandir laffichage.
8. Activez loutil Plume ( ) et positionnez le
pointeur audessus du trac de la glace,
droite du point dancrage que vous avez fait
glisser vers le bas. Lorsquun signe plus (+)
apparat ct de loutil Plume ( ), cliquez
afin dajouter un point dancrage au trac.

9. Activez loutil Slection directe et faites


glisser le point vers le haut jusqu recouvrir
lgrement la cerise.
Lobjectif est dobtenir une cerise lgrement
enfonce dans la glace.
Vous allez prsent ajouter un autre point et le repositionner tout en gardant loutil
Plume slectionn.
10. Dans le panneau Outils, activez loutil Plume
et placez le pointeur audessus du trac la
glace, sur le ct gauche de la cerise. Un
signe plus (+) apparat ct du pointeur
de loutil Plume pointer ( ). Cliquez pour
ajouter un point au trac.

11. Appuyez sur la touche Ctrl (Windows) ou


Cmd (Mac OS) pour activer temporairement
loutil Slection directe. Tout en maintenant
la touche enfonce, faites glisser le nouveau
point dancrage vers le haut de faon
recouvrir lgrement la cerise (voir la figure).

P Note : Lorsque

12. Appuyez sur la barre despacement pour


accder temporairement loutil Main ( ). Faites glisser la fentre de document
vers le haut afin de rendre visible le bas du trac de la glace. Relchez la touche.

vous appuyez sur


la touche Ctrl ou
Cmd avec loutil
Plume activ,
le dernier outil
de slection
(Slection ou
Slection directe)
est slectionn
temporairement.

13. Avec loutil Plume toujours slectionn,


ajoutez des points au trac, sur les cts droit
et gauche du point infrieur de la coulure.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

171

E Astuce :

Lorsquun point
dancrage est
slectionn,
vous pouvez
galement cliquer
sur le bouton
Supprimer les
points dancrage
slectionns ( )
dans le panneau
Contrle pour
supprimer le point
dancrage.

14. Positionnez loutil Plume audessus du


point dancrage infrieur de la coulure.
Lorsquun signe moins () apparat ct
du pointeur ( ), cliquez pour supprimer
le point dancrage.
15. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Convertir des points dinflexion en sommets et vice versa


Pour un meilleur contrle sur le trac, vous pouvez convertir des points dinflexion en
sommets et des sommets en points dinflexion. Vous disposez pour cela de plusieurs
mthodes.
1. Choisissez 3 Spoon dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document.
2. Activez loutil Slection directe ( ) et placez
le pointeur audessus du sommet suprieur
gauche du manche de la cuillre. Lorsquun
carr vide avec un point central ( ) appa
rat ct du pointeur, cliquez sur le point
dancrage pour le slectionner.

3. Le point tant slectionn, cliquez sur le


bouton Convertir les points dancrage slec
tionns en arrondis ( ) dans le panneau
Contrle.
P Note : Si

vous ne faites
pas glisser
directement
partir de
lextrmit de la
ligne directrice,
la forme
risque dtre
dslectionne.
Cliquez de
nouveau sur le
point dancrage et
recommencez.

4. Faites glisser vers le centre de la cuillre la


poigne de direction oriente vers le bas.
Il nest pas ncessaire dtre prcis, mais
servezvous de la figure comme rfrence.

5. Rptez les tapes 2 4 pour le point dan


crage suprieur droit du manche de la
cuillre.

Vous allez prsent convertir en sommets plusieurs points, cela en une seule opration.

172

LEON 5

Dessin avec les outils Plume et Crayon

6. Choisissez 2 Dish dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document.
7. Avec loutil Slection directe, faites glisser
sur la partie suprieure du trac de la coupe
afin de slectionner les trois points dancrage
correspondants.
8. Dans le panneau Contrle, cliquez sur le
bouton Convertir les points dancrage slec
tionns en angles ( ). Tous les points sont
convertis en sommets et les lignes directrices sont retires.

Vous allez maintenant convertir des points dancrage laide de loutil Conversion
de point dancrage.
9. Ouvrez le panneau Calques en cliquant sur son icne
( ). Cliquez sur la colonne de visibilit gauche du
calque template afin dafficher son contenu.

10. Positionnez le pointeur sur loutil Plume ( ), cliquez


et maintenez pour slectionner loutil Conversion
de point dancrage ( ). Les outils Ajout de point
dancrage ( ) et Suppression de point dancrage
( ) sont galement prsents dans ce groupe et sont conus spcifiquement pour
ajouter et supprimer des points dancrage.

11. Avec loutil Conversion de point dancrage, cliquez sur les points dancrage D (droit
et gauche), un la fois, pour les convertir en sommets.
12. Positionnez le pointeur audessus du point dancrage C, sur le ct gauche du
trac, cliquez et faites glisser vers le bas. Pendant lopration, appuyez sur la touche
Maj. Faites glisser jusqu ce que le point directeur lextrmit de la poigne de
direction oriente vers le haut atteigne le point B (encercl sur la figure). Relchez
le bouton de la souris puis la touche de modification.
13. Positionnez le pointeur audessus du point dancrage C, sur le ct droit du trac,
cliquez et faites glisser vers le haut. Pendant lopration, appuyez sur la touche
Maj. Faites glisser jusquau point B juste audessus (sur le ct droit). Relchez le
bouton de la souris puis la touche de modification.

P Note : Si vous

ne cliquez pas
directement sur le
point dancrage,
une bote
davertissement
vous signalera
que vous devez
utiliser loutil
sur un point
dancrage dun
trac.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

173

Convertir les points dancrage.

Remodeler le trac.

Remodeler le trac.

14. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Couper avec loutil Ciseaux


)
Plusieurs outils permettent de couper et de diviser des formes. Loutil Ciseaux (
coupe un trac au niveau dun point dancrage ou un segment de ligne. Loutil Cutter
est capable de couper des objets, qui deviennent des tracs ferms.
Vous allez prsent couper le trac de la coupe laide de loutil Ciseaux de faon
changer sa forme.
1. Choisissez Slection > Tout sur le plan de travail actif pour slectionner le trac
de la coupe.
2. Le trac tant slectionn, cliquez et maintenez sur loutil Gomme ( ) dans le
panneau Outils afin de slectionner loutil Ciseaux (
). Positionnez le pointeur
audessus du point E et cliquez pour couper le trac au niveau de ce point dancrage.
Allez sur le ct droit correspondant et cliquez sur le mme point (aidezvous
de la figure).

P Note : Si vous

cliquez avec
loutil Ciseaux
sur le contour
dune forme
ferme, comme
un cercle, le trac
est simplement
coup pour
devenir ouvert
(un trac avec
deux points
dextrmit).

Couper le trac au premier point E.

Couper le trac au second point.

Si vous ne cliquez pas directement sur le trac, une bote davertissement saffichera.
Cliquez alors sur OK et recommencez. Les coupes effectues avec loutil Ciseaux
doivent se faire sur une ligne ou une courbe, non une extrmit. lendroit o
vous cliquez avec loutil Ciseaux, vous voyez safficher un nouveau point dancrage
slectionn.

E Astuce :

3. Choisissez Slection > Dslectionner.

Appuyez sur
Maj et la touche
flche (vers le
haut ou vers le
bas) pour dplacer
lillustration
plusloin.

174

LEON 5

4. Activez loutil Slection ( ) et cliquez sur la partie infrieure du trac de la coupe


pour le slectionner. Appuyez environ six fois sur la touche Flche bas pour dpla
cer la base vers le bas jusqu voir apparatre un petit espace entre les deux tracs.

Dessin avec les outils Plume et Crayon

Slectionner le trac infrieur.

Le dplacer vers le bas.

5. Choisissez Slection > Tout sur le plan de travail actif de faon slectionner les
deux tracs.
6. Appuyez sur Ctrl+J (Windows) ou Cmd+J (Mac OS) une
premire fois puis une seconde fois afin de joindre les deux
tracs ouverts et de former un trac ferm. Il ne doit plus y
avoir despace entre les tracs coups.

Crer une ligne pointille


Les lignes pointilles sont appliques au contour dun objet et peuvent tre ajoutes
un trac ouvert ou ferm. Vous les crez en prcisant une suite de longueurs de
pointills et des distances qui les sparent. Vous allez prsent dessiner un trait et
lui ajouter des pointills.
1. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez deux fois, lentement,
sur le haut du trac de la coupe pour en agrandir laffichage.

2. Activez loutil Trait ( ).


3. Positionnez le pointeur sur le ct gauche
du trac de la coupe, l o se trouve la ligne
pointille rouge horizontale (voir le X rouge
sur la figure). Cliquez et faites glisser vers
la droite, tout en appuyant sur la touche
Maj. Lorsque le pointeur arrive de lautre
ct de la forme, relchez le bouton de la
souris puis la touche de modification. Vous crez une ligne droite.
4. Dans le panneau Contrle, cliquez sur Contour de faon afficher le panneau
Contour. Modifiez les options suivantes :

Graisse : 40 pt ;
Pointill : coche (par dfaut, cela cre un motif rptitif fond sur un tiret de
12 pt et un espace de 12 pt) ;

Premire valeur Tiret : 5 pt (cela cre un motif rptitif fond sur un tiret de
5 pt et un espace de 5 pt) ;

Premire valeur Espace : 3 pt (cela cre un motif rptitif fond sur un tiret
de 5 pt et un espace de 3 pt) ;

Valeur Tiret suivante : 2 pt ;


Valeur Espace suivante : 4 pt.

E Astuce : Sans

les repres
comments
activs, le trait ne
saligne pas sur
les autres formes.
Si votre trait nest
pas parfaitement
align, ce nest
pas un problme.
Vous pourrez
toujours lajuster
ultrieurement.

E Astuce : Le

bouton Conserver
les longueurs de
tiret et despace
avec exactitude
(
) permet
de maintenir
lapparence des
pointills sans
alignement.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

175

Les valeurs sous Pointill doivent tre : 5 pt, 3 pt, 2 pt, 4 pt.

5. Le trait tant slectionn, dans le panneau


Contrle, changez la couleur de contour la
nuance jaune clair nomme cup 65%.
6. Activez loutil Slection ( ) et cliquez sur la
forme de la coupe.

7. Dans le panneau Contrle, changez lpaisseur


de contour 6 pt, la couleur de fond la nuance nomme cup et la couleur de
contour la nuance marron nomme cup stroke.

P Note : Si le

bouton Contour
align sur
lextrieur est
inaccessible, cela
vient sans doute
du fait que le trac
de la coupe nest
pas ferm. Celui-ci
tant slectionn,
choisissez Objet>
Trac> Joindre
et essayez
nouveau.

8. Dans le panneau Contrle, cliquez sur


Contour pour ouvrir le panneau Contour.
Cliquez sur le bouton Contour align sur
lextrieur ( ).

9. Choisissez Slection > Tout sur le plan de


travail actif puis Objet > Associer.

Couper avec loutil Cutter


Dans cette section, vous utiliserez loutil Cutter (
deux tracs ferms.

) pour couper la cuillre et crer

1. Choisissez 3 Spoon dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document.
2. Choisissez Slection > Tout sur le plan de travail actif. Pour employer loutil Cutter,
une illustration doit tre slectionne.

176

LEON 5

Dessin avec les outils Plume et Crayon

3. Cliquez et maintenez sur loutil Ciseaux ( ) pour activer loutil Cutter (


le pointeur ( ) dans la fentre de document.

). Notez

4. Appuyez sur la touche de verrouillage des majuscules pour obtenir un curseur


plus prcis ( ).
Ce curseur prcis sera utile pour les dcoupes laide de loutil Cutter.
5. Positionnez le pointeur sur le ct gauche de
lextrmit infrieure de la cuillre et faites
glisser au travers de la forme selon un arc.
Loutil Cutter permet de couper le contenu
slectionn de faon libre. Lorsque vous
relchez le bouton de la souris, la forme de
la cuillre est coupe en deux tracs ferms.
6. Choisissez dition > Annuler Cutter.
Vous allez prsent effectuer un dcoupage droit avec loutil Cutter.
7. Positionnez le pointeur sur le ct gauche de
lextrmit de la cuillre. Tout en appuyant
sur les touches Alt+Maj (Windows) ou
Option+Maj (Mac OS), faites glisser au
travers de la forme (aidezvous de la figure).
La touche Alt (Windows) ou Option
(Mac OS) permet deffectuer le dcoupage
selon une ligne droite. En appuyant sur Alt+Maj (Windows) ou Option+Maj
(Mac OS), le dcoupage se fait galement en suivant des angles de 45.
8. Choisissez Slection > Dslectionner.
9. Activez loutil Slection ( ) et faites glisser
la partie infrieure de la cuillre vers le
bas. Vous le constatez, elle est prsent
constitue de deux tracs ferms.

10. Choisissez Slection > Tout sur le plan de


travail actif.
11. Les formes de la cuillre tant
slectionnes, choisissez Objet >
Transformation > Rotation. Dans
la bote de dialogue Rotation, fixez
langle 45 et cliquez sur OK.
Vous allez prsent placer la coupe et la
cuillre sur le plan de travail Ice Cream.
12. Choisissez Affichage > Tout ajuster
la fentre.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

177

13. Avec loutil Slection, dplacez les formes de la cuillre sur le trac de la glace (voir
figure cidessous), puis choisissez Objet > Disposition > Premier plan.
14. Faites glisser les lments de la coupe sous le trac de la glace, puis choisissez
Objet > Disposition > Arrireplan (aidezvous de la figure cidessous).

Dplacer la cuillre.

Dplacer la coupe.

15. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.


16. Appuyez sur la touche de verrouillage des majuscules pour la dsactiver.

Ajouter des pointes de flche


Vous pouvez ajouter des pointes aux deux extrmits dun trac ouvert en utilisant le
panneau Contour. Illustrator propose de nombreux styles de pointes de flche, ainsi
que des options pour les modifier.
Vous allez prsent ajouter des pointes de flche un trac.
1. Si ncessaire, ouvrez le panneau Calques en cliquant sur son icne ( ). Cliquez
sur licne de visibilit ( ) place gauche du calque template pour en masquer
le contenu.

2. Vrifiez que le plan de travail 1 Ice Cream est slectionn dans le menu Navigation
dans le plan de travail situ dans le coin infrieur gauche de la fentre de document.
Choisissez Affichage > Ajuster le plan de travail la fentre.
3. Activez loutil Slection ( ) et cliquez sur le segment de ligne noir qui se trouve
sous le texte orange THE MONTH.
P Note : Vous

pouvez galement
modifier les
options de
contour dans le
panneau Contour
(Fentre>
Contour).

4. Ouvrez le panneau Contour en cliquant sur le mot Contour dans le panneau


Contrle. Procdez aux modifications suivantes :

Graisse : 50 pt ;
choisissez Flche 20 dans le menu plac immdiatement droite du mot
Flches de faon ajouter une pointe de flche au dbut de la ligne ;

chelle (sous le champ o vous avez choisi Flche 20) : 30 % ;


choisissez Flche 35 dans le menu plac lextrme droite du mot Flches
de faon ajouter une pointe de flche la fin de la ligne ;

chelle (sous le champ o vous avez choisi Flche 35) : 40 % ;

178

LEON 5

Dessin avec les outils Plume et Crayon

assurezvous que le bouton Positionner la pointe de la flche sur la fin de trac

( ) est activ. Les options dalignement permettent dajuster le trac sur le


dbut ou la fin de la pointe de flche.

Modifier lpaisseur de contour


et la premire pointe de flche.

Modifier la seconde pointe de flche.

5. Dans le panneau Contrle, fixez la couleur de contour la nuance cup strok.

Dessin avec loutil Crayon


Loutil Crayon ( ) permet de raliser des tracs ouverts et ferms comme si vous
dessiniez avec un crayon sur une feuille de papier. Des points dancrage sont crs au
fur et mesure et placs sur le trac l o Illustrator le juge ncessaire. Cependant,
vous pouvez les ajuster une fois le trac termin.
Vous allez tracer quelques lignes sur le trac de la glace, mais vous commencerez par
peindre sa forme.
1. Avec loutil Slection ( ), cliquez sur la forme de la glace. Dans le panneau Contrle,
changez la couleur de fond la nuance rose nomme ice cream et la couleur de
contour la nuance nomme cup stroke.
2. Dans le panneau Contrle, fixez lpaisseur de contour 6 pt.
3. Cliquez sur la plus grande forme de la
cuillre et choisissez Objet > Disposition >
Arrireplan.
Vous comprenez prsent pourquoi nous
avons coup la cuillre avec loutil Cutter.
4. Choisissez Slection > Dslectionner.
Vous allez maintenant dessiner avec loutil
Crayon.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

179

E Astuce : Plus la
valeur de Fidlit
est leve, plus la
distance entre les
points dancrage
est grande et plus
le nombre de
points dancrage
crs est rduit.
Lorsque les points
dancrage sont
moins nombreux,
le trac peut tre
plus lisse et moins
complexe.

croix ( ) apparat
la place de
licne de loutil
Crayon ( ),
cela signifie que
la touche de
verrouillage
des majuscules
est active.
Elle change les
pointeurs des
outils en croix
pour augmenter
la prcision.

E Astuce : Pour

effectuer un
nouveau trac
ct de celui
dorigine sans
modifier celui-ci,
double-cliquez
sur loutil Crayon
afin douvrir la
bote de dialogue
Options de
loutil Crayon et
dcochez la case
Modifier les tracs
slectionns.

coulure disparat
aprs que vous
lavez cre,
slectionnez-la et
choisissez Objet>
Disposition>
Premier plan.

180

LEON 5

6. Avec loutil Crayon, cliquez sur la


couleur de contour dans le panneau
Contrle et choisissez la nuance ice
cream dark. Ensuite, fixez la couleur de fond [Sans] ( ), si ncessaire.
7. Dans le panneau Contrle, fixez lpaisseur de contour 8 pt.

P Note : Si une

P Note : Si la

5. Dans le panneau Outils, doublecliquez


sur loutil Crayon ( ). Dans la bote
de dialogue Options de loutil Crayon,
dplacez le curseur Lissage vers la
droite, jusqu la valeur 90 %. Cela
permet de rduire le nombre de points
du trac ralis avec loutil Crayon et
de le rendre plus lisse. Cliquez sur OK.

8. Activez loutil Zoom ( ) et cliquez plusieurs reprises, lentement, sur la forme


rose de la glace afin den agrandir laffichage.
9. Activez loutil Crayon et positionnez le
pointeur lintrieur de la forme de la glace,
prs de la petite forme de la cuillre (au
niveau du X rouge dans la figure). Lorsque
vous voyez apparatre un astrisque la
droite du pointeur de loutil Crayon ( ),
faites glisser pour crer un arc autour de
lextrmit de la forme de la cuillre.

Lastrisque qui apparat ct du pointeur indique que vous allez raliser un nouveau
trac. Si vous ne le voyez pas, cela signifie que vous allez redessiner une forme proche
du pointeur. Notez que, pendant que vous dessinez, le trac peut ne pas vous sembler
parfaitement lisse. Lorsque vous relchez le bouton de la souris, il est liss en fonction
de la valeur donne prcdemment Lissage dans la bote de dialogue Options de
loutil Crayon.
10. Positionnez le pointeur en dessous de la
coulure du trac de la glace. Commencez
dessiner une forme de coulure tout en
appuyant sur la touche Alt (Windows) ou
Option (Mac OS). Le pointeur est accom
pagn dun petit cercle ( ) pour indiquer
que vous crez un trac ferm. Lorsque la
forme de la coulure vous convient, relchez le bouton de la souris, mais restez
appuy sur la touche Alt ou Option jusqu ce que le trac soit ferm. Les points
dancrage de dbut et de fin sont relis par une ligne aussi courte que possible.

Dessin avec les outils Plume et Crayon

11. Le nouveau trac ferm tant slectionn,


appuyez sur la touche I pour activer loutil
Pipette ( ). Cliquez sur le trac de la glace
pour chantillonner le contour et le fond, et
lappliquer la forme de la nouvelle coulure.
Gardez celleci slectionne.

Modifier un trac avec loutil Crayon


Il est galement possible de modifier tout type de trac laide de loutil Crayon et
dajouter des traits et des formes main leve nimporte quelle forme. Vous allez
maintenant modifier la coulure laide de loutil Crayon.
1. La coulure tant slectionne, doublecliquez sur loutil Crayon ( ). Dans la bote
de dialogue qui saffiche, cliquez sur Rinitialiser. Vrifiez que Fidlit est 10 et
fixez Lissage 30 %. Assurezvous que loption Modifier les tracs slectionns
est coche (ce point est important pour les tapes suivantes). Cliquez sur OK.
2. Positionnez loutil Crayon sur le trac de
la coulure et notez que lastrisque (*) nest
plus affich sur le pointeur. Cela signifie que
vous allez redessiner le trac slectionn.
Essayez de revoir la forme de la coulure.

E Astuce : Si

vous redessinez
lintgralit de la
coulure au lieu
de la modifier,
effectuez un zoom
avant sur le trac.

3. Choisissez Affichage > Ajuster le plan de


travail la fentre.
4. Choisissez Fichier > Enregistrer puis
Fichier > Fermer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

181

Questions de rvision
1. Expliquez comment tracer une ligne verticale, horizontale ou diagonale laide de
loutil Plume ( ).
2. Comment traceton une courbe avec loutil Plume ?
3. Comment traceton un sommet sur une courbe ?
4. Donnez deux manires de transformer un point dinflexion sur une courbe en sommet.
5. Quel outil fautil employer pour modifier un segment dune courbe ?
6. Comment modifieton le comportement de loutil Crayon ( ) ?

Rponses
1. Pour tracer une ligne droite, on clique deux fois avec loutil Plume ( ). Le premier
clic dfinit le point dancrage de dpart et le second, le point dancrage de lextr
mit de la ligne. Pour contraindre une ligne tre verticale, horizontale ou incline
45, il faut appuyer sur la touche Maj au moment de cliquer avec loutil Plume.
2. Il faut cliquer avec loutil Plume pour crer le point dancrage de dpart, faire glisser
pour dfinir la direction de la courbe et cliquer de nouveau pour terminer la courbe.
3. Il faut appuyer sur la touche Alt (Windows) ou Option (Mac OS) tout en faisant
glisser la poigne de direction place sur lextrmit de la courbe pour modifier la
direction du trac. On continue ensuite faire glisser le pointeur pour tracer larc
de cercle suivant.
4. a) Avec loutil Slection directe ( ) : slectionner le point dancrage puis, avec loutil
Conversion de point dancrage ( ), faire glisser une poigne de direction et modifier
ainsi la direction ; b) choisir un ou plusieurs points avec loutil Slection directe
et cliquer sur le bouton Convertir les points dancrage slectionns en angles ( )
dans le panneau Contrle.
5. Loutil Slection directe avec lequel on fait glisser le segment, pour le dplacer,
ou on fait glisser une poigne de direction du point dancrage, pour en ajuster la
longueur et la forme.
6. Il faut ouvrir la bote de dialogue Options de loutil Crayon (dun doubleclic sur
loutil), pour y modifier, entre autres, les paramtres de fidlit et de lissage.

182

LEON 5

Dessin avec les outils Plume et Crayon

Pimentez vos illustrations de couleurs en tirant parti des


nouvelles fonctionnalits de couleurs dIllustratorCC. Cette
leon vous montrera, entre autres, comment crer et peindre
des fonds et des contours, utiliser le panneau Guide des couleurs
comme source dinspiration, employer les groupes de couleurs,
redfinir les couleurs dune illustration et crer des motifs.

COULEURS ET PEINTURE
Au cours de cette leon, vous apprendrez :
manier les modes colorimtriques et les contrles de couleur ;
crer, modifier et peindre avec les couleurs selon plusieurs mthodes ;
nommer et enregistrer des couleurs, crer une palette de couleurs ;
exploiter les groupes de couleurs ;
utiliser le panneau Guide des couleurs et les fonctionnalits Modifier les
couleurs/Redfinir les couleurs de lillustration ;

copier des attributs de peinture et daspect dun objet un autre ;


crer des motifs et les utiliser pour peindre ;
utiliser la fonction Peinture dynamique.
Cette leon vous prendra environ une heure et demie.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Cette leon dvoile les principes fondamentaux des couleurs, de leur cration et de
leur modification sur le panneau dun parc et un logo. Vous vous servirez des pan
neaux Couleur et Nuancier.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

P Note : Si vous
ne voyez pas
Rinitialiser Les
indispensables
dans le menu
de lespace de
travail, choisissez
Fentre> Espace
de travail> Les
indispensables
avant de
slectionner
Fentre> Espace
de travail>
Rinitialiser Les
indispensables.

186

LEON 6

3. Choisissez Fichier > Ouvrir. Slectionnez le fichier


L6end.ai, qui se trouve dans le dossier Lesson06
sur votre disque dur. Il correspond la version
finale du panneau dun parc que vous allez peindre.
4. Choisissez Affichage > Tout ajuster la fentre.
Gardez le fichier L6end.ai ouvert pour rfrence.

5. Choisissez Fichier > Ouvrir. Slectionnez le fichier


L6start.ai, qui se trouve dans le dossier Lesson06
sur votre disque dur. Ce fichier contient dj tous
les lments, que vous allez simplement peindre.
6. Choisissez Fichier > Enregistrer sous, nommez le
fichier panneau-parc.ai et slectionnez le dossier
Lesson06. Laissez Adobe Illustrator (*.AI) dans le
menu Type (Windows) ou Adobe Illustrator (ai)
dans le menu Format (Mac OS) puis cliquez sur
Enregistrer. Dans la bote de dialogue Options Illustrator, gardez les options par
dfaut et cliquez sur OK.
7. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.

propos de la couleur
Dans Adobe Illustrator CC, il existe de nombreuses manires de tester et dappliquer
des couleurs. Lorsque vous manipulez la couleur, pensez toujours au support final de
publication de lillustration (par exemple impression ou Web) pour employer le bon
modle et les bonnes dfinitions de couleurs. Vous allez commencer par tudier les
modes colorimtriques.

Couleurs et peinture

Modes colorimtriques
Avant de commencer une nouvelle illustration, vous devez dterminer son mode
colorimtrique, cestdire des couleurs CMJN ou RVB :

CMJN. Cyan, magenta, jaune et noir sont les couleurs utilises pour les impressions

en quadrichromie. Elles sont combines et superposes pour crer ce qui apparat


comme une multitude dautres couleurs. Slectionnez ce mode pour les impressions.

RVB. Rouge, vert et bleu sont des couleurs combines entre elles de diffrentes
manires pour crer une table de couleurs. Slectionnez ce mode si les images
sont destines un affichage sur cran ou sur Internet.

Lors de la cration dun nouveau document (Fichier > Nouveau), vous slectionnez
un mode en choisissant le profil de document appropri, comme Impression, qui opte
pour le mode CMJN. Pour changer de mode colorimtrique, cliquez sur la flche qui
se trouve gauche de lintitul Avances puis slectionnez le mode.

E Astuce : Pour

de plus amples
informations
sur la couleur
et les images,
recherchez
propos de la
couleur dans
lAide dIllustrator
(Aide> Aide
dIllustrator).

Lorsquun mode de couleur est slectionn, les panneaux correspondants sont ouverts
et affichent les couleurs dans ce mode. Vous pouvez changer le mode de couleur dun
document aprs la cration du fichier : il suffit de choisir Fichier > Mode colorimtrique
du document puis de slectionner Couleurs CMJN ou Couleurs RVB dans le menu.

Les contrles de couleur


Au cours de cette leon, vous dcouvrirez les mthodes traditionnelles pour colorer
des objets dans Illustrator. Cela consiste les peindre avec des couleurs et des motifs
laide de diffrents panneaux et outils, notamment les panneaux Contrle, Couleur,
Nuancier, Guide des couleurs, Slecteur de couleurs et les boutons de peinture du
panneau Outils.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

187

Vous commencerez par explorer une illustration termine et dj peinte. Vous


dcouvrirez ensuite les options les plus employes lors de la cration et de lapplication
dune couleur.
1. Cliquez sur longlet du document L6end.ai situ dans la partie suprieure de la
fentre de document.
2. Choisissez 1 dans le menu Navigation dans le plan de travail, qui se trouve dans
le coin infrieur gauche de la fentre de document, puis choisissez Affichage >
Ajuster le plan de travail la fentre.
3. Activez loutil Slection ( ) puis cliquez sur la grande forme marron clair du panneau.
P Note : En

fonction de la
rsolution de
lcran, votre
panneau Outils
peut tre sur une
ou deux colonnes.

Dans Illustrator, les objets peuvent avoir un fond, un contour ou les deux. Au bas
du panneau Outils, notez les cases Fond et Contour. La case Fond est de la couleur
marron de lobjet slectionn. La case Contour est fixe [Sans]. Cliquez sur la case
Contour, puis sur la case Fond (assurezvous que celleci soit slectionne en der
nier). Vous remarquerez que la case sur laquelle vous cliquez apparat au premier
plan. Lorsquune couleur est slectionne, elle est applique au fond ou au contour
de lobjet slectionn, en fonction de la case au premier plan.
A
B
C

A. Bouton Fond et
contour par dfaut

D. Bouton Permuter
le fond et le contour

B. Case Fond

E. Case Contour

C. Bouton Couleur

F. Bouton Sans

G. Bouton Dgrad

4. Cliquez sur licne du panneau Couleur ( ) sur la droite de lespace de travail.


Si ncessaire, cliquez sur la double flche place gauche du mot Couleur dans
longlet du panneau pour dvelopper celuici.

E Astuce : Dans

le panneau
Couleur, appuyez
sur la touche
Maj et cliquez
sur le spectre de
couleurs pour
basculer entre les
diffrents modes
colorimtriques,
comme CMJN et
RVB. Vous pouvez
galement cliquer
sur licne de
menu du panneau
( ) et choisir
unmode.

188

LEON 6

Le panneau Couleur affiche la couleur en cours pour le fond et le contour. Ses


curseurs CMJN indiquent les pourcentages de cyan, magenta, jaune et noir. Au
bas de ce panneau se trouve la barre du spectre de couleurs, qui vous permet de
slectionner rapidement et visuellement une couleur de fond ou de contour.
A
B
C

E
F

A. Bouton Fond et
contour par dfaut
B. Case Fond
C. Case Contour
D. Case Sans

D
G

E. Valeur de couleur

F. Curseur de couleur
G. Barre du spectre
de couleurs
H. Dplacer pour
agrandir le spectre
de couleurs

5. Cliquez sur licne du panneau Nuancier (

) sur la droite de lespace de travail.

Vous pouvez y nommer et y enregistrer des couleurs, des dgrads et des motifs
sous forme de nuances afin dy accder et de les modifier ultrieurement. Les
nuances sont prsentes dans lordre dans lequel elles sont cres, mais vous

Couleurs et peinture

avez la possibilit de les rorganiser et de les regrouper selon vos besoins. Tous
les documents disposent dun jeu de nuances initial, mais toutes les couleurs du
panneau Nuancier sont disponibles uniquement dans le document courant (par
dfaut), car chaque document peut dfinir ses propres nuances.

A. Nuance

E. Options de nuances

B. Groupe de couleurs

F. Nouveau groupe de
couleurs

C. Menu Bibliothque
de nuances

D. Afficher le menu de
types de nuances

C
D

G. Nouvelle nuance
H. Supprimer la
nuance

G H

6. Cliquez sur licne du panneau Guide des couleurs ( ) sur la droite de lespace
de travail. Cliquez sur la nuance marron place dans le coin suprieur gauche
du panneau afin de fixer la couleur de base (marque A dans la figure ciaprs).
Le panneau Guide des couleurs peut vous aider trouver les couleurs appropries
lors du dessin dune illustration. Que ce soit en partant de la couleur actuelle dans
la case Fond ou en utilisant une bibliothque de couleurs existante, il peut vous
aider trouver des teintes de couleur, des couleurs analogues, etc. Ces couleurs
peuvent ensuite tre appliques directement lillustration selon diffrentes
mthodes, enregistres sous forme de nuances ou dans des groupes, ou modifies
laide de la fonctionnalit Modifier les couleurs.
A. Dfinir la couleur
de base sur la
D couleur actuelle

B. Nuances de
couleurs

C
E

C. Limiter le groupe
de couleurs aux
couleurs dune
bibliothque de
nuances

D. Menu Rgles
dharmonie et
groupe de couleurs
actif
E. Modifier ou
appliquer les
couleurs

P Note : Les

couleurs
prsentes dans
votre panneau
peuvent tre
diffrentes. Ce
nest pas gnant.

F. Enregistrer le
groupe de couleurs
dans le panneau
Nuancier

7. Cliquez sur licne du panneau Couleur ( ). Avec loutil Slection, cliquez sur
diffrentes formes du document L6end.ai pour voir leurs attributs de peinture
safficher dans le panneau.

8. Gardez le fichier L6end.ai ouvert pour rfrence ou choisissez Fichier > Fermer
pour le fermer, sans lenregistrer.

Manipulation des couleurs


Vous le verrez dans cette section, il existe dans Illustrator de nombreuses manires
dobtenir la couleur dont vous avez besoin. Vous commencerez par appliquer une
couleur existante une forme, puis vous dcouvrirez les techniques les plus rpandues
pour crer et appliquer une couleur.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

189

P Note : Tout au long de cette leon, vous travaillerez sur un document dont le mode colorimtrique
a t fix CMJN au moment de sa cration. Autrement dit, la majorit des couleurs cres sera par
dfaut compose dun pourcentage de cyan, de magenta, de jaune et de noir.

Appliquer une couleur existante


Nous lavons mentionn prcdemment, tout nouveau document dispose dun jeu par
dfaut de couleurs que vous pouvez employer dans lillustration. Elles sont disponibles
sous forme de nuances dans le panneau Nuancier. La premire faon dutiliser les
couleurs consiste peindre une forme avec une couleur existante.
1. Si vous navez pas ferm le document L6end.ai, cliquez sur longlet du document
panneauparc.ai en partie suprieure de la fentre de document.
2. Choisissez 1 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document (sil nest pas dj actif ), puis choisissez
Affichage > Ajuster le plan de travail la fentre.
3. Avec loutil Slection ( ), cliquez sur la grande forme rouge.
4. Dans le panneau Contrle, cliquez sur la couleur Fond. Le panneau Nuancier
apparat. Appliquez la nuance nomme sign bg. Positionnez le pointeur audessus
dune nuance dans le panneau de faon afficher une infobulle qui indique son
nom. Appuyez sur la touche chap pour masquer le panneau Nuancier.

Le panneau Contrle donne accs aux options de couleur Fond et Contour. En


slectionnant une illustration et en cliquant sur lune de ces options, vous indiquez
la partie de lobjet que vous souhaitez peindre (le contour ou le fond).
5. Choisissez Slection > Dslectionner pour tre certain que la slection est vide.

Dfinir et enregistrer une couleur


un moment donn, vous aurez besoin de crer une couleur personnelle. Dans cette
section, vous allez crer une couleur laide du panneau Couleur puis lenregistrerez
en tant que nuance dans le panneau Nuancier.
1. Avec loutil Slection ( ), cliquez sur la barre blanche qui se trouve audessus de
la barre verte place au milieu du plan de travail.

190

LEON 6

Couleurs et peinture

2. Si le panneau Couleur nest pas visible, cliquez sur son icne ( ). Cliquez sur
licne de menu de ce panneau (
), choisissez le mode CMJN (sil nest pas dj
slectionn) et choisissez Afficher les options (si ncessaire).
3. Dans le panneau Couleur, cliquez sur la case Fond (si elle nest pas dj slectionne)
afin que la couleur sapplique au fond de la forme slectionne. Agrandissez le
panneau Couleur pour quune partie plus importante du spectre de couleurs soit
affiche. Cliquez dans la partie vert clair du spectre de couleurs afin dappliquer
cette couleur au fond.

Si un objet est slectionn lorsque vous crez une couleur dans le panneau
Couleur, celleci lui est applique automatiquement. Vous pouvez galement
crer une couleur dans le panneau Couleur sans quaucun objet soit slectionn
et lappliquer ultrieurement.
4. Dans les champs CMJN, saisissez les valeurs suivantes :
C=42, M=0, J=62, N=0. De cette manire, nous sommes
certains dutiliser la mme couleur vert clair.

E Astuce : Les

valeurs CMJN sont


des pourcentages.

Vous venez de crer une couleur. Vous pouvez lenregistrer


en tant que nuance dans le panneau Nuancier de faon
la modifier ou lappliquer ailleurs.
5. Cliquez sur licne du panneau Nuancier ( ),
puis sur le bouton Nouvelle nuance ( ) au bas
du panneau afin de crer une nuance partir
de la couleur que vous venez de dfinir. Dans
la bote de dialogue Nouvelle nuance, nommez
la couleur vert clair, gardez les autres options
par dfaut et cliquez sur OK.

E Astuce :

Nommer une
nuance peut se
rvler complexe.
Vous pouvez
choisir son nom
en fonction, par
exemple, de ses
composantes
(C=45, ...), de
son aspect (vert
clair) ou de son
utilisation (titre1).

Notez que la nouvelle nuance vert clair est mise


en exergue dans le panneau Nuancier (elle est
entoure de blanc). En effet, elle est applique la
forme slectionne.
6. Avec loutil Slection, cliquez sur le troisime arbre blanc en partant de la gauche,
en haut du panneau (voir la figure).
7. Cliquez sur la case Fond au bas du panneau Outils afin dtre certain de modifier
le fond, non le contour, de larbre.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

191

8. Appliquez la nuance vert clair en la slectionnant dans le panneau Nuancier.

Slectionner larbre.

Activer la
case Fond.

Appliquer la nuance.

Lors de lapplication dune nuance partir du panneau Nuancier, il est important


de toujours slectionner la case Fond ou Contour dans le panneau Outils (ou le
panneau Couleur) afin que lopration concerne la partie approprie.
E Astuce : Vous

devez prsent
y tre habitu,
mais rappelons
quil faut masquer
le panneau
Nuancier pour
choisir Slection>
Dslectionner.

9. Dans le panneau Contrle, fixez la couleur de contour [Sans] (


supprimer le contour.

) de manire

10. Choisissez Slection > Dslectionner.

Copier une nuance


Vous allez prsent crer une autre nuance en copiant et en modifiant celle dfinie
prcdemment.
1. Au bas du panneau Nuancier, cliquez sur le bouton Nouvelle nuance ( ).
En cliquant sur ce bouton, vous crez une nuance partir de la couleur de fond
ou de contour, selon celle qui est active au bas du panneau Outils.

P Note : Si la

forme de larbre
tait toujours
slectionne, son
fond prendrait la
nouvelle couleur.

2. Dans la bote de dialogue Nouvelle nuance,


changez le nom orange et les valeurs C=15,
M=45, J=70, N=0. Le menu Mode vous permet
de changer le mode colorimtrique dune couleur
prcise. Vous avez le choix entre RVB, CMJN,
Niveaux de gris et dautres. Cliquez sur OK.
3. Avec loutil Slection ( ), cliquez sur la barre
blanche qui se trouve audessus de celle de
couleur vert clair. Dans le panneau Contrle,
choisissez la couleur Fond et cliquez sur la
nuance nomme orange.

192

LEON 6

Couleurs et peinture

Modifier une nuance


Aprs avoir cr une couleur et lavoir enregistre dans le panneau Nuancier, vous avez
la possibilit de la modifier. Cest ce que vous allez faire prsent avec la nuance sign bg.
1. Avec loutil Slection ( ), cliquez sur la grande forme marron du panneau dont
vous avez prcdemment chang la couleur.
2. Vrifiez que la case Fond est slectionne au bas du panneau Outils (elle se trouve
devant la case Contour).
3. La forme tant slectionne, double
cliquez sur la nuance sign bg dans le pan
neau Nuancier. Dans la bote de dialogue
Options de nuance, changez la valeur de
N 0. Cochez Aperu pour visualiser la
modification puis cliquez sur OK.
Lorsque vous modifiez une nuance que
vous avez cre, les objets auxquels elle
est applique doivent tre slectionns pour que la modification les affecte.

Crer et modifier une couleur globale


Vous allez maintenant crer une couleur et en faire une couleur globale. La modifi
cation dune couleur globale est automatiquement propage lillustration, que les
objets qui lutilisent soient slectionns ou non.
1. Avec loutil Slection ( ), cliquez sur la barre blanche audessus de la barre orange.
2. Au bas du panneau Nuancier, cliquez sur le
bouton Nouvelle nuance ( ). Dans la bote de
dialogue Nouvelle nuance, modifiez les options
suivantes puis cliquez sur OK :

Nom de la nuance : bleu vert ;


Globale : coche ;
Valeurs CMJN : C=91, M=49, J=49, N=0.
Dans le panneau Nuancier, notez que la nouvelle
nuance se trouve dans la premire range des
couleurs, droite de la nuance blanche. Lorsque
vous avez slectionn la forme, son fond tait
blanc et la nuance correspondante a donc t slectionne dans le panneau.
Lorsque vous avez cliqu sur le bouton Nouvelle nuance, la nuance slectionne
a t duplique et la copie a t place ct de loriginal.
3. Faites glisser la nuance bleu vert droite de la nuance
orange pour les garder ensemble.
Le triangle blanc qui apparat dans le coin infrieur droit
de la nuance indique quil sagit dune couleur globale.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

193

4. Avec loutil Slection, cliquez sur le deuxime arbre blanc en partant de la gauche
et appliquezlui la nouvelle nuance bleu vert (vrifiez que la case Fond est active
au bas du panneau Outils).

5. Dans le panneau Contrle, fixez lpaisseur du contour 0, soit en saisissant cette


valeur, soit en cliquant sur la flche vers le bas.
6. Choisissez Slection > Dslectionner.
Vous allez prsent dcouvrir lintrt dune couleur globale.
7. Dans le panneau Nuancier, doublecliquez sur la nuance bleu vert. Dans la bote
de dialogue Nouvelle nuance, fixez N 24, cochez Aperu et cliquez sur OK.

Toutes les formes laquelle la couleur globale est applique sont actualises, mme
si elles ne sont pas slectionnes.
P Note : Vous pouvez convertir en couleur globale une nuance existante mais cela demande des
efforts supplmentaires. Vous devez slectionner toutes les formes laquelle cette nuance est applique
avant de la rendre globale. Vous pouvez galement rendre la nuance globale et la rappliquer ensuite
aux diffrentes formes.

8. Choisissez Fichier > Enregistrer.

Le slecteur de couleurs
Avec le slecteur de couleurs, vous pouvez slectionner une couleur dans un champ
de couleur et un spectre en dfinissant les couleurs de manire numrique ou en
cliquant sur une nuance.
Vous allez crer une couleur laide du slecteur de couleurs puis lenregistrer en tant
que nuance dans le panneau Nuancier.
1. Avec loutil Slection ( ), cliquez sur la barre blanche situe en partie infrieure
du panneau du parc.

194

LEON 6

Couleurs et peinture

2. Ouvrez le slecteur de couleurs en doublecliquant sur la case Fond au bas du


panneau Outils.

E Astuce :

Double-cliquez
sur la case
Fond ou la case
Contour dans le
panneau Couleur
pour accder
au slecteur de
couleurs.

Dans la bote de dialogue Slecteur de couleurs, le plus grand champ de couleur (libell
A sur la figure) affiche la saturation (horizontalement) et la luminosit (verticalement).
La barre du spectre des couleurs (libell B sur la figure) affiche la teinte.
3. Dans la bote de dialogue Slecteur de couleurs, cliquez et faites glisser vers le haut
et vers le bas dans le spectre des couleurs de faon modifier la couleur. Faites en
sorte que les triangles se trouvent dans une teinte orange/marron.
4. Cliquez et faites glisser dans le champ de couleur. En allant de gauche droite,
vous ajustez la saturation. En allant de haut en bas, vous ajustez la luminosit. La
couleur cre lorsque vous cliquez sur OK (ne le faites pas encore) apparat dans
le rectangle Nouvelle nuance (libell C sur la figure).
C

E Astuce : Vous

pouvez aussi
changer le spectre
des couleurs
affich en
slectionnant T, S,
L, R, V ou B.

A
B

5. Dans les champs CMJN, fixez les valeurs C=40, M=65, J=90 et N=33. Cliquez
sur OK.
P Note : Dans le slecteur de couleurs, le bouton Nuanciers affiche les nuances du panneau Nuancier

et les catalogues de couleurs par dfaut (les nuances fournies avec Illustrator). Il vous permet den
slectionner une. Revenez ensuite aux modles de couleurs en cliquant sur le bouton Modles et, si
ncessaire, modifiez les valeurs de la nuance choisie.

Vous allez prsent enregistrer sous forme de nuance la couleur marron qui a t
applique la barre.
6. Au bas du panneau Outils, vrifiez que la case Fond est slectionne.
7. Au bas du panneau Nuancier, cliquez sur le bouton Nouvelle nuance ( ) et, dans
la bote de dialogue Nouvelle nuance, nommez la couleur marron fonc. Cochez

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

195

Globale puis cliquez sur OK pour voir la couleur apparatre en tant que nuance
dans le panneau Nuancier.
8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Les bibliothques de nuances


Les bibliothques de nuances sont des catalogues de couleurs prdfinies, comme
PANTONE ou TOYO, ou des bibliothques thmatiques, comme Minrales et
Crme glace. Elles saffichent sous forme de panneaux spars et ne peuvent pas
tre modifies. Lorsque vous appliquez une illustration une couleur tire dune
bibliothque, cette couleur devient une nuance enregistre dans le panneau Nuancier
du document de lillustration. Les bibliothques constituent un bon point de dpart
pour la cration de couleurs.
Vous allez crer une couleur de tons directs partir dune bibliothque Pantone Plus.
Elle sera applique un logo. Cette couleur peut tre dfinie chaude, fonce ou claire.
Cest pour cela que les fabricants dimprimantes et les designers sappuient sur un
systme de correspondance de couleurs, comme le systme PANTONE, pour faci
liter la cohrence des couleurs et offrir, dans certains cas, une plus grande diversit
de couleurs.
P Note : Il est parfois commode dutiliser les couleurs de tons directs et les couleurs quadrichromiques

dans la mme illustration. Par exemple, vous pouvez employer une couleur de tons directs pour imprimer
le logo de la socit dans cette couleur prcise sur les pages dun rapport annuel qui reproduisent des
photos en quadrichromie. Vous pouvez galement utiliser une couleur de tons directs de manire
appliquer un vernis sur des zones dune illustration en quadrichromie. Dans les deux cas, limpression se
fondera sur cinq encres: quatre pour les couleurs quadrichromiques et une pour celle de tons directs.

Couleur de tons directs et


couleur quadrichromique
Les couleurs de tons directs et les couleurs quadrichromiques correspondent aux deux
principaux types dencres employs en impression commerciale.

196

LEON 6

Une couleur quadrichromique est imprime laide dune combinaison des quatre
encres quadri standard: cyan, magenta, jaune et noir (CMJN).

Un ton direct est une encre spciale prmlange, employe la place ou en


complment dencres quadrichromiques et qui ncessite sa propre plaque
dimpression sur une presse.

Couleurs et peinture

Crer une couleur de tons directs


Vous allez apprendre charger une bibliothque de couleurs, comme le systme
PANTONE, et ajouter une couleur PANTONE (PMS, Pantone Matching System)
au panneau Nuancier.
1. Au bas du panneau Nuancier, cliquez sur le bouton Menu Bibliothque de nuances
( ). Choisissez Catalogues de couleurs > PANTONE+ Solid Coated.

La bibliothque correspondante apparat dans son propre panneau.


2. Saisissez la valeur 755 dans le champ Rechercher. Pendant la saisie, un filtre est
appliqu la liste, qui prsente un jeu de nuances de plus en plus rduit. Saisissez
un autre 5 afin que le champ de recherche affiche 7555. Cliquez sur la nuance
propose sous le champ pour lajouter au panneau Nuancier. Cliquez sur la croix
droite du champ de recherche afin darrter le filtrage. Fermez le panneau
PANTONE+ Solid Coated.

Ouvrir la bibliothque
de couleurs.

Filtrer la liste des couleurs.

Slectionner la nuance.

P Note : Lorsque vous quittez Illustrator puis que vous louvrez de nouveau, il est possible que le

panneau de la bibliothque PANTONE soit ferm. Pour quil souvre automatiquement au lancement
dIllustrator, cochez Permanente dans le menu du panneau PANTONE+ Solid Coated.

3. Choisissez 2 Artboard 2 dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document.
4. Avec loutil Slection ( ), cliquez sur la pre
mire forme darbre au fond blanc, en partant
de la gauche. Dans le panneau Contrle,
partir de la case Fond, choisissez la couleur
PANTONE 7555 C pour remplir la forme.

5. Fixez la couleur de contour [Sans] ( ).


6. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

197

Pourquoi mes nuances Pantone


semblent-elles diffrentes des
autres dans le panneau Nuancier?
Dans le panneau Nuancier, vous reconnaissez le type dune couleur par les icnes qui
apparaissent ct de son nom. Les couleurs de tons directs sont signales par une
icne particulire ( ), lorsque le panneau affiche une liste, ou par un point dans le
coin infrieur droit ( ) lorsque le panneau affiche des vignettes. Les couleurs quadrichromiques ne sont pas signales. Pour plus dinformations sur les couleurs de tons
directs, recherchez Tons directs dans lAide dIllustrator (Aide > Aide dIllustrator).

Crer et enregistrer une teinte de couleur


Une teinte correspond au mlange dune couleur avec du blanc afin den obtenir une
variante plus claire. Vous pouvez crer une teinte partir dune couleur quadrichro
mique ou dune couleur de tons directs globale.
Vous allez prsent crer une teinte de la nuance Pantone.
1. Avec loutil Slection ( ), cliquez sur la forme darbre blanche qui se trouve droite
de celle laquelle la couleur Pantone a t applique.
2. Dans le panneau Nuancier, appliquez la couleur Pantone au fond de la forme.
P Note : Noubliez pas de vrifier que la case Fond est slectionne au bas du panneau Outils (ou
dans le panneau Couleur) pour que la couleur soit applique au fond.

P Note : Pour

que le curseur
soit affich, il vous
faudra peut-tre
choisir Afficher les
options dans le
menu du panneau
Couleur.

3. Ouvrez le panneau Couleur en cliquant sur son icne ( ). Assurezvous que la


case Fond y est slectionne puis faites glisser le curseur de teinte vers la gauche
afin darriver la valeur 70 %.

4. Cliquez sur licne du panneau Nuancier ( ) sur la droite de lespace de travail.


Cliquez sur le bouton Nouvelle nuance ( ) dans la partie infrieure du panneau
afin denregistrer la teinte. Notez la nouvelle vignette pour la teinte qui apparat
dans le panneau Nuancier. Placez le pointeur audessus de cette icne : le nom
PANTONE 7555 C 70% apparat.

Crer la teinte.

198

LEON 6

Couleurs et peinture

La teinte dans le panneau.

Le rsultat final.

5. Fixez la couleur de contour de larbre slectionn [Sans] ( ).


6. Au fond des trois autres formes darbre res
tantes, appliquez, respectivement, la nuance
PANTONE 7555 C, la teinte PANTONE 7555 C
70% et la nuance PANTONE 7555 C.
7. Fixez leur couleur de contour [Sans] ( ).
8. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Ajuster des couleurs


Illustrator propose une option (dition > Modifier les couleurs) de conversion des couleurs
de lobjet slectionn, en changeant leur mode colorimtrique, en les transformant en
dgrads, en les inversant, etc. Vous allez modifier le logo auquel la couleur PANTONE
7555 C est applique de faon utiliser les couleurs CMJN plutt que Pantone.
1. Sur le plan de travail Artboard 2, choisissez Slection > Tout sur le plan de tra
vail actif afin de slectionner toutes les formes auxquelles la couleur et la teinte
Pantone sont appliques.
2. Choisissez dition > Modifier les couleurs > Conversion en CMJN.
Les couleurs des formes slectionnes sont prsent en mode CMJN. Cette
mthode de conversion dans le mode CMJN naffecte pas les nuances de couleur
dans le panneau Nuancier. Elle convertit simplement les couleurs de lillustration
slectionne en CMJN.

Copier des attributs daspect


Vous voudrez parfois simplement copier les attributs daspect, comme les attributs de
caractre, de paragraphe, de fond ou de contour, dun objet sur un autre. Cela permet
dacclrer la cration de lillustration.
1. Choisissez 1 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document de faon revenir au plan de travail
du panneau du parc.

P Note : Dans le

menu Modifier les


couleurs, larticle
Conversion en
RVB nest pas
accessible car
le document
utilise le mode
colorimtrique
CMJN. Pour
convertir
le contenu
slectionn en
RVB, choisissez
Fichier> Mode
colorimtrique
du document >
Couleurs RVB.

2. Avec loutil Slection ( ), cliquez sur le premier arbre blanc, en partant de la gauche,
qui se trouve en haut du panneau (celui qui possde un contour).
3. Avec loutil Pipette ( ) cliquez sur la barre verte qui se
trouve juste audessus de la barre marron (voir la figure).
Larbre prend les attributs de la barre peinte, y compris
son contour de couleur crme.
4. Dans le panneau Contrle, cliquez sur la couleur de
contour et fixezla [Sans] ( ).
5. Choisissez Slection > Dslectionner puis Fichier >
Enregistrer.

E Astuce : Avant
lchantillonnage,
double-cliquez
sur loutil Pipette
dans le panneau
Outils de faon
modifier
les attributs
rcuprs et
appliqus par
loutil.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

199

Crer un groupe de couleurs


Illustrator offre la possibilit denregistrer des couleurs dans des groupes, qui sont
constitus de nuances de couleurs connexes dans le panneau Nuancier. En organisant
les couleurs en fonction de lemploi que vous en faites, par exemple toutes les couleurs
dun logo, il est plus facile de les manipuler et de les modifier toutes ensemble, si
ncessaire. Seules les couleurs de tons directs, les couleurs quadrichromiques et les
couleurs globales peuvent tre places dans un groupe.
Vous allez prsent crer un groupe de couleurs partir des nuances dfinies pour
le logo.
1. Dans le panneau Nuancier, slectionnez la nuance
aqua. Tout en appuyant sur la touche Maj, cliquez sur
la nuance bleu vert droite de manire slectionner
cinq nuances de couleur. Appuyez sur Ctrl (Windows)
ou Cmd (Mac OS) et cliquez sur la nuance orange pour
la retirer de la slection.
P Note : Si

des objets sont


slectionns
lorsque vous
cliquez sur le
bouton Nouveau
groupe de
couleurs, une
bote de dialogue
du mme nom
saffiche. Vous
pouvez y crer
un groupe de
couleurs partir
des couleurs
dune illustration
et mme les
convertir en
couleurs globales.

2. Dans la partie infrieure du panneau Nuancier, cliquez sur le bouton Nouveau


groupe de couleurs ( ). Dans la bote de dialogue Nouveau groupe de couleurs,
changez le nom logo arbre et cliquez sur OK pour enregistrer le groupe.
3. Avec loutil Slection ( ), cliquez sur une zone vide du panneau Nuancier afin de
dslectionner le groupe de couleurs que vous venez de crer.

Les nuances dun groupe de couleurs peuvent tre modifies de faon indpendante
en doublecliquant sur une nuance et en changeant ses valeurs dans la bote de
dialogue Nouvelle nuance.
Pour ltape suivante, vous devrez probablement agrandir le panneau Nuancier afin
que toutes les nuances quil contient soient visibles.
4. Dans la premire range du panneau Nuancier, cliquez sur la nuance blanche et
faitesla glisser droite de la nuance bleu vert dans le groupe de couleurs logo arbre.
Au cours de lopration, vrifiez quune ligne apparat sur le bord droit de la nuance
bleu vert (voir la figure). Sinon, vous risquez de dplacer la nuance blanche au
mauvais endroit. Vous pouvez toujours choisir dition > Annuler Dplacer les
nuances et recommencer. Outre le dplacement des couleurs dans ou en dehors
dun groupe de couleurs, vous pouvez renommer un groupe, rordonner ses
couleurs, etc.

Le nouveau groupe
de couleurs.

200

LEON 6

Couleurs et peinture

Dslectionner les nuances.

Faire glisser la nuance


blanche.

Le panneau Guide des couleurs


Le panneau Guide des couleurs vous servira doutil dinspiration au niveau des couleurs
de votre illustration. Il aide choisir des teintes de couleurs ou des couleurs analogues,
et permet de les appliquer directement lillustration, de les modifier selon diverses
mthodes et de les enregistrer dans un groupe du panneau Nuancier.
Vous allez lemployer afin de slectionner des couleurs diffrentes pour une version
du logo darbre, puis les enregistrer en tant que groupe de couleurs dans le panneau
Nuancier.
1. Choisissez 3 Artboard 3 dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document.
2. Avec loutil Slection ( ), cliquez sur le premier arbre en partant de la gauche (celui
dont le fond est de couleur aqua). Assurezvous que la case Fond est slectionne
dans le panneau Outils.
3. Ouvrez le panneau Guide des couleurs en cliquant sur son icne ( ) droite de
lespace de travail. Cliquez sur le bouton Dfinir la couleur de base sur la couleur
actuelle ( ).
Cela permet au panneau Guide des couleurs de suggrer des couleurs en fonction
de celle affiche dans le bouton Dfinir la couleur de base sur la couleur actuelle.
Vous allez maintenant faire des essais sur les couleurs en utilisant les rgles dharmonie.
4. Dans le menu Rgles dharmonie (encercl sur la figure) du panneau Guide des
couleurs, choisissez Analogue.
Un groupe de couleurs de base est cr droite de la couleur de base (aqua) et un
jeu de teintes et dombre de ces couleurs apparat dans le panneau.

Slectionner larbre.

Fixer la couleur de base.

P Note : Les

couleurs que vous


voyez dans le
panneau Guide
des couleurs
peuvent tre
diffrentes de
celles de la figure.
Cenest pas un
problme.

E Astuce : Vous

pouvez aussi
choisir une
variante de
couleur diffrente
(diffrente de
Teinte/Ombres
par dfaut),
comme Chaudes/
Froides, en
cliquant sur
licne de menu
du panneau
Couleur ( ) et
en faisant votre
slection.

Choisir la rgle dharmonie.

Vous avez le choix entre de nombreuses rgles dharmonie, chacune gnrant ins
tantanment un modle de couleurs fond sur celle que vous avez choisie (aqua).
5. Choisissez Fichier > Enregistrer.
6. Cliquez sur le bouton Enregistrer le groupe de couleurs dans le panneau Nuancier
( ) pour enregistrer les couleurs dfinies par la rgle dharmonie Analogue dans
le panneau Nuancier sous forme dun groupe.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

201

7. Cliquez sur licne du panneau Nuancier (


voir le nouveau groupe ajout.

Enregistrer le nouveau groupe


de couleurs.

). Faitesle dfiler vers le bas afin de

Le groupe de couleurs enregistr.

Vous allez prsent crer un autre groupe de couleurs partir des couleurs du groupe
que vous venez de dfinir.
8. Choisissez Slection > Dslectionner.
9. Ouvrez le panneau Guide des couleurs en cliquant sur son icne (
P Note : Si

vous choisissez
une variante de
couleur diffrente
de celle suggre,
votre couleur sera
diffrente dans
la suite de cette
section.

).

10. Dans la troisime range de la liste des nuances pr


sentes dans le panneau Guide des couleurs, choisissez
la cinquime couleur en partant de la gauche (voir
la figure).
Si larbre tait toujours slectionn la nuance serait
applique son fond. Vous pouvez appliquer ou enre
gistrer les couleurs du panneau Guide des couleurs en tant que nuance spare.
11. Cliquez sur le bouton Dfinir la couleur de base
sur la couleur actuelle ( ) pour tre certain
que toutes les couleurs cres par le panneau
se fondent sur ce bleu. Dans le menu Rgles
dharmonie, choisissez Complmentaires 2.

12. Cliquez sur le bouton Enregistrer le groupe


de couleurs dans le panneau Nuancier ( )
pour enregistrer les couleurs dans le panneau
Nuancier sous forme dun groupe.

Modifier un groupe de couleurs


Lorsque vous crez des groupes de couleurs, que ce soit laide du panneau Nuancier
ou du panneau Guide des couleurs, vous pouvez les modifier individuellement,
partir du panneau Nuancier, ou ensemble. Dans cette section, vous allez apprendre
modifier les couleurs dun groupe du panneau Nuancier en utilisant la bote de
dialogue Modifier les couleurs. Vous appliquerez ensuite ces couleurs au logo.

202

LEON 6

Couleurs et peinture

1. Choisissez Slection > Dslectionner (si possible) puis ouvrez le panneau Nuancier
en cliquant sur son icne ( ).

Il est important de vider la slection ds prsent ! Si une illustration est slec


tionne lorsque vous modifiez le groupe de couleurs, les changements peuvent
sy appliquer.
2. Cliquez sur licne de dossier ( ) gauche du
groupe de couleurs que vous venez denregistrer
afin de le slectionner. Cliquez sur le bouton
Modifier le groupe de couleurs ( ) pour ouvrir
la bote de dialogue Modifier les couleurs.

E Astuce : Si

Le bouton Modifier le groupe de couleurs appa


rat en plusieurs endroits, comme les panneaux
Nuancier et Guide des couleurs. La bote de
dialogue Modifier les couleurs propose plusieurs manires de modifier un groupe
de couleurs et permet den crer de nouveaux. Sur le ct droit de la bote de
dialogue Modifier les couleurs, sous la liste Groupes de couleurs, tous les groupes
de couleurs existants dans le panneau Nuancier sont prsents.

aucun objet nest


slectionn, vous
pouvez aussi
ouvrir la bote de
dialogue Modifier
les couleurs en
double-cliquant
sur licne du
groupe de
couleurs.

3. Slectionnez Groupe de couleurs 2 dans le champ situ audessus de la zone


Groupes de couleurs sur le ct droit de la bote de dialogue (encercl sur la figure)
et renommezle logo2. Voil une manire de renommer un groupe de couleurs.
Vous allez maintenant apporter quelques modifications aux couleurs du groupe logo2.
Sur le ct gauche de la bote de dialogue Modifier les couleurs, vous pouvez modifier
les couleurs de chaque groupe, individuellement ou en groupe. La modification peut
se faire de manire visuelle ou de manire prcise en utilisant des valeurs de couleur
spcifiques. Dans la roue chromatique, des marqueurs (les cercles) reprsentent
chaque couleur du groupe slectionn.
4. Dans la roue chromatique, faites glisser lgrement vers le bas et la droite le plus
grand cercle bleu, appel marqueur, qui se trouve en partie infrieure gauche
de la roue. Le plus grand marqueur reprsente la couleur de base du groupe de
couleurs que vous avez dfinie initialement dans le panneau Guide des couleurs.

Renommer le groupe de couleurs.

E Astuce :

Toutes les
couleurs du
groupe se
dplacent
et changent
ensemble. En
effet, par dfaut,
elles sont lies.

Modifier le groupe de couleurs.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

203

En loignant les marqueurs de couleurs du centre de la roue chromatique, vous


augmentez la saturation. En les rapprochant du centre, vous la rduisez. En dplaant
un marqueur de couleur autour de la roue chromatique (dans le sens des aiguilles dune
montre ou dans le sens inverse), vous modifiez la teinte.
P Note : Si vous

souhaitez obtenir
exactement le
rsultat illustr
la figure, saisissez
les valeurs
indiques dans les
champs T (teinte),
S (saturation) et
L (luminosit)
sous la roue
chromatique.

5. Dplacez le curseur Rgler la luminosit vers la droite afin de rendre toutes les
couleurs plus lumineuses.
Vous allez prsent modifier les couleurs du groupe de faon indpendante et les
enregistrer dans un nouveau groupe.
6. Cliquez sur le bouton Rompre les liens des couleurs de lharmonie (
modifier les couleurs de manire indpendante (encercl sur la figure).

) pour

Les lignes qui relient les marqueurs de couleur (cercles) et le centre de la roue
chromatique sont prsent en pointills. Cela signifie que les couleurs peuvent
tre modifies indpendamment.
Vous allez modifier lune des couleurs du groupe, car elles ne sont plus lies, et vous
procderez en utilisant des valeurs spcifiques au lieu de faire glisser dans la roue
chromatique.
7. Cliquez sur le bouton Mode de couleur (
) droite des valeurs T, S et L, et
choisissez CMJN dans le menu, si les curseurs CMJN ne sont pas dj visibles.
Slectionnez le marqueur orange le plus clair dans la roue chromatique, comme
lillustre la figure ciaprs droite. Fixez les valeurs CMJN C=10, M=50, J=100,
N=0. Notez le dplacement du marqueur dans la roue chromatique. Gardez la
bote de dialogue ouverte.

Ajuster la luminosit.

Dlier les couleurs et modifier les valeurs CMJN.

P Note : Les marqueurs de couleur dans votre bote de dialogue Modifier les couleurs sont peut-tre
diffrents de ceux de la figure. Ce nest pas un problme.

8. Cliquez sur le bouton Enregistrer les modi


fications apportes au groupe de couleurs
( ) dans langle suprieur droit de la bote
de dialogue Modifier les couleurs pour
enregistrer vos changements.

204

LEON 6

Couleurs et peinture

Si vous souhaitez apporter des modifications aux couleurs dun autre groupe, slection
nez celuici sur le ct droit de la bote de dialogue Modifier les couleurs et procdez
au changement sur le ct gauche. Vous pouvez ensuite enregistrer les modifications
dans le groupe ou dans un nouveau groupe de couleurs en cliquant sur le bouton
Nouveau groupe de couleurs ( ) dans langle suprieur droit de la bote de dialogue.
9. Cliquez sur OK pour fermer la bote de dialogue Modifier les couleurs. Les modi
fications subtiles apportes aux couleurs du groupe doivent tre visibles dans le
panneau Nuancier.
10. Choisissez Fichier > Enregistrer.

Modifier les couleurs dune illustration


laide de la commande Redfinir les couleurs de lillustration, vous pouvez modifier
les couleurs de lillustration slectionne. Cette possibilit est rellement utile lorsque
les nuances globales ne sont pas utilises dans lillustration car la mise jour de
nombreuses couleurs peut prendre beaucoup de temps.

P Note : Si une

bote de dialogue
souvre aprs
que vous avez
cliqu sur OK,
choisissez Oui
pour enregistrer
les modifications
dans le groupe
de couleurs
du panneau
Nuancier.

Vous allez modifier les couleurs de lun des logos crs en utilisant des couleurs qui
nont pas t enregistres dans le panneau Nuancier.
1. Choisissez 4 Artboard 4 dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document.
2. Choisissez Slection > Tout sur le plan de travail actif pour slectionner lintgralit
de lillustration.
3. Dans le panneau Contrle, cliquez sur le bouton Redfinir les couleurs de lillustration
( ) de faon ouvrir la bote de dialogue Redfinir les couleurs de lillustration.
Dans cette bote de dialogue, vous pouvez modifier, rattribuer ou rduire les
couleurs dans lillustration slectionne et crer et modifier des groupes de cou
leurs. Vous remarquerez probablement quelle ressemble normment la bote
de dialogue Modifier les couleurs. La plus grande diffrence vient du fait que
la bote de dialogue Modifier les couleurs permet uniquement de modifier des
couleurs, tandis que la bote de dialogue Redfinir les couleurs de lillustration
permet galement de modifier la couleur applique lillustration slectionne.

E Astuce : Vous

pouvez aussi
ouvrir la bote de
dialogue Redfinir
les couleurs
dillustration en
slectionnant
lillustration et
en choisissant
ensuite dition>
Modifier les
couleurs>
Redfinir les
couleurs de
lillustration.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

205

4. Dans la bote de dialogue Redfinir les


couleurs de lillustration, cliquez sur
licne Masquer le stockage du groupe
de couleurs ( ) place sur le ct droit.

Comme dans la bote de dialogue


Modifier les couleurs, tous les groupes
de couleurs du panneau Nuancier appa
raissent en partie droite de cette bote
de dialogue (dans la zone Groupes de
couleurs). Dans la bote de dialogue
Redfinir les couleurs de lillustration,
vous pouvez appliquer lillustration
slectionne des couleurs qui pro
viennent de ces groupes.
5. Cliquez sur longlet Modifier de faon changer les couleurs de lillustration
laide de la roue chromatique.
6. Vrifiez que licne Lier les couleurs de lharmonie ( ) est visible pour que vous
puissiez modifier toutes les couleurs de faon indpendante. Si elle ne lest pas
( ), cliquez dessus.
Lors de la cration du groupe de couleurs, vous avez travaill avec la roue chroma
tique et les curseurs CMJN. Cette foisci, vous ajusterez une couleur en employant
une autre mthode.

E Astuce : Si

vous souhaitez
revenir aux
couleurs dorigine
du logo, cliquez
sur le bouton
Obtenir des
couleurs partir
de lillustration
slectionne ( ).

E Astuce : Si

vous voulez
enregistrer
les couleurs
modifies sous
forme dun
groupe de
couleurs, cliquez
sur licne Afficher
le stockage
du groupe de
couleurs ( ), sur
le ct droit de la
bote de dialogue,
puis sur le bouton
Nouveau groupe
de couleurs ( ).

206

LEON 6

7. Cliquez sur le bouton Afficher les gammes de couleurs ( ) de faon afficher les
couleurs de lillustration slectionne sous forme de barres. Cliquez sur la barre
de couleur crme pour la slectionner. En partie infrieure de la bote de dialogue,
fixez les valeurs C=5, M=10, J=40 et N=0. Si la bote de dialogue Redfinir les
couleurs de lillustration ne masque pas lillustration, vous devez y voir les effets
des changements.

8. Cliquez sur la barre de couleur verte pour la slectionner. Le pointeur tant plac
audessus de cette barre, cliquez du bouton droit (Windows) ou en appuyant sur
la touche Ctrl (Mac OS) et choisissez Slectionner une ombre dans le menu qui
saffiche. Dans la petite fentre qui apparat, faites glisser pour changer la couleur
de la barre.
Cette mthode de modification des couleurs nest que lune des nombreuses
manires dafficher et dajuster les couleurs. Pour de plus amples informations
sur ces possibilits, recherchez Groupes de couleurs dans lAide dIllustrator
(Aide > Aide dIllustrator).
Les options de modification de la bote de dialogue Redfinir les couleurs de lillustra
tion sont quasiment identiques celles de la bote de dialogue Modifier les couleurs.
Mais, au lieu de modifier une couleur et de crer des groupes de couleurs qui seront
appliqus ultrieurement, vous modifiez dynamiquement les couleurs de lillustration
slectionne.

Couleurs et peinture

Cliquer sur la barre de couleur


crme et la modifier.

Slectionner une ombre sur


la barre de couleur verte.

Modifier lombre.

9. Cliquez sur OK dans la bote de dialogue


Redfinir les couleurs de lillustration.
10. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Attribuer des couleurs lillustration


Lorsquune illustration est slectionne, un clic sur le bouton Redfinir
les couleurs de lillustration ( ) ouvre la bote de dialogue Redfinir les couleurs de
lillustration. Vous pouvez y modifier les couleurs de lillustration, mais vous pouvez
galement attribuer des couleurs partir dun groupe de couleurs existant. Dans cette
section, vous attribuerez un groupe de couleurs de faon crer une version du logo.
1. Choisissez 3 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document.
2. Choisissez Slection > Tout sur le plan de travail actif pour slectionner les arbres
du logo.
3. Dans le panneau Contrle, cliquez sur le bouton Redfinir les couleurs de lillus
tration ( ).
4. Cliquez sur licne Afficher le stockage du groupe de couleurs ( ) sur le ct droit
de la bote de dialogue pour rvler les groupes de couleurs sur le ct droit de
la bote de dialogue (si ce nest pas dj le cas). Vrifiez que le bouton Attribuer
est slectionn.

Sur le ct gauche de la bote de dialogue Redfinir les couleurs de lillustration,


vous remarquerez que les couleurs du logo slectionn sont recenses dans la
colonne Couleurs actuelles et sont tries selon le mode Teinte avant. Cela
signifie quelles sont organises, de haut en bas, dans lordre donn sur la roue
chromatique : rouge, orange, jaune, vert, bleu, indigo et violet.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

207

P Note : Si les

couleurs du logo
ne changent pas,
vrifiez que la
case Redfinir
les couleurs de
lillustration est
coche dans le
coin infrieur
gauche de la bote
de dialogue.

5. Sur la liste Groupes de couleurs,


slectionnez le groupe de cou
leurs logo2 cr prcdemment.
Sur le ct gauche de la bote de
dialogue Redfinir les couleurs
de lillustration, vous remarque
rez que les couleurs du groupe
logo2 sont affectes aux cou
leurs dans le logo. La colonne
Couleurs actuelles montre les
couleurs utilises dans le logo,
tandis que la colonne Nouveau indique ce quelles sont devenues. Notez que la
couleur blanche na pas t modifie et quaucune flche ne pointe vers une cou
leur de la colonne Nouveau. En effet, le blanc, le noir et les niveaux de gris sont
gnralement prservs ou non modifis.
6. Cliquez sur licne Masquer le stockage du groupe de couleurs ( ) pour masquer les
groupes de couleurs. Dplacez la bote de dialogue afin que lillustration soit visible.

7. Dans la colonne Couleurs


actuelles, cliquez sur la petite
flche place droite de la barre
vert fonc (voir la figure). Par
cette action, vous demandez
Illustrator de ne pas modifier
cette couleur verte prcise dans
le logo. Vous pouvez le constater
sur lillustration dans le plan
de travail.
Supposons prsent que vous souhaitiez modifier la couleur blanche du groupe de
couleurs logo2.
8. Dans la colonne Couleurs actuelles, cliquez sur la ligne qui se trouve droite de
la couleur blanche afin de la transformer en flche (estompe).
La flche indique Illustrator que vous souhaitez une couleur blanche diffrente,
mais, pour le moment, aucune couleur de la colonne Nouveau ne la modifie.
9. Cliquez sur licne Afficher le stockage du groupe de couleurs ( ) pour afficher
les groupes de couleurs.

10. Dans la zone Groupes de couleurs sur le ct droit de la bote de dialogue, cliquez
sur un autre groupe de couleurs, puis slectionnez nouveau le groupe logo2.
Cette mthode est lune des plus simples pour rappliquer les couleurs dun groupe.
Elle permet de remplir la couleur manquante droite du blanc dans la colonne
Couleurs actuelles.

208

LEON 6

Couleurs et peinture

Attribuer la couleur blanche.

Slectionner un autre groupe de couleurs, puis


slectionner de nouveau le groupe logo2.

Laffectation des couleurs lillustration effectue ne vous convient peuttre pas.


Vous allez prsent la revoir.
11. Dans la colonne Nouveau de la bote de
dialogue Redfinir les couleurs de lillus
tration, faites glisser la couleur bleue sur
la couleur marron place en dessous et
relchez le bouton de la souris.
Voil une manire de raffecter les cou
leurs du groupe logo2 celles du logo.
Les couleurs donnes dans la colonne Nouveau reprsentent ce que vous voyez
dans lillustration. Si vous cliquez sur lune delles, vous pourrez la modifier avec
les curseurs CMJN placs dans la partie infrieure de la bote de dialogue.
12. Doublecliquez sur la couleur marron fonc de la colonne Nouveau. Dans le slec
teur de couleurs, cliquez sur le bouton Nuanciers (sur le ct droit) et choisissez
la couleur vert clair. Vous devrez peuttre faire dfiler la liste des nuances de
couleur. Cliquez sur OK pour revenir la bote de dialogue Redfinir les couleurs
de lillustration.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

209

13. Dans la bote de dialogue Redfinir les couleurs de lillustration, cliquez sur le
bouton Enregistrer les modifications apportes au groupe de couleurs ( ) pour
enregistrer les changements apports sans fermer la bote de dialogue. Cliquez
sur OK.

Les modifications apportes au groupe de couleurs sont enregistres dans le


panneau Nuancier.
La bote de dialogue Redfinir les couleurs de lillustration autorise de nombreuses
formes de modification des couleurs de lillustration slectionne, notamment en
rduire le nombre ou appliquer dautres couleurs (par exemple des couleurs Pantone).
Pour de plus amples informations, consultez la rubrique Utilisation de groupes de
couleurs dans lAide dIllustrator.
14. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Peinture avec des motifs


Outre les couleurs en quadrichromie et les tons directs, le panneau Nuancier peut
contenir des nuances de motifs et de dgrads. Illustrator fournit des chantillons
de nuances de chacun de ces types dans le panneau par dfaut et vous permet de
crer vos propres motifs et dgrads. Dans cette section, vous allez crer, appliquer
et modifier des motifs. Pour apprendre travailler avec les dgrads, consultez la
Leon 10, Dgrads de formes et de couleurs.

Appliquer des motifs existants


Un motif est une illustration enregistre dans le panneau Nuancier et que vous pou
vez appliquer au contour ou au fond dun objet. Grce aux outils dIllustrator, vous
personnalisez les motifs existants et crez les vtres. Un motif est affich de gauche
droite (rpt) partir de lorigine de la rgle jusquau ct oppos de lillustration.
Vous allez prsent appliquer un motif existant une forme.
1. Choisissez 1 dans le menu Navigation dans le plan de travail situ dans le coin
infrieur gauche de la fentre de document.
2. Avec loutil Slection ( ), cliquez sur la grande forme marron clair dans le pan
neau et masquezla temporairement en choisissant Objet > Masquer > Slection.
P Note : Activer

la case Fond est


important. Un
motif est appliqu
au contour ou au
fond selon la case
slectionne.

210

LEON 6

3. Cliquez sur licne du panneau Nuancier, si ncessaire, puis sur le bouton Menu
Bibliothque de nuances ( ) en bas du panneau et choisissez Motifs > Graphiques
de base > Graphiques de base_Textures pour ouvrir cette bibliothque de motifs.

4. Avec loutil Slection, cliquez sur le grand rectangle blanc qui se trouve sur la
gauche du plan de travail. Dans le panneau Outils, assurezvous que la case Fond
est slectionne.

Couleurs et peinture

5. Dans le panneau Graphiques de base_Textures, choisissez le motif Btons de


manire remplir la forme avec ce motif.
6. Fermez le panneau Graphiques de base_Textures. Notez que le motif remplit
la forme et est ajout la liste dans le panneau Nuancier. Cliquez sur licne du
panneau Nuancier pour le fermer.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Slectionner le rectangle.

Appliquer le motif Btons.

E Astuce :

Puisque certains
des motifs fournis
ont un arrireplan transparent,
vous pouvez crer
un deuxime
fond pour lobjet
laide du
panneau Aspect.
Pour en savoir
plus, consultez la
Leon 13, Les
attributs daspect
et les styles
graphiques.

Le rsultat final.

Crer un motif
Dans cette section, vous allez crer votre propre motif et lajouter au panneau Nuancier.
1. Avec loutil Slection ( ), cliquez sur la feuille qui se trouve sur la gauche du plan
de travail.
2. Choisissez Objet > Motif > Crer. Cliquez sur OK dans la bote de dialogue qui
apparat.
Lorsque vous crez un motif, Illustrator entre en mode Modification de motif,
comparable au mode Isolation employ lors de la manipulation dun contenu
group. Le mode Modification de motif permet de crer et de modifier un motif
de manire interactive, avec un aperu des changements sur le plan de travail.
Le panneau Options de motif (Fentre > Options de motif ) souvre galement.
Vous disposez ainsi de toutes les options ncessaires pour composer votre motif.
3. Activez loutil Slection et cliquez sur
la feuille centrale pour la slectionner.
Appuyez plusieurs reprises sur Ctrl++
(Windows) ou Cmd++ (Mac OS) pour
augmenter le zoom.
Notez les feuilles colores plus claires
autour de la feuille centrale. Il sagit de la
forme rpte en un motif et estompe
pour que vous puissiez vous focaliser
sur la feuille dorigine. Le rectangle bleu
autour de la feuille correspond au motif
(la zone qui est rpte).

P Note : Pour

commencer avec
un motif vierge,
ne slectionnez
aucune forme.

P Note : Un

motif peut tre


constitu de
plusieurs formes,
symboles, images
bitmap ou
autres objets. Par
exemple, pour
crer un motif de
flanelle pour une
chemise, vous
pouvez crer
trois lignes ou
rectangles qui
se chevauchent,
chacun avec des
options daspect
diffrentes.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

211

4. La forme tant slectionne, fixez la couleur de fond la nuance bleu vert (dsor
mais prsente dans un groupe de couleurs) et la couleur de contour [Sans] ( ).
Dans le panneau Contrle, fixez lopacit 80 pour que la feuille soit partiellement
transparente.
Vous allez commencer par tudier quelques options de motif, puis vous modifierez
lillustration qui compose le motif.
5. Dans le panneau Options de motif, chan
gez le nom en feuilles et, pour le type de
mosaque, choisissez Hex par colonne.
Le nom apparat sous forme dinfobulle
du panneau Nuancier et sera utile pour
diffrencier les nombreuses nuances de
motif. Le type de mosaque dtermine la
manire dont le motif est dispos. Trois
types sont proposs : le motif en grille,
par dfaut, un motif en forme de brique et un motif en forme dhexagone. Les
options de dcalage sont disponibles avec le type brique.
6. Avec loutil Slection, dplacez la feuille lgrement vers la gauche. Notez que le
motif bleu se dplace avec lillustration.
7. Ouvrez le panneau Symboles en cliquant sur son icne ( ). Faites glisser le sym
bole medium leaf juste droite de la feuille dorigine.

8. Faites glisser le symbole small leaf du panneau Symboles juste sous les deux autres
symboles. Vous pourrez les rorganiser dans la prochaine tape.

Faire glisser les symboles dans le motif.

Arranger les feuilles.

Vous avez ajout du nouveau contenu au motif, mais vous pouvez constater quil nest
pas inclus dans sa zone de dfinition.
P Note : Dans

cette tape, les


feuilles sont
plus visibles.
Vous pouvez
les rorganiser
comme lillustre la
figure.

212

LEON 6

9. Dans le panneau Options de motif, cochez


la case Adapter la mosaque lillustration.
En cochant cette case, la zone de dfi
nition du motif (la forme hexagonale
bleue) est ajuste lillustration, modifiant
lespace entre les objets rpts. Lorsque
cette case est dcoche, vous pouvez

Couleurs et peinture

changer manuellement la largeur et la hauteur de la zone de dfinition du motif


dans les champs Largeur et Hauteur afin dy inclure un contenu plus important
ou de modifier lespace. Vous pouvez galement adapter manuellement la zone de
motif avec le bouton Outil Mosaque de motifs ( ) situ dans langle suprieur
gauche du panneau Options de motif.

10. Changez Espacement horizontal et Espacement vertical 18 pt.


11. Pour le chevauchement, cliquez sur le
bouton Bas au 1er plan ( ), afin de voir
la modification dans le motif.

Lillustration dans un motif peut se che


vaucher en raison de la taille de llment
et des espacements. Par dfaut, lorsque
des objets se chevauchent horizontale
ment, celui de gauche se trouve devant.
Dans le cas dun chevauchement vertical,
celui du haut se trouve devant.

E Astuce : Les

espacements
peuvent avoir des
valeurs positives
ou ngatives. Cela
permet despacer
ou de rapprocher
les lments du
motif.

12. Fixez Espacement horizontal et Espacement vertical 0 in.


Le panneau Options de motif propose de nombreuses autres options de modification
dun motif, y compris la possibilit de voir une partie plus ou moins importante du
motif, appele Copies. Pour de plus amples informations sur ce panneau, recherchez
Options de motif dans lAide dIllustrator.
13. Cochez la case Afficher les limites de nuances en partie infrieure du panneau
Options de motif. Vous voyez apparatre en pointill la zone qui sera enregistre
dans la nuance. Dcochez la case.
14. Cliquez sur Terminer dans la barre situe
en partie suprieure de la fentre du
document. Dans la bote de dialogue qui
saffiche, cliquez sur OK.

E Astuce : Si

15. Choisissez Fichier > Enregistrer.

Appliquer un motif
Il existe plusieurs mthodes pour appliquer un motif. Dans cette section, vous
emploierez le panneau Nuancier, mais vous pouvez utiliser la couleur de fond dans
le panneau Outils.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez sur la forme laquelle vous avez appliqu le
motif Btons.

vous souhaitez
crer diffrentes
variantes dun
motif, cliquez sur
Enregistrer une
copie dans la
barre suprieure
de la fentre de
document. Une
copie de la version
actuelle du motif
est enregistre
dans le panneau
Nuancier et vous
pouvez poursuivre
la modification du
motif.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

213

3. Dans la couleur Fond du panneau


Contrle, choisissez la nuance feuilles.
4. Choisissez Slection > Dslectionner
puis Fichier > Enregistrer.
P Note : Si votre motif est diffrent, ce nest pas
gnant.

Modifier un motif
Vous allez modifier le motif feuilles en utilisant le mode Modification de motif.
1. Dans le panneau Nuancier, doublecliquez sur la nuance de motif feuilles pour
la modifier.
E Astuce : Vous pouvez galement slectionner un objet rempli avec une nuance de motif et, la case
Fond tant active dans le panneau Outils, choisir Objet> Motif > Modifier le motif.

2. En mode Modification de motif et avec loutil Slection ( ), choisissez Slection >


Tout pour slectionner toutes les feuilles vertes.
3. Dans le panneau Contrle, changez la couleur de fond en choisissant la nuance
nomme bleu vert (dans un groupe de couleurs). Pour le moment, des couleurs
vertes diffrentes sont appliques.
4. Choisissez Slection > Dslectionner.
5. Cliquez sur la plus petite feuille et, dans le
panneau Contrle, fixez lopacit 30 %.
Cliquez sur la feuille de taille moyenne et
fixez lopacit 45 % en saisissant la valeur.
6. Dans la barre grise situe en partie sup
rieure de la fentre du document, cli
quez sur Termin pour sortir du mode
Modification de motif.

7. Slectionnez la forme qui se trouve sur la


gauche du plan de travail, celle remplie
laide du motif feuilles. Dans le panneau
Outils, doublecliquez sur loutil Mise
lchelle ( ) afin de rduire la taille du
motif sans affecter la forme. Dans la bote
de dialogue Mise lchelle, modifiez les
options suivantes :

Mise lchelle uniforme : 90 % ;


214

LEON 6

Couleurs et peinture

Mise lchelle des contours et des effets : dcoche ;


Transformation dobjets : dcoche ;
Transformation de motifs : coche.
Cochez la case Aperu pour examiner les changements. Cliquez sur OK et gardez
la forme slectionne.
8. Avec loutil Slection ( ), tout en appuyant
sur Maj, cliquez sur le rectangle vert fonc
derrire le panneau. Relchez la touche
Maj et cliquez une fois de plus sur la
forme vert fonc. Cliquez sur le bouton
Alignement horizontal au centre ( )
et sur le bouton Alignement vertical au
centre ( ) pour aligner la forme remplie
de feuille sur le rectangle vert.

P Note:

9. Sur le plan de travail, slectionnez et supprimez la feuille jaune dorigine qui a


servi crer le motif.
10. Ouvrez le panneau Calques ( ) et
affichez tous les calques en cliquant
sur licne de visibilit gauche du
calque Sign Text. Fermez le groupe
du panneau Calques en cliquant
sur son icne.

Lesoptions
dalignement
napparaissent
peut-tre pas
dans le panneau
Contrle, mais
elles sont alors
disponibles
partir du mot
Alignement.
Illustrator place
autant doptions
que possible
dans le panneau
Contrle, en
fonction de la
rsolution de
lcran.

11. Choisissez Objet > Tout afficher.


12. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

La fonction Peinture dynamique


La fonction Peinture dynamique permet de peindre des graphiques vectoriels
intuitivement. Elle dtecte et corrige automatiquement les zones vides qui auraient
affect la manire dont les contours et les fonds auraient t appliqus auparavant. Les
tracs divisent la surface en zones, chacune pouvant tre peinte, quelle soit dlimite
par un seul trac ou par des segments de multiples tracs. Cest un peu comme si
vous utilisiez un livre de coloriage ou coloriiez la main directement sur le papier.
La fonction Peinture dynamique ne touche pas aux formes sousjacentes.
P Note : Pour de plus amples informations sur la bote de dialogue Options de pot de peinture

dynamique, recherchez Peinture laide de loutil Pot de peinture dynamique dans lAide dIllustrator.

Crer un groupe de peinture dynamique


Vous allez peindre une version plus simple du logo laide de loutil Pot de peinture
dynamique.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

215

1. Choisissez 5 Artboard 5 dans le menu Navigation dans le plan de travail situ dans
le coin infrieur gauche de la fentre de document.
2. Activez loutil Slection ( ) et choisissez Slection > Tout sur le plan de travail actif.
3. Choisissez Affichage > Zoom arrire plusieurs reprises, jusqu voir la forme
darbre sur le ct droit du plan de travail.
Cette forme nest pas slectionne, mais vous allez lajouter bientt aux autres formes.
4. Dans le panneau Outils, slectionnez loutil Pot de peinture dynamique (
se trouve dans le groupe de loutil Concepteur de forme ( ).
P Note : Lorsque
le pointeur se
trouve au-dessus
dun groupe
de couleurs, le
nom de celui-ci
apparat dans une
infobulle.

5. Ouvrez le panneau Nuancier en cliquant sur son icne (


bleu fonc dans le groupe de couleurs logo2.

), qui

). Choisissez la nuance

6. Positionnez le pointeur audessus de la premire forme darbre (sur la gauche) et


cliquez pour convertir les formes slectionnes en un groupe de peinture dynamique.

Vous pouvez cliquer sur nimporte quelle forme pour la convertir en un groupe
de peinture dynamique, mais celle vise est remplie laide de la couleur bleu
fonc. En cliquant sur une forme avec loutil Pot de peinture dynamique, vous
crez un groupe de peinture dynamique que vous pouvez prsent peindre avec
ce mme outil. Aprs quun groupe de peinture dynamique a t cr, chaque
trac reste pleinement modifiable, mais ils sont traits comme un groupe. Lorsque
vous dplacez ou ajustez la forme dun trac, les couleurs sont automatiquement
rappliques aux nouvelles rgions formes.

Peindre avec loutil Pot de peinture dynamique


Aprs que vous avez converti des objets en un groupe de peinture dynamique, vous
pouvez les peindre en utilisant diffrentes mthodes.
1. Positionnez le pointeur audessus du deuxime arbre en partant de la gauche dans
le groupe de peinture dynamique (non lendroit o les arbres se chevauchent).
Une mise en exergue rouge apparat autour de la forme qui va tre peinte et trois
vignettes de couleur apparaissent audessus du pointeur. La couleur slectionne
(bleu fonc) se trouve au milieu et les deux couleurs adjacentes dans le panneau
Nuancier se trouvent sur ses cts.

216

LEON 6

Couleurs et peinture

2. Appuyez une fois sur la touche Flche gauche pour passer la nuance vert clair
(affiche dans les trois vignettes audessus du pointeur). Notez que, dans le pan
neau Nuancier, la couleur slectionne est mise en exergue. Vous pouvez vous
servir des touches de direction pour slectionner une nouvelle nuance. Cliquez
pour appliquer la couleur vert clair larbre.
3. Dans le panneau Nuancier, slectionnez la nuance marron fonc. Cliquez pour
remplir la forme blanche lintersection des arbres.

Positionner le pointeur.

Cliquer pour appliquer


la nuance.

Slectionner
la nuance.

Cliquer pour lappliquer.

4. Dans le panneau Outils, doublecliquez sur loutil Pot


de peinture dynamique ( ). La bote de dialogue
Options de pot de peinture dynamique saffiche.
Cochez la case Contours puis cliquez sur OK.

Vous allez prsent retirer le contours gris intrieur


des formes et conserver les contours extrieurs.
5. Dans le panneau Contrle, fixez la couleur de
contour [Sans] ( ). Appuyez sur la touche chap.
6. Positionnez lextrmit du pointeur ( ) au
dessus du contour gris, entre les deux formes
(voir la figure). Lorsque le pointeur devient un
pinceau ( ) cliquez sur le contour pour retirer
sa couleur (en appliquant [Sans]).

P Note : Sur la

figure, nous avons


exagr la ligne
rouge afin quelle
soit bien visible.

7. Choisissez Slection > Dslectionner puis


Fichier > Enregistrer.

Modifier un groupe de peinture dynamique


Aprs la cration dun groupe de peinture dynamique, chaque trac reste entirement
modifiable. Lorsque vous dplacez ou ajustez la forme dun trac, les couleurs
prcdemment appliques ne restent pas simplement o elles taient, comme elles le
feraient dans un dessin statique. la place, elles sont rappliques automatiquement
aux nouvelles zones formes par les tracs modifis. Vous allez modifier les tracs et
ajouter une nouvelle forme.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

217

1. Activez loutil Slection ( ) et cliquez sur


larbre blanc sur le ct droit du plan de travail.
Dplacezle pour quil se superpose la forme
darbre de droite.
2. Avec loutil Slection, tout en appuyant sur Maj,
cliquez sur le groupe de peinture dynamique.
3. Dans le panneau Contrle, cliquez sur le bouton Fusionner la peinture dynamique
pour ajouter la forme blanche au groupe de peinture dynamique.
4. Dans le panneau Outils, activez loutil Pot de
peinture dynamique ( ). Dans le panneau
Nuancier, slectionnez une des couleurs mar
ron du groupe logo2. Cliquez pour peindre la
partie extrieure du nouvel arbre.
5. Choisissez une autre nuance, par exemple le
blanc, et cliquez de faon peindre lintersection de cet arbre avec larbre vert clair.
P Note : Si

vous constatez
que le contour
ne disparat pas,
slectionnez
de nouveau la
nuance [Sans]
pour la couleur
de contour,
positionnez le
pointeur sur le
contour et cliquez
lorsque apparat
licne du
pinceau.

6. Dans le panneau Contrle, fixez la couleur de contour [Sans] ( ). Appuyez sur


la touche chap pour masquer le panneau. Positionnez le pointeur audessus du
contour, entre les formes des arbres. Lorsque le pinceau ( ) apparat, cliquez sur
le contour pour le retirer.

7. Activez loutil Slection et, lobjet de peinture dynamique tant slectionn, vous
devez voir Peinture dynamique affich lextrme gauche du panneau Contrle.
Doublecliquez sur lobjet de peinture dynamique (les arbres) pour passer en
mode Isolation.
8. Faites glisser vers la gauche la forme darbre
lextrme droite de faon la repositionner.
Notez que le fond et le contour colors changent
chaque fois que vous relchez le bouton de
la souris.
Vous pouvez galement modifier les points dancrage de lillustration slectionne en
utilisant, par exemple, loutil Slection directe ( ). Les tracs restent modifiables et
les couleurs sont rappliques aux nouvelles rgions formes par les tracs modifis.
9. Choisissez Slection > Dslectionner puis appuyez sur la touche chap pour
sortir du mode Isolation.
10. Choisissez Affichage > Tout ajuster la fentre.
11. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

218

LEON 6

Couleurs et peinture

Questions de rvision
1. Expliquez ce quest une couleur globale.
2. Comment faiton pour enregistrer une couleur ?
3. Comment choisiton des harmonies de couleurs ?
4. Citez au moins deux oprations que la bote de dialogue Redfinir les couleurs de
lillustration permet de raliser.
5. Comment ajouteriezvous une vignette de motif au panneau Nuancier ?
6. Expliquez les possibilits de Peinture dynamique.

Rponses
1. Une couleur globale est une nuance de couleur qui, lorsque vous la modifiez, actua
lise automatiquement les objets auxquels elle a t applique. Toutes les couleurs
de tons directs sont globales, mais les couleurs quadrichromiques peuvent tre
globales ou locales.
2. Il faut lajouter au panneau Nuancier. Pour cela, on commence par la slectionner,
puis on agit de lune des manires suivantes :

faire glisser la couleur de la case Fond vers le panneau Nuancier ;


cliquer sur le bouton Nouvelle nuance ( ) au bas du panneau Nuancier ;
choisir Nouvelle nuance dans le menu du panneau Nuancier ;
choisir Crer une nuance dans le menu du panneau Couleur.

3. On peut sappuyer sur le panneau Guide des couleurs. Il suggre des harmonies de
couleurs en fonction dune couleur choisie.
4. La bote de dialogue Redfinir les couleurs de lillustration sert, entre autres, modi
fier les couleurs employes dans lillustration slectionne, crer et modifier des
groupes de couleurs, raffecter les couleurs de lillustration ou en rduire le nombre.
5. Il suffit de crer le contenu du motif ou de dslectionner tout contenu, puis de
choisir Objet > Motif > Crer. En mode Modification de motif, le motif peut tre
modifi et examin. Il est galement possible de faire glisser une illustration dans
la liste des nuances du panneau Nuancier.
6. Peinture dynamique permet de peindre des graphiques vectoriels intuitivement en
dtectant et en corrigeant automatiquement les zones vides qui auraient, sinon,
affect la manire dont les contours et les fonds auraient t appliqus. Les tracs
divisent la surface en zones, chacune pouvant tre peinte, quelle soit dlimite par
un seul trac ou par des segments de multiples tracs.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

219

Le texte, en tant quobjet graphique, joue un rle essentiel


dans les illustrations. Comme dautres objets, il peut tre peint,
redimensionn, soumis une rotation,etc. Au cours de cette
leon, vous dcouvrirez comment crer du texte simple et lui
appliquer des effets intressants.

MANIPULATION
DU TEXTE
Au cours de cette leon, vous apprendrez :











crer un texte de point et un texte captif ;


convertir un texte de point en texte captif, et vice versa ;
importer du texte ;
crer des colonnes de texte ;
modifier les attributs du texte ;
modifier du texte avec loutil Retouche de texte ;
crer et modifier des styles de paragraphe et de caractre ;
copier et appliquer des attributs de texte par chantillonnage ;
dformer du texte ;
crer du texte sur des tracs et des formes ;
habiller un graphique avec du texte ;
vectoriser du texte.

Cette leon vous prendra environ une heure.


Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Vous allez travailler sur un fichier dillustration mais, avant de commencer, vous
devez restaurer les prfrences par dfaut dAdobe Illustrator. Vous ouvrirez ensuite
lillustration termine de cette leon, pour voir ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir. Slectionnez


le fichier L7end.ai, qui se trouve dans le
dossier Lesson07 sur votre disque dur.
Dans cette leon, vous allez crer le texte
de laffiche. Gardez le fichier ouvert pour
rfrence.
P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

4. Choisissez Fichier > Ouvrir et chargez


le fichier L7start.ai, qui se trouve dans
le dossier Lesson07.
Le fichier contient dj plusieurs composants graphiques termins. Vous ajouterez
tous les lments de texte ncessaires pour complter laffiche et la carte de visite.
5. Choisissez Fichier > Enregistrer sous,
nommez le fichier zoo.ai et slectionnez
le dossier Lesson07. Choisissez Adobe
Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans
le menu Format (Mac OS) puis cliquez
sur Enregistrer. Dans la bote de dialogue
Options Illustrator, gardez les options
par dfaut et cliquez sur OK.
6. Choisissez Affichage > Repres comments pour dsactiver les repres comments.
7. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le menu de lespace de travail,

choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre> Espace de
travail> Rinitialiser Les indispensables.

222

LEON 7

Manipulation du texte

Les fonctions de texte


Les fonctions de texte sont lun des aspects les plus remarquables dIllustrator. Elles
permettent dajouter une ligne de texte une illustration, de crer des colonnes et des
ranges de texte comme dans Adobe InDesign, dintroduire du texte dans une forme
ou le long dun trac et dutiliser des caractres en tant quobjets graphiques. Vous
pouvez crer trois types de texte : de point, captif et curviligne. Ils vont tre tous les
trois prsents dans cette section.

Crer un texte de point


Le texte de point est une ligne de texte horizontale ou verticale qui dbute l o vous
cliquez et qui stend mesure que vous saisissez des caractres. Chaque ligne de
texte est indpendante : elle stire ou se rtrcit mesure que vous la modifiez, sans
toutefois passer la ligne suivante. Cette mthode de saisie de donnes est pratique
lorsque vous souhaitez ajouter un titre ou quelques mots une illustration. Vous allez
prsent ajouter du texte en partie infrieure de laffiche.
1. Dans le menu Navigation dans le plan de travail situ dans le coin infrieur gauche
de la fentre de document, vrifiez que 1 Flyer est slectionn et choisissez Affi
chage > Ajuster le plan de travail la fentre.
2. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez deux fois, lentement,
dans langle suprieur gauche du plan de travail.
3. Choisissez Fentre > Calques pour afficher ce
panneau. Activez le calque Text, sil nest pas dj
slectionn, afin que le contenu que vous crez soit
plac sur ce calque. Fermez le panneau Calques
en cliquant sur son onglet.
4. Slectionnez loutil Texte ( ) et cliquez dans la zone
blanche gauche du repre vertical dans langle suprieur gauche du plan de travail.
Le curseur apparat sur le plan de travail. Saisissez ZOO TALES (en majuscule).
En cliquant avec loutil Texte, vous crez un texte de point.
5. Dans le panneau Outils, activez loutil Slection ( ) : un cadre de slection entoure
le texte. Faites glisser vers la droite le point de slection central droit (non le
cercle). Vous tirez le texte.

Positionner le pointeur.

Saisir le texte.

P Note : Un

texte de point
redimensionn
reste imprimable,
mais la taille de
la police ne sera
sans doute pas
un nombre juste,
comme 12pt.

Faire glisser le point.

6. Choisissez dition > Annuler Mise lchelle puis Affichage > Ajuster le plan de
travail la fentre.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

223

Crer un texte captif


Le texte captif utilise le contour dun objet pour limiter le flux des caractres, ver
ticalement ou horizontalement. Lorsque le texte atteint une limite, il sadapte auto
matiquement la zone dfinie en passant la ligne. Ce mode de saisie est utile pour
crer un ou plusieurs paragraphes dune brochure, par exemple.
Pour crer un texte captif, cliquez sur loutil Texte et faitesle glisser de faon crer
un objet de texte captif (une zone de texte). Lorsque le curseur apparat, commencez
la saisie. Vous pouvez galement convertir une forme ou un objet existant en une
zone de texte en cliquant dessus ou dedans avec loutil Texte.
Vous allez crer un objet de texte captif et saisir son contenu.
1. Choisissez Affichage > Repres comments pour activer les repres comments.
2. Choisissez Affichage > zoo sign pour zoomer sur la pancarte du zoo situe en partie
infrieure du plan de travail. La vue zoo sign se trouve la fin du menu Affichage,
que vous devrez donc peuttre faire dfiler.
3. Slectionnez loutil Texte ( ) et position
nez le pointeur dans la partie blanche
gauche de la queue orange et noire (voir
le X rouge sur la figure). Cliquez et faites
glisser vers le bas et la droite de manire
crer une zone de texte dont la largeur fait
environ 1,5 pouce et la hauteur, 1 pouce.
4. Avec le curseur dans la zone de texte, saisissez Safari Zoo.
5. Activez loutil Slection ( ). Un cadre de slection apparat autour du texte. Faites
glisser le point de slection central droit vers la gauche, jusqu ce que le texte passe
automatiquement la ligne lintrieur de la zone.
6. Faites glisser lobjet de texte vers le bas et gauche de la forme noire au contour
vert de la pancarte. Notez que vous devez faire glisser partir du texte, non dune
zone vide de la zone de texte.

Saisir le texte.

Redimensionner lobjet de texte.

Le rsultat final.

7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

224

LEON 7

Manipulation du texte

Texte captif et texte de point


Illustrator fournit des indications visuelles pour vous aider diffrencier les objets de
texte de point et ceux de texte captif. Le texte captif comprend deux botes supplmentaires, appeles ports (encercls sur la figure). Ils sont employs pour lier (faire
continuer) du texte depuis un objet de texte vers un autre. Lutilisation des ports et la
liaison du texte sont tudies plus loin dans cette leon.
Lorsquil est slectionn, un objet de texte de point ne contient pas de port, mais il
prsente un point avant la premire lettre sur la premire ligne (encercl sur la figure).
Chaque type dobjet de texte peut tre converti dans lautre type.
Texte captif

Texte de point

Convertir du texte de point en texte captif et vice versa


La conversion dun objet de texte de point en un objet de texte captif, et inversement,
ne pose aucune difficult. Supposons, par exemple, que vous colliez dans Illustrator un
paragraphe de texte venant dInDesign et que lopration produise un texte de point
alors quun texte captif conviendrait mieux. Vous pouvez trs facilement convertir
le texte.
Vous allez prsent convertir un objet de texte de point en texte captif.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Activez loutil Texte ( ) et cliquez pour
crer un objet de texte de point dans
lespace blanc droite de la queue orange
et noire. Saisissez Thursdays at 6:30 pm.
Vous dplacerez ce texte ultrieurement.
3. Activez loutil Zoom (
laffichage du texte.

) et agrandissez

4. Activez loutil Slection ( ) et notez le cadre de slection autour du texte. Faites


glisser le point de slection central droit vers la gauche. Puisquil sagit dun texte
de point, il rtrcit. Choisissez dition > Annuler Mise lchelle pour retrouver
le texte dorigine.
Nous voulons que la partie 6:30 pm passe la ligne et se trouve sous le texte
Thursdays at.... Pour cela, il suffit de convertir le texte de point en texte captif, ce
que vous allez faire prsent. Bien sr, vous avez galement la possibilit dinsrer
un retour la ligne dans le texte, mais vous voudrez peuttre redimensionner
ensuite la zone de texte.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

225

P Note : La conversion dun objet de texte captif qui comprend du texte en excs (nous reviendrons

sur lexcdent de texte plus loin) en texte de point affichera un avertissement qui signale que cette
partie du texte va tre supprime.

E Astuce :

Lorsquun objet
de texte est
slectionn,
vous pouvez
galement choisir
Texte > Convertir
en texte de point
ou Convertir
en texte captif,
selon le type de
lobjet de texte
slectionn.

5. Positionnez le pointeur audessus de lannotateur ( ) situ sur la droite de lobjet


de texte. Lorsque le pointeur change ( ), cliquez une fois pour voir apparatre le
message Cliquez deux fois pour convertir en texte captif. Doublecliquez de faon
convertir le texte de point en texte captif.
Un annotateur plein ( ) signale un objet de texte captif, tandis quun annotateur
vide ( ) reprsente un objet de texte de point.
6. Faites glisser le point de slection infrieur droit vers le bas et la gauche jusqu ce
que le texte 6:30 pm passe sur la seconde ligne.
7. Dplacez la zone de texte vers le bas, audessus de lextrmit marron de la queue
du lion.

Convertir en zone de texte.

Redimensionner la zone
de texte.

Positionner la zone de texte.

Importer un fichier de texte


Il est tout fait possible dimporter dans une illustration du texte cr depuis une
autre application. Illustrator reconnat les formats suivants :

Microsoft Word (doc) ;


Microsoft Word DOCX (docx) ;
Microsoft Rich Text Format (RTF [rtf ]) ;
texte brut (txt)(ASCII) avec un encodage ANSI, Unicode, Shift JIS, GB2312, Chinois
Big 5, Cyrillique, GB18030, Grec, Turc, Balte et Europe centrale.

Vous pouvez galement copier et coller du texte partir du Pressepapiers, mais sa


mise en forme peut tre perdue lors du collage. Ce nest pas le cas lors de limportation
de texte partir dun fichier, o la mise en forme des caractres et des paragraphes
est alors conserve. Par exemple, le texte dun fichier RTF conserve ses spcifications
de polices et de styles dans Illustrator.

226

LEON 7

Manipulation du texte

1. Choisissez Affichage > Ajuster le plan de travail la fentre puis Slection >
Dslectionner.
2. Choisissez Fichier > Importer. Slec
tionnez le fichier texte L7text.txt dans
le dossier Lesson07 puis cliquez sur
Importer.
3. La bote de dialogue Options dimpor
tation de texte propose des rglages
avancs dfinir avant limportation.
Conservez les paramtres par dfaut et
cliquez sur OK.

P Note : Les

4. Positionnez le pointeur dimportation


de texte audessus de langle suprieur
gauche du cadre guide bleu. Lorsque
apparat point dancrage, cliquez et faites glisser vers le bas et la droite. Notez
que, pendant lopration, la largeur et la hauteur sont contraintes (les proportions
sont conserves). Faites glisser jusqu ce que le pointeur arrive en partie infrieure
du cadre bleu. Relchez alors le bouton de la souris.

figures ont t
ralises sur un
systme Windows.
Les options
proposes sur un
Mac pourront tre
diffrentes. Ce
nest pas gnant.

5. Avec loutil Slection ( ), faites glisser vers le haut et la droite le point de slection
dangle de la zone de texte de sorte quil soit align avec le bord droit du cadre
guide bleu et quune icne de texte en excs apparaisse sur le port de sortie.

Positionner le pointeur dimportation


de texte.

Faire glisser pour importer


le texte.

Redimensionner lobjet de
texte captif.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

227

Importer des documents Word


Lorsque vous importez (Fichier > Importer) des
documents RTF (Rich Text Format) ou Word (.DOC
ou .DOCX) dans Illustrator, la bote de dialogue
Options Microsoft Word saffiche.
Dans cette bote de dialogue, vous pouvez
dcider de conserver le texte de la table des
matires, des notes de bas de page et de fin,
et de lindex. Vous pouvez galement choisir
de retirer la mise en forme du texte avant de
limporter (elle est conserve par dfaut).

Grer lexcdent de texte et la liaison de texte


Chaque objet de texte captif comprend un port
dentre et un port de sortie, ce qui permet de le
relier dautres objets et den crer une copie
lie. Lorsquun port est vide, cela signifie que
tout le texte est visible et que lobjet nest pas li. Un signe plus rouge ( ) indique
que lobjet contient du texte supplmentaire invisible, appel excdent de texte. Trois
mthodes permettent de rendre visible ce texte en excs :

le lier un autre objet de texte ;


redimensionner la zone de texte ;
ajuster le texte.

Lier des zones de texte


Pour lier le texte (ou le faire continuer) dun objet lautre, vous devez dabord lier
les objets. Les objets de texte lis peuvent avoir nimporte quelle forme. Le texte doit
toutefois tre captif ou curviligne ; le texte de point ne peut pas tre li.
Vous allez prsent faire continuer lexcdent de texte dun objet dans une autre
zone de texte.
P Note : Si

vous avez des


difficults
cliquer sur le
port de sortie,
effectuez un
zoom avant, mais
noubliez pas de
faire un zoom
arrire avant de
poursuivre.

228

LEON 7

1. Activez loutil Slection ( ) et slectionnez la zone du texte que vous avez import,
si ncessaire.
2. Choisissez Affichage > Repres commen
ts pour les dsactiver.
3. Cliquez sur le port de sortie (la bote la
plus grande) dans langle infrieur droit
de lobjet de texte. Lorsque vous loignez
le pointeur, il se change en icne de texte
en excs ( ).
Manipulation du texte

P Note : Si vous double-cliquez, une nouvelle zone de texte apparat. Dans ce cas, vous pouvez soit
mettre la nouvelle zone sa place, soit choisir dition> Annuler Chaner un texte li. Licne de texte
en excs rapparat alors.

Vous allez prsent lier le texte en excs un objet de texte existant.


4. Choisissez 2 Card dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document.
5. Choisissez Slection > Tout sur le plan de travail actif pour que la zone de texte
dj dfinie soit visible.
6. Positionnez le pointeur sur le port dentre
dans langle suprieur gauche de la zone
de texte. Lorsquil change ( ), cliquez
pour lier les zones de texte. Une ligne de
connexion les relie.

P Note : Avec

le pointeur de
texte en excs,
vous pouvez
simplement
cliquer sur le plan
de travail au lieu
de faire glisser
pour obtenir une
nouvelle zone de
texte.

Mme si la quantit de texte ne suffit pas


pour remplir plusieurs objets de texte,
rien ne vous empche de les lier.
La seconde zone de texte tant toujours
slectionne, notez la ligne qui relie les
deux objets (la figure en montre peut
tre plus que ce que vous voyez). Elle
reprsente le lien et indique quils sont
connects. Si vous ne voyez pas ce lien,
choisissez Affichage > Afficher le texte li.
Examinez le port de sortie ( ) de lobjet
gauche et le port dentre ( ) de lobjet
droite (tous deux encercls sur la figure). Les flches indiquent le sens du flux du
texte dun objet dans lautre. Si vous supprimez la seconde zone de texte, le texte
revient dans lobjet dorigine en tant quexcdent de texte. Mme sil nest pas visible,
lexcdent de texte nest pas supprim. Plus loin dans la leon, vous dirigerez du texte
vers un objet de texte que vous crerez.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Crer des colonnes de texte

E Astuce : Une

autre mthode
permettant de lier
du texte entre des
objets consiste
slectionner une
zone de texte,
slectionner le
ou les objets
lier, puis choisir
Texte > Texte li>
Crer.

Crer des lignes ou des colonnes de texte est chose aise dans Illustrator, laide de
la fonction Options de texte captif. Cela permet dobtenir une seule zone de texte
qui comprend plusieurs colonnes, au lieu de crer plusieurs zones de texte lies, ou
dorganiser du texte de manire particulire, comme en tableau ou en graphique
simple. Vous allez prsent ajouter quelques colonnes une zone de texte existante.
1. Le plan de travail 2 Card tant toujours actif, cliquez avec loutil Slection ( ) sur
la zone du texte orange qui commence par Lion Circle....

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

229

P Note : Si le

curseur se trouve
toujours dans la
zone de texte,
il est inutile de
la slectionner
pour accder aux
Options de texte
captif.

2. Choisissez Texte > Options de texte captif.


Dans la bote de dialogue Options de texte
captif, cochez Aperu. Dans la rubrique
Colonnes, fixez la valeur de Nombre 2.
Laspect du texte ne change pas, mais
vous devez voir apparatre les repres
de colonne. Cliquez sur OK.
P Note : Pour de plus amples informations sur les
nombreuses options de la bote de dialogue Options
de texte captif, recherchez Cration de texte dans
lAide dIllustrator (Aide> Aide dIllustrator).

Vous allez prsent faire glisser le bas de


la zone de texte vers le haut afin de voir les
colonnes luvre.
3. Faites glisser vers le haut le point de
slection central infrieur jusqu ce que le
texte passe dans la seconde colonne (voir
la figure). Essayez dquilibrer autant que
possible le texte dans les deux colonnes.
4. Choisissez Slection > Dslectionner.
5. Choisissez Fichier > Enregistrer.

Mise en forme du texte


Vous avez la possibilit de mettre en forme du texte, en utilisant des formats de
caractre et de paragraphe, en appliquant des attributs de fond et de contour, et en
changeant sa transparence. Ces modifications peuvent se faire sur un caractre, sur
un ensemble de caractres ou sur tous les caractres dun objet de texte slectionn.
Vous le verrez, en slectionnant lobjet de texte, la place du texte quil contient, vous
pouvez appliquer des options de mise en forme globale lintgralit du texte de
lobjet, y compris celles des panneaux Caractre et Paragraphe, les attributs de fond
et de contour, et les paramtres de transparence.
Dans cette section, vous allez dcouvrir la manire de modifier les attributs de texte,
comme la taille et la police de caractres, et vous verrez comment enregistrer la mise
en forme obtenue en tant que style de texte.

230

LEON 7

Manipulation du texte

Changer la famille de police et le style


Dans la suite de cette section, vous apprendrez deux mthodes diffrentes pour
slectionner une police. Vous allez dabord modifier la police du texte slectionn
partir du menu Police du panneau Contrle.
P Note : Il est possible que le menu Police ne soit pas visible dans le panneau Contrle. Dans ce cas,
cliquez sur le mot Caractre pour afficher ce panneau.

1. Choisissez 1 Flyer dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document.
2. Avec loutil Zoom (
li principal.

), cliquez deux fois, lentement, au centre de lobjet de texte

3. Dans le panneau Outils, activez loutil Texte ( ) et positionnez le pointeur au


dessus du texte. Lorsquil se transforme ( ), cliquez pour insrer le curseur dans le
texte. Choisissez Slection > Tout, ou appuyez sur Ctrl+A (Windows) ou Cmd+A
(Mac OS), pour slectionner lintgralit du texte des deux objets de texte lis.

Si vous ratez le texte, vous allez crer un texte de point. Dans ce cas, choisissez
dition > Annuler Texte et recommencez.
4. Cliquez sur la flche qui se trouve
droite du menu Police et slectionnez
la police Myriad Pro. Elle est peuttre
dj slectionne dans la liste.

E Astuce : Si

vous doublecliquez sur le


texte avec loutil
Slection ou
Slection directe,
loutil Texte est
activ.

P Note : Vous

devrez peut-tre
utiliser la barre
de dfilement
droite de la liste
des polices pour
la faire dfiler.

5. Cliquez sur la flche gauche de Myriad


Pro et, dans la liste, choisissez Semibold.
Ces actions fixent la famille de police
Myriad Pro et le style de police Semibold sur lensemble du texte li.
P Note : Vous pouvez galement choisir la famille de police, comme Myriad Pro, et le style de police
dans le menu Police du panneau Contrle ou du panneau Caractre.

6. Faites dfiler le plan de travail vers le bas afin de voir le texte qui commence par
Thursdays at....

Options de format de document


En cliquant sur Fichier> Format de document, vous accdez une bote de dialogue
qui propose de nombreuses options de texte, comme Mettre en vidence les polices
substitues et Mettre en vidence les glyphes substitus, dans la section Options de
fond perdu et daffichage.
Dans la section Options de texte, au bas de la bote de dialogue, vous pouvez, entre
autres, fixer la langue du document, modifier les guillemets doubles et simples, changer
les paramtres Suprieur/Exposant, Infrieur/Indice et Petites capitales.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

231

P Note : Faites

attention lors
de la slection
du texte. Si vous
faites glisser sur
le texte pour le
slectionner, vous
risquez de crer
une nouvelle zone
de texte.

7. Cliquez trois fois nimporte o dans le texte afin de slectionner lintgralit du


paragraphe. Choisissez Texte > Police pour voir la liste des polices disponibles.
Slectionnez Adobe Garamond Pro > Bold Italic. Si les polices sont nombreuses
sur votre ordinateur, un long dfilement de la liste risque dtre ncessaire pour
arriver cette police.

Vous allez prsent employer la fonction de recherche pour trouver une police. Cette
mthode est la plus dynamique pour slectionner une police.
8. Insrez le curseur dans le texte Safari Zoo situ gauche de la zone de texte
Thursdays at... et choisissez Slection > Tout.

E Astuce :

Lorsquun nom
de police est
slectionn,
vous pouvez
galement utiliser
les touches Flche
haut et Flche bas
pour parcourir la
liste.

E Astuce :

LEON 7

10. Commencez saisir les lettres ga.


Un menu apparat sous le champ de
saisie. Illustrator filtre la liste des polices
et affiche celles dont le nom contient les
lettres ga, o quelles se trouvent dans le
nom et quelle que soit leur casse.
11. Poursuivez la saisie par r, ce qui donne gar. Le filtre sur la liste des polices est
encore plus prcis.

Cliquez sur licne


de loupe ( )
gauche du champ
et choisissez
pour rechercher
uniquement le
premier mot.
Vous pouvez
galement ouvrir
le panneau
Caractre
(Fentre> Texte>
Caractre) et
rechercher
une police en
saisissant son
nom.

232

9. Le texte tant slectionn, cliquez sur le


nom de la police affich dans le menu
Police du panneau Contrle.

12. Dans la liste des polices, cliquez sur Adobe Garamond Pro. La police Adobe
Garamond Pro Regular est alors applique au texte slectionn.
Vous pouvez parcourir la liste des polices en utilisant les touches de direction.
Lorsque la police approprie est slectionne, appuyez sur Entre ou Retour pour
lappliquer.

Poursuivre la saisie avec r.

Manipulation du texte

Choisir Adobe Garamond Pro.

Les styles de police sont propres chaque famille de police. Mme si la famille Adobe
Garamond Pro est installe sur votre systme, il est possible que les styles gras et
italique ne soient pas disponibles.

Modifier la taille du texte


1. Le texte Safari Zoo tant toujours slec
tionn et loutil Texte ( ) actif, choisissez
36 pt dans les tailles prdfinies affiches
par le menu Corps dans le panneau
Contrle.

P Note : Il est

possible que le
menu Corps ne
soit pas visible
dans le panneau
Contrle. Dans ce
cas, cliquez sur le
mot Caractre
pour afficher ce
panneau.

2. Saisissez 37 dans le champ Corps du


panneau Contrle et appuyez sur Entre
ou Retour.
Il est possible que le texte ne tienne plus
dans la zone et que licne dexcdent de
texte ( ) apparaisse dans le port de sortie de lobjet de texte. Puisquil sagit dun
texte captif, sa taille ne sajuste pas automatiquement.
E Astuce : Servez-vous des raccourcis clavier pour modifier dynamiquement la taille du texte. Pour

augmenter la taille de la police par pas de 2pt, appuyez sur Ctrl+Maj+> (Windows) ou Cmd+Maj+>
(MacOS) et, pour la diminuer, appuyez sur Ctrl+Maj+< (Windows) ou Cmd+Maj+< (MacOS).

3. Activez loutil Slection ( ) et faites glisser


langle infrieur droit de lobjet de texte
vers le bas et la droite jusqu ce que le texte
tienne dans la zone. Le mot Zoo doit
rester sur sa propre ligne. Vous modifierez
ultrieurement la mise en forme du texte.
4. Choisissez Affichage > Ajuster le plan de
travail la fentre.
5. Avec loutil Slection ( ), cliquez sur lobjet de texte ZOO TALES en partie
suprieure du plan de travail.
6. Saisissez 74 dans le champ Corps du panneau Contrle et appuyez sur Entre
ou Retour.
7. Faites glisser lobjet de texte vers le bas,
si ncessaire, de sorte quil reste sur le
plan de travail. Gardezle slectionn.
Notez que lobjet de texte est redimen
sionn car il sagit dun texte de point.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

233

Modifier la couleur du texte


Vous pouvez changer laspect du texte en appliquant des fonds, des contours et dautres
attributs. Dans cette section, vous modifierez le fond et le contour du texte slectionn.
1. Lobjet de texte ZOO TALES tant slectionn, cliquez, dans le panneau Contrle,
sur la couleur de contour. Dans le panneau Nuancier qui apparat, choisissez White
(Blanc). Le contour du texte devient blanc.
2. Dans le panneau Contrle, fixez lpaisseur de contour du texte 2 pt.

3. Avec loutil Texte ( ), cliquez sur le texte li au milieu du plan de travail. Appuyez
sur Ctrl+A (Windows) ou Cmd+A (Mac OS) pour le slectionner en intgralit.
P Note : Le

texte qui tenait


auparavant dans
les deux objets de
texte lis dborde
prsent. Ce
nest pas gnant.
Vous corrigerez
ce problme plus
loin.

4. Dans le panneau Contrle, cliquez sur la couleur Fond. Dans le panneau Nuancier
qui saffiche, choisissez la nuance White. Changez le corps de la police en saisissant
15 pt dans le panneau Contrle.

5. Choisissez Slection > Dslectionner.

P Note : Si un

objet de texte
contient du texte
avec une mise en
forme diffrente,
comme un titre
et un paragraphe
de corps, cette
mthode risque
de ne pas
fonctionner.

234

LEON 7

6. Activez loutil Slection ( ). Tout en appuyant sur la touche Maj, cliquez sur les
deux objets qui comprennent les textes Safari Zoo et Thursdays at... (en bas
du plan de travail).
7. Dans le panneau Contrle, changez la cou
leur Fond White.
Pour modifier la plupart des attributs de mise
en forme, comme le fond et le contour, vous
pouvez oprer sur le texte ou lobjet de texte.
8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Manipulation du texte

Modifier dautres attributs de texte


Dans le panneau Caractre, auquel vous accdez en cliquant sur le mot Caractre
soulign dans le panneau Contrle ou en choisissant Fentre > Texte > Caractre,
vous pouvez modifier de nombreux autres attributs du texte. Voici les options de mise
en forme disponibles dans le panneau Caractre lorsquelles sont toutes affiches.
A. Outil retouche de
texte

A
B
C

B. Police

N
O

F
G

P
Q
R
S

H
I

J K

L. Infrieur/Indice
M. Mthode de lissage

C. Style de police

D
E

K. Suprieur/Exposant

N. Interligne

D. Corps de police

O. Approche

E. Crnage

P. chelle horizontale

F. chelle verticale
G. Dcalage vertical

Q. Rotation des
caractres

H. Tout en capitales

R. Barr

I.

Petites capitales

S. Soulign

J.

Langue

Dans cette section, vous allez appliquer quelquesuns des nombreux attributs possibles
afin de pratiquer diffrentes manires de mettre en forme le texte.
1. Activez loutil Texte ( ) et cliquez dans lun des objets de texte lis qui contient
le texte import. Choisissez Slection > Tout.
Le texte est difficile voir car il est en blanc sur fond blanc. Ce point va tre rsolu
par laffichage dun calque.
2. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Cliquez sur la colonne de visibilit
gauche du calque Background. Fermez le panneau
Calques en cliquant sur son onglet.

3. Dans le panneau Contrle, cliquez sur


Caractre puis sur la flche gauche
du champ Interligne ( ) jusqu obtenir
la valeur 17 pt.
Linterligne correspond lespace vertical
entre des lignes. Notez le changement
de la distance verticale entre les lignes.
En modifiant linterligne, vous pouvez
ajuster le texte la zone. Comme pour
dautres options du panneau Caractre,
vous pouvez saisir la valeur dans le champ.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

235

4. Avec loutil Texte actif, insrez le curseur dans Safari Zoo. Cliquez trois fois pour
slectionner lintgralit du paragraphe.
P Note : Si vous

ouvrez le panneau
Caractre par
Fentre> Texte >
Caractre, vous
devrez peut-tre
cliquer sur la
double flche
place ct du
mot Caractre
dans longlet du
panneau pour
afficher toutes les
options.

5. Choisissez Fentre > Texte > Caractre.


Le texte tant slectionn, cliquez sur
licne Approche ( ) dans le panneau
Caractre de manire slectionner ce
champ puis saisissez 50. Appuyez sur
Entre ou Retour.
Lapproche modifie lespace entre les
caractres. Une valeur positive loigne les lettres horizontalement, une valeur
ngative les rapproche.
6. Choisissez Texte > Modifier la casse > CAPITALES.
7. Avec loutil Slection ( ), faites glisser vers
le bas et la droite le point dangle infrieur
droit de lobjet de texte SAFARI ZOO
jusqu ce que le texte tienne nouveau
sur deux lignes.

8. Avec loutil Texte, insrez le curseur dans


le texte qui commence par Thursdays
at.... Cliquez trois fois pour slectionner lintgralit du paragraphe.
9. Dans le panneau Caractre, fixez le corps de police 33 pt. Vous pouvez cliquer
sur la flche vers le haut ou saisir directement la valeur.
10. Avec loutil Slection, faites glisser vers le
bas et la droite le point de slection inf
rieur droit de lobjet de texte Thursdays
at... afin que le texte tienne nouveau
sur deux lignes.
11. Cliquez sur la doubleflche situe sur
le ct gauche de longlet du panneau
Caractre pour afficher dautres options.
Le texte tant toujours slectionn, cliquez
sur licne chelle verticale ( ) dans le
panneau Caractre afin dactiver ce champ
et saisissez 120. Appuyez sur Entre ou
Retour pour fermer le panneau.
Gardez le panneau Caractre ouvert.
12. Choisissez Affichage > Ajuster le plan de travail la fentre puis Slection >
Dslectionner.

236

LEON 7

Manipulation du texte

Modifier du texte avec loutil Retouche de texte


Loutil Retouche de texte permet de modifier les proprits dun caractre, comme sa
taille, son chelle et sa rotation, en utilisant la souris ou des contrles tactiles. Cette
faon dappliquer les attributs de mise en forme des caractres (dcalage vertical,
chelles horizontale et verticale, rotation et crnage) est trs visuelle et plus amusante.
Vous allez vous servir de loutil Retouche de texte pour modifier laspect du titre ZOO
TALES situ en partie suprieure du plan de travail.
1. Activez loutil Zoom ( ) et cliquez plusieurs reprises sur le titre ZOO TALES.
Assurezvous que lensemble du texte ZOO TALES reste visible.
2. Avec loutil Slection ( ), cliquez sur lobjet de texte ZOO TALES. Dans le menu
Police du panneau Contrle, slectionnez la police affiche, quelle quelle soit,
et saisissez Gar. Dans la liste prsente, choisissez Adobe Garamond Pro Bold.
3. Cliquez sur le bouton Outil Retouche de texte situ
en partie suprieure du panneau Caractre.
Un message affich dans la fentre de document
vous demande de cliquer sur un caractre pour le
slectionner.
4. Cliquez sur la lettre Z pour la slectionner. Un
cadre accompagn dun point en partie suprieure
apparat autour de la lettre. Les poignes de contrle autour du cadre permettent
dajuster le caractre de diffrentes manires.
5. Choisissez Affichage > Repres comments.
6. Cliquez et faites glisser la poigne suprieure droite du cadre en lloignant du
centre : la lettre est agrandie. Arrtez lopration lorsque les libells des dimensions
affichent environ 190 % pour les chelles verticale et horizontale.
Notez que le mouvement est contraint. La largeur et la hauteur changent de faon
proportionnelle. Les chelles verticale et horizontale de la lettre Z peuvent tre
rgles dans le panneau Caractre.
7. Examinez le panneau Caractre. chelle horizontale et chelle verticale ont une
valeur denviron 190 %.

Positionner le pointeur.

Faire glisser pour changer


la taille de la lettre Z.

E Astuce : Vous

pouvez aussi
cliquer et
maintenir sur
loutil Texte ( )
dans le panneau
Outils, puis choisir
loutil Retouche de
texte ( ) dans le
menu.

E Astuce : En

faisant glisser
la poigne
de contrle
suprieure gauche
du cadre, vous
pouvez ajuster
uniquement
lchelle verticale.
En faisant glisser
la poigne de
contrle infrieure
droite, vous
ajustez lchelle
horizontale.

Noter la mise
lchelle.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

237

8. La lettre Z tant toujours slectionne, positionnez le pointeur sur son centre :


il change daspect ( ). Cliquez et faites glisser la lettre vers le bas, jusqu ce
que la valeur de Dcalage vertical affiche dans les libells des dimensions soit
denviron 24 pt.
Vous pouvez modifier le dcalage vertical de la lettre dans le panneau Caractre.
9. Cliquez sur la lettre O droite de Z et faites glisser la poigne de rotation (le
cercle audessus de la lettre) dans le sens inverse des aiguilles dune montre jusqu
voir environ 20 dans les libells des dimensions.
10. Cliquez et faites glisser la poigne de contrle suprieure droite du cadre de la
lettre O, en lloignant du centre afin dagrandir cette lettre. Arrtez lopration
lorsque les libells des dimensions affichent environ 125 % pour les chelles ver
ticale et horizontale.

Dplacer la lettre Z.

E Astuce : En

dplaant une
lettre vers la
gauche, vous
ajustez le crnage
entre ce caractre
et celui plac
sa gauche. En
la dplaant
vers la droite,
vous modifiez le
crnage entre ce
caractre et celui
sa droite.

Pivoter la lettre o.

Redimensionner la lettre o.

11. Faites glisser la lettre O vers la gauche partir


de son centre de faon obtenir la position
illustre sur la figure.
E Astuce : Le dplacement de la lettre slectionne peut
galement tre ralis laide des touches de direction.

12. Slectionnez la seconde lettre O de ZOO et


procdez aux modifications suivantes laide
de loutil Retouche de texte :

Faites pivoter la lettre de 35 dans le sens des aiguilles dune montre (ce sens
de rotation affiche une valeur ngative).

Cliquez et faites glisser la poigne de contrle suprieure droite du cadre, en


lloignant du centre, jusqu obtenir environ 105 % pour les chelles verticale
et horizontale dans les libells des dimensions.

Faites glisser la lettre partir de son centre jusqu lemplacement illustr sur
la figure.

238

LEON 7

Manipulation du texte

Pivoter la lettre O.

Redimensionner la lettre O.

Mettre la lettre en position.

13. Slectionnez la lettre T de TALES et procdez aux modifications suivantes


laide de loutil Retouche de texte :

Cliquez et faites glisser la poigne de contrle suprieure droite du cadre, en


lloignant du centre, jusqu obtenir environ 150 % pour les chelles verticale
et horizontale dans les libells des dimensions.

Faites glisser la lettre partir de son centre vers le bas et la gauche jusqu

lemplacement illustr sur la figure (pour la rapprocher du second O de ZOO).

Cliquez et faites glisser la poigne de contrle suprieure gauche jusqu obtenir


une chelle verticale de 185 %.

Redimensionner la lettre T.

Mettre la lettre T en position.

P Note : Dans

chaque direction,
le dplacement
se fait dans
certaines limites.
Elles dpendent
des valeurs de
crnage et de
dcalage vertical.

Changer lchelle verticale.

14. Cliquez sur la lettre A de TALES. Faitesla


glisser horizontalement vers la gauche afin de
la rapprocher de la lettre T (aidezvous de la
figure). Essayez de ne pas la dplacer vers le
haut ou vers le bas. Les libells des dimensions
affichent un dcalage vertical de 0 pt.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

239

Modifier les attributs de paragraphe


De la mme manire que pour les attributs de caractre, vous pouvez rgler les attributs
de paragraphe, comme lalignement ou le retrait, avant de saisir un nouveau texte.
ou les redfinir pour modifier laspect dun texte existant. Il est possible de dfinir
en mme temps des attributs pour un ensemble de tracs ou de conteneurs de texte
slectionns. Une grande partie de cette mise en forme se fait depuis le panneau
Paragraphe, auquel vous accdez en cliquant sur le mot soulign Paragraphe dans
le panneau Contrle ou en choisissant Fentre > Texte > Paragraphe. Voici les options
de mise en forme disponibles dans le panneau Paragraphe.

A. Alignements

E. Csure

B. Retrait gauche

F. Retrait droite
G. Espace aprs le
paragraphe

B
C

C. Retrait de 1re ligne


gauche

D
E

D. Espace avant le
paragraphe

Vous allez ajouter de lespace aprs tous les paragraphes du texte principal.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Dans le panneau Outils, positionnez le pointeur audessus de loutil Retouche
de texte ( ), cliquez et maintenez, puis slectionnez loutil Texte ( ). Insrez le
curseur dans le texte qui se trouve au milieu du plan de travail et qui commence
par The Animal Zoo welcomes....
3. Ouvrez le panneau Paragraphe en cliquant sur le mot Paragraphe dans le pan
neau Contrle.
4. Saisissez 11 pt dans le champ Espace aprs
le paragraphe (plac dans langle infrieur
droit) puis appuyez sur Entre ou Retour.
Modifier lespace aprs les paragraphes,
plutt quappuyer sur la touche Retour,
permet de maintenir la cohrence et facilite
les modifications ultrieures.
P Note : Vous

pouvez galement
cliquer sur longlet
du panneau
Paragraphe
dans le groupe
du panneau
Caractre si
celui-ci est
encore ouvert.

240

LEON 7

5. Avec loutil Slection ( ), cliquez sur le texte SAFARI ZOO et, tout en appuyant
sur la touche Maj, cliquez sur le texte Thursdays at 6:30 pm. Choisissez Fentre >
Texte > Paragraphe pour ouvrir le panneau Paragraphe. Dans ce panneau, cliquez
sur le bouton Centrer ( ).

Manipulation du texte

6. Fermez le groupe du panneau Paragraphe.


7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Utiliser les glyphes


Les glyphes sont des caractres dune certaine police qui peuvent tre difficiles trou
ver, comme une puce ou le symbole de marque dpose. Dans Illustrator, le panneau
Glyphes permet dinsrer des caractres comme le symbole de marque dpose ( ).
Il affiche tous les caractres (glyphes) disponibles dans une police donne.

1. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection


autour du premier objet de texte li au milieu du plan de travail.
2. Choisissez loutil Texte ( ) et cliquez de manire insrer le curseur juste aprs
le texte The Animal Zoo sur la premire ligne.
3. Choisissez Texte > Glyphes pour ouvrir le panneau du mme nom.
4. Dans le panneau Glyphes, faites dfiler les caractres jusquau symbole de copy
right (). Doublecliquez dessus pour lajouter dans le texte, au niveau du curseur
dinsertion. Fermez le panneau Glyphes.

E Astuce : Le

panneau Glyphes
permet de choisir
une autre police.
Vous pouvez
augmenter
la taille des
vignettes des
glyphes en
cliquant sur
les grandes
),
montagnes (
dans le coin
infrieur gauche,
ou la rduire
en cliquant
sur les petites
montagnes ( ).

5. Avec loutil Texte, slectionnez le symbole de copyright () que vous venez dinsrer.
6. Dans le panneau Contrle, cliquez sur le
mot Caractre (ou choisissez Fentre >
Texte > Caractre) puis sur le bouton
Suprieur/Exposant ( ) situ en partie
infrieure de ce panneau.

Au lieu dappliquer loption de mise en


exposant gnrique, vous pouvez ga
lement changer la taille de police et
ajuster le dcalage vertical ( ) depuis
le panneau Caractre.
7. Avec loutil Texte, placez le curseur entre Zoo et le symbole de copyright. Le
panneau Caractre se ferme.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

241

E Astuce : Pour

annuler les
changements de
crnage, insrez
le curseur dans le
texte et choisissez
Auto dans le
menu Crnage.

8. Cliquez de nouveau sur Caractre et


choisissez 25 dans le champ Crnage
du panneau Caractre.
Le crnage ressemble lapproche, mais
il ajoute ou retire de lespace entre deux
caractres. Il est utile dans les cas comme
celuici, o vous manipulez un glyphe.
9. Choisissez Slection > Dslectionner
puis Fichier > Enregistrer.

Redimensionner et remodeler des zones de texte


Vous pouvez crer des objets de texte aux formes uniques en les remodelant grce
diverses mthodes, notamment par le biais de loutil Slection directe. Dans cette
section, vous allez modifier la forme des objets de texte et les redimensionner afin
quils soient mieux adapts au texte quils contiennent.
1. Choisissez Affichage > Tout ajuster la fentre.
Vous devrez parfois revoir le flux du texte entre des objets de texte. Vous allez
prsent apprendre redimensionner, dlier, relier et remodeler des objets de texte.
2. Avec loutil Slection ( ), cliquez sur
lobjet de texte li principal (sur le plus
grand plan de travail). Faites glisser vers
la gauche le point central droit, jusquau
repre vertical.

P Note : En

raison du niveau
de zoom, il sera
peut-tre difficile
de double-cliquer
sur licne du
port de sortie.
Nhsitez pas
effectuer un zoom
avant.

242

LEON 7

3. Doublecliquez sur le port de sortie ( )


dans langle infrieur droit de lobjet de
texte (l o sort le lien [la ligne bleue]).
Puisque les zones de texte sont chanes,
en doublecliquant sur le port de sortie
du premier objet de texte (ou sur le port
dentre du second), vous rompez la
connexion. Tout le texte qui continuait
dans la seconde zone de texte revient dans la premire. Lautre objet est toujours
prsent, mais vous ne le voyez pas car il est dpourvu de contour et de fond.

Manipulation du texte

4. Avec loutil Slection, faites glisser la


poigne de slection centrale infrieure
vers le bas jusqu ce que ...favorite stuffed
animal! soit le dernier texte de lobjet. La
taille verticale de celuici change.
5. Avec loutil Slection, cliquez sur le port
de sortie ( ) dans langle infrieur droit
de lobjet de texte. Le pointeur se trans
forme en icne de texte en excs ( ).
6. Positionnez licne de texte en excs ( )
droite de lobjet de texte existant et lg
rement vers le bas (voir la figure). Cliquez
pour crer un nouvel objet de texte, qui
doit correspondre approximativement
au rectangle repre bleu. Gardez lobjet
slectionn.
Lorsque des zones de texte sont lies,
vous pouvez les dplacer o bon vous semble sans rompre la connexion. Lorsque
les zones de texte sont redimensionnes, en particulier celles qui se trouvent au
dbut de la chane, la rpartition du texte peut changer. Vous allez prsent lier
le nouvel objet de texte la zone de texte prsente sur le plan de travail Card.
7. Avec loutil Slection, cliquez sur le port de sortie ( ) plac dans langle infrieur
droit du nouvel objet de texte. Le pointeur se transforme en icne de texte en
excs ( ).

8. Choisissez Affichage > Tracs pour visualiser les contours de lillustration.


9. Sur le plan de travail 2 Card, positionnez
licne de texte en excs sur le bord de
lobjet de texte existant (voir la figure)
et cliquez lorsque le pointeur change
daspect ( ).

10. Choisissez Affichage > Aperu.


11. Sur le plan de travail 1 Flyer, utilisez loutil
Slection pour faire glisser vers le haut la
poigne de contrle centrale infrieure de
lobjet de texte de droite, jusqu ce que
...for supporting this program. soit le
dernier texte de lobjet. La taille verticale
de celuici change.

P Note : En

raison de
lillustration
proche, il sera
peut-tre difficile
de cliquer sur le
port de sortie.
Vous pouvez
dplacer la zone
de texte, cliquer
sur le port de
sortie et passer
aux tapes
suivantes. Vous
remettrez ensuite
la zone de texte
sa place.

12. Avec loutil Texte ( ), positionnez le


pointeur audessus du texte li du plan de travail 2 Card. Lorsquil change daspect
( ), cliquez trois reprises pour slectionner le paragraphe.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

243

13. Dans le panneau Contrle, fixez le corps de police 11 pt. Cliquez sur Caractre
dans le panneau Contrle et, dans le panneau Caractre, changez linterligne 15 pt.
14. Activez loutil Slection directe ( ). Cliquez sur la poigne de contrle suprieure
droite de lobjet de texte afin de la slectionner. Faitesla glisser vers la gauche pour
ajuster la forme au trac de la forme orange.
Si vous voyez le signe plus sur le port de sortie ( ), ajustez la forme ou la taille/
interligne pour que le dernier paragraphe entre dans lobjet de texte.

Ajuster le corps de police et linterligne.

Modifier lobjet de texte.

15. Choisissez Fichier > Enregistrer.

Cration et application de styles


Les styles assurent la cohrence de mise en forme du texte et facilitent la mise
jour globale des attributs de texte. Aprs quun style a t cr, il suffit dapporter
les modifications directement au style enregistr pour que tout le texte auquel il est
appliqu soit mis jour.
Il existe deux types de styles dans Illustrator :

Paragraphe. Cette option conserve les attributs de caractre et de paragraphe et


les applique tout le paragraphe.

Caractre. Cette option conserve les attributs de caractre et les applique au texte
slectionn uniquement.

Crer et appliquer un style de paragraphe


Vous allez commencer par crer un style de paragraphe pour le corps du texte.
1. Choisissez 1 Flyer dans le menu Navigation dans le plan de travail situ dans le
coin infrieur gauche de la fentre de document (si ce plan de travail nest pas dj
actif ). Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Texte ( ), insrez le curseur dans le premier paragraphe du premier
objet de texte li qui commence par The Animal Zoo..., mais sans le placer
ct du symbole .

244

LEON 7

Manipulation du texte

Aucune slection de texte nest ncessaire pour crer un style de paragraphe,


mais le point dinsertion du texte doit se trouver dans le paragraphe prsentant
les attributs que vous souhaitez enregistrer.
3. Choisissez Fentre > Texte > Styles de paragraphe
puis cliquez sur le bouton Crer un nouveau style
( ) en partie infrieure du panneau.
Cette opration cre un nouveau style de para
graphe dans le panneau ; il se nomme Style de
paragraphe1. Les caractristiques de mise en
forme des caractres et du paragraphe en cours
ont t affectes au style.
4. Sur la liste des styles, doublecliquez sur le nom
Style de paragraphe1. Changez ce nom en Corps
puis appuyez sur Entre ou Retour pour confirmer.
En doublecliquant sur le style pour modifier son
nom, vous appliquez ce nouveau style au para
graphe (l o se trouve le curseur). Autrement dit,
si vous modifiez le style de paragraphe Corps, la mise en forme de ce paragraphe
est actualise.
5. Avec loutil Texte, slectionnez les caractres depuis le premier mot du paragraphe
qui commence par Hear classic tales... jusqu la fin de ...for supporting this
program. dans la seconde colonne.
6. Cliquez sur le style Corps dans le
panneau Styles de paragraphe.

P Note : Ne

slectionnez pas
le texte li de
la carte qui se
trouve sur le plan
de travail 2 Card.

Notez le signe plus (+) qui


apparat droite du nom du
style. Il indique la prsence dun
remplacement pour ce style. Un
remplacement est une mise en forme qui ne correspond pas aux attributs dfinis
par le style, comme la modification de la taille de police du paragraphe slectionn.
7. Appuyez sur la touche Alt (Windows) ou Option (Mac OS) et slectionnez
nouveau le style Corps dans le panneau afin de remplacer tous les attributs qui
existent sur le texte slectionn.
Les attributs de texte du style Corps sont appliqus au texte slectionn, y compris
la valeur de lespace aprs le paragraphe. Cest pourquoi il est possible que le texte
ne tienne plus dans les deux colonnes.
8. Choisissez Slection > Dslectionner.
9. Activez loutil Slection ( ) et cliquez sur lobjet de texte de droite (la colonne de
droite). Cliquez et faites glisser vers le bas la poigne de slection infrieure, jusqu
ce que le texte supporting this program apparaisse dans la colonne (si ncessaire).

P Note : Si

vous importez
un document
Microsoft Word
en conservant sa
mise en forme,
les styles dfinis
dans ce document
sont inclus dans
le document
Illustrator et sont
affichs dans le
panneau Styles de
paragraphe.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

245

10. Avec loutil Texte, cliquez trois fois sur le premier paragraphe de la premire zone
de texte qui commence par The Animal Zoo... de manire le slectionner.
11. Appuyez sur Alt (Windows) ou Option (Mac OS) et cliquez sur le style Corps dans
le panneau Styles de paragraphe.
12. Choisissez Slection > Dslectionner.
Le symbole de copyright a perdu sa
mise en forme. Le format qui lui tait
appliqu tait local. En cliquant sur
le nom du style, tout en appuyant sur
Alt (Windows) ou Option (Mac OS),
vous avez retir cette mise en forme.

Modifier un style de paragraphe


Aprs avoir cr un style de paragraphe, vous pouvez facilement modifier ses
caractristiques. Tout le texte auquel le style a t appliqu voit alors sa mise en forme
actualise automatiquement.
E Astuce : Vous

pouvez aussi
choisir Options
de style de
paragraphe
dans le menu du
panneau Styles de
paragraphe menu
( ).

1. Dans la liste de styles du panneau Styles de paragraphe, doublecliquez droite


du nom Corps pour ouvrir la bote de dialogue Options de style de paragraphe.
2. Sur le ct gauche de la bote de dialogue, slectionnez la catgorie Retraits et
espacement.
3. Changez la valeur de
Espace aprs 8 pt.
La case Aperu tant
co ch e, dplacez la
bote de dialogue pour
constater les effets de la
modification.

P Note : Vous

devrez peuttre faire glisser


la poigne
de slection
infrieure de
faon que le texte
supporting this
program soit
visible dans la
zone de texte.

4. Cliquez sur OK.


5. Choisissez Fichier > Enregistrer.
Vous disposez de nombreuses autres possibilits de manipulation des styles de
paragraphe, la plupart dentre elles se trouvant dans le menu du panneau Styles de
paragraphe, comme la duplication, la suppression ou la modification des styles.

Crer et appliquer un style de caractre


Contrairement aux styles de paragraphe, les styles de caractre ne sont appliqus quau
texte slectionn et ne contiennent que des attributs de mise en forme des caractres.
Vous allez prsent crer un style de caractre partir du texte dans les colonnes.
1. Choisissez Affichage > Zoom avant de faon agrandir laffichage du texte li
situ au centre.

246

LEON 7

Manipulation du texte

2. Avec loutil Texte ( ), slectionnez The Animal Zoo dans le premier paragraphe.
3. Dans le panneau Contrle, cliquez sur la couleur de fond et slectionnez la nuance
gold.
4. Dans le panneau Contrle, cliquez sur le mot Caractre, puis choisissez Italic
dans le menu Style de la police et cliquez sur le bouton Soulign ( ) afin que le
texte soit galement soulign.

Changer la couleur.

P Note : Si,

dans le panneau
Contrle, vous
voyez le mot
Caractre la
place du menu
Style de la
police, cliquez
dessus pour
faire apparatre
le panneau
Caractre.

Modifier dautres attributs.

5. Dans le groupe du panneau Styles de paragraphe, cliquez sur longlet du panneau


Styles de caractre.
6. Dans le panneau Styles de caractre, tout en appuyant sur la touche Alt (Windows)
ou Option (Mac OS), cliquez sur le bouton Crer un nouveau style ( ).
Cette mthode permet de nommer le style lorsquil est ajout au panneau.
7. Nommez le style Accentuation et cliquez sur OK.
Le style enregistre les attri
buts appliqus au texte
slectionn.
8. Le texte tant toujours
slectionn, appuyez sur
Alt (Windows) ou Option
(Mac OS) et cliquez sur
le style Accentuation dans le panneau Styles de caractre pour affecter le style
ce texte.
9. Dans la colonne suivante, slection
nez le texte This program is free et
appliquezlui le style Accentuation en
appuyant sur la touche Alt (Windows)
ou Option (Mac OS).
10. Choisissez Slection > Dslectionner.

P Note :

Vous devez
slectionner la
phrase entire,
pas simplement
placer le curseur
dans le texte.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

247

Modifier un style de caractre


Aprs avoir cr un style de caractre, vous pouvez facilement modifier ses
caractristiques. Tout le texte auquel le style a t appliqu voit alors sa mise en
forme actualise automatiquement.
1. Dans le panneau Styles de
caractre, doublecliquez
droite du nom Accentua
tion (non dessus). Dans la
bote de dialogue Options
de style de caractre,
assurezvous que la case
Aperu est coche. Dans
la partie gauche, cliquez
sur la catgorie Formats de
caractres de base et choisissez Regular dans le menu Style de police. Cliquez sur OK.
P Note : En

cliquant sur
[Normal Character
Style], vous
tes certain
que le style
Accentuation ne
sera pas appliqu
au nouveau
texte que vous
ajouterez au
document.

E Astuce : Il

existe plusieurs
autres manires
de dformer du
texte, notamment
avec un filet et
un objet que
vous crez. Pour
de plus amples
informations
sur ces autres
approches,
recherchez
Modelage laide
denveloppes
dans lAide
dIllustrator
(Aide> Aide
dIllustrator).

248

LEON 7

2. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

chantillonner du texte
Loutil Pipette permet dchantillonner rapidement les attributs de texte et de les
appliquer du texte sans crer un style.
1. Activez loutil Texte ( ), slectionnez dressed in your pajamas and slippers dans
la premire colonne de texte.
2. Dans le panneau Outils, activez loutil
Pipette ( ) et cliquez sur le texte The
Animal Zoo (non sur le symbole de copy
right []). La lettre T apparat audessus
du pointeur de loutil Pipette
Les attributs sont immdiatement appli
qus au texte slectionn, tout comme le
style de caractre Accentuation.
3. Choisissez Slection > Dslectionner puis slectionnez le style [Normal Character
Style] dans le panneau Styles de caractre. Fermez le groupe du panneau Styles
de caractre.
4. Choisissez Fichier > Enregistrer. Gardez le fichier ouvert.

Dformation de texte
Vous pouvez obtenir des effets graphiques trs intressants en dformant du texte
laide denveloppes de formes varies. Vous pouvez employer une dformation prd
finie ou un filet comme enveloppe, ou crer et modifier la vtre en utilisant des objets

Manipulation du texte

du plan de travail. Vous allez dcouvrir que vous pouvez employer des enveloppes
sur nimporte quel objet, lexception des graphiques, des repres et des objets lis.

Dformer du texte avec une enveloppe prdfinie


Illustrator propose plusieurs enveloppes de dformation que vous pouvez employer
sur le texte. Vous allez prsent appliquer les dformations prdfinies.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Activez loutil Zoom ( )
et cliquez plusieurs reprises sur SAFARI ZOO dans langle infrieur gauche
du plan de travail.
2. Avec loutil Texte ( ), slectionnez le mot
ZOO et, dans le panneau Contrle,
changez le corps de police 66 pt.
3. Si le mot ZOO nentre pas dans lobjet
de texte, ajustez sa largeur avec loutil
Slection ( ).
4. Avec loutil Texte, slectionnez nouveau le mot ZOO
et, dans le panneau Contrle, cliquez sur Caractre
pour ouvrir le panneau Caractre. Fixez linterligne
52 pt.
5. Activez loutil Slection ( ) et slectionnez lobjet de
texte. Dans le panneau Contrle, cliquez sur le bouton
Crer lenveloppe (
) (non la flche place droite).
Dans la bote de dialogue Options de dformation,
cochez Aperu. Le texte forme un arc.

P Note : Vous

6. Dans le menu Style, choisissez Arc suprieur. Dplacez le curseur Inflexion vers
la droite pour augmenter la courbure suprieure. Vous pouvez essayer diffrentes
combinaisons. Faites glisser les curseurs Distorsion (Horizontale et Verticale)
pour voir leur effet sur le texte. Lorsque vous avez fini dexprimenter cette bote
de dialogue, remettez les curseurs Distorsion 0 %, le curseur Inflexion 20 %
et cliquez sur OK.

obtiendrez le
mme rsultat
visuel en
choisissant
Objet> Distorsion
de lenveloppe >
Crer daprs une
dformation. Pour
en savoir plus sur
les enveloppes,
consultez
la rubrique
Modelage laide
denveloppes
dans lAide
dIllustrator
(Aide> Aide
dIllustrator).

7. Dplacez lobjet enveloppe (le texte dform) approximativement au centre de la


pancarte noire.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

249

Modifier lenveloppe de dformation


Il est possible dapporter une modification au texte et la forme de lenveloppe spa
rment. Cest ce que vous allez faire sur le texte, puis sur la forme.
1. Lobjet enveloppe tant toujours slectionn, cliquez sur le bouton Modifier le
contenu ( ) dans le panneau Contrle. Cest ainsi que lon modifie le texte dans
une forme de modelage.

2. Choisissez Affichage > Repres comments pour les activer.

E Astuce : Si

vous doublecliquez avec loutil


Slection et non
avec loutil Texte,
vous entrez en
mode Isolation.
Il sagit dune
autre mthode
pour modifier
le texte dun
objet enveloppe.
Appuyez sur
chap pour
sortir du mode
Isolation.

E Astuce : Pour

3. Avec loutil Texte ( ), placez le pointeur


audessus du texte dform. Notez quune
autre copie du texte apparat en bleu. Les
repres comments prsentent le texte
dorigine. Cliquez sur SAFARI pour
insrer le curseur puis doublecliquez
dessus pour slectionner le mot.
4. Saisissez ANIMAL et appuyez sur
Maj+Entre ou Maj+Retour pour ajou
ter un passage la ligne aprs le mot, de
faon que ZOO soit sur la ligne suivante.
Notez que le texte est automatiquement
dform conformment lenveloppe.

extraire le texte
de lenveloppe
de dformation,
slectionnez-le
avec loutil
Slection et
choisissez Objet>
Distorsion de
lenveloppe>
Annuler. Vous
obtenez ainsi
deux objets: le
texte et la forme
dArc suprieur.

Vous pouvez galement modifier la forme


prdfinie, ce que vous allez faire prsent.
5. Activez loutil Slection ( ), vrifiez que le texte dform est toujours slectionn.
Dans le panneau Contrle, cliquez sur le bouton Modifier lenveloppe ( ).

Notez les options de lobjet enveloppe qui saffichent dans le panneau Contrle.
Vous avez la possibilit de choisir une autre dformation dans le menu Style et de
modifier ses options, comme Horizontal, Vertical et Inflexion. Il sagit des options
que vous avez rencontres prcdemment dans la bote de dialogue Options de
dformation lors de la cration de lenveloppe.
6. Dans le panneau Contrle, fixez linflexion 28 %. Vrifiez que Distorsion H
(horizontal) et Distorsion V (vertical) sont 0.

P Note : Le

changement
de style de
dformation
dplacera
certainement
lobjet dform
sur le plan de
travail.

7. Choisissez Affichage > Repres comments pour les dsactiver.

250

LEON 7

Manipulation du texte

8. Activez loutil Slection, appuyez sur


Maj et faites glisser la poigne de slec
tion infrieure droite en lloignant du
centre de faon agrandir lgrement
lobjet. Assurezvous que le texte reste
lintrieur de la pancarte noire (aidez
vous de la figure).
9. Tout en appuyant sur Maj, cliquez sur la
pancarte noire de faon slectionner
les deux objets, puis relchez la touche.
Cliquez nouveau sur la pancarte noire
pour en faire lobjet cl. Cliquez sur le bou
ton Alignement horizontal au centre ( )
puis sur le bouton Alignement vertical
au centre ( ) de manire aligner le
texte dform sur la pancarte.

Manipulation de texte sur un trac


Outre le texte de point et le texte captif, vous pouvez crer du texte curviligne. Le texte
suit le bord dun trac ouvert ou ferm, ce qui permet dobtenir des effets daffichage
du texte rellement intressants.

Crer du texte le long dun trac ouvert


Vous allez commencer par insrer du texte sur un trac ouvert.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Nhsitez pas aug
menter le facteur de zoom pour mieux voir le texte que vous saisissez.
2. Avec loutil Slection ( ), cliquez sur le trac noir incurv superpos la queue
marron du singe.
3. Choisissez Fentre > Texte > Styles de paragraphe pour ouvrir ce panneau. Cliquez
tout en appuyant sur Alt (Windows) ou Option (Mac OS) sur le style [Normal
Paragraph Style].
Lors de la cration dun nouvel objet de texte, cette action rinitialise la mise en
forme aux valeurs par dfaut.
4. Avec loutil Texte ( ), placez le curseur
audessus du milieu du trac jusqu voir
un point dinsertion coup par un trac
ondul ( ). Cliquez lorsque ce curseur
apparat (aidezvous de la figure pour
savoir o cliquer).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

251

Le texte dbutera l o vous avez cliqu sur le trac. Par ailleurs, le contour du
trac est chang [Sans] et un curseur apparat.
P Note : Si le

texte est jaune


et soulign, cela
signifie que le
style de caractre
est appliqu.
Slectionnez le
texte et, tout en
appuyant sur Alt
(Windows) ou
Option (Mac OS),
cliquez sur
[Normal Character
Style] dans le
panneau Styles de
caractre.

5. Saisissez le texte Bedtime Stories With Your Wildest Friends. Notez que le
texte suit le trac.
6. Avec loutil Texte, cliquez trois reprises sur le nouveau texte afin de le slectionner.
7. Dans le panneau Outils, activez loutil
Pipette ( ) et cliquez dans le texte qui
commence par Thursdays at.... La lettre T
apparat sur le pointeur de loutil Pipette
(sans que la touche Verrouillage majuscule
soit active).
La mise en forme du texte Thursdays at...
est applique au texte curviligne. Cela ne lui permet pas de tenir intgralement
sur le trac et un signe plus ( ) apparat sur le port de sortie.
8. Dans le panneau Contrle, cliquez sur le mot Caractre et, dans le panneau
Caractre, fixez chelle verticale 100 %. Appuyez sur la touche chap pour
masquer le panneau.
9. Dans le panneau Contrle, cliquez sur le bouton Aligner gauche (

).

Si les options dalignement du texte ne sont pas affiches dans le panneau Contrle,
cliquez sur le mot Paragraphe pour afficher le panneau Paragraphe.
Vous allez prsent repositionner le texte sur le trac afin quil soit intgralement visible.

E Astuce : Avec

le trac ou le
texte curviligne
slectionn, vous
pouvez choisir
Texte > Texte
curviligne>
Options de texte
curviligne pour
modifier des
options.

10. Activez loutil Slection et placez le pointeur sur la ligne verticale qui se trouve
sur le bord gauche du texte (juste ct de la lettre B). Lorsque le pointeur ( )
apparat, cliquez et faites glisser vers la gauche, jusqu lextrmit gauche du trac.

11. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Crer du texte le long dun trac ferm


Vous allez prsent placer du texte autour dun cercle.
1. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez trois reprises, len
tement, sur lempreinte de patte jaune afin den agrandir laffichage.
2. Avec loutil Slection ( ) et, tout en appuyant sur la touche Maj, cliquez sur lobjet
de texte li et lempreinte de patte jaune. Choisisssez Objet > Masquer > Slection.

252

LEON 7

Manipulation du texte

3. Activez loutil Texte ( ) et positionnez le pointeur audessus du bord du cercle


blanc. Le pointeur de loutil Texte ( ) est alors modifi pour afficher un cercle ( ).
Il signifie que, si vous cliquez (ne cliquez pas), le texte sera plac lintrieur du
cercle, en crant une zone de texte.
4. Tout en appuyant sur Alt (Windows) ou
Option (Mac OS), survolez le ct gauche
du cercle. Licne de texte curviligne ( )
apparat. Cliquez et saisissez ZOO
CIRCLE. Le texte suit le trac circulaire.
Cliquez trois fois pour le slectionner.

P Note : On

5. Le texte tant toujours slectionn, dans


le panneau Contrle, changez la taille de
police 16 pt, le style de police Bold (la
police doit dj tre Adobe Garamond Pro) et la couleur de fond la nuance gold.

peut aussi ne
pas utiliser Alt
(Windows) ou
Option (MacOS).
Pour cela, il suffit
de choisir loutil
Texte curviligne
( ) dans le
groupe des outils
Texte.

Vous allez prsent ajuster le placement sur le trac.


6. Dans le panneau Outils, activez loutil Slection. Positionnez le pointeur sur la
ligne situe lextrmit gauche du texte ( gauche de ZOO). Cette ligne est
un crochet. Lorsque vous voyez le pointeur ( ), avec une flche pointant vers la
droite, faites lgrement glisser autour du cercle dans le sens des aiguilles dune
montre (aidezvous de la figure).

P Note : Des

crochets
apparaissent au
dbut du texte,
la fin du trac
et mi-chemin
entre ces deux
points. Tous ces
crochets peuvent
tre rgls pour
ajuster la position
du texte sur le
trac.

Modifier les options dun texte le long dun trac


Lorsque vous crez un texte sur un trac, vous disposez doptions qui modifient
son aspect, notamment les effets, lalignement et lespacement. Vous allez prsent
modifier les options du texte plac sur le cercle.
1. Lobjet de texte curviligne tant slectionn
laide de loutil Slection, choisissez
Texte > Texte curviligne > Options de
texte curviligne. Dans la bote de dialogue
Options de texte curviligne, cochez Aperu
et modifiez les options suivantes :

choisissez Inclinaison dans le menu


Effet puis Arc-en-ciel ;

P Note : Pour

en savoir plus sur


les options de
texte curviligne,
recherchez
Cration de texte
curviligne dans
lAide dIllustrator
(Aide > Aide
dIllustrator).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

253

Aligner sur le trac : Ascendante ;


Espacement : 18 pt.
Cliquez sur OK.
2. Avec loutil Slection ( ), positionnez le pointeur
sur la ligne situe lextrmit gauche du texte (
gauche de ZOO). Lorsque vous voyez le pointeur
( ), faites glisser vers le bas autour du cercle dans
le sens inverse des aiguilles dune montre (aidez
vous de la figure).
Vous allez prsent ajouter du texte sur le bas de la
forme circulaire. Pour cela, vous allez copier le texte
curviligne que vous venez de crer et apporter des modifications simples.
3. Le texte curviligne tant slectionn, choisissez dition > Copier.
4. Choisissez Objet > Verrouiller > Slection pour verrouiller le texte curviligne copi.
5. Choisissez dition > Coller devant de faon coller la copie au mme emplacement.
6. Choisissez Texte > Texte curviligne >
Options de texte curviligne. Dans la bote
de dialogue Options de texte curviligne,
cochez Aperu et modifiez les options
suivantes :

Symtrie : coche (pour inverser le sens



du texte sur le trac) ;


Aligner sur le trac : Descendante ;
Espacement : 20 pt.

Cliquez sur OK.


7. Activez loutil Texte ( ) et cliquez trois reprises sur ZOO CIRCLE. Saisissez
BECOME A MEMBER.
8. Activez loutil Slection. Positionnez le pointeur
sur la ligne situe lextrmit gauche du texte
( gauche de BECOME...). Lorsque vous voyez
le pointeur ( ), avec une flche pointant vers la
gauche, faites glisser vers le bas et la gauche.
9. Choisissez Objet > Tout afficher puis Objet > Tout
dverrouiller.
10. Choisissez Slection > Dslectionner.

254

LEON 7

Manipulation du texte

Habillage dun objet avec du texte


Dans Illustrator, il est trs facile dhabiller des objets avec du texte, par exemple des
zones de texte, des images importes ou des illustrations vectorielles, afin dviter que
le texte chevauche ces objets ou pour crer des effets intressants. Cest ce que vous
allez faire pour lobjet de texte curviligne.
1. Avec loutil Slection, cliquez directement sur le texte ZOO CIRCLE. Choisissez
Objet > Disposition > Premier plan.
2. Choisissez Objet > Habillage de texte > Crer. Cliquez sur OK dans la bote de
dialogue qui peut apparatre. Le texte dans la colonne habille la forme du texte
curviligne.
Si vous dplacez lobjet auquel lhabillage de texte est appliqu, la prsentation
change et lhabillage est adapt.
3. Choisissez Objet > Habillage de texte >
Options dhabillage de texte. Dans la
bote de dialogue Options dhabillage
de texte, fixez Dcalage 13 pt et
cochez Aperu pour visualiser les
modifications. Cliquez sur OK.
4. Avec loutil Slection ( ), faites glisser
vers le bas la poigne de slection centrale
infrieure de la zone de texte li afin de
faire en sorte que le texte ...for suppor
ting this program soit le dernier affich.

P Note : Pour

habiller un objet
avec du texte, il
faut que lobjet
se trouve sur le
mme calque
que le texte et
au-dessus de
celui-ci dans la
hirarchie du
calque.

P Note : Votre

texte peut
se prsenter
diffremment. Ce
nest pas gnant.

5. Choisissez Affichage > Ajuster le plan de


travail la fentre.
6. Choisissez Slection > Dslectionner.

Vectorisation du texte
En vectorisant du texte, vous le convertissez en tracs vectoriels que vous pouvez diter
et manipuler comme nimporte quel objet graphique. Les textes vectoriss sont utiles
pour modifier la prsentation de grands textes daffiche, mais ils sont rarement utiliss
pour du corps de texte ou tout autre texte de petit format. Pour que le destinataire
du fichier ouvre et affiche correctement votre document, il est inutile que vos polices
soient installes sur son ordinateur.
Lorsque le texte a t vectoris, vous devez considrer quil nest plus modifiable. Par
ailleurs, les polices bitmap et les polices vectorielles protges ne peuvent pas tre
vectorises. Il est de plus dconseill de vectoriser le texte dont la taille est infrieure
10 points. Lorsque du texte est vectoris, il perd les renseignements quil contient,

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

255

cestdire les instructions intgres aux polices pour modifier leur forme et permettre
votre systme de les afficher ou de les imprimer de faon optimale, quelle que soit
leur taille. Vous devez convertir tout le texte dune slection ; vous ne pouvez pas
convertir une seule lettre dans une chane de texte.
Vous allez prsent vectoriser le titre principal et positionner du contenu.
P Note : Pour

conserver le
texte dorigine,
placez-en une
copie sur un
calque, que vous
noublierez pas de
masquer.

1. Avec loutil Slection ( ), cliquez sur le


titre Zoo Tales situ en partie suprieure
du plan de travail. Choisissez Texte >
Vectoriser. Dplacezle lendroit indiqu
par la figure.
Le texte nest plus li une police de
caractres particulire mais il est devenu un trac, comme nimporte quel autre
objet vectoriel de votre illustration.
2. Avec loutil Slection, faites glisser le texte
Thursdays at 6:30 pm situ en partie
infrieure du plan de travail lendroit
indiqu par la figure.
3. Choisissez Affichage > Repres > Masquer
les repres puis choisissez Slection >
Dslectionner.
4. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

256

LEON 7

Manipulation du texte

Questions de rvision
1. Dcrivez au moins deux manires de crer une zone de texte dans Adobe Illustrator.
2. Quelles sont les fonctions de loutil Retouche de texte ?
3. Questce que lexcdent de texte ?
4. Questce que la liaison de texte ?
5. Quelle est la diffrence entre un style de caractre et un style de paragraphe ?
6. Quel est lintrt de vectoriser du texte ?

Rponses
1. a) Avec loutil Texte ( ), cliquer sur le plan de travail et commencer saisir le texte
lorsque le curseur apparat. Une zone de texte est cre pour contenir ce texte ; b)
avec loutil Texte, cliquer et faire glisser pour crer une zone de texte, puis saisir
le texte l o apparat un curseur ; c) avec loutil Texte, cliquer sur un trac ou une
forme ferme pour la convertir en texte curviligne ou en zone de texte puis appuyer
sur Alt (Windows) ou Option (Mac OS) et cliquer lorsque le pointeur arrive sur le
contour dun trac ferm pour crer un texte autour de la forme.
2. Loutil Retouche de texte permet de modifier graphiquement certains attributs de
mise en forme dun caractre dans une chane de texte. Il est possible de changer
la rotation, linterligne, le dcalage vertical et les chelles horizontale et verticale
du caractre.
3. Lexcdent de texte se produit lorsque le texte nentre pas dans un objet de texte
captif. Un signe plus rouge ( ) sur un port de sortie indique que lobjet comprend
du texte supplmentaire.
4. La liaison de texte permet de continuer du texte dun objet dans un autre en liant ces
objets de texte. Les objets de texte peuvent avoir nimporte quelle forme. Cependant,
le texte doit tre saisi dans une zone ou le long dun trac (non un point).
5. Un style de caractre est appliqu uniquement au texte slectionn. Un style de
paragraphe est appliqu un paragraphe entier. Les styles de paragraphe sont
prfrables lorsque des attributs de retrait, de marge et dinterligne doivent tre
enregistrs.
6. La vectorisation dun texte vite de devoir envoyer les polices avec le fichier lors
dun partage avec dautres utilisateurs.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

257

Les calques permettent dorganiser un document en niveaux


distincts, qui peuvent tre modifis et affichs individuellement
ou ensemble. Chaque document Adobe Illustrator contient au
moins un calque. Lacration de plusieurs calques dans une
illustration permet de matriser plus aisment son impression,
son affichage et sa modification.

LES CALQUES
Au cours de cette leon, vous apprendrez :
utiliser le panneau Calques ;
crer, rorganiser et verrouiller des calques et des calques imbriqus ;
dplacer des objets dun calque un autre ;
copier et coller des calques dobjets dun fichier dans un autre ;
fusionner plusieurs calques en un seul ;
crer un masque dcrtage ;
localiser des objets dans le panneau Calques ;
appliquer des attributs daspect des objets et des calques ;
isoler du contenu dans un calque.
Cette leon vous prendra environ quarantecinq minutes.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Dans cette leon, vous allez terminer lillustration dun tlviseur tout en explorant
les diffrents moyens dutiliser le panneau Calques.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le fichier


L8end.ai, qui se trouve dans le dossier Lesson08
sur votre disque dur.

1
4

2
3

4. Choisissez Affichage > Ajuster le plan de travail


la fentre.
5. Choisissez Fentre > Espace de travail >
Rinitialiser Les indispensables.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le menu de lespace de travail,

choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre> Espace de
travail> Rinitialiser Les indispensables.

propos des calques


Les calques font office de dossiers transparents qui vous aident conserver et grer
tous les lments (certains pouvant tre difficiles slectionner ou suivre) dune
illustration. Si vous rorganisez les dossiers, vous modifiez lordre de superposition
des lments de lillustration (nous avons expliqu lordre de superposition la
Leon 2, Slections et alignement).
La structure des calques dun document peut tre aussi simple ou complexe que vous
le souhaitez. Lorsque vous crez un document Illustrator, tous les lments sont placs
dans un mme calque. Cependant, vous pouvez crer des calques et des souscalques
( la manire des sousdossiers) pour organiser le contenu de lillustration. Cest ce
que vous apprendrez dans cette leon.
1. Ouvrez le panneau Calques en cliquant sur son icne (
de travail ou en choisissant Fentre > Calques.

) sur la droite de lespace

Outre lorganisation du contenu, le panneau Calques permet de slectionner,


masquer, verrouiller et modifier les attributs daspect dune illustration.
Le panneau Calques ciaprs est celui qui correspond la version finale du fichier
de la leon. Si le vtre nest pas identique, ce nest pas gnant. Vous pourrez toujours
revenir cette figure au cours de la leon.
260

LEON 8

Les calques

A. Couleur du calque
B. Colonne de visibilit

C. Icne du calque Template (Modle)


M
L
K

D. Colonne ddition (Verrouiller/Dverrouiller)


E. Triangle de dveloppement/rduction
F. Rechercher lobjet
G. Crer/Annuler le masque dcrtage
H. Bouton Nouveau sous-calque
I.

Bouton Nouveau calque

J.

Bouton Supprimer la slection

K. Colonne de slection
L. Indicateur de calque courant
M. Colonne de cible
D E

F G

N. Menu du panneau Calques

Pour commencer, vous allez ouvrir un fichier dillustration existant incomplet.


2. Choisissez Fichier > Ouvrir et chargez le fichier
L8start.ai, situ dans le dossier Lesson08.
3. Choisissez Fichier > Enregistrer sous, nom
mez le fichier tv.ai et slectionnez le dossier
Lesson08. Choisissez Adobe Illustrator (*.AI)
dans le menu Type (Windows) ou Adobe
Illustrator (ai) dans le menu Format (Mac OS)
puis cliquez sur Enregistrer. Dans la bote
de dialogue Options Illustrator, gardez les options par dfaut et cliquez sur OK.
4. Choisissez Affichage > Ajuster le plan de travail la fentre.

Cration de calques
Par dfaut, chaque document commence avec un seul calque, nomm Calque 1. Vous
pouvez le renommer et ajouter de nouveaux calques tout moment pendant que vous
crez votre illustration. Le fait de disposer des objets sur des calques spars permet
de les slectionner et de les modifier plus aisment. Ainsi, en disposant du texte sur
un calque distinct, il est possible de le modifier en une seule opration sans affecter
le reste de lillustration. Vous allez renommer le calque par dfaut, puis en crer deux
autres en suivant des mthodes diffrentes.
1. Si le panneau Calques nest pas visible, cliquez sur son icne ( ) sur la droite de
lespace de travail ou choisissez Fentre > Calques. Laffichage en surbrillance de
Layer 1 indique que ce calque est actif.

P Note : Dans la

version franaise
dIllustrator, le
nom par dfaut
du premier calque
est Calque1. Dans
cet exemple, ce
calque se nomme
Layer1 car le
fichier ouvert a
t cr avec la
version anglaise
du logiciel.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

261

2. Dans le panneau Calques, doublecliquez sur le


nom du calque pour modifier son nom. Saisissez
Side panel (panneau latral) et appuyez sur
Entre ou Retour.

P Note : Si vous

double-cliquez
juste droite ou
gauche du nom
dun calque, la
bote de dialogue
Options de
calque souvre.
Vous pouvez
galement y
changer le nom
du calque.

Au lieu de garder lintgralit du contenu sur un


seul et mme calque, vous allez crer plusieurs
calques et un souscalque de manire mieux
organiser les lments et faciliter leur slection.

E Astuce : Vous

pouvez facilement
supprimer un
calque ou un
sous-calque en le
slectionnant et
en cliquant sur le
bouton Supprimer
la slection ( )
situ au bas du
panneau Calques.
Le calque, ses
sous-calques et
leur contenu sont
supprims.

3. Cliquez sur le bouton Nouveau calque ( )


dans la partie infrieure du panneau Calques
ou choisissez Nouveau calque dans le menu
du panneau (
).
Les calques et les souscalques sans nom sont
numrots en squence. Par exemple, le second
calque se nomme Calque 2.
4. Doublecliquez sur le nom Calque 2 et changez
le en TV body (chssis du tlviseur).
Le nouveau calque est ajout audessus du calque Side panel et devient actif. Notez
que la couleur (rouge clair) du nouveau calque, indique gauche du nom, est
diffrente de celle du premier. Cela deviendra important ultrieurement lorsque
vous slectionnerez du contenu.
Vous allez prsent crer un calque et le nommer en une seule tape, en utilisant
une touche de modification.
5. Appuyez sur Alt (Windows) ou Option
(Mac OS) et cliquez sur le bouton Nouveau
calque ( ) dans la partie infrieure du
panneau Calques. Dans la bote de dia
logue Options de calque, changez le nom
Screen (cran) et cliquez sur OK.

P Note : Si vous

souhaitez crer
un sous-calque
et le nommer en
une seule tape,
appuyez sur Alt
(Windows) ou
Option (MacOS)
et cliquez sur le
bouton Nouveau
sous-calque de
manire ouvrir la
bote de dialogue
Options de
calque.

262

LEON 8

Vous allez prsent crer un souscalque,


cestdire un calque imbriqu dans un autre.
6. Cliquez une fois sur le calque Side panel puis sur
le bouton Nouveau souscalque ( ) au bas du
panneau Calques. Vous crez un souscalque
dans le calque Side panel.

La cration dun souscalque ouvre le calque de


manire rvler les souscalques existants. Les
souscalques servent organiser le contenu dun
calque sans associer ou dissocier ce contenu.

Les calques

7. Doublecliquez sur le nom du nouveau sous


calque et changezle en knobs (boutons), puis
appuyez sur Entre ou Retour.
Le nouveau souscalque apparat directement
sous son calque principal, Side panel, et il est
slectionn.

Calques et couleurs
Par dfaut, Illustrator attribue une couleur diffrente chaque calque dans le panneau Calques.
Lacouleur saffiche en regard du nom du calque,
dans le panneau. Cette mme couleur saffiche
dans le cadre de slection, le trac, les points
dancrage et le centre de lobjet slectionn.
Grce cette couleur, que vous pouvez modifier
votre convenance, vous reprerez facilement
le calque correspondant un objet dans le
panneau Calques.
Extrait de lAide dIllustrator

Chaque calque et chaque souscalque peut avoir une couleur


unique.

Slectionner et dplacer des objets et


descalques
En rorganisant les calques dans le panneau Calques, vous pouvez rordonner les
objets superposs de votre illustration. Les calques placs en premier sur la liste du
panneau Calques se trouvent, sur le plan de travail, devant les objets des calques en
fin de liste. Vous pouvez galement dplacer des objets dun calque ou dun sous
calque vers un autre.
Pour commencer, vous dplacerez les boutons dans le souscalque knobs.
1. Si le contenu du calque Side panel nest pas affich dans le panneau Calques, cliquez
sur le triangle plac gauche du nom de ce calque. Son contenu devient visible.
Dans le panneau Calques, lorsquun calque ou un souscalque comprend dautres
lments, un triangle est affich gauche de son nom. En cliquant sur ce triangle,
vous affichez ou masquez le contenu. Labsence du triangle indique que le calque
ne contient aucun autre lment.

E Astuce : En

gardant les
calques et les
sous-calques
ferms, vous
parcourrez le
contenu du
panneau Calques
plus aisment.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

263

2. Faites glisser vers le bas la partie infrieure du panneau Calques afin de lagrandir
et de voir tous les calques.
3. Dans lillustration, cliquez avec loutil Slection
( ) sur le petit bouton situ sur le ct suprieur
droit du tlviseur.
Notez que le cadre et les points de slection ont
une couleur bleue qui correspond la couleur
1
du calque Side panel dans le panneau Calques.
4
2
Dans le panneau Calques, remarquez galement
la petite bote bleue lextrme droite du nom du
calque et le nom dobjet (<Trac>, dans ce cas). Il sagit de lindicateur de slection
( ), qui marque le calque sur lequel se trouve le contenu slectionn.
4. Cliquez sur la ligne <Trac> qui prsente lindi
cateur de slection et faitesla glisser sur le
souscalque knobs. Relchez lorsque le sous
calque knobs est mis en surbrillance.
Notez le triangle qui apparat gauche du sous
calque knobs lorsque vous relchez. Il indique
que ce souscalque nest pas vide.
5. Choisissez Slection > Dslectionner.
6. Dans le panneau Calques, cliquez sur le pre
mier objet <Groupe> du calque Side panel puis
maintenez enfonce la touche Maj et cliquez
sur lobjet <Groupe> qui se trouve juste aprs
(aidezvous de la figure). Les deux objets sont mis en surbrillance.
7. Dplacez lune des deux lignes en surbrillance
vers le souscalque knobs. Relchez le bouton
de la souris lorsque celuici est mis en exergue.
De cette faon, le panneau est mieux organis,
et il vous sera ensuite plus facile de rechercher
du contenu.
8. Cliquez sur le triangle situ gauche du sous
calque knobs pour en afficher le contenu.

Dupliquer le contenu dun calque


Pour copier des calques ou dautres contenus, vous pouvez passer par le panneau
Calques ou employer les commandes dition > Copier ou dition > Couper, comme
vous lavez fait au cours des leons prcdentes.
1. Dplacez vers la gauche le bord gauche du panneau Calques afin de llargir et de
voir lintgralit des noms des calques.

264

LEON 8

Les calques

2. Dans le souscalque knobs, cliquez sur le nom


<Trac>. Appuyez sur la touche Alt (Windows)
ou Options (Mac OS) et faites glisser lobjet
<Trac> vers le haut jusqu voir apparatre
une ligne audessus de cet objet. Relchez le
bouton de la souris puis la touche.

E Astuce : Vous

Le dplacement accompagn dun appui sur la


touche de modification copie le contenu slec
tionn. Lopration revient slectionner le
contenu sur le plan de travail et choisir dition > Copier puis dition > Coller devant.

pouvez galement
slectionner la
ligne <Trac>
dans le panneau
Calques et
choisir Dupliquer
<Trac> dans
le menu de ce
panneau.

3. Cliquez sur le triangle gauche du souscalque knobs afin den masquer le contenu.
4. Choisissez Slection > Dslectionner, si ncessaire.
5. Avec loutil Slection ( ), cliquez de nouveau
sur le petit bouton dans lillustration.
Doublecliquez sur loutil Slection et, dans
la bote de dialogue Dplacement, fixez la
position Horizontale 0,8 in et assurezvous
que la position Verticale est 0. Cochez la
case Aperu et cliquez sur OK.
6. Choisissez Slection > Dslectionner.

Dplacer des calques


Vous allez prsent dplacer lillustration de lcran vers le calque Screen. Vous lui
ajouterez ultrieurement du contenu qui proviendra dun autre fichier Illustrator. Vous
dplacerez galement lillustration du chssis du tlviseur vers le calque TV body.
1. Avec loutil Slection ( ) dans lillustration, cli
quez sur la forme blanche aux angles arrondis
dans laquelle sera plac le contenu de lcran.
Dans le panneau Calques, un indicateur de
slection ( ) est affich la droite du nom du
calque Side panel. Il dsigne le calque sur lequel
se trouve lillustration slectionne.

1
4

2
3

2. Faites glisser vers le haut lindicateur de


slection (la case bleue) depuis la droite du
nom du calque Side panel jusqu la droite
de licne cible ( ) du calque Screen.
Cette opration dplace lobjet slectionn
(<Trac>) vers le calque Screen. Dans lillus
tration, la couleur du cadre de slection et
des points dancrage change pour prendre
celle du calque Screen (vert, dans ce cas).
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

265

3. Choisissez Slection > Dslectionner.


4. Dans le calque Side panel, cliquez sur la
colonne de slection droite du dernier
objet <Trac> afin de voir quel contenu
est slectionn sur le plan de travail. Un
indicateur de slection bleu ( ) apparatra
dans la colonne de slection.
Un clic sur la colonne de slection est une
autre manire de slectionner lillustration
sur le plan de travail.

E Astuce : Vous

pouvez aussi faire


glisser lindicateur
de slection bleu
de lobjet <Trac>
slectionn
directement
dans la colonne
de slection du
calque TV body
pour dplacer cet
objet.

5. Faites glisser ce souscalque <Trac> vers le haut, jusque sur le calque TV body.
Lobjet <Trac> apparat devant la plus grande partie du contenu de lillustration.

1
4

6. Cliquez sur le dernier souscalque <Trac>


du calque Side panel afin de le slectionner.
Tout en appuyant sur la touche Maj, cliquez
sur le souscalque <Trac> qui se trouve
audessus. Faites glisser vers le haut lun des
deux souscalques slectionns, jusque sur
le calque TV body.
Le contenu de Side panel (les boutons) a
disparu. En effet, le contenu du calque TV
body se trouve en premier dans le panneau
Calques et donc en premier dans lordre
dempilement (devant le contenu du calque
Side panel).

266

LEON 8

2
3

Les calques

7. Cliquez sur le triangle gauche du calque Side panel pour en masquer le contenu
puis choisissez Slection > Dslectionner.
8. Dans le panneau Calques, cliquez sur le calque Side panel et dplacezle vers le
haut, entre les calques Screen et TV body. Lorsquune ligne apparat entre les
calques, relchez.

1
4

2
3

P Note : Faites

attention ne
pas dplacer
le calque dans
lun des autres.
Si le calque Side
panel disparat,
choisissez
dition > Annuler
Rorganiser
les calques et
recommencez.

9. Choisissez Fichier > Enregistrer.

Verrouillage de calques
Lorsque vous modifiez votre illustration, vous pouvez verrouiller des calques pour
viter de slectionner ou de modifier le reste de lillustration. Dans cette section, vous
apprendrez verrouiller lintgralit du contenu dun calque ou dun souscalque.
Vous allez verrouiller tous les calques lexception du souscalque knobs, de faon
pouvoir aisment modifier les boutons sans toucher aux objets des autres calques.
1. Cliquez dans la colonne ddition, droite de
licne de visibilit ( ) du calque Screen, de
manire verrouiller celuici.
Licne du cadenas ( ) indique que le calque
et tout son contenu sont verrouills.
E Astuce : En

2. Rptez ltape prcdente de faon ver


rouiller le calque TV body.
3. Cliquez sur le triangle gauche du calque
Side panel afin den afficher le contenu.
Cliquez dans la colonne ddition droite de
licne de visibilit du souscalque <Trac>
qui se trouve aprs le souscalque knobs.
Vous verrouillez lobjet <Trac>.
E Astuce : Vous pouvez galement double-cliquer

sur la vignette du calque ou juste droite du nom du


calque pour ouvrir la bote de dialogue Options de calque, qui offre la possibilit de verrouiller et de
dverrouiller le calque.

cliquant de
nouveau dans
la colonne
ddition, vous
les reverrouillez.
Enappuyant
sur la touche Alt
(Windows) ou
Option (MacOS)
lorsque vous
cliquez dans la
colonne ddition,
vous verrouillez
ou dverrouillez,
selon le cas, tous
les autres calques.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

267

4. Avec loutil Slection ( ), tracez un


rectangle de slection sur les deux petits
boutons placs dans langle suprieur
droit du tlviseur.
Le contenu qui a t verrouill ne peut
pas tre slectionn sur le plan de
travail. Le verrouillage des calques
permet de slectionner plus facilement le contenu souhait.
5. Choisissez Objet > Transformation >
Mise lchelle. Dans la bote de
dialogue Mise lchelle, changez
lchelle Uniforme 110 %, cochez
la case Aperu et cliquez sur OK.
6. Dans le panneau Calques, cliquez
sur les icnes de cadenas ( ) en
regard des calques <Trac>, Screen
et TV body pour les dverrouiller.
Cliquez sur le triangle gauche du
calque Side panel afin de le refermer.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Affichage des calques


Le panneau Calques permet de masquer les calques, souscalques ou objets indivi
duels. Lorsquun calque est masqu, les objets quil contient sont verrouills et ne
peuvent pas tre slectionns, ni imprims. Le panneau Calques sert galement
afficher des calques ou des objets en mode Aperu ou Tracs, indpendamment des
autres calques de lillustration. Vous allez prsent modifier la couleur de fond dune
partie du chssis du tlviseur.
E Astuce :

Cliquer sur licne


de visibilit du
calque tout en
appuyant sur
les touches Alt
(Windows) ou
Option (MacOS)
permet de
masquer ou
dafficher un
calque. Masquer
un calque
empche sa
modification.

268

LEON 8

1. Dans le panneau Calques, slectionnez le calque TV body. Appuyez ensuite sur


Alt (Windows) ou Option (Mac OS) et cliquez sur licne de visibilit ( ) place
gauche du nom du calque TV body pour masquer les autres calques.

Les calques

2. Cliquez sur le triangle gauche du nom du calque TV body pour en dvoiler le


contenu.
3. Appuyez sur Ctrl (Windows) ou Cmd (Mac OS) et cliquez sur licne de visibilit
( ) du calque TV body afin de lafficher en mode Tracs.
Cette opration permet de voir la prsence de trois formes. Laffichage dun calque en
mode Tracs facilite la slection des points dancrage ou des points centraux dobjets.

E Astuce : Pour

passer lillustration
en mode Tracs,
vous pouvez
galement
double-cliquer
sur la vignette du
calque ou juste
droite de son nom
afin douvrir la
bote de dialogue
Options de calque
et dy dcocher la
case Aperu.

4. Avec loutil Slection ( ), cliquez sur le rec


tangle lintrieur de la forme du tlviseur
(aidezvous de la figure).

5. Le rectangle tant slectionn, dans le panneau


Contrle, changez sa couleur de fond Wood
Grain. Un dgrad est alors appliqu au rectangle.

6. Appuyez sur la touche Ctrl (Windows) ou Cmd


(Mac OS) et cliquez sur licne de visibilit
( ) gauche du calque TV body pour passer
lillustration de ce calque en mode Aperu.
Dans le panneau Calques, notez lindicateur
de slection ( ) droite du dernier sous
calque <Trac>. Vous remarquerez galement
que vous ne voyez pas la forme sur le plan de
travail car elle se trouve en bas de la pile des
calques, derrire les deux autres objets <Trac>.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

269

7. Choisissez Objet > Disposition > En avant.


Vous voyez prsent la forme slectionne
et son fond en dgrad. Les commandes
Disposition permettent de dplacer le contenu
dans la pile du calque, de manire comparable
au dplacement prcdent des souscalques
dans le panneau Calques.
P Note : Lorsque
vous activez
initialement
loutil Dgrad
de couleurs, une
ligne horizontale
apparat dans
le rectangle
slectionn.
Elle indique
lorientation par
dfaut du fond en
dgrad.

8. Dans le panneau Outils, activez loutil


Dgrad de couleurs ( ). Assurezvous
que la case Fond est slectionne au bas
du panneau Outils. Placez le pointeur en
partie infrieure centrale du rectangle slec
tionn. Appuyez sur la touche Maj, cliquez
et faites glisser en ligne droite vers la partie
suprieure de rectangle afin de changer
lorientation du dgrad. Relchez le bouton
de la souris puis la touche de modification.
9. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.
10. Dans le menu du panneau Calques (
choisissez Tout afficher.

),

Dans le panneau Calques, vous pouvez ga


lement appuyer sur la touche Alt (Windows)
ou Option (Mac OS) et cliquer sur licne de
visibilit ( ) gauche du nom du calque
TV body pour afficher les autres calques.

11. Cliquez sur le triangle gauche de TV body pour en masquer le contenu.

Collage de calques
Pour terminer le tlviseur, vous allez copier et coller les dernires parties de lillustra
tion partir dun autre fichier. Vous pouvez coller un fichier avec calques dans un autre
fichier tout en conservant tous les calques intacts.
1. Choisissez Fentre > Espace de travail >
Rinitialiser Les indispensables.
2. Choisissez Fichier > Ouvrir et chargez le fichier
show.ai, qui se trouve dans le dossier Lesson08
sur votre disque dur.

270

LEON 8

Les calques

3. Ouvrez le panneau Calques en cliquant sur


son icne ( ). Pour voir comment les objets
sont organiss sur les calques, appuyez sur Alt
(Windows) ou Option (Mac OS) et cliquez sur
les diffrentes icnes de visibilit ( ). Vous
pouvez galement cliquer sur les triangles ( )
gauche des noms des calques pour afficher
et masquer leur contenu. Lorsque vous avez
termin, assurezvous que tous les calques sont
visibles et rduits.

4. Choisissez Slection > Tout puis dition > Copier pour slectionner et copier le
contenu du jeu tlvis dans le Pressepapiers.
5. Choisissez Fichier > Fermer pour fermer le fichier show.ai, sans enregistrer les
modifications ventuelles. Si une bote davertissement apparat, cliquez sur Non
(Windows) ou sur Ne pas enregistrer (Mac OS).
6. Dans le document tv.ai, choisissez Coller selon les calques dans le menu du
panneau Calques (
). Une marque en regard de la commande indique quelle
est slectionne.
Loption Coller selon les calques se traduit par le fait que, si des calques provenant
dun autre fichier sont colls dans lillustration, ils viendront sajouter sparment
au panneau Calques. Si cette option nest pas active, tous les objets sont colls sur
le calque actif et les calques du document dorigine ne sont pas colls.

P Note : Si le

document cible
comprend un
calque de mme
nom, Illustrator
y regroupe le
contenu coll.

7. Choisissez dition > Coller, pour coller le


contenu du jeu tlvis sur le tlviseur.
Loption Coller selon les calques permet le
collage des calques de show.ai sous la forme
de quatre calques distincts au dbut du
panneau Calques (Shadow/highlight, Text,
Game board et Background).
8. Avec loutil Slection ( ), dplacez le nouveau
contenu devant le rectangle gris arrondi, en
le centrant du mieux possible (aidezvous
de la figure).

Vous allez prsent dplacer les nouveaux


calques colls dans le calque Screen.
9. Dans le panneau Calques, slectionnez le
calque Shadow/highlight (sil ne lest pas
dj) et, tout en appuyant sur Maj, cliquez sur le nom du calque Background.
Faites glisser vers le bas lun des quatre calques slectionns, sur le calque Screen.
Lillustration ne doit pas changer daspect.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

271

Faire glisser les calques slectionns.

Le rsultat.

Les quatre calques colls deviennent des souscalques du calque Screen. Notez
quils ont conserv leur propre couleur de calque.
10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Cration dun masque dcrtage


Le panneau Calques permet de crer des masques dcrtage pour contrler la faon
dont lillustration sur un calque (ou dans un groupe) est masque ou affiche. Un masque
dcrtage est un objet ou un groupe dobjets, dont la forme masque une illustration
place derrire pour nen afficher que la partie qui correspond la forme du masque.
Vous allez crer un masque avec le rectangle blanc arrondi du calque Screen.
1. Agrandissez le panneau Calques pour rvler tous les calques.

P Note : Il nest

pas obligatoire de
dslectionner
lillustration pour
accomplir les
tapes suivantes,
mais cela peut
faciliter la
visualisation de
lillustration.

E Astuce : Pour
retirer le masque
dcrtage,
slectionnez le
calque Screen
et cliquez sur le
mme bouton
Crer/Annuler
le masque
dcrtage.

272

LEON 8

Dans le panneau Calques, un objet de masque doit se trouver audessus des objets
quil masque. Vous pouvez crer un masque dcrtage pour lintgralit dun calque,
pour un souscalque ou pour un groupe dobjets. Puisque vous voulez masquer
lensemble du contenu du calque Screen, lobjet de masque doit se trouver au dbut
du calque Screen ; cest ce que vous avez fait la section prcdente.
2. Cliquez sur le dernier souscalque <Path> du
calque Screen et faitesle glisser sur le nom
du calque Screen. Lorsque celuici est mis en
surbrillance, relchez pour positionner <Path>
au dbut du calque.
Le rectangle blanc arrondi se trouve prsent
devant les autres lments du calque Screen.
3. Slectionnez le calque Screen. Cliquez sur le
bouton Crer/Annuler le masque dcrtage ( )
au bas du panneau Calques.

Les calques

1
4

2
3

Le nom du souscalque <Path> est soulign pour indiquer quil sagit dune forme
de masquage. Sur le plan de travail, le souscalque <Path> a dcoup les parties
de lcran qui dbordaient de la forme.

Fusion de calques
Pour rduire le nombre de calques de votre illustration, vous pouvez fusionner des
calques, des souscalques et des groupes. Cela consiste regrouper sur un seul calque
les lments contenus dans tous les calques slectionns. Notez que les lments
seront fusionns dans le dernier calque ou groupe que vous aurez slectionn. Vous
allez prsent fusionner quelques calques en un seul.
1. Dans le panneau Calques, activez le calque Text
puis cliquez sur le calque Background tout en
appuyant sur Maj pour lajouter la slection.
Notez que lindicateur de calque courant ( )
montre que le dernier calque slectionn est le
calque actif. Cest lui qui dtermine le nom et
la couleur du calque de fusion.
2. Dans le menu du panneau Calques (
), choi
sissez Fusionner la slection pour fusionner le
contenu des trois souscalques dans le sous
calque Background.
Les objets contenus dans les calques fusionns
conservent leur ordre de superposition dorigine.
Ils sont ajouts audessus des objets figurant
dans le calque de destination.

P Note : Des

calques ne
peuvent fusionner
quavec dautres
calques au
mme niveau
hirarchique
dans le panneau
Calques. De
mme, des
sous-calques ne
peuvent fusionner
quavec dautres
sous-calques du
mme calque et
au mme niveau
hirarchique.
Ilnest pas
possible de
fusionner des
objets avec
dautres objets.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

273

3. Doublecliquez sur la vignette gauche du


nom du calque Background ou directement
droite du nom. Dans la bote de dialogue
Options de calque, choisissez Vert dans le
menu Couleur afin quelle corresponde la
couleur du calque Screen. Cliquez sur OK.
Vous ntes pas oblig de faire correspondre
la couleur du calque celle du calque
principal. La bote de dialogue Options
de calque propose de nombreuses autres options que vous avez dj employes,
comme le nom du calque, le mode Aperu ou Tracs, le verrouillage des calques
et leur affichage/masquage. Vous pouvez galement y dcocher la case Imprimer
afin que le contenu du calque ne soit pas imprim.
4. Tout en appuyant sur la touche Alt (Windows)
ou Option (Mac OS), cliquez sur licne de
visibilit ( ) gauche du calque Screen afin
de masquer les autres calques. Cliquez sur la
colonne de visibilit vide gauche du sous
calque Shadow/highlight pour que son contenu
saffiche sur le plan de travail. Vrifiez que le
calque Background est masqu.
5. Choisissez Slection > Tout sur le plan de
travail actif.
P Note : Les

options
dalignement
napparaissent
peut-tre pas
dans le panneau
Contrle, mais
elles sont alors
disponibles
partir du mot
Alignement. Le
nombre doptions
affiches dans le
panneau Contrle
dpend de la
rsolution de
lcran.

6. Vrifiez que Aligner sur une slection (


) est actif dans le panneau Contrle et
cliquez sur le bouton Alignement horizontal au centre ( ) puis sur Alignement
vertical au centre ( ) de faon aligner les contenus lun par rapport lautre.

7. Dans le menu du panneau Calques (


),
choisissez Tout afficher. Ensuite, choisissez
Slection > Dslectionner.
8. Choisissez Fichier > Enregistrer.

Recherche de calques
Pendant que vous travaillez sur votre illustration, il peut arriver que vous slectionniez
du contenu sur le plan de travail et souhaitiez rechercher ce mme contenu dans le
panneau Calques, cela afin de vous aider comprendre lorganisation des lments.

274

LEON 8

Les calques

1. Avec loutil Slection ( ), cliquez sur lun


des petits boutons dans lillustration.
Dans le panneau Calques, lindicateur de
slection se trouve lextrme droite du
calque Side panel et du nom du souscalque
knobs.
2. Au bas du panneau Calques, cliquez sur le
bouton Rechercher lobjet ( ). Vous rvlez
ainsi lobjet dans le souscalque knobs.

Un clic sur le bouton Rechercher lobjet ouvre


le calque afin que son contenu soit visible ; le
panneau Calques dfile, si ncessaire, pour
rvler le contenu slectionn. Si votre fichier
Illustrator comprend un grand nombre dl
ments dans de nombreux calques, cette possi
bilit se montrera trs utile.
3. Choisissez Slection > Dslectionner.
4. Cliquez sur le triangle gauche des noms des calques Screen et Side panel pour
masquer leur contenu.

Application dattributs daspect des calques


Le panneau Calques permet dappliquer des attributs daspect, comme des styles, des
effets ou de la transparence, des calques, des groupes ou des objets. Lorsquun attribut
daspect est appliqu un calque, il lest tous les objets placs sur ce calque ; lorsquil
vise uniquement un objet dun calque, il naffecte que cet objet et pas le reste du calque.
Vous allez appliquer un effet un objet sur lun des calques, puis vous le copierez vers
un autre calque pour lappliquer tous les objets de ce calque.

P Note : Pour en

savoir plus sur les


attributs daspect,
consultez la
Leon 13, Les
attributs daspect
et les styles
graphiques.

1. Cliquez sur le triangle gauche du nom du calque TV body afin dafficher son contenu.
2. Cliquez sur licne de cible ( ) droite du
dernier objet <Trac>.

Vous indiquez ainsi que vous souhaitez modi


fier un effet, un style ou une transparence au
calque, au souscalque, au groupe ou lobjet.
Le calque, le souscalque, le groupe ou lobjet
est cibl. Le contenu est galement slectionn
dans la fentre de document. Lorsque licne
de cible comprend deux cercles ( ou ), cela
signifie que llment est cibl ; un seul cercle
indique que llment nest pas cibl.

P Note : En

cliquant sur
licne de cible,
vous slectionnez
galement les
objets sur le plan
de travail. Vous
pouvez aussi
slectionner le
contenu sur le
plan de travail
pour lui appliquer
un effet.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

275

P Note : Le

menu Effet
propose deux
articles Spcial.
Choisissez le
premier, qui se
trouve dans Effets
Illustrator.

3. Choisissez Effet > Spcial > Ombre porte. Dans la bote de dialogue Ombre porte,
procdez aux modifications suivantes :

Mode : Produit (la valeur par dfaut) ;


Opacit : 50 % ;

Dcalage sur X : 0 in ;

Dcalage sur Y : 0,1 in ;

Attnuation : 0,1 in (si ncessaire).

Cliquez sur OK. Une ombre porte apparat sur le bord de la forme du tlviseur.

1
4

2
3

Notez que, sur le souscalque <Trac>, licne de cible ( ) est prsent ombre,
indiquant ainsi que des attributs daspect lui ont t appliqus.
4. Ouvrez le panneau Aspect en cliquant sur son
icne ( ). Si le panneau nest pas visible, choisis
sez Fentre > Aspect. Notez que lombre porte
a t ajoute la liste des attributs daspect de
lobjet slectionn.
5. Choisissez Slection > Dslectionner.
Vous allez maintenant vous servir du panneau
Calques pour copier cet attribut daspect sur un
autre calque et le modifier.

P Note : Vous

pouvez faire
glisser et copier
licne de cible
ombre vers
nimporte quel
calque, souscalque, groupe ou
objet de manire
appliquer
les proprits
indiques dans le
panneau Aspect.

276

LEON 8

6. Affichez le panneau Calques en cliquant sur son


icne ( ). Cliquez sur le triangle gauche du
calque Side panel afin den rvler le contenu.
Si ncessaire, agrandissez le panneau Calques
pour afficher la liste complte.

7. Appuyez sur la touche Alt (Windows) ou Option


(Mac OS) et faites glisser licne de cible ombre
du dernier souscalque <Trac> du calque
TV body vers licne de cible du souscalque
knobs, sans relcher. Lorsque licne de cible
du souscalque knobs devient gris clair, relchez le bouton de la souris puis la
touche de modification.

Les calques

Lombre porte est maintenant applique au souscalque knobs et tout son


contenu, comme le signale licne de cible ombre.
Vous allez modifier leffet dombre porte pour les boutons afin de la rendre plus
marque.
8. Dans le panneau Calques, cliquez sur licne de
cible ( ) droite du nom du souscalque knobs.

Vous slectionnez ainsi automatiquement les


objets de ce calque et dslectionnez par la
mme occasion lobjet du calque TV body.

9. Ouvrez le panneau Aspect en cliquant sur son


icne ( ) sur la droite de lespace de travail.
Dans ce panneau, cliquez sur Ombre porte
(pour cela, vous devrez peuttre faire dfiler
le panneau).

10. Dans la bote de dialogue Ombre porte,


changez Opacit 80 % et cliquez sur OK.
Le dgrad appliqu aux boutons change
de manire subtile.

1
4

2
3

11. Choisissez Slection > Dslectionner.


12. Choisissez Fichier > Enregistrer.

Isolation de calques
Lorsquun calque se trouve en mode Isolation, les objets quil contient sont isols de
manire que lon puisse les modifier facilement sans affecter les autres calques. Vous
allez passer un calque en mode Isolation et y raliser quelques changements simples.
1. Ouvrez le panneau Calques en cliquant sur son icne (
gauche des souscalques pour tous les fermer.

). Cliquez sur les triangles

2. Slectionnez le calque Side panel.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

277

3. Dans le menu du panneau Calques (


choisissez Passer en mode Isolation.

),

En mode Isolation, le contenu du calque Side


panel apparat audessus de tous les objets
du plan de travail. Tout autre contenu du
plan de travail est estomp et verrouill, la
manire du mode Isolation pour un groupe
dobjets. Le panneau Calques affiche dsor
mais un calque nomm Mode Isolation et
un souscalque qui correspond au contenu de Side panel.
4. Avec loutil Slection ( ), cliquez tout en appuyant sur Maj sur les deux petits
boutons dans la partie suprieure du panneau latral.

5. Appuyez deux fois sur la touche Flche bas


pour les dplacer vers le bas.
6. Appuyez sur la touche chap pour sortir du
mode Isolation.
Notez que le contenu nest plus verrouill et
que le panneau Calques affiche nouveau
lensemble des calques et souscalques.
7. Choisissez Slection > Dslectionner.
Lillustration tant termine, vous souhaitez peuttre regrouper tous les calques
dans un seul et supprimer les calques vierges. Cette opration sappelle aplatir une
illustration. Fournir une illustration termine sous la forme dun fichier calque
unique vite certains incidents, comme le fait de masquer involontairement certains
calques ou domettre dimprimer certaines parties de lillustration. Pour aplatir des
calques sans supprimer les calques masqus, slectionnez les calques aplatir, puis
choisissez Fusionner les calques dans le menu du panneau Calques.
Pour obtenir la liste complte des raccourcis que vous pouvez utiliser avec le panneau
Calques, reportezvous la rubrique Raccourcis clavier de lAide dIllustrator.
8. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

278

LEON 8

Les calques

Questions de rvision
1. Indiquez au moins deux avantages de lutilisation des calques.
2. Comment faiton pour masquer des calques ? Et pour afficher des calques ?
3. Dcrivez la faon de rorganiser des calques dans un fichier.
4. Quel est lintrt de modifier la couleur de slection dun calque ?
5. Que se passetil si on colle un fichier avec calques dans un autre fichier ? Pour
quelle opration loption Coller selon les calques estelle utile ?
6. Comment creton un masque dcrtage ?
7. Comment faiton pour appliquer un effet un calque ? Et pour le modifier ?

Rponses
1. Parmi les avantages des calques, citons : lorganisation du contenu, la slection plus
facile dobjets, la protection des objets quon ne souhaite pas modifier, le masquage
des objets sur lesquels on ne travaille pas afin quils ne gnent pas et une meilleure
matrise des oprations dimpression.
2. Il suffit de cliquer sur licne de visibilit ( ) place gauche du nom du calque
dans le panneau Calques. Pour afficher un calque, il faut cliquer dans la colonne
vierge la plus gauche (la colonne de visibilit).
3. Pour rorganiser les calques, il faut slectionner un nom de calque dans le panneau
Calques, puis le faire glisser vers son nouvel emplacement. Lordre des calques dans
ce panneau commande lordre des calques dans le document, le premier calque du
panneau tant celui affich au premier plan dans lillustration.
4. La couleur de slection contrle laffichage des points dancrage et des lignes directrices
sur un calque et permet de mieux identifier les diffrents calques dun document.
5. Les commandes Coller collent sur le calque actif par dfaut des fichiers avec calques
ou des objets copis partir dautres calques. Loption Coller selon les calques
conserve intacts les calques dorigine lorsque les objets sont colls.
6. Il suffit de slectionner le calque et de cliquer sur le bouton Crer/Annuler le
masque dcrtage ( ) dans le panneau Calques. Lobjet plac sur le dessus de la
pile devient un masque dcrtage.
7. On clique sur licne de cible du calque concern et on choisit leffet dans le menu
Effet ou en cliquant sur le bouton Ajouter un effet ( ) du panneau Aspect. Pour
modifier leffet, on sassure que le calque est slectionn puis on clique sur le nom
de leffet dans le panneau Aspect. La bote de dialogue de leffet apparat et permet
de modifier les valeurs.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

279

Grce la grille de perspective dAdobe Illustrator, vous


pouvez facilement dessiner et restituer votre illustration en
perspective. Lagrille de perspective permet de reprsenter
approximativement une scne sur une surface plane, telle
quelle est naturellement perue par lil humain.

DESSIN EN
PERSPECTIVE
Au cours de cette leon, vous apprendrez :
comprendre le dessin en perspective ;
utiliser les paramtres de grille prdfinis ;
ajuster la grille de perspective ;
dessiner et modifier des objets en perspective ;
modifier les plans de la grille et du contenu ;
mettre du contenu en perspective ;
crer et modifier du texte en perspective ;
associer des symboles en perspective ;
modifier des symboles en perspective.
Cette leon vous prendra environ une heure et demie.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Dans cette leon, vous travaillerez avec la grille de perspective, en lui ajoutant du
contenu que vous modifierez. Avant de commencer, vous devez restaurer les prf
rences par dfaut dAdobe Illustrator. Vous ouvrirez ensuite lillustration termine de
cette leon, pour voir ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le fichier L9end.ai,


qui se trouve dans le dossier Lesson09 sur votre disque
dur.
Vous allez crer des botes de produits de maquillage
pour une publicit.
4. Choisissez Affichage > Ajuster le plan de travail la
fentre et gardez le fichier ouvert pour rfrence ou
choisissez Fichier > Fermer.
P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

5. Choisissez Fichier > Ouvrir et chargez


le fichier L9start.ai, situ dans le dossier
Lesson09.
6. Choisissez Fichier > Enregistrer sous, nom
mez le fichier L9pub.ai et slectionnez le
dossier Lesson09. Choisissez Adobe Illustra
tor (*.AI) dans le menu Type (Windows) ou
Adobe Illustrator (ai) dans le menu Format
(Mac OS) puis cliquez sur Enregistrer. Dans
la bote de dialogue Options Illustrator, gardez les options par dfaut et cliquez
sur OK.
7. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le menu de lespace de travail,

choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre> Espace de
travail> Rinitialiser Les indispensables.

8. Choisissez Affichage > Ajuster le plan de travail la fentre.

282

LEON 9

Dessin en perspective

La grille de perspective
Dans Illustrator, laide de la grille de perspective et de loutil Slection de perspective,
vous pouvez facilement dessiner et restituer une illustration en perspective. Vous
pouvez dfinir une grille de perspective un point, deux points ou trois points,
fixer une chelle, dplacer les plans de la grille et dessiner des objets directement en
perspective. Vous pouvez mme placer une illustration plat sur les plans de la grille
en faisant glisser avec loutil Slection de perspective.
1. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Dans ce panneau, activez le calque
Perspective. Fermez le panneau Calques en cliquant
nouveau sur son icne.
2. Dans le panneau Outils, activez loutil Grille de
perspective ( ).
La grille de perspective deux points par dfaut
(qui nest pas imprime) saffiche sur le plan de
travail. Elle permet de dessiner et daligner du contenu en perspective. La grille
deux points comprend plusieurs plans ou surfaces par dfaut gauche (en bleu),
droit (en orange) et sol.
La figure suivante montre la grille de perspective et ses composantes. Nhsitez
pas la consulter au cours de votre progression dans cette leon.
A
B
C
D
E

O
P

H
A. Widget de changement de plan
B. Limite verticale de la grille
C. Rgle de la grille de perspective (non
affiche par dfaut)
D. Point de fuite gauche
E. Ligne dhorizon
F. Hauteur de lhorizon
G. Point gauche du niveau du sol
H. Limite de grille

J K L M
I.
J.
K.
L.
M.
N.
O.
P.
Q.

Taille des cellules de la grille


Point de contrle du plan de la grille de droite
Point de contrle du plan de la grille horizontale
Point de contrle du plan de la grille de gauche
Origine
Limite de grille
Point de fuite droit
Niveau de lhorizon
Point droit du niveau du sol

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

283

Manipulation de la grille de perspective


Avant de travailler avec du contenu en perspective, il est prfrable de configurer la
grille de perspective en fonction de vos prfrences.

Utiliser une grille prdfinie


P Note : Une

perspective
un point est trs
pratique pour le
trac de routes,
de voies ferres
ou de btiments
vus de face. Une
perspective
deux points
est utile pour
le dessin dun
cube, comme
un btiment, ou
de deux routes
qui disparaissent
lhorizon, et
elle possde
gnralement
deux points
de fuite. Une
perspective
trois points est
gnralement
utilise pour des
btiments vus
du dessus ou du
dessous.

Pour commencer cette leon, vous allez travailler avec une grille de perspective
prdfinie par Illustrator. Par dfaut, la grille de perspective se fonde sur deux points.
Vous pouvez trs facilement la changer en choisissant des paramtres prdfinis.
Illustrator autorise jusqu trois points de perspective.
1. Choisissez Affichage > Grille de pers
pective > Perspective trois points >
[Affichage normal3P]. La grille change
pour une perspective trois points.
Outre les points de fuite pour chaque
mur, un point supplmentaire montre ces
murs senfonant dans le sol ou slevant
dans les airs.
2. Pour revenir la perspective deux points, choisissez Affichage > Grille de pers
pective > Perspective deux points > [Affichage normal2P]. La grille revient la
perspective deux points par dfaut.

Ajuster la grille de perspective


Pour crer une illustration dans la perspective qui vous convient, vous pouvez ajuster
la grille en utilisant loutil Grille de perspective ou en passant par larticle de menu
Dfinir la grille. La grille peut tre modifie mme si du contenu est dj prsent
mais, en gnral, sa configuration sera plus facile avant que du contenu soit ajout.
Dans cette section, vous allez procder quelques rglages de la grille. Tout dabord,
vous la dplacerez l o vous dessinerez des botes. Vous pouvez galement ajouter
le contenu avec une grille son emplacement par dfaut, pour le dplacer ensuite.
1. Vrifiez que les repres comments sont actifs (Affichage > Repres comments).
2. Avec loutil Grille de perspective ( ),
positionnez le pointeur audessus du
point gauche du niveau du sol. Lorsque
le pointeur change daspect ( ), faites
glisser le point vers la gauche et le haut
de faon dplacer lintgralit de la grille
de perspective. Positionnezla comme
indiqu par la figure.

Les niveaux du sol gauche et droit permettent de dplacer la grille de perspective


vers diffrentes parties du plan de travail ou vers un autre plan de travail.

284

LEON 9

Dessin en perspective

Vous allez prsent modifier la hauteur de la grille.


3. Avec loutil Grille de perspective, posi
tionnez le pointeur audessus du point
de limite verticale de la grille (indiqu
par le X sur la figure). Lorsquil change
daspect ( ), faites glisser le point vers le
bas afin de diminuer lextension verticale.

E Astuce : La

position du
niveau du sol
par rapport la
ligne dhorizon
dtermine
la distance
au-dessus et
en dessous du
niveau des yeux
laquelle lobjet
sera visualis.

En diminuant la limite verticale, vous


pouvez rduire la grille si vous dessinez
des objets moins prcis, comme vous le
verrez plus loin dans la leon.

P Note : Les

4. Positionnez le pointeur audessus de


lextrmit droite de la la ligne dhorizon.
Il doit afficher une flche verticale ( ).
Cliquez et faites glissser lgrement vers
le haut, jusqu voir apparatre environ
270 pt dans les libells des dimensions.
Vous allez prsent ajuster les plans afin de
dessiner la bote dun produit avec lun des
cts plus visible que lautre. Pour cela, vous
devez dplacer un point de fuite.
5. Appuyez deux fois sur Ctrl+ (Windows) ou Cmd+ (Mac OS) pour augmenter
le niveau dagrandissement.

figures de cette
section montrent
unX rouge.
Ilindique le point
partir duquel
vous devez
faire glisser. Sur
certaines figures,
des lignes grises
indiquent la
position initiale
de la grille de
perspective, avant
quelle ne soit
ajuste.

6. Choisissez Affichage > Grille de perspective > Verrouiller la position.


Les points de fuite gauche et droit sont ainsi verrouills et se dplacent ensemble.
7. Avec loutil Grille de perspective, posi
tionnez le pointeur audessus du point
de fuite droit. Lorsquune flche hori
zontale ( ) le complte, faites glisser
vers la droite jusqu ce que la valeur X
dans les libells des dimensions affiche
environ 15 in.

Vous modifiez les deux plans de la grille et


la bote du produit que vous allez crer aura une face droite plus visible que lautre.
La configuration de la grille est une tape importante du dessin. Vous allez prsent
accder aux paramtres de la grille de perspective que vous avez dj modifis, ainsi
qu dautres, en utilisant la bote de dialogue Dfinir la grille de perspective.
8. Choisissez Affichage > Ajuster le plan de travail la fentre.
9. Choisissez Affichage > Grille de perspective > Dfinir la grille.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

285

10. Dans la bote de dialogue Dfinir


la grille de perspective, changez
les options suivantes :

Units : Pouces ;
Pas : 0,3 in.
E Astuce : Aprs
avoir dfini vos
paramtres,
vous pouvez
les enregistrer
comme des
paramtres
prdfinis afin
de les rutiliser
ultrieurement.
Dans la bote
de dialogue
Dfinir la grille
de perspective,
rglez les
diffrentes
options puis
cliquez sur
le bouton
Enregistrer
le paramtre
prdfini ( ).

Loption Pas ajuste la taille des


cellules de la grille et peut vous
aider dessiner et modifier de
faon plus prcise des objets
sur la grille, car, par dfaut, le
contenu est accol aux lignes de
la grille. Vous pouvez galement
changer lchelle de la grille,
par exemple pour utiliser des
dimensions physiques relles. La
bote de dialogue donne galement accs dautres paramtres, comme Hauteur
horizontale et Angle daffichage, que vous pouvez modifier sur le plan de travail
avec loutil Grille de perspective. Laissez les options Couleur et opacit de la grille
leurs valeurs par dfaut.
Lorsque les paramtres sont dfinis, cliquez sur OK.
La grille doit prsent avoir un aspect semblable celui illustr la figure suivante
(lexactitude nest pas obligatoire) :

P Note : Pour de plus amples informations sur la bote de dialogue Dfinir la grille de perspective,
recherchez Dfinition dune grille de perspective prdfinie dans lAide dIllustrator.

11. Choisissez Affichage > Grille de perspective > Verrouiller la grille.


Cette option restreint le dplacement de la grille et les autres fonctions ddition qui
utilisent loutil Grille de perspective. Vous pouvez changer uniquement la visibilit
et la position du plan de la grille, que vous manipulerez plus loin dans cette leon.
P Note : Lorsque vous activez un outil autre que Grille de perspective, vous ne pouvez pas modifier
la grille de perspective. Lorsque la grille de perspective est verrouille, vous pouvez la modifier en
choisissant Affichage> Grille de perspective> Dfinir la grille.

12. Choisissez Fichier > Enregistrer.

286

LEON 9

Dessin en perspective

Dessiner des objets en perspective


Pour dessiner des objets en perspective, utilisez les outils des groupes Trait ou
Rectangle (except loutil Halo) lorsque la grille est affiche. Avant de dessiner, vous
devez choisir le plan de la grille auquel lobjet sera associ. Pour cela, vous utilisez le
widget de changement de plan ou les raccourcis clavier.
Lorsque vous activez loutil Grille de
A. Grille de gauche(1)
perspective, un widget de changement A
B. Grille horizontale(2)
C
de plan apparat dans langle suprieur B
C. Grille de droite(3)
gauche de la fentre de document. Le
D. Aucune grille active(4)
D
plan slectionn dans le widget est le plan
actif de la grille de perspective sur lequel
vous ajoutez du contenu. La figure montre les plans que vous pouvez slectionner,
ainsi que leur raccourci clavier.
1. Dans le panneau Outils, activez loutil Rectangle (

).

2. Cliquez sur Grille de gauche(1) dans le widget de


changement de plan (si ce plan nest pas dj activ).
3. Positionnez le pointeur lorigine de la
grille de perspective, l o les deux plans
se rejoignent en partie infrieure. Notez
que le pointeur comprend une flche qui
pointe vers la gauche ( ). Elle indique
que vous allez dessiner sur le plan de la
grille de gauche. Faites glisser vers le haut
et la gauche, jusqu ce que les libells des
dimensions affichent une largeur denvi
ron 2,4 pouces et une hauteur denviron
3 pouces. Pendant lopration, le pointeur
doit rester accol aux lignes de la grille.

E Astuce : Vous

pouvez dsactiver
lalignement
sur la grille en
choisissant
Affichage > Grille
de perspective >
Magntisme de la
grille.

Lorsque vous dessinez en perspective, les raccourcis clavier habituels restent


disponibles, comme contraindre le mouvement en appuyant sur Maj pendant
que vous faites glisser.
4. Le rectangle tant slectionn, changez sa
couleur de fond en choisissant la nuance
orange/rouge nomme Box Left dans le
panneau Contrle. Appuyez sur la touche
chap pour masquer le panneau Nuancier.
5. Dans le panneau Contrle, fixez la couleur
de contour [Sans] ( ).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

287

Il existe diffrentes faons dajouter du contenu la grille de perspective. Vous allez


prsent employer une autre mthode pour dessiner un nouveau rectangle.
P Note : En

augmentant
le niveau
dagrandissement,
les lignes de la
grille sont plus
nombreuses
prs des points
de fuite. Cest
pourquoi, en
fonction du
facteur de zoom,
il est possible que
votre grille ne
corresponde pas
exactement aux
figures. Ce nest
pas gnant.

6. Appuyez deux fois sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour agrandir
laffichage de la grille de perspective.
7. Avec loutil Rectangle, cliquez sur Grille de droite(3)
dans le widget de changement de plan afin de dessiner
en perspective sur le plan de la grille de droite.
8. Positionnez le pointeur audessus de
langle suprieur droit du rectangle des
sin prcdemment. Lorsque apparat
point dancrage, cliquez. Dans la bote
de dialogue Rectangle, la largeur et la
hauteur du rectangle prcdent sont
affiches. Cliquez sur OK.
Notez que le pointeur est prsent accompagn dune flche vers la droite (
pour indiquer que vous dessinez sur le plan de la grille de droite.

9. Ouvrez le panneau Styles graphiques en


cliquant sur son icne ( ). Le nouveau
rectangle tant slectionn, cliquez sur le
style graphique nomm Box Right pour
le lui appliquer.
P Note : Pour

de plus amples
informations
sur les styles
graphiques,
consultez la
Leon 13, Les
attributs daspect
et les styles
graphiques.

Un style graphique permet denregistrer


la mise en forme dun contenu de faon
pouvoir lappliquer ensuite ailleurs.
Cest une bonne manire dappliquer un dgrad un autre objet afin dobtenir
un aspect cohrent.
10. Loutil Rectangle tant toujours actif, cliquez sur Grille horizontale(2) dans le
widget de changement de plan afin de dessiner en perspective sur le plan du sol.
11. Positionnez le pointeur audessus de
langle suprieur gauche du premier
rectangle dessin (sur le plan de gauche).
Lorsque apparat point dancrage, avec
un grand point dancrage vide, cliquez et
faites glisser vers langle suprieur droit
du second rectangle. Lorsquun grand
point dancrage vide apparat, relchez
le bouton de la souris.
12. Le rectangle tant slectionn, dans le panneau Contrle changez la couleur Fond
la nuance orange/rouge nomme Box Top.
13. Choisissez Affichage > Grille de perspective > Masquer la grille de faon masquer
la grille et visualiser votre illustration.

288

LEON 9

Dessin en perspective

Slectionner et transformer des objets en perspective


Grce aux outils Slection et Slection de perspective ( ), vous pouvez slectionner
des objets en perspective. Loutil Slection de perspective se fonde pour cela sur les
paramtres du plan actif. Si vous employez loutil Slection pour faire glisser un objet
qui a t dessin en perspective, sa perspective dorigine est conserve, mais il nest
pas actualis pour correspondre la grille de perspective.
Vous allez prsent dplacer et redimensionner les rectangles.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Choisissez Affichage > Grille de perspective > Afficher la grille.
3. partir du groupe de loutil Grille de perspective du panneau Outils ( ), activez
loutil Slection de perspective ( ). Cliquez sur le rectangle trac sur le plan de
droite, celui avec un dgrad. Notez que le plan de droite (Grille de droite(3)) est
prsent activ dans le widget de changement de plan et que la grille de pers
pective est affiche.
4. Loutil Slection de perspective tant actif, faites glisser vers le haut et la gauche
la poigne suprieure droite du rectangle. Lorsque les libells des dimensions
affichent une largeur denviron 2,1 pouces et une hauteur de 3,3 pouces, relchez
le bouton de la souris. Asssurezvous que le rectangle est align sur la grille.

E Astuce : Le

changement de
taille du contenu
sera plus facile en
augmentant le
facteur de zoom.

Notez que le rectangle que vous redimensionnez se trouve derrire celui plac
en haut de la bote. Le contenu sur la grille de perspective est soumis aux mmes
rgles de superposition que celui dessin hors de la grille de perspective.
5. Choisissez Objet > Disposition > Premier plan.
6. Avec loutil Slection de perspective,
cliquez sur le premier rectangle trac
(sur le plan de gauche). Dans le panneau
Contrle, cliquez sur Transformation
puis sur le point central infrieur dans le
localisateur de point de rfrence ( ) du
panneau Contrle. Loption Conserver les
proportions en largeur et en hauteur tant
dsactive ( ), fixez Hauteur 3,3 in.

P Note : En

fonction de la
rsolution de
votre cran, il est
possible que le
panneau Contrle
affiche les options
de transformation.

7. Activez loutil Zoom ( ) et cliquez plusieurs reprises sur le haut de la bote afin
den agrandir laffichage.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

289

P Note :

Slectionnez le
haut de la bote (le
rectangle) sur son
ct gauche car
son ct droit se
trouve par-devant.

8. Avec loutil Slection de perspective, cli


quez de faon slectionner le rectangle
rouge qui se trouve en haut de la bote.
Faitesle glisser partir de son centre
pour le placer audessus des deux autres
rectangles.
Faire glisser vers le haut ou le bas un objet
sur le plan horizontal, avec loutil Slection de perspective, le rend plus petit ou
plus grand. En allant vers le bas, lobjet sloigne en perspective, tandis qualler
vers le haut le rapproche en perspective.
E Astuce : Vous pouvez galement dplacer des objets dun plan vers un autre en utilisant le clavier.
Lobjet tant slectionn, commencez le faire glisser avec loutil Slection de perspective, sans relcher le bouton de la souris. Appuyez sur la touche 1, 2 ou 3 (selon le plan auquel vous voulez associer
lobjet) pour basculer vers le plan de la grille concern.
9. Appuyez deux reprises sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour zoomer
sur la grille.
10. Faites glisser le point gauche du rectangle suprieur afin quil soit accol au point
suprieur gauche du rectangle du plan de gauche. Faites glisser le point droit du
rectangle suprieur afin quil soit accol au point suprieur droit du rectangle du
plan de droite.

Accoler le point dancrage gauche.

Accoler le point dancrage droit.

11. Choisissez Fichier > Enregistrer puis Slection > Dslectionner.

Dupliquer du contenu en perspective


Que ce soit par copiercoller ou par une autre mthode, vous pouvez facilement dupliquer
du contenu sur la grille. Vous allez prsent dupliquer un objet en perspective, puis
dplacer un objet perpendiculairement un objet existant.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Choisissez Affichage > Grille de perspective > Dverrouiller la grille de faon pouvoir
de nouveau modifier la grille.
3. Dans le panneau Outils, activez loutil Grille de perspective ( ) et positionnez
le pointeur sur le widget de limite droite de la grille (indique par le X rouge sur
la figure). Lorsque laspect du pointeur change ( ), faites glisser vers la gauche
jusqu atteindre le bord droit du rectangle.
290

LEON 9

Dessin en perspective

En modifiant la limite du plan de la grille, le nombre de lignes affiches est plus


ou moins important.
Vous allez prsent commencer la cration dune autre bote de produit gauche de
celle existante. Pour cela, vous copierez du contenu.
4. Dans le panneau Outils, activez loutil Slection de perspective ( ). Sur le plan
de la grille de droite, slectionnez le rectangle au fond en dgrad. Commencez
faire glisser le rectangle vers la gauche. Pendant lopration, appuyez sur Alt+Maj
(Windows) ou Option+Maj (Mac OS). Lorsque les libells des dimensions affichent
une distance dX denviron 1,4 pouce, relchez le bouton de la souris puis les
touches de modification.

E Astuce : Vous

pouvez aussi
utiliser la
commande
Rpter la
transformation
(Objet >
Transformation >
Rpter la
transformation)
ou le raccourci
clavier Ctrl+D
(Windows) ou
Cmd+D (MacOS)
pour dplacer
des objets en
perspective.

La touche Maj contraint le mouvement des angles de 45 sur la grille, tandis que
la touche Alt (Windows) ou Option (Mac OS) permet la copie de lobjet.
5. Faites glisser le point suprieur droit
du nouveau rectangle vers le haut et la
gauche afin de le rendre plus troit et
plus grand. Arrtez lorsque les libells
des dimensions affichent une largeur
denviron 0,62 pouce et une hauteur de
5,8 pouces.
E Astuce : Pour une meilleure prcision, vous pouvez
galement effectuer un zoom avant sur lillustration
ou changer la taille du rectangle slectionn dans les
champs L et H du panneau Contrle ou du panneau
Transformation (Fentre> Transformation).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

291

Dplacer des objets perpendiculairement


Le nouveau rectangle tant en place, vous allez le dplacer perpendiculairement
sa position courante. Cette technique se rvlera utile lors de la cration dobjets
parallles, comme les accoudoirs dun fauteuil.
P Note : Lors

du dessin ou du
dplacement dun
objet, le raccourci
clavier 5, pour
le mouvement
perpendiculaire,
et les raccourcis
clavier 1, 2, 3
et 4, pour les
changements
de plan, ne sont
disponibles qu
partir du clavier
principal, non du
pav numrique.

1. Le rectangle tant slectionn, appuyez


sur la touche 5 et faites glisser le rectangle
lgrement vers la droite. Lorsque les
libells des dimensions affichent une
valeur dX environ gale 0,25 pouce,
relchez le bouton de la souris puis la
touche 5.
Cette action dplace lobjet perpendicu
lairement sa position courante. Pendant
lopration, vous pouvez galement
appuyer sur la touche Alt (Windows)
ou Option (Mac OS) de faon copier
lobjet.
2. Appuyez sur la touche chap pour mas
quer la grille de perspective.
3. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Dplacer ensemble des plans et des objets


Nous lavons expliqu au dbut de la leon, il est gnralement prfrable dajuster
la grille avant de dessiner des objets. Cependant, Illustrator permet de dplacer des
objets perpendiculairement, de manire comparable ce que vous venez de faire, en
dplaant les plans de la grille. Cette technique autorise un dplacement plus prcis.
Vous allez prsent dplacer en mme temps un plan de la grille et un objet.
1. Appuyez sur Ctrl+Maj+I (Windows) ou Cmd+Maj+I (Mac OS) pour rafficher la
grille de perspective.
2. Activez loutil Zoom ( ) et cliquez deux reprises, lentement, dans langle inf
rieur gauche sur la bote dorigine pour en agrandir laffichage.
3. Activez loutil Slection de perspective ( ) et positionnez le pointeur sur le point
de contrle du plan de la grille de droite (encercl sur la figure). Lorsque le pointeur
change ( ), faites glisser vers la droite jusqu voir apparatre D : 0.5 dans les libells
des dimensions. Relchez alors le bouton de la souris. Cette action dplace le plan
de la grille de droite, non les objets qui sy trouvent.

292

LEON 9

Dessin en perspective

Positionner le pointeur.

Faire glisser le plan de la grille de droite.

Notez que le plan sest dplac, mais que lillustration na pas boug. Vous allez
prsent remettre le plan de la grille de droite sa position dorigine.
4. Doublecliquez sur le point de contrle du plan de la grille de droite que vous
venez de faire glisser (encercl sur la figure). Dans la bote de dialogue Plan de
fuite droite, fixez Emplacement 0 in, vrifiez que la case Ne pas dplacer est
slectionne et cliquez sur OK.

Modifier le point de contrle


du plan de la grille.

E Astuce : Si

vous dplacez un
plan en utilisant le
point de contrle
du plan de la
grille, vous pouvez
galement choisir
dition> Annuler
Modifier la grille
de perspective
pour remettre le
plan sa position
dorigine.

Le rsultat.

Dans la bote de dialogue Plan de fuite droite, loption Ne pas dplacer permet
de dplacer le plan de la grille sans toucher aux objets associs. Loption Copier
les objets slectionns dplace le plan de la grille, en embarquant une copie des
objets du plan au cours de lopration.
Lemplacement commence 0, cestdire au point de situation. Ce point est
indiqu par le petit losange vert audessus du point de contrle du plan de la
grille horizontale.
5. Avec loutil Slection de perspective, doublecliquez sur le point de contrle du
plan de la grille de gauche (indiqu par la flche sur la figure). Dans la bote de
dialogue Plan de fuite gauche, fixez Emplacement 1,4 in, cochez Copier tous
les objets et cliquez sur OK. Vous dplacez le plan de gauche vers la gauche (les
valeurs positives le dplacent vers la droite) et copiez le rectangle en dplaant
galement cette copie.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

293

E Astuce : Si

vous slectionnez
un ou plusieurs
objets sur le
premier plan de
la grille et si vous
faites ensuite
glisser le point
de contrle de la
grille en appuyant
sur la touche Maj,
vous verrez que
seuls les objets
slectionns sont
dplacs avec le
plan de la grille.

De nombreuses commandes au clavier sont associes aux dplacements des plans


de la grille. Vous pouvez appuyer sur la touche Alt (Windows) ou Option (Mac OS)
et faire glisser un point de contrle du plan de la grille pour dplacer le plan et
copier son contenu. En appuyant sur la touche Maj, vous dplacez les objets avec
le plan de la grille sans les copier.
Vous allez prsent redimensionner le nouveau rectangle afin quil devienne le ct
gauche de la grande bote. Pour les tapes suivantes, prenez la figure en rfrence.
6. Faites glisser le point infrieur droit du nouveau rectangle de faon laccoler au
point infrieur gauche du grand rectangle.
7. Choisissez Affichage > Ajuster le plan de travail la fentre.
8. Faites glisser le point suprieur droit du nouveau rectangle de faon laccoler au
point suprieur gauche du grand rectangle.
9. Faites glisser le point central gauche du rectangle vers la droite jusqu obtenir une
largeur denviron 0,65 pouce dans les libells des dimensions.

Faire glisser le point


infrieur droit.

Faire glisser le point


suprieur droit.

Changer la largeur.

10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Associer des objets une perspective


Si vous avez dj cr des objets sans utiliser la grille de perspective, Illustrator vous
permet de les associer au plan actif sur la grille de perspective. Vous allez prsent
accrocher un logo en forme de fleur aux deux botes.
1. Si ncessaire, choisissez Affichage > Ajuster le plan de travail la fentre.

294

LEON 9

Dessin en perspective

2. Loutil Slection de perspective ( ) tant activ dans


le panneau Outils, choisissez Grille de droite(3) dans
le widget de changement de plan afin dtre certain que
la fleur sera ajoute au plan de la grille de droite.

E Astuce : Vous

3. Avec loutil Slection de perspective, faites glisser lune des fleurs rouges depuis
langle infrieur gauche du plan de travail sur le ct droit de la plus grande bote.

pouvez galement
slectionner
le plan actif
en utilisant les
raccourcis clavier:
1=Grille de
gauche, 2=Grille
horizontale,
3=Grille de droite,
4=Aucune grille
active.

Lillustration est ajoute au plan de la grille slectionn dans le widget de chan


gement de plan et se trouve derrire les rectangles dans lordre de superposition.
P Note : Au lieu de faire glisser lobjet sur le plan avec loutil Slection de perspective, vous pouvez

galement le slectionner avec cet outil, choisir le plan en utilisant le widget de changement de plan
et choisir ensuite Objet> Perspective> Joindre au plan actif. Le contenu est alors ajout au plan actif,
mais son aspect ne change pas.

4. Choisissez Objet > Disposition > Premier plan.


5. Choisissez Affichage >Zoom avant, plusieurs reprises, pour agrandir laffichage
des botes.
Vous allez prsent rduire la taille de la fleur.
6. Avec loutil Slection de perspective,
appuyez sur Maj+Alt (Windows) ou
Maj+Option (Mac OS) et faites glisser
le point suprieur droit de la forme de
la fleur vers le centre jusqu obtenir
une largeur denviron 1,5 pouce dans les
libells des dimensions. Le dplacement
devrait tre court.
7. Choisissez Slection > Dslectionner
puis Fichier > Enregistrer.

Dessiner sans grille active


Vous devrez parfois dessiner ou ajouter du contenu qui na pas besoin dtre en
perspective. Dans ce cas, vous pouvez slectionner Aucune grille active dans le widget
de changement de plan de faon dessiner un objet sans tenir compte de la grille.
Vous allez prsent ajouter un rectangle pour former larrireplan de la publicit.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

295

1. Choisissez Affichage > Ajuster le plan de travail la fentre.


2. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Dans ce panneau, slectionnez le
calque Background. Cliquez sur licne de cade
nas ( ) gauche du nom Background de faon
dverrouiller le contenu de ce calque. Gardez
le panneau affich.
3. Dans le panneau Outils, activez loutil Rectangle
( ). Dans le widget de changement de plan,
cliquez sur Aucune grille active(4). Vous allez ainsi pouvoir ajouter du contenu
sans la perspective.
4. En partant de langle suprieur gauche du plan de travail, faites glisser vers le bas
en direction de son angle infrieur droit. Vous crez un rectangle de la taille du
plan de travail.
5. Ouvrez le panneau Styles graphiques en cliquant sur son icne ( ). Le nouveau
rectangle tant slectionn, positionnez le pointeur sur la vignette du style gra
phique dont linfobulle affiche Background et cliquez pour appliquer ce style.

Slectionner Aucune
grille active.

Crer le rectangle.

Appliquer le style graphique.

6. Choisissez Objet > Disposition > Arrireplan.


7. Dans le panneau Calques, cliquez sur la colonne
ddition gauche du nom Background de faon
verrouiller le contenu de ce calque.
8. Activez le calque Perspective pour que le contenu
que vous allez ajouter le soit sur ce calque. Fermez
le panneau Calques en cliquant sur son onglet.
9. Choisissez Slection > Dslectionner (si
ncessaire).

Ajouter et modifier du texte en perspective


Lorsque la grille est affiche, vous ne pouvez pas ajouter directement du texte sur un
plan de perspective. Cependant, vous pouvez mettre du texte en perspective aprs

296

LEON 9

Dessin en perspective

lavoir cr en dehors de la grille de perspective. Vous allez prsent ajouter du texte


et le modifier en perspective.
1. Dans le panneau Outils, activez loutil Texte ( ). Cliquez dans une zone vide du
plan de travail, saisissez La Nouvelle, appuyez sur Entre ou Retour, et saisissez
Femme.
2. Slectionnez le texte avec loutil Texte.
Dans le panneau Contrle, changez la
police Trajan Pro 3, vrifiez que le
style de police est Regular et fixez le
corps 20 pt.

P Note : Si

les options de
formatage ne
sont pas visibles
dans le panneau
Contrle,
cliquez sur le
mot Caractre
pour afficher
le panneau
correspondant.

3. Dans le panneau Contrle, cliquez sur le


bouton Centrer ( ) de faon centrer
le texte.
4. Dans le panneau Outils, activez loutil
Slection de perspective ( ). Appuyez
sur la touche 3 pour slectionner la Grille
de droite dans le widget de changement
de plan. Faites glisser le texte sous la
fleur rouge que vous avez ajoute sur
le ct droit de la grande bote.

E Astuce : Vous

5. Lobjet de texte tant slectionn,


doublecliquez sur le texte avec loutil
Slection de perspective afin den
trer en mode Isolation. Loutil Texte
( ) est slectionn automatiquement.
6. Doublecliquez sur le mot Femme et,
dans le panneau Contrle, fixez le corps
24 pt. Cliquez sur le mot Caractre et changez linterligne 22 pt. Appuyez
sur la touche chap pour masquer le panneau Caractre.
7. Slectionnez lintgralit du texte et fixez la couleur de fond White.

pouvez aussi
entrer en mode
Isolation pour
modifier le texte,
en cliquant sur le
bouton Modifier le
texte ( ) dans le
panneau Contrle.
Pour sortir du
mode Isolation,
vous pouvez
galement cliquer
deux fois sur
la flche grise
qui se trouve
sous longlet du
document en
partie suprieure
de la fentre de
document.

8. Appuyez sur la touche chap jusqu sortir du mode Isolation.


P Note : Nous

avons ralis
un zoom avant
pour faciliter la
modification du
texte.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

297

Dplacer un plan en fonction dun objet


Lorsque vous souhaitez dessiner ou associer des objets en perspective sur la mme
profondeur ou hauteur quun objet existant, comme la bote de plus grande hauteur,
vous pouvez ajuster la grille correspondante la hauteur ou la profondeur souhaite.
Vous allez prsent dplacer le plan de la grille de droite la mme profondeur que
le ct droit de la grande bote et ajouter du texte.
1. Activez loutil Slection ( ) et cliquez sur le texte blanc La Nouvelle Femme qui
se trouve dans langle suprieur gauche du plan de travail.
2. Choisissez Objet > Transformation >
Rotation. Dans la bote de dialogue Rota
tion, fixez Angle 90 , cochez Aperu
et cliquez sur OK.
Vous constaterez que, la plupart du temps,
il est prfrable de faire pivoter du contenu
avant de lamener en perspective.
P Note : Les

lignes de la grille
sur le plan de la
grille de droite
ne recouvriront
probablement
pas le ct droit
de la grande
bote. Ce nest pas
gnant. Imaginez
que ces lignes
se prolongent
linfini sur le
mme plan.

3. Dans le panneau Outils, slectionnez loutil Slection de perspective ( ). Cliquez


sur le ct droit de la grande bote. Choisissez Objet > Perspective > Dplacer le
plan pour quil corresponde lobjet. Dsormais, tout ce que vous ajouterez au
plan de la grille de droite se trouvera au mme niveau de profondeur que le ct
droit de la grande bote.
4. Avec loutil Slection de perspective ( ), faites glisser le texte que vous avez fait
pivoter dans langle infrieur gauche du ct droit de la grande bote (aidezvous
de la figure).

Le plan avant son


dplacement.

Le plan aprs son


dplacement.

Le texte en place.

5. Choisissez Objet > Disposition > Premier plan pour placer le texte devant la bote.
Vous allez terminer la grande bote en y ajoutant une fleur rouge.
6. Avec loutil Slection de perspective ( ) activ, vrifiez que Grille de droite(3)
est slectionn dans le widget de changement de plan.
7. Avec loutil Slection de perspective, faites glisser la dernire fleur rouge depuis
langle infrieur gauche du plan de travail sur le ct droit de la grande bote, juste
audessus du texte.
298

LEON 9

Dessin en perspective

8. Choisissez Objet > Disposition > Premier plan.


9. Choisissez Affichage > Zoom avant, plusieurs reprises, pour agrandir laffichage.
10. Avec loutil Slection de perspective, appuyez sur Maj+Alt (Windows) ou Maj+Option
(Mac OS), et faites glisser le point suprieur droit de la forme de la fleur vers le
centre jusqu obtenir une largeur denviron 0,5 pouce dans les libells des dimen
sions. Mettez la fleur lemplacement indiqu sur la figure.

Faire glisser la fleur en perspective.

Redimensionner la fleur.

Le rsultat final.

11. Avec loutil Slection de perspective ( ), cliquez sur le texte blanc LA NOU
VELLE FEMME et choisissez Objet > Disposition > Premier plan pour le mettre
devant la fleur.
12. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Positionner automatiquement
un plan
En recourant aux options de positionnement
automatique des plans, vous avez toute
latitude pour dplacer provisoirement le
plan actif au seul passage du pointeur de
la souris sur le point dancrage ou le point
dintersection des lignes de rfrence en
appuyant sur la touche Maj.
Les options de positionnement automatique
des plans sont disponibles dans la bote de
dialogue Options de grille de perspective.
Pour lafficher, cliquez deux fois sur licne de
loutil Grille de perspective ( ) ou sur celle
de loutil Slection de perspective ( ) dans le panneau Outils.
Extrait de lAide dIllustrator

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

299

Ajouter des symboles la grille de perspective


P Note : Les

symboles que
vous souhaitez
ajouter en
perspective
ne doivent pas
comprendre
certains lments,
comme des
images bitmap,
des enveloppes
ou des filets de
dgrads.

P Note : Pour

de plus amples
informations sur
les symboles,
consultez la
Leon 14, Les
symboles.

Lorsque la grille est affiche, lajout de symboles un plan de perspective est une bonne
manire de placer plusieurs lments identiques, comme des fentres. linstar du
texte, vous pouvez insrer des symboles en perspective aprs les avoir crs en mode
Normal. Vous allez ajouter une fleur aux botes.
1. Avec loutil Slection de perspective ( ), cliquez sur le ct gauche de la bote la
plus haute. Cela permet dactiver le plan de la grille appropri dans le widget de
changement de plan, car la slection dun contenu associ la grille slectionne
galement le plan de la grille sur lequel il se trouve.
2. Ouvrez le panneau Symboles en cliquant
sur son icne ( ) sur la droite de les
pace de travail. Faites glisser le symbole
Orange Flower depuis ce panneau vers
le ct gauche de la grande bote. Notez
que le symbole nest pas en perspective.

3. Avec loutil Slection de perspective,


faites glisser le symbole slectionn vers la partie infrieure du ct gauche de la
grande bote afin de lassocier au plan de la grille de gauche.
4. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez plusieurs reprises
sur linstance du symbole de fleur afin den agrandir laffichage.
5. Activez loutil Slection de perspective. Appuyez sur la touche Maj et faites glisser
le point suprieur central vers le bas jusqu ce que linstance du symbole tienne
lintrieur du ct de la bote.

Modifier des symboles en perspective


Aprs que vous avez plac des symboles en perspective, vous voudrez peuttre les
modifier. Sachez que certaines oprations, comme remplacer un symbole ou rompre
un lien vers une instance de symbole, nont pas deffet sur les symboles en perspective.
Vous allez prsent modifier le symbole de la fleur.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Dans le panneau Symboles, doublecliquez sur la vignette Orange Flower. Vous
entrez en mode modification de symboles et le reste de lillustration est masqu
sur le plan de travail.
300

LEON 9

Dessin en perspective

3. Choisissez Affichage > Tracs afin quil soit plus facile de voir le texte en blanc.
4. Appuyez deux fois sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour agrandir
laffichage de la grille.
5. Dans le panneau Outils, activez loutil
Texte ( ). Positionnez le pointeur sur le
texte PARFUM et doublecliquez pour
slectionner ce texte. Saisissez Pencil.
6. Choisissez Affichage > Aperu puis
appuyez deux fois sur la touche chap
pour quitter le mode Isolation.
7. Choisissez Affichage > Ajuster le plan de travail la fentre.
Notez que linstance du symbole place sur le ct gauche de la bote a t actualise.
8. Choisissez Slection > Dslectionner (si ncessaire) puis Fichier > Enregistrer.

P Note : Pour

modifier un
symbole qui est
associ la grille
de perspective,
vous pouvez
galement le
slectionner et
cliquer sur le
bouton Modifier
le symbole ( )
dans le panneau
Contrle. Avec les
deux mthodes,
une bote de
dialogue signale
que vous allez
modifier la
dfinition du
symbole.

Associer du contenu en perspective


En associant du contenu de la grille, vous pouvez runir plusieurs objets dans un
groupe afin quils soient traits comme une seule entit, linstar des groupes crs
en dehors de la perspective. Vous allez prsent associer du contenu, pour ensuite
lui appliquer une ombre porte.
1. Activez loutil Slection de perspective ( ) et positionnez le pointeur ct du
point infrieur droit de la plus petite bote. Tracez un rectangle de slection sur
le ct droit de la bote, le texte en blanc et la fleur rouge.
2. Choisissez Objet > Associer.
3. Ouvrez le panneau Styles graphiques en cliquant sur son icne ( ). Cliquez sur
le style graphique nomm Drop Shadow pour lappliquer au nouveau groupe.

4. Choisissez Slection > Dslectionner.


5. Avec loutil Slection de perspective, tout en appuyant sur Maj, cliquez sur les
cts gauche et droit de la plus grande bote, puis choisissez Objet > Associer.
6. Le groupe tant slectionn, cliquez sur le style graphique Drop Shadow dans le
panneau Styles pour le lui appliquer.

Associer le contenu.

Appliquer le style graphique.

P Note : Si

vous associez
des objets qui se
trouvent sur des
plans de la grille
diffrents, vous
ne pourrez pas les
dplacer comme
une entit unique.

Appliquer nouveau le style.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

301

Annuler la perspective dun contenu


Il arrivera que vous souhaitiez rutiliser des objets actuellement en perspective ou
que vous vouliez dissocier un objet dun plan de la grille. Illustrator permet de librer
un objet de son plan de perspective, mais il apparat toujours en perspective (son
aspect ne change pas).
Nous voulons utiliser sur la publicit une version rduite de la grande bote et la
placer en partie infrieure. Vous allez copier et coller le contenu en perspective puis
retirer cette copie de la perspective.
P Note : Votre

pointeur peut ne
pas correspondre
celui de la
figure. Ce nest
pas gnant. Son
aspect varie
selon le dernier
ct de la bote
slectionn.

1. Faites glisser loutil Slection de perspec


tive ( ) sur la plus petite bote pour en
slectionner le contenu.
2. Choisissez dition > Copier puis di
tion > Coller.
3. Choisissez Objet > Perspective > Annuler
la perspective.
4. Choisissez Objet > Associer pour regrou
per lensemble des objets.
5. Choisissez Objet > Transformation > Mise
lchelle. Dans la bote de dialogue Mise
lchelle, modifiez les options suivantes :

Uniforme : 20 % ;
Mise lchelle des contours et des
effets : coche.

Cliquez sur OK.


6. Ouvrez le panneau Calques en cliquant
sur son icne ( ). Dans ce panneau,
cliquez sur la colonne de visibilit gauche du calque Other artwork. Fermez le
panneau Calques en cliquant nouveau sur son icne.
7. Activez loutil Slection ( ) et dplacez le groupe de la petite bote vers le bas,
gauche du texte Order online today at our website.
8. Choisissez Slection > Dslectionner.
9. Appuyez sur Ctrl+Maj+I (Windows) ou Cmd+Maj+I
(Mac OS) pour masquer la grille de perspective.
10. Choisissez Fichier > Enregistrer puis Fichier > Fermer.

302

LEON 9

Dessin en perspective

Questions de rvision
1. Il existe trois grilles prdfinies. Dcrivez brivement leurs utilisations.
2. Comment pouvezvous afficher ou masquer la grille de perspective ?
3. Avant de dessiner du contenu sur un plan de la grille, que devezvous faire pour
tre certain que lobjet se trouve sur le plan appropri ?
4. Que permet un doubleclic sur un point de contrle du plan de la grille ?
5. Comment pouvezvous dplacer un objet perpendiculairement la grille ?

Rponses
1. Une perspective un point est trs utile pour dessiner des routes, des voies ferres
ou des btiments vus de face. Une perspective deux points permet de dessiner un
cube, comme un btiment, ou deux routes partant au loin, et possde en gnral
deux points de fuite. Une perspective trois points est souvent employe avec des
btiments vus du dessus ou du dessous. Outre les points de fuite pour chaque mur,
il existe un point de fuite montrant les murs senfonant dans le sol ou slevant
dans les airs.
2. Il existe plusieurs mthodes : a) activer loutil Grille de perspective ( ) dans le pan
neau Outils ; b) choisir Affichage > Grille de perspective > Afficher la grille/Masquer
la grille ; c) appuyer sur Maj+Ctrl+I (Windows) ou Maj+Cmd+I (Mac OS). Pour
masquer la grille, il est galement possible dappuyer sur la touche chap lorsque
loutil Slection de perspective ou Grille de perspective est actif.
3. On doit slectionner le plan de la grille appropri. Pour cela, il faut : le choisir dans
le widget de changement de plan ; utiliser les raccourcis clavier Grille de gauche (1),
Grille horizontale (2), Grille de droite (3) ou Aucune grille active (4) ; avec loutil
Slection de perspective ( ), slectionner du contenu sur la grille activer.
4. Doublecliquer sur un point de contrle du plan de la grille permet de dplacer
ce plan. On peut prciser si le contenu associ au plan doit tre dplac et sil doit
tre copi au cours de lopration.
5. Loutil Slection de perspective tant actif, on appuie sur la touche 5 et on fait
glisser lobjet.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

303

Les fonds en dgrad sont des dgrads progressifs contenant


au moins deux couleurs. Vous vous servirez de loutil et/ou
du panneau Dgrad de couleurs pour crer ou modifier un
dgrad de couleurs. Loutil Dgrad de formes combine les
formes et les couleurs dun objet pour crer un nouvel objet
dgrad ou une srie de formes intermdiaires.

DGRADS DE FORMES
ET DE COULEURS

10

Au cours de cette leon, vous apprendrez :


crer et enregistrer des dgrads ;
appliquer et modifier un dgrad sur un contour ;
appliquer et modifier un dgrad radial ;
ajouter des couleurs un dgrad ;
rgler la direction dun dgrad de couleurs ;
rgler lopacit dune couleur dans un dgrad ;
crer un dgrad de formes de plusieurs objets avec tapes intermdiaires ;
crer des dgrads de couleurs lisses entre objets ;
modifier un dgrad, sa forme et sa couleur.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Vous allez explorer diffrentes manires de crer vos propres couleurs et dgrads de
couleurs, et la faon de joindre des couleurs et des formes laide du panneau et de
loutil Dgrad de couleurs, ainsi que de loutil Dgrad de formes.
Avant de commencer, vous devez restaurer les prfrences par dfaut dAdobe
Illustrator. Vous ouvrirez ensuite lillustration termine de cette leon, pour voir ce
que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le


fichier L10end.ai, qui se trouve dans le
dossier Lesson10 sur votre disque dur.
4. Choisissez Affichage > Zoom arrire pour
rduire la vue de lillustration termine,
si vous souhaitez la conserver lcran
pendant que vous travaillez. Aidezvous
de loutil Main [ ] pour placer limage o
bon vous semble dans la fentre. Sinon,
choisissez Fichier > Fermer.
Pour commencer, vous allez ouvrir un fichier dillustration existant.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

5. Choisissez Fichier > Ouvrir et chargez le


fichier L10start.ai, situ dans le dossier
Lesson10 sur votre disque dur.
6. Choisissez Fichier > Enregistrer sous,
nommez le fichier galerie.ai et slec
tionnez le dossier Lesson10. Choisissez
Adobe Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans
le menu Format (Mac OS) puis cliquez sur
Enregistrer. Dans la bote de dialogue Options Illustrator, gardez les options par
dfaut et cliquez sur OK.
7. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le commutateur despace de
travail, choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre>
Espace de travail> Rinitialiser Les indispensables.

306

LEON 10

Dgrads de formes et de couleurs

Les dgrads de couleurs


Un fond en dgrad est un dgrad progressif entre au moins deux couleurs. Il com
prend toujours une couleur de dpart et une couleur darrive. Dans Illustrator, vous
pouvez crer diffrents types de fonds en dgrad, dont des dgrads linaires, dans
lesquels la couleur de dpart devient progressivement la couleur darrive en suivant
une ligne, et des dgrads radiaux, dans lesquels la couleur de dpart rayonne partir
du centre vers lextrieur pour arriver la couleur darrive. Vous pouvez aisment crer
vos propres dgrads ou employer ceux fournis avec Adobe Illustrator, les modifier
et les enregistrer en tant que nuances pour les utiliser plus tard.
Le panneau Dgrad de couleurs (Fentre > Dgrad de couleurs) et loutil Dgrad
de couleurs ( ) permettent dappliquer, de crer et de modifier des dgrads. Dans
le panneau Dgrad de couleurs, la case Fond ou Contour en dgrad indique les
couleurs et le type du dgrad qui sera appliqu au fond ou au contour dun objet.

A
B
C
D
E
F
G

I
J
K
L
M

A. Case Fond en
dgrad

H. Emplacement
I.

Type de dgrad

B. Fond/Contour en
dgrad

J.

Options de dgrad
de contour

C. Inverser le dgrad

K. Angle

D. Point mdian

L. Format des pixels

E. Curseur de dgrad

M. Supprimer la couleur
de dgrad

F. tape de couleur
G. Opacit

Dans le panneau Dgrad de couleurs, ltape de dgrad gauche (libell F aussi


appele tape de couleur) sous le curseur de dgrad dfinit la couleur de dpart ;
ltape de dgrad droite dfinit la couleur finale. Une tape de couleur de dgrad
reprsente le point auquel un dgrad passe dune couleur la suivante. Vous pouvez
ajouter dautres tapes de couleur en cliquant sur le curseur de dgrad. Lorsque
vous doublecliquez sur une tape de couleur, vous ouvrez un panneau dans lequel
vous pouvez slectionner une couleur partir de nuances, des curseurs de couleur
ou de la pipette.

Crer et appliquer un fond en dgrad linaire


Dans le cas du dgrad linaire deux couleurs le plus simple, la couleur de dpart
(ltape de couleur de gauche) devient progressivement la couleur darrive (ltape
de couleur de droite) en suivant une ligne. Vous commencerez par crer un fond en
dgrad pour la forme darrireplan.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Activez loutil Slection ( ) et cliquez pour slectionner le grand rectangle darrire
plan avec un fond jaune et un contour noir.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

307

Larrireplan est color dun fond jaune et dun contour noir, comme lindiquent
les cases Fond et Contour au bas du panneau Outils. La case Dgrad, place sous
ces cases, signale le dernier dgrad de couleurs employ. Le fond en dgrad par
dfaut est le dgrad noir et blanc.
3. En partie basse du panneau Outils, cliquez sur la case Fond
pour lactiver, puis sur la case Dgrad ( ) place en dessous.
Le dgrad noir et blanc par dfaut saffiche dans la case Fond et
est appliqu la forme darrireplan slectionne. Le panneau
Dgrad de couleurs souvre galement.
4. Dans le panneau Dgrad de couleurs, double
cliquez sur ltape de dgrad blanche lextrme
gauche afin de slectionner la couleur de dpart.
Lorsque vous doublecliquez sur une tape de
couleur, un nouveau panneau saffiche. Il vous
permet de modifier la couleur de ltape en
utilisant les nuances ou le panneau Couleur.

P Note : Dans

cette leon, les


couleurs que vous
utiliserez pour les
dgrads ont t
enregistres dans
des groupes de
couleurs, dfinis
en fonction des
objets concerns.

E Astuce : Pour

passer dun
champ de texte
lautre, appuyez
sur Tab. Appuyez
sur Entre ou
Retour pour
appliquer la
dernire valeur
saisie.

5. Dans le panneau qui saffiche, cliquez sur


le bouton Nuancier ( ). Slectionnez la
nuance rouge nomme wall 1. Le dgrad
change sur le plan de travail. Pour fer
mer le panneau Nuancier, appuyez sur
chap ou cliquez sur une zone vierge du
panneau Dgrad de couleurs.

6. Doublecliquez sur ltape de couleur


noire place sur le ct droit du curseur
de dgrad (encercle sur la figure) afin
de modifier la couleur associe.
7. Dans le panneau qui saffiche, cliquez sur
le bouton Couleur ( ) pour ouvrir le
panneau du mme nom. Dans le menu
du panneau Couleur ( ), choisissez
CMJN si ce mode nest pas dj actif.
Changez les valeurs C=50, M=80, J=70,
N=80. Aprs avoir saisi la dernire valeur,
cliquez dans une zone vide du panneau
Dgrad de couleurs pour y revenir.
Vous allez prsent enregistrer le dgrad
dans le panneau Nuancier.

308

LEON 10

Dgrads de formes et de couleurs

8. Pour enregistrer le dgrad,


cliquez sur le bouton du menu
Dgrad ( ), gauche de Type :,
puis sur le bouton Ajouter au
nuancier ( ) plac dans la
partie infrieure du panneau
qui saffiche.

E Astuce : Une

autre mthode
pour enregistrer
un dgrad
consiste
slectionner
un objet ayant
un fond ou
un contour en
dgrad puis
cliquer sur la
case Fond ou
Contour dans le
panneau Outils
et, enfin, cliquer
sur le bouton
Nouvelle nuance
( ) situ en bas
du panneau
Nuancier.

Le menu Dgrad affiche la liste


de tous les dgrads prdfinis
et enregistrs parmi lesquels vous pouvez choisir.
9. Ouvrez le panneau Nuancier en cliquant sur
son icne ( ) sur la droite de lespace de
travail. Dans ce panneau, doublecliquez sur
Nouvelle nuance de dgrad 1 pour ouvrir la
bote de dialogue Options de nuances.

10. Dans la bote de dialogue Options de nuances,


saisissez Arrire-plan mur dans le champ Nom de la nuance et cliquez sur OK.
11. Pour afficher uniquement les
nuances de dgrads dans le pan
neau Nuancier, cliquez sur le bouton
Afficher le menu de types de nuances
( ), plac au bas de ce panneau,
et choisissez Afficher les nuances
de dgrad dans le menu.

12. Le rectangle tant toujours slec


tionn sur le plan de travail, testez
dautres dgrads partir du panneau Nuancier.
13. Avant de passer ltape suivante, cliquez sur le dgrad Arrireplan mur que
vous venez denregistrer afin dtre certain quil est appliqu.
Notez que certains dgrads possdent plus de deux couleurs. Vous apprendrez
crer ce type de dgrad plus loin.
14. Cliquez sur le bouton Afficher le menu de
types de nuances ( ), plac au bas du
panneau Nuancier, et choisissez Afficher
toutes les nuances.

15. Choisissez Fichier > Enregistrer, en laissant


le rectangle slectionn.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

309

Rgler la direction et langle dun dgrad de couleurs


Une fois que vous avez peint un objet avec un dgrad de couleurs, vous pouvez
ensuite rgler la direction, lorigine et les points de dpart et darrive du dgrad
laide de loutil Dgrad de couleurs.
Cest ce que vous allez faire avec le fond en dgrad de la forme darrireplan.
1. Dans le panneau Outils, activez loutil
Dgrad de couleurs ( ).
E Astuce : Vous
pouvez masquer
la barre de
dgrad en
choisissant
Affichage>
Masquer
lannotateur
de dgrad de
couleurs. Pour
la ractiver,
choisissez
Affichage>
Afficher
lannotateur
de dgrad de
couleurs.

P Note :

Dplacer le
pointeur sur
diffrentes zones
de la barre de
dgrad peut
le faire changer.
Cela indique une
fonctionnalit
diffrente.

Loutil Dgrad de couleurs fonctionne


uniquement sur des objets slectionns
remplis dun dgrad. La barre de dgrad
horizontale (lannotateur) qui saffiche au
milieu du rectangle indique la direction du
dgrad, le plus grand cercle fixe le point
de dpart du dgrad (la premire tape
de couleur) et le petit carr indique le point final (la dernire tape de couleur).
2. Dplacez le pointeur audessus de lanno
tateur de dgrad.
La barre devient un curseur de dgrad,
comparable celui du panneau Dgrad
de couleurs. Vous pouvez vous en servir
pour, entre autres, modifier les couleurs
sans ouvrir le panneau Dgrad de couleurs.
3. Avec loutil Dgrad de couleurs, cliquez
sur le bord suprieur du rectangle tout en
appuyant sur la touche Maj et faites glisser
vers le bas afin de modifier la position et
la direction des couleurs de dpart et de
fin du dgrad. Relchez le bouton de la
souris puis la touche.
La touche Maj utilise permet de contraindre
le dgrad des angles de 45.
4. Entranezvous modifier le dgrad du rectangle. Par exemple, faites glisser loutil
lintrieur du rectangle pour crer un dgrad court avec des couleurs distinctes,
ou faitesle glisser sur une distance plus longue en dehors du rectangle pour crer
un dgrad plus long avec des nuances plus subtiles. Vous pouvez galement le faire
glisser de la couleur de fin vers la couleur de dbut, et vice versa, pour transposer
les couleurs et inverser la direction du mlange.
5. Si vous avez modifi la direction du dgrad, avant de passer ltape suivante,
rptez les instructions de ltape 3.

310

LEON 10

Dgrads de formes et de couleurs

6. Avec loutil Dgrad de couleurs, placez le


pointeur juste ct du petit carr blanc en
bas de lannotateur de dgrad. Une icne de
rotation ( ) apparat. Cliquez et faites glisser
vers la droite de manire faire pivoter le
dgrad dans le rectangle.

Lannotateur de dgrad tourne pour indiquer


quelle sera la direction du dgrad lorsque
vous relcherez le bouton de la souris.
7. Dans le panneau Outils, doublecliquez sur loutil
Dgrad de couleurs de manire afficher le
panneau de mme nom. Dans le champ Angle,
fixez langle de rotation 90 afin de remettre
le dgrad la verticale. Validez en appuyant sur
Entre ou Retour.

P Note : Saisir

langle de rotation
du dgrad
dans le panneau
Dgrad de
couleurs, au
lieu de lajuster
directement sur
le plan de travail,
permet dobtenir
cohrence et
prcision.

8. Le rectangle darrireplan tant toujours slec


tionn, choisissez Objet > Verrouiller > Slection.

Appliquer un contour en dgrad


Vous pouvez galement appliquer un contour en dgrad un objet. Contrairement
au dgrad appliqu au fond de lobjet, celui du contour de lobjet ne peut pas tre
modifi laide de loutil Dgrad de couleurs. Vous allez prsent appliquer un fond
et un contour en dgrad un rectangle qui deviendra une peinture.
1. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Vrifiez que le calque Gallery est
dvelopp ; dans le cas contraire, cliquez sur le
triangle plac sa gauche. Cliquez sur la colonne
de visibilit gauche du souscalque painting
pour rvler son contenu.
2. Avec loutil Slection ( ), cliquez sur le rectangle
blanc qui est apparu sur le plan de travail.
3. Dans le panneau Contrle, fixez la couleur Fond la nuance painting background.
Appuyez sur la touche chap pour masquer le panneau Nuancier.
4. Dans le panneau Outils, activez loutil
Dgrad de couleurs ( ) et assurezvous
que la case Fond est slectionne (mise en
avant au bas du panneau Outils). Positionnez
le pointeur en partie suprieure du rectangle
et, tout en appuyant sur la touche Maj, faites
glisser vers la partie basse du rectangle
de manire modifier lemplacement et la direction des couleurs de dbut et de

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

311

fin du dgrad. Relchez le bouton de la souris puis la touche. Dans le panneau


Contrle, fixez lpaisseur du contour 30 pt.
5. Dans le panneau Contrle, changez la
couleur de contour la nuance White,
Black (un dgrad). Appuyez sur la touche
chap pour fermer le panneau Nuancier.
Vous allez prsent modifier ce dgrad
appliqu au contour.

Modifier un dgrad de contour


Les options disponibles avec un contour en dgrad sont plus nombreuses que celles
pour un fond en dgrad. Vous allez ajouter des couleurs au dgrad de contour de
faon crer un cadre pour la peinture.
1. Ouvrez le panneau Dgrad de couleurs en cliquant sur son icne (
droite de lespace de travail.

) sur la

2. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection


dans langle suprieur droit du rectangle de la peinture afin dagrandir son affichage.
3. Dans le panneau Dgrad de couleurs, cliquez sur la case Contour pour modifier
le dgrad appliqu au contour (encercl sur la figure ciaprs). Conservez le type
Linaire et cliquez sur le bouton Appliquer le dgrad au travers du contour ( ).
Il existe trois manires dappliquer un dgrad un contour : lintrieur (par
dfaut) ( ), le long ( ) et au travers ( ) de celuici.
4. Faites glisser ltape de couleur noire vers la gauche jusqu voir apparatre 60 %
dans le champ Emplacement.

Zoomer sur langle.

Modifier le type de dgrad.

Ajuster lemplacement.

5. Doublecliquez sur ltape de couleur blanche, puis sur le bouton Nuancier ( )


afin dafficher les nuances. Slectionnez frame 1 dans le premier groupe de couleurs.
Cliquez en dehors du panneau pour valider votre choix.

312

LEON 10

Dgrads de formes et de couleurs

272758

6. Positionnez le pointeur sous la barre de dgrad, entre les deux tapes de couleurs.
Pour ajouter une nouvelle tape, cliquez lorsquun signe plus (+) apparat sur le
pointeur ( ) ; aidezvous de la figure. Doublecliquez sur cette tape de couleur et,
dans le panneau des nuances, cliquez sur la nuance light yellow du premier groupe.

E Astuce : Pour

Modifier la couleur blanche.

Ajouter un jaune clair au dgrad.

7. Tout en appuyant sur la touche Alt (Windows) ou Option (Mac OS), faites glisser
ltape de couleur jaune clair vers la droite, prs de ltape de couleur noire.
Relchez le bouton de la souris puis la touche de modification. Cette mthode de
duplication dune couleur dans un dgrad est trs simple.
8. Appuyez sur Alt (Windows) ou Option (Mac OS) et faites glisser ltape de cou
leur (marron) lextrme gauche vers la droite. Relchez le bouton de la souris
puis la touche de modification lorsquelle arrive lemplacement montr par la
figure ciaprs.
9. Cliquez sous la barre de dgrad, entre les deux tapes de couleur les plus gauche,
afin den ajouter une dernire. Doublecliquez sur cette nouvelle tape de couleur
et affectezlui la nuance frame 2 prsente dans le premier groupe de couleurs.

Dupliquer ltape jaune.

Dupliquer ltape de couleur


lextrme gauche.

supprimer une
couleur de la
barre de dgrad,
slectionnez
ltape
correspondante
et cliquez sur le
bouton Supprimer
la couleur de
dgrad ( ) ou
faites-la glisser
en dehors du
panneau Dgrad
de couleurs.
Noubliez pas
quun dgrad
comprend au
moins deux
couleurs.

Ajouter et modifier une dernire tape


de couleur.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

313

10. Choisissez Slection > Dslectionner.


11. Choisissez Affichage > Ajuster le plan de
travail la fentre puis Fichier > Enregistrer.

Crer et appliquer un dgrad radial


Nous lavons expliqu prcdemment, dans un dgrad radial, la couleur de dpart
(ltape de dgrad lextrme gauche) dfinit le point central du remplissage, qui
stend vers lextrieur avec la couleur darrive (ltape de dgrad lextrme droite).
Vous allez prsent crer un dgrad radial et lappliquer au fond dun plat.
1. Ouvrez le panneau Calques en cliquant sur son
icne ( ) droite de lespace de travail. Assurez
vous que le contenu du calque Gallery est visible.
Cliquez dans la colonne de visibilit gauche du
souscalque plate (vous devrez peuttre faire
dfiler le panneau Calques).

2. Avec loutil Slection ( ), slectionnez


lellipse blanche sur la peinture.
3. Dans le panneau Outils, activez loutil Zoom
( ) et cliquez plusieurs fois sur lellipse
pour agrandir laffichage.
4. Dans le panneau Contrle, appliquez le
dgrad White, Black la couleur de fonds
Appuyez sur la touche chap pour masquer
le panneau Nuancier.
5. Ouvrez le panneau Dgrad de couleurs en cliquant sur son icne ( ). Dans ce
panneau, vrifiez que la case Fond est slectionne. Dans le menu Type, choisissez
Radial afin de convertir en dgrad radial le dgrad linaire appliqu la forme.
Gardez lellipse slectionne et le panneau Dgrad de couleurs affich.

314

LEON 10

Dgrads de formes et de couleurs

272758

Changer les couleurs dun dgrad radial


Une fois quun objet est rempli avec un dgrad, loutil Dgrad de couleurs ou le
panneau Dgrad de couleurs permet de modifier le dgrad, notamment de changer
la direction, la couleur et lorigine.
Vous allez vous servir de loutil Dgrad de couleurs pour ajuster la couleur de chaque
tape de dgrad et ajouter deux couleurs, pour un dgrad radial constitu au total
de quatre couleurs.
1. Dans le panneau Outils, activez loutil Dgrad de couleurs (

).

2. Dans lillustration, positionnez


le pointeur sur lannotateur
de dgrad pour afficher le
curseur. Doublecliquez sur
ltape de couleur blanche
situe lextrme gauche afin
den modifier la couleur. Dans
le panneau qui apparat, cli
quez sur le bouton Nuancier
( ). Choisissez la couleur plate 1 dans le deuxime groupe de couleur. Appuyez
sur chap pour fermer le panneau.

Vous remarquerez que lannotateur de dgrad dbute partir du centre de lellipse


et stend sur la droite. Le cercle en pointills qui lentoure indique quil sagit dun
dgrad radial. Vous le verrez bientt, les dgrads radiaux prsentent plusieurs
autres options de configuration.
Dans le curseur de dgrad,
doublecliquez sur ltape de
couleur noire situe droite.
Dans le panneau qui apparat,
slectionnez la nuance light
yellow sur la premire ligne du
panneau Nuancier. Appuyez sur
chap pour fermer le panneau.

P Note : Dans

le panneau qui
saffiche lorsque
vous doublecliquez sur ltape
de couleur,
vous pouvez
voir le champ
Emplacement.
Pendant la
construction
du dgrad
radial, vous
pouvez recopier
les valeurs
prsentes dans
les figures pour
obtenir le mme
positionnement
des tapes du
dgrad.

3. Positionnez le pointeur sous le


curseur de dgrad. Lorsquun
signe plus (+) apparat son
ct ( ), cliquez pour ajou
ter une autre couleur au
dgrad (encercle sur la
figure). Doublecliquez sur
la nouvelle tape de dgrad.
Dans le panneau qui saffiche,
choisissez la nuance plate 2 dans le deuxime groupe de couleurs. Appuyez sur
chap pour fermer le panneau.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

315

4. Positionnez le pointeur sous le curseur de dgrad et ajoutez une quatrime et


dernire couleur au dgrad (aidezvous de la figure pour son emplacement).
Doublecliquez sur la nouvelle tape de dgrad. Dans le panneau qui saffiche,
choisissez la nuance plate 3 dans le deuxime groupe de couleurs. Assurezvous
que Emplacement est 97 %. Appuyez sur chap pour fermer le panneau.

Aprs que vous avez dfini les couleurs du dgrad, vous pouvez toujours en supprimer
certaines, en ajouter de nouvelles ou en modifier lordre. Vous allez prsent inverser
lordre des deux dernires couleurs.
5. Doublecliquez sur ltape de couleur lextrme gauche et, dans le panneau qui
apparat, fixez son emplacement 42 %. Appuyez sur Entre ou Retour pour valider
la modification et fermer le panneau.

6. Faites glisser vers la gauche ltape de couleur lextrme droite (jaune clair), pour
lamener juste gauche de ltape de couleur marron la plus proche. Dplacez
vers la droite ltape de couleur marron lextrme droite, jusqu lextrmit du
curseur de dgrad. Consultez la figure pour lorganisation des couleurs ; notez
quelles sont relativement proches lune de lautre.

7. Choisissez Fichier > Enregistrer.


316

LEON 10

Dgrads de formes et de couleurs

Ajuster le dgrad radial


Vous allez prsent modifier le format des pixels, ajuster lemplacement et changer
lorigine et le rayon du dgrad radial.
1. Avec loutil Dgrad de couleurs ( ), positionnez le pointeur sur le petit carr
blanc lextrmit droite de lannotateur de dgrad. Cliquez et faites glisser vers
la droite, en vous arrtant juste aprs le bord droit de lellipse. Relchez le bouton
de la souris. Vous venez de fixer la longueur du dgrad.

P Note : Pendant

2. Dans le panneau Dgrad de couleurs, assurez


vous que la case Fond est slectionne et fixez la
valeur de Format des pixels ( ) 40 % laide
du menu.

P Note : Le

lopration, il est
possible que le
cercle en pointills
ne soit pas affich.
Il apparat si vous
commencez par
placer le pointeur
sur lannotateur
de dgrad avant
de faire glisser
lextrmit droite.
Ce nest pas un
problme.

format des pixels


est une valeur
entre 0,5 et
32767%. Plus
cette valeur
est petite, plus
lellipse est aplatie
et large.

Le format des pixels transforme le dgrad radial


en dgrad elliptique, qui correspond mieux
la forme du plat.
3. Avec loutil Dgrad de couleurs, positionnez
le pointeur sur le dgrad du plat. Cliquez sur
le cercle noir suprieur du trac en pointills
et faitesle glisser vers le haut, juste aprs la partie suprieure de lellipse, pour
modifier le format des pixels.

Aprs avoir relch, examinez le champ Format des pixels dans le panneau
Dgrad de couleurs. Sa valeur est prsent proche de 50 %, la place des 40 %
fixs prcdemment.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

317

Vous allez prsent dplacer le curseur de dgrad de manire repositionner le


dgrad dans lellipse.
4. Avec loutil Dgrad de couleurs, cliquez sur le curseur de dgrad et faitesle glisser
lgrement vers le haut afin de dplacer le dgrad dans lellipse. Faites en sorte
que le bord infrieur de lellipse en pointills se trouve audessus du trac jaune.

Faire glisser le curseur de dgrad vers le haut.

Noter la profondeur donne au plat.

5. Avec loutil Dgrad de couleurs, cliquez sur le petit point blanc situ gauche de
ltape de couleur lextrme gauche et faitesle glisser vers la gauche.

Changer lorigine du dgrad.

Noter le rsultat.

Ce point repositionne le centre du dgrad (ltape de couleur de gauche) sans


dplacer lintgralit de la barre de dgrad ni modifier le rayon du dgrad.
6. Choisissez dition > Annuler Dgrad de couleurs pour remettre le dgrad au
centre.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Appliquer des dgrads plusieurs objets


Pour appliquer un dgrad plusieurs objets, il suffit de les slectionner, dappliquer
une couleur en dgrad et de faire ensuite glisser loutil Dgrad de couleurs au
travers des objets.
Vous allez peindre une fleur avec un fond en dgrad radial puis modifier ses couleurs.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Ouvrez le panneau Calques en cliquant sur son icne ( ). Cliquez sur la colonne de
visibilit gauche du souscalque flower. Fermez le panneau en cliquant sur son onglet.

318

LEON 10

Dgrads de formes et de couleurs

3. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection


sur les formes de la fleur bleue afin den agrandir laffichage.
4. Avec loutil Slection ( ), cliquez sur lune des formes de ptale de la fleur bleue.
5. Choisissez Slection > Identique > Couleur de fond pour slectionner les cinq
ptales de la fleur.
6. Dans le panneau Contrle, fixez la couleur de fond flower. Appuyez sur la touche
chap pour masquer le panneau Nuancier.
Lorsquun dgrad est appliqu au fond ou au contour de plusieurs objets slec
tionns, il lest sur chacun deux de manire indpendante.
Vous allez ajuster le dgrad des formes afin quil sapplique au travers de tous les
ptales comme un seul objet puis vous le modifierez.
7. Au bas du panneau Outils, vrifiez que la case Fond est slectionne.
8. Doublecliquez sur loutil Dgrad de couleurs ( ) afin de lactiver et dafficher
le panneau Dgrad de couleurs. Faites glisser partir du centre approximatif
de la forme jaune (au centre de la fleur) vers le bord extrieur de lun des ptales
(aidezvous de la figure). Le dgrad sapplique alors uniformment. Gardez les
formes de la fleur slectionnes.

Faire glisser loutil Dgrad de couleurs sur les formes


de la fleur.

Le rsultat.

Autres mthodes ddition des couleurs de dgrad


ce stade, vous avez ajout, modifi et rgl lemplacement des couleurs sur la barre
de dgrad. Vous allez prsent inverser un dgrad et ajuster le point central entre
des couleurs.
1. Dans le panneau Dgrad de couleurs, la case
Fond tant slectionne, cliquez sur le bouton
Inverser le dgrad ( ).
Vous pouvez galement vous servir de loutil
Dgrad de couleurs ( ) pour cela. Faitesle
glisser en sens inverse au travers du dgrad
sur le plan de travail. La couleur fonce devient
alors le centre du dgrad.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

319

2. Dans la barre de dgrad du panneau Dgrad de couleurs, dplacez ltape


de couleur lextrme gauche vers la droite jusqu voir environ 20 % dans le
champ Emplacement au bas du panneau Dgrad de couleurs (la prcision na
pas dimportance).
3. Dplacez vers la gauche le losange situ entre les tapes de couleur gauche et
centrale afin de le rapprocher de ltape de gauche. Arrtezvous lorsque le champ
Emplacement affiche environ 30 % (la prcision nest pas obligatoire).

Pour appliquer une couleur un dgrad, une autre solution consiste chantillonner
celleci partir de lillustration avec loutil Pipette ou faire glisser une nuance de
couleur sur une tape de dgrad.
4. Les formes de la fleur tant toujours slectionnes, dans le panneau Dgrad de
couleurs, cliquez sur ltape de couleur de gauche (la couleur fonce).
5. Choisissez Affichage > Ajuster le plan de travail la fentre.
6. Dans le panneau Outils, activez loutil Pipette ( ). Dans lillustration, cliquez sur
le rectangle noir en bas du mur, tout en appuyant sur la touche Maj.

De cette faon, vous appliquez lchantillon de couleur ltape de dgrad slec


tionne au lieu de remplacer lintgralit du dgrad par la couleur choisie.
Les ptales de la fleur sont termins. Vous allez les associer avec le centre de la fleur
et appliquer une dformation la fleur pour lui donner une certaine dimension.
7. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slection
sur les formes de la fleur bleue afin den agrandir laffichage.
8. Avec loutil Slection ( ), et tout en appuyant sur la touche Maj, cliquez sur le
centre jaune de la fleur.
320

LEON 10

Dgrads de formes et de couleurs

9. Choisissez Objet > Associer.


10. Choisissez Effet > Dformation > Arc. Dans la bote de dialogue Options de dfor
mation, vrifiez que la case Horizontal est coche, changez Inflexion 20 % et
cliquez sur OK.

11. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Ajouter une transparence des dgrads


En utilisant des valeurs dopacit diffrentes pour chaque tape dun dgrad, vous
crez des dgrads en fondu enchan qui rvlent ou masquent les images du dessous.
Vous allez ici crer une source lumineuse pour la peinture et lui appliquer un dgrad
qui devient transparent.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Ouvrez le panneau Calques en cliquant sur son icne (
de visibilit gauche de lobjet <Trac>.

). Cliquez sur la colonne

3. Avec loutil Slection ( ), slectionnez lellipse blanche qui est apparue sur le plan
de travail.
4. Ouvrez le panneau Dgrad de couleurs en cliquant sur son icne ( ). Vrifiez
que la case Fond est slectionne, cliquez sur le bouton du menu Dgrad ( ) et
choisissez White, Black.

5. Dans le menu Type du panneau Dgrad de couleurs, choisissez Radial. Double


cliquez sur ltape de couleur lextrme droite (la couleur noire). Dans le panneau
qui apparat, cliquez sur le bouton Nuancier ( ) et choisissez la nuance White.
Appuyez sur la touche chap pour fermer le panneau des nuances.

E Astuce : Les

dgrads par
dfaut Fading
Sky et Super Soft
Black Vignette
constituent
galement de
bons points de
dpart pour
mettre en place la
transparence.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

321

6. Ltape de dgrad de droite tant slectionne, fixez Opacit 0. Examinez le


rsultat au centre de la figure ciaprs.
7. Faites glisser le point central du dgrad (le losange) vers la gauche jusqu voir
une valeur denviron 30 % dans le champ Emplacement. Cliquez sur longlet du
panneau Dgrad de couleurs pour fermer ce groupe de panneaux.
8. Appuyez une fois sur Ctrl+ (Windows) ou Cmd+ (Mac OS) pour rduire le facteur
de zoom et voir lintgralit du cercle slectionn.

E Astuce : Ne

faites pas glisser


le cercle noir, car
cela modifierait le
format des pixels.

9. Dans le panneau Outils, activez loutil Dgrad de couleurs ( ). Tout en appuyant


sur la touche Maj, faites glisser partir du haut vers le bas de lellipse. Relchez le
bouton de la souris, puis la touche de modification.

10. Dans le panneau Contrle, fixez la couleur de contour [Sans].


11. Choisissez Effet > Attnuation > Flou gaussien. Dans la bote de dialogue Flou
gaussien, fixez Rayon 60 puis cliquez sur OK.
12. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

322

LEON 10

Dgrads de formes et de couleurs

Les dgrads dobjets


Vous pouvez appliquer un dgrad deux
objets spars, identiques ou diffrents,
pour crer des formes et les rpartir de
faon homogne entre eux. Il est galement
possible de crer un dgrad entre deux
tracs ouverts, afin dobtenir une transition
progressive entre des objets, ou dassocier
des dgrads de couleurs et dobjets pour
crer des transitions de couleur ayant la
forme dun objet particulier.

Dgrad entre deux


mmes formes
Dgrad entre la mme
forme, avec des couleurs
diffrentes
Dgrad entre deux
formes diffrentes, de
couleurs diffrentes
Dgrad dobjet le long
dun trac

Une fois que vous avez cr un dgrad, les


Dgrad de couleurs
lisses entre deux traits
objets qui le composent sont traits comme
un seul objet. Si vous dplacez lun des objets
dorigine ou modifiez ses points dancrage, les objets intermdiaires changent en
consquence. Vous pouvez dcomposer le dgrad pour le diviser en objets distincts.

Crer un dgrad de formes avec des tapes


Vous allez vous servir de loutil Dgrad de formes pour crer trois formes qui
constitueront le sol en parquet de la galerie.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Cliquez sur la colonne de visibilit
gauche des souscalques floor et fruit afin de les
afficher.
3. Cliquez sur la colonne de visibilit de faon
masquer les souscalques <Trac>, flower, plate,
painting et wall. Fermez le groupe du panneau
Calques en cliquant sur longlet de celuici.
Avant de crer un dgrad de formes, vous pouvez
fixer les options de cette opration.
4. Dans le panneau Outils, doublecliquez sur
loutil Dgrad de formes ( ) afin douvrir la
bote de dialogue Options de dgrads. Modifiez
les options suivantes :

Pas : tapes ;
Nombre dtapes : 4.

E Astuce : Pour

crer un dgrad
de formes, vous
pouvez aussi
slectionner des
objets puis choisir
Objet> Dgrad
de formes> Crer.

Cliquez sur OK.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

323

5. Faites dfiler la fentre de document vers le bas jusqu voir les trois formes
marron du sol.
6. Avec loutil Dgrad de formes, positionnez le pointeur audessus du rectangle
au fond en dgrad situ gauche. Cliquez lorsquun X apparat sur le pointeur
( ). Ensuite, survolez le rectangle central, jusqu ce que le pointeur affiche un
signe plus ( ). Cela indique que vous pouvez ajouter un objet au dgrad. Cliquez
sur le rectangle central pour lajouter. Un dgrad est cr entre ces deux objets.

7. Cliquez sur le rectangle


lextrme droite lorsque le
pointeur de loutil Dgrad
de formes affiche un signe
plus. Cet objet est ajout au
dgrad et termine le trac
de dgrad de formes.
P Note : Pour terminer le trac actuel

et crer un autre dgrad dobjets sur


un chemin distinct, cliquez tout dabord sur loutil Dgrad de formes dans le panneau Outils puis sur
les autres objets.

8. Les rectangles dgrads tant slectionns, choisissez Objet > Dgrad de formes >
Options de dgrads. Dans la bote de dialogue Options de dgrads, fixez le
nombre dtapes 9 puis cliquez sur OK.
E Astuce : Pour modifier les options de dgrad des objets, vous pouvez galement slectionner le
dgrad et double-cliquer sur loutil Dgrad de formes.

9. Choisissez Slection > Dslectionner.


324

LEON 10

Dgrads de formes et de couleurs

Modifier un dgrad de formes


Vous allez prsent crer un autre dgrad et modifier la forme du trac, ou sens,
suivi par ses objets.
1. Dans le panneau Outils, activez loutil Zoom ( ) et tracez un rectangle de slec
tion autour des grains de raisin pour en agrandir laffichage. Vous pourriez avoir
besoin de faire dfiler la fentre de document vers le haut.
2. Avec loutil Dgrad de formes ( ), cliquez sur le grain de raisin gauche, puis
sur celui droite, pour crer le dgrad.
3. Dans le panneau Outils, doublecliquez sur
loutil Dgrad de formes ( ) et, dans la bote
de dialogue Options de dgrads, changez le
nombre dtapes 3. Cliquez sur OK.
4. Choisissez Affichage > Tracs.
En mode Tracs, vous voyez les contours des
deux grains de raisin dorigine et le trac qui
les relie. Ces trois objets composent le dgrad
de formes. Il sera probablement plus facile
de modifier le trac entre les objets dorigine si vous travaillez en mode Tracs.
5. Assurezvous que les repres comments sont actifs (Affichage > Repres comments).
6. Dans le panneau Outils, activez loutil Slection directe ( ). Cliquez sur le point
dancrage lextrmit droite du trac pour slectionner ce point dancrage. Dans le
panneau Contrle, cliquez sur le bouton Convertir les points dancrage slectionns
en arrondis ( ) pour adoucir la courbe. Avec loutil Slection directe, faites glisser
la poigne de slection infrieure vers le haut et la gauche (aidezvous de la figure).

P Note : Lorsque
vous modifiez
le sens, quelle
que soit votre
modification, les
objets dgrads
suivront le trac.

7. Choisissez Affichage > Aperu pour examiner le rsultat des modifications, puis
choisissez Slection > Dslectionner.
E Astuce : Un moyen rapide de modifier le sens dun dgrad de formes consiste lenrouler autour
dun autre trac ou objet. Slectionnez le dgrad de formes, puis un autre objet ou un trac et allez
dans Objet> Dgrad de formes> Changer le sens.

Vous allez modifier la position du grain de raisin de gauche et vous constaterez leffet
de lopration sur le dgrad.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

272758

325

8. Avec loutil Slection ( ), cliquez sur les grains du dgrad pour les slectionner.
9. Doublecliquez nimporte o sur le dgrad de formes pour passer en mode Isolation.
Les objets du dgrad sont temporairement dissocis et vous pouvez modifier les
grains de raisin dorigine, non ceux crs par le dgrad, ainsi que le sens.
E Astuce : Pour

inverser un
dgrad de
formes, choisissez
Objet> Dgrad
de formes>
Inversion
avant-arrire.

10. Cliquez pour slectionner le grain de


gauche. Appuyez sur Maj+Alt (Windows) ou
Maj+Option (Mac OS) et, avec loutil Slection,
dplacez un point de slection dangle vers le
centre pour rduire la taille du grain. Relchez
le bouton de la souris puis les touches.
11. Appuyez sur la touche chap pour sortir du
mode Isolation.
Les objets en dgrad constituent un seul dgrad
de formes. Pour modifier tous les grains de raisin, y compris ceux crs par le dgrad,
vous devez dcomposer le dgrad de formes. Ainsi, il est converti en objets indivi
duels et vous ne pouvez plus modifier le dgrad de formes en tant quobjet unique
car il est devenu un groupe de grains de raisin. Vous allez prsent dcomposer le
dgrad de formes.

E Astuce : Pour

retirer le dgrad
sur les objets
dorigine,
slectionnez-le et
choisissez Objet>
Dgrad de
formes > Annuler.

12. Choisissez Objet > Dgrad de formes >


Dcomposer. Les grains de raisin tant tou
jours slectionns, notez lapparition du mot
Groupe dans le coin gauche du panneau
Contrle.
Le dgrad dobjets est devenu un groupe de
formes individuelles que vous pouvez modifier
indpendamment.
13. Choisissez Slection > Dslectionner.
14. Choisissez Fichier > Enregistrer.

Crer des dgrads de couleurs lisses


Plusieurs options de mlange de formes et de couleurs dobjets sont votre disposition
pour crer de nouveaux objets. Lorsque vous choisissez Couleur lisse dans la bote
de dialogue Options de dgrad, Illustrator combine les formes et les couleurs des
objets en un grand nombre dtapes intermdiaires, crant ainsi un dgrad de couleurs
progressif entre les objets dorigine.
Vous allez combiner trois formes en un dgrad de couleurs lisses pour crer une
banane.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Appuyez deux fois
sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour augmenter le facteur de zoom.

326

LEON 10

Dgrads de formes et de couleurs

Vous allez crer un dgrad partir des trois tracs qui se trouvent derrire le dgrad
des grains de raisin. Ces tracs ont une couleur de contour mais pas de fond. Les objets
qui possdent un contour produisent des dgrads diffrents de ceux qui nen ont pas.
2. Avec loutil Dgrad de formes ( ), positionnez le pointeur sur la ligne suprieure
jusqu voir apparatre un X ( ) puis cliquez. Ensuite, cliquez sur la ligne jaune
du milieu lorsque le pointeur de loutil Dgrad de formes affiche un signe plus
( ) ; la ligne est ajoute au dgrad. Positionnez le pointeur sur la troisime ligne
(loin des grains de raisin) et cliquez lorsquun signe plus (+) apparat ct du
pointeur ( ). Gardez le dgrad slectionn.

Vous allez prsent modifier les paramtres du dgrad pour la banane afin quil
utilise des couleurs lisses la place dun nombre dtapes prcis.
3. Dans le panneau Outils, doublecliquez sur loutil
Dgrad de formes ( ). Dans le menu Pas de la
bote de dialogue Options de dgrads, choisissez
Couleur lisse. Cette configuration sera conserve
jusqu ce que vous la modifiiez. Cliquez sur OK.

4. Choisissez Slection > Dslectionner.


Lorsque vous crez un dgrad de couleurs lisses
entre des objets, Illustrator calcule automatiquement
le nombre dtapes intermdiaires pour obtenir une
transition harmonieuse entre les objets. Ce type de dgrad peut tre appliqu des
objets, pour tre ensuite modifi. Maintenant, modifiez les tracs qui composent le
dgrad.
5. Avec loutil Slection ( ), doublecliquez sur le dgrad (la banane) pour passer
en mode Isolation. Slectionnez le trac du milieu et, dans le panneau Contrle,
modifiez sa couleur de contour comme bon vous semble. Notez le changement
du dgrad des couleurs. Choisissez dition > Annuler Appliquer la nuance pour
revenir la couleur de contour initiale.

E Astuce : Dans
certains cas,
la cration de
dgrads de
couleurs lisses
se rvle difficile.
Par exemple,
lorsque les lignes
se croisent ou
quelles sont
trop incurves,
des rsultats
inattendus
peuvent se
produire.

6. Doublecliquez en dehors des tracs du dgrad pour quitter le mode Isolation.


7. Choisissez Affichage > Ajuster le plan de travail la fentre.
8. Ouvrez le panneau Calques et cliquez sur les icnes de visibilit de tous les sous
calques, y compris Mask, pour que tous les objets apparaissent sur le plan de travail.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

327

9. Dans le panneau Calques, slectionnez le


calque Gallery.
10. Au bas du panneau Calques, cliquez sur le bou
ton Crer/Annuler le masque dcrtage ( ).

La premire forme, Mask, est alors utilise


comme masque dcrtage pour rogner lillus
tration sur les limites de la forme.
11. Choisissez Fichier > Enregistrer puis fermez
tous les fichiers ouverts.

328

LEON 10

Dgrads de formes et de couleurs

Questions de rvision
1. Questce quun dgrad ?
2. Dcrivez au moins deux faons dappliquer un dgrad un objet slectionn.
3. Comment ajusteton le mlange des couleurs dans un dgrad ?
4. Indiquez deux manires dajouter des couleurs un dgrad.
5. Comment rgleton la direction dun dgrad ?
6. Quelle est la diffrence entre un dgrad de couleurs et un dgrad de formes ?
7. Dcrivez deux faons de combiner les formes gomtriques et les couleurs dobjets.
8. Quelle est la diffrence entre la slection de Couleur lisse comme type de Pas et
la dfinition du nombre dtapes dun dgrad de formes ?
9. Comment rgleton les formes gomtriques et les couleurs dun dgrad de
formes ? Et le trac dun dgrad de formes ?

Rponses
1. Il sagit dune attnuation progressive entre plusieurs couleurs ou teintes de la mme
couleur. Les dgrads sappliquent au fond ou au contour dun objet.
2. On commence par slectionner un objet, puis on ralise lune des oprations suivantes :

activer la case Contour ou Fond, cliquer sur le bouton Dgrad de couleurs ( )

dans le panneau Outils pour peindre un objet avec le dgrad noir et blanc par
dfaut ou avec le dernier dgrad slectionn ;

changer la couleur de fond ou de contour dans le panneau Contrle pour


appliquer un dgrad au contenu slectionn ;

activer la case Contour ou Fond dans le panneau Outils, puis cliquer sur une
nuance de dgrad dans le panneau Nuancier ;

utiliser loutil Pipette ( ) pour chantillonner un dgrad partir dun objet


de lillustration, puis lappliquer lobjet slectionn ;

activer la case Contour ou Fond dans le panneau Dgrad de couleurs, puis


choisir un dgrad en cliquant sur la flche du menu Dgrad (

).

3. Avec loutil Dgrad de couleurs ( ) et le pointeur sur lannotateur de dgrad


ou dans le panneau Dgrad de couleurs, en faisant glisser les icnes de losange
ou les tapes de couleur de la barre de dgrad.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

329

4. a) Dans le panneau Dgrad de couleurs, on clique sous la barre de dgrad pour


ajouter une tape de dgrad puis on doubleclique sur ltape de couleur pour
modifier sa couleur laide du panneau qui apparat, en prparant une nouvelle
nuance ou en slectionnant une nuance existante ; b) on peut galement slectionner
loutil Dgrad de couleurs dans le panneau Outils, placer le pointeur audessus
de lobjet au fond en dgrad et cliquer sous le curseur de dgrad qui apparat.
5. Il faut cliquer sur loutil Dgrad de couleurs puis faire glisser le dgrad. Si on le
fait glisser sur une longue distance, les couleurs sont modifies progressivement,
tandis que sur une distance plus courte, les couleurs voluent brusquement. On
peut faire pivoter le dgrad avec loutil Dgrad de couleurs, mais galement
changer le rayon, le format des pixels et le point de dpart.
6. La diffrence entre un dgrad de couleurs et un dgrad de formes tient la manire
dont les couleurs sont combines. Les couleurs sont mlanges lintrieur dun
dgrad de couleurs et elles sont mlanges partir de diffrents objets dans un
dgrad de formes.
7. Le mlange des formes gomtriques et des couleurs de diffrents objets se fait ainsi :

On clique sur chaque objet avec loutil Dgrad de formes ( ) pour crer un
dgrad de formes avec des tapes intermdiaires entre les objets en fonction
doptions de dgrad de formes prdfinies.

Aprs slection des objets, on choisit Objet > Dgrad de formes > Options de
dgrads, pour dfinir le nombre dtapes intermdiaires, puis Objet > Dgrad
de formes > Crer, pour crer le dgrad de formes.

Les objets qui ont t peints laide de contours produisent des dgrads de formes
diffrents de ceux qui nen possdent pas.
8. Si loption Couleur lisse du menu Pas est slectionne, Illustrator calcule automa
tiquement le nombre dtapes intermdiaires ncessaires pour crer un dgrad
liss uniforme entre les objets slectionns. En revanche, si on prcise le nombre
dtapes, le nombre dtapes intermdiaires qui seront visibles dans le dgrad de
formes est alors dfini. Il est galement possible de dfinir la distance entre les
tapes intermdiaires du dgrad de formes.
9. Loutil Slection directe ( ) est intressant pour slectionner et rgler la forme go
mtrique dun objet dorigine, ce qui modifie la forme gomtrique du dgrad de
formes. On peut modifier les couleurs des objets dorigine pour rgler les couleurs
intermdiaires du dgrad de formes. Loutil Conversion de point dancrage ( )
permet de modifier la forme (ou sens) du trac dun dgrad de formes : il suffit de
faire glisser les points dancrage ou les poignes de direction du trac.

330

LEON 10

Dgrads de formes et de couleurs

Les nombreux types de formes proposs dans Adobe Illustrator


permettent dobtenir des effets trs varis, que vous peigniez
ou dessiniez simplement des tracs. Vous pouvez vous servir de
loutil Forme de tache, choisir parmi les formes calligraphiques,
diffuses, artistiques et de motif, ou crer vos propres formes
partir de votre illustration.

LES FORMES

11

Au cours de cette leon, vous apprendrez :


employer quatre types de formes : artistiques, calligraphiques, de motif
et diffuses ;

appliquer des formes des tracs ;


peindre et modifier des tracs avec loutil Pinceau ;
crer une forme artistique partir dune image bitmap ;
modifier la couleur de la forme et ajuster ses paramtres ;
crer de nouvelles formes partir dune illustration Illustrator ;
utiliser les outils Forme de tache et Gomme.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Au cours de cette leon, vous apprendrez utiliser les diffrents types de formes
du panneau Formes ainsi qu modifier les options de formes et crer vos propres
formes. Avant de commencer, vous devez restaurer les prfrences par dfaut dAdobe
Illustrator. Vous ouvrirez ensuite le fichier image termin pour voir ce que vous allez
crer dans la premire partie de cette leon.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le fichier


L11end.ai, qui se trouve dans le dossier Lesson11 sur
votre disque dur.
4. Si ncessaire, choisissez Affichage > Zoom arrire pour
rduire la vue de lillustration termine, puis ajustez
la taille de la fentre et laissez lillustration lcran
pendant que vous travaillez. Servezvous de loutil
Main ( ) pour placer lillustration o bon vous semble
dans la fentre. Sinon, choisissez Fichier > Fermer.
Pour commencer, vous allez ouvrir un fichier dillustration existant.
P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

5. Choisissez Fichier > Ouvrir et chargez le fichier


L11start.ai, situ dans le dossier Lesson11 sur votre
disque dur.
6. Choisissez Affichage > Ajuster le plan de travail la
fentre.
7. Choisissez Fichier > Enregistrer sous, nommez le
fichier affiche-croisire.ai et slectionnez le dossier
Lesson11. Choisissez Adobe Illustrator (*.AI) dans
le menu Type (Windows) ou Adobe Illustrator (ai)
dans le menu Format (Mac OS) puis cliquez sur
Enregistrer. Dans la bote de dialogue Options Illustrator, gardez les options par
dfaut et cliquez sur OK.
8. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le commutateur despace de
travail, choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre>
Espace de travail> Rinitialiser Les indispensables.

334

LEON 11

Les formes

272758

Travail avec les formes


Grce aux formes, vous dcorerez vos
tracs avec des motifs, des figures, des
textures ou des contours anguleux. Vous
pouvez modifier les formes fournies avec
Illustrator, mais aussi crer les vtres.

Types de formes

A. Formes calligraphiques
B. Formes artistiques
C. Pointe de pinceau
D. Formes de motif
E. Formes diffuses

Vous pouvez appliquer des contours


des tracs existants ou, avec loutil
Pinceau, dessiner un trac et appliquer
A.
B.
C.
D.
E.
simultanment un contour. Vous pouvez
modifier la couleur, la taille et les autres
attributs dune forme mais galement modifier des tracs aprs application des formes.

Cinq sortes de formes sont prsentes dans le panneau Formes (Fentre > Formes) :
calligraphiques, artistiques, de motif, diffuses et pointe de pinceau. Dans cette leon,
vous apprendrez les utiliser toutes, lexception des formes diffuses.
A. Formes
B. Menu Bibliothque
de formes

C. Supprimer le
contour

B
C D

D. Options de lobjet
slectionn
E. Nouvelle forme
F. Supprimer la forme

Les formes calligraphiques


Les formes calligraphiques produisent des tracs qui
ressemblent ceux obtenus avec la pointe dune plume
calligraphique. Elles sont dfinies par une forme elliptique
dont le centre suit le trac. Servezvousen pour crer
lillusion de dessins raliss main leve avec la pointe
dune plume plate et acre.

Exemples de formes
calligraphiques

Appliquer une forme calligraphique un objet


Vous allez prsent utiliser une forme calligraphique sur un objet.
1. Ouvrez le panneau Formes en cliquant sur son icne ( ) droite du plan de travail.
Dans le menu du panneau Formes (
), choisissez Affichage par liste.
2. Dans le menu du panneau Formes (
), dslectionnez Affichage Formes artis
tiques, Affichage Formes de motif et Affichage Formes de pinceau, pour ne garder
que Affichage Formes calligraphiques.

P Note : Une

coche place
ct dun type
de forme dans le
menu du panneau
Formes signifie
que ce panneau
affiche ce type de
formes.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

335

3. Dans le panneau Outils, activez loutil Slection ( ) et, tout en appuyant sur la
touche Maj, cliquez sur les deux tracs violets incurvs qui se trouvent en partie
suprieure de la forme de bateau jaune/orange.
4. Dans le panneau Formes, cliquez sur la forme
5 pt. Flat pour lappliquer aux deux tracs.
P Note : la

manire dun
dessin avec
une plume
calligraphique
relle, plus le trac
auquel la forme
calligraphique
est applique,
comme la forme
5pt. Flat, est
vertical, plus le
contour du trac
est fin.

5. Dans le panneau Contrle, fixez lpaisseur de


contour 6 pt et changez la couleur de contour
White. Appuyez sur la touche chap pour
masquer le panneau Nuancier, si ncessaire.

6. Choisissez Slection > Dslectionner.


7. Avec loutil Slection ( ), cliquez sur
le plus petit des tracs blancs (celui
sur la droite) auxquels vous venez
dappliquer la forme. Dans le pan
neau Contrle, changez sa couleur
de contour un gris clair (nous avons
choisi la nuance C=0, M=0, J=0, N=10).
8. Choisissez Slection > Dslectionner
puis Fichier > Enregistrer.

Dessiner avec loutil Pinceau


Nous lavons mentionn prcdemment, loutil Pinceau permet dappliquer une forme
mesure que lon dessine. Cette mthode cre des tracs vectoriels que vous pouvez
modifier avec loutil Pinceau ou avec les autres outils de dessin. Vous allez prsent
vous servir de cet outil pour peindre des vagues dans leau en utilisant une forme
calligraphique fournie par une bibliothque par dfaut.
Vos vagues pourront avoir un aspect diffrent de celles illustres dans cette leon.
Ce nest pas gnant.
1. Avec loutil Slection ( ), cliquez sur la forme de vague bleue derrire le bateau.
Choisissez Slection > Dslectionner.

336

LEON 11

Les formes

Cette forme se trouve sur un calque derrire le bateau. En la slectionnant, vous


activez le calque correspondant dans le panneau Calques. Autrement dit, toutes
les vagues que vous dessinerez se trouveront sur le mme calque que cette forme.
2. Dans le panneau Outils, activez loutil Pinceau (

).

3. Au bas du panneau Formes, cliquez


sur le bouton Menu Bibliothques de
formes ( ) et choisissez Artistiques >
Artistiques_Calligraphiques.

4. Un panneau proposant une bibliothque


de bordures apparat.
Illustrator vient avec plusieurs biblio
thques de formes que vous pouvez utiliser dans vos illustrations. Chacun des
types de formes mentionns prcdemment possde plusieurs bibliothques.
5. Cliquez sur licne du menu du panneau
Artistiques_Calligraphiques (
) et choisis
sez Affichage par liste. Cliquez sur la forme
nomme 50 pt Plat de faon lajouter au
panneau Formes. Fermez la bibliothque
Artistiques_Calligraphiques.
La slection dune forme dans une bibliothque,
comme la bibliothque Artistiques_Calligraphiques, ajoute cette forme unique
ment au document actif.
6. Dans le panneau Contrle, changez la couleur de fond [Sans] ( ), la couleur
de contour la nuance Dark Blue et lpaisseur de contour 1 pt (si ncessaire).

Notez que le pointeur de loutil Pinceau est accompagn dun astrisque (


signifie que vous allez dessiner un nouveau trac.

). Cela

7. Positionnez le pointeur sur le ct gauche du plan de travail, sous le bateau. Dessinez


un long trac incurv de gauche droite, en vous arrtant environ la moiti
de leau (voir la figure). Ajoutez trois autres tracs, en allant de la gauche vers la
droite, sur toute la largeur de leau. La figure montre ceux que nous avons ajouts.

Dessiner le premier trac.

P Note :

Cette forme
calligraphique
cre des angles
alatoires sur les
tracs. Les vtres
pourront donc
avoir un aspect
diffrent de ceux
illustrs. Ce nest
pas gnant.

Ajouter trois autres tracs.

8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

337

Modifier des tracs avec loutil Pinceau


Vous allez prsent employer loutil Pinceau pour modifier un trac slectionn.
1. Avec loutil Slection ( ), cliquez sur le premier trac que vous avez ajout (celui
qui sarrte la moiti de leau).
E Astuce : Vous

pouvez galement
modifier des
tracs dessins
avec loutil
Pinceau en
activant les outils
Arrondi ( )
et Gomme ( ),
qui se trouvent
dans le groupe de
loutil Crayon ( )
du panneau
Outils.

2. Dans le panneau Outils, activez loutil Pinceau ( ). Positionnez le pointeur


proximit du milieu du trac slectionn. Lastrisque ne doit pas apparatre
ct du pointeur lorsque celuici se trouve audessus du trac slectionn. Faites
glisser vers la droite pour tendre le trac jusquau bord droit du plan de travail. Le
trac slectionn est modifi partir du point o vous avez commenc dessiner.

3. Appuyez sur la touche Ctrl (Windows) ou Cmd (Mac OS) pour activer loutil
Slection et cliquez sur un autre trac de vague dessin avec loutil Pinceau. Aprs
que vous avez cliqu, relchez la touche pour revenir loutil Pinceau.
4. Avec loutil Pinceau, dplacez le pointeur sur le trac slectionn. Lorsque last
risque du pointeur disparat, faites glisser vers la droite de faon modifier le trac.
5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.
Vous allez prsent modifier les options de loutil Pinceau.
6. Doublecliquez sur loutil Pinceau
( ) pour afficher la bote de dia
logue Options de loutil Pinceau
et procdez aux changements
suivants :

Lissage : 50 % ;
Conserver la slection : coche.
Cliquez sur OK.
La bote de dialogue Options de
loutil Pinceau permet de modifier
le comportement de loutil Pinceau.
Une valeur leve pour loption Lissage cre des tracs plus lisses en utilisant moins
de points lors du dessin. Lorsque loption Conserver la slection est active, les
tracs restent slectionns aprs que vous les avez termins.
7. Dans le panneau Contrle, changez la couleur du contour la nuance Medium
Blue et son paisseur 0,5 pt.

338

LEON 11

Les formes

8. Avec loutil Pinceau, ajoutez trois ou quatre tracs supplmentaires au travers


de leau, en allant de la gauche vers la droite ou dans le sens oppos. Notez que,
aprs le dessin dun trac, celuici reste slectionn et que vous pouvez donc le
modifier si ncessaire.

P Note : Lorsque

9. Dans le panneau Outils, doublecliquez sur loutil Pinceau. Dans la bote de dia
logue Options de loutil Pinceau, dcochez la case Conserver la slection puis
cliquez sur OK.
Les tracs ne resteront plus slectionns aprs que vous les aurez dessins et vous
pourrez crer des tracs superposs sans modifier ceux qui existent dj.
10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Modifier une forme


Pour modifier les options dune forme, vous pouvez doublecliquer dessus dans le
panneau Formes. La modification dune forme peut affecter lillustration laquelle
elle a t applique, mais cest vous de dcider. Vous allez modifier laspect de la
forme 50 pt Plat.
1. Dans le panneau Formes,
doublecliquez sur la forme
nomme 50 pt Plat de
faon ouvrir la bote de
dialogue Options de forme
calligraphique. Dans cette
bote de dialogue, proc
dez aux modifications
suivantes :

P Note : Les

modifications
de la forme
sappliquent
uniquement
au document
courant.

Nom : 30 pt Plat ;
Angle : 0 ;
choisissez Fixe dans le menu droite dAngle (lorsque Alatoire est slectionn,
les angles de la forme varient de manire alatoire lors du dessin) ;

Arrondi : 5 % (valeur par dfaut) ;


Taille : 30 pt.
Cliquez sur OK.

loption Conserver
la slection est
dcoche, vous
pouvez modifier
un trac en le
slectionnant
avec loutil
Slection ( ) ou
en slectionnant
un segment
ou un point
du trac avec
loutil Slection
directe ( ), puis
en redessinant
la partie du
trac avec loutil
Pinceau.

E Astuce :

Dans la bote
de dialogue, la
zone daperu
(sous le champ
Nom) illustre les
modifications
apportes la
forme.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

339

2. Dans la bote davertissement qui apparat, cliquez sur Laisser les contours pour
ne pas changer les vagues existantes auxquelles la forme a t applique.

3. Dans le panneau Contrle, fixez la couleur de contour la nuance Light Blue et


vrifiez que lpaisseur de contour est 1 pt.
4. Dans le panneau Formes, cliquez sur la forme 30 pt Plat pour tre certain de
peindre avec cette forme. Dessinez trois tracs en travers de leau afin dajouter
des vagues supplmentaires, en les superposant celles existantes (aidezvous de
la figure si vous le souhaitez).

5. Choisissez Slection > Dslectionner, si ncessaire, puis Fichier > Enregistrer.


Normalement lillustration est dj dslectionne et, si cest le cas, larticle de
menu Dslectionner ne sera pas accessible.

Employer une couleur de


fond avec les formes
Lorsque vous appliquez une forme au contour
dun objet, vous pouvez galement lui appliquer une couleur de fond sur lintrieur. Quand
vous employez une couleur de fond avec
une forme, les objets de forme saffichent
par-dessus la couleur de fond aux points o
le fond et les objets se superposent.

Supprimer une forme de contour


Si vous ne voulez plus dun contour appliqu une illustration, vous pouvez facile
ment le supprimer. Cest ce que vous allez faire avec le contour appliqu au nuage.
1. Avec loutil Slection ( ), cliquez sur la forme du nuage.
2. Au bas du panneau Formes, cliquez sur le bouton Supprimer le contour ( ).
340

LEON 11

Les formes

3. Dans le panneau Contrle, fixez paisseur du contour 0 pt.


4. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Les formes artistiques


Les formes artistiques tirent une illustration ou une image
bitmap incorpore de manire homogne le long dun trac.
linstar des autres formes, vous pouvez en modifier les options
de faon changer la manire dont elles sont appliques.

Appliquer une forme artistique existante


Vous allez prsent appliquer une forme artistique existante
aux vagues qui se trouvent devant le bateau.

Exemples de
formes artistiques

1. Cliquez sur licne de menu du panneau Formes (


) et dslectionnez Affichage
Formes calligraphiques, puis slectionnez Affichage Formes artistiques pour que
ces formes soient visibles dans le panneau.
2. Au bas du panneau Formes, cliquez sur le bouton Menu Bibliothques de formes
( ) et choisissez Artistiques > Artistiques_Pinceau.

3. Cliquez sur licne de menu du panneau Artistiques_Pinceau (


) et choisissez
Affichage par liste. Cliquez sur la forme Pinceau 3 pour lajouter au panneau Formes
associ au document actuel. Fermez le groupe du panneau Artistiques_Pinceau.
4. Dans le panneau Outils, activez loutil Pinceau (

P Note : Une

coche place
ct dun type
de forme dans le
menu du panneau
Formes signifie
que ce panneau
affiche ce type de
formes.

).

5. Dans le panneau Contrle, changez la couleur de contour White et lpaisseur


de contour 1 pt. Assurezvous que la couleur de fond est [Sans] ( ).
6. Ouvrez le panneau Calques en cliquant sur
son icne ( ) sur le ct droit de lespace de
travail. Cliquez sur le calque Spray/Tree afin que
le nouvel objet soit plac sur celuici. Fermez
le panneau Calques en cliquant sur son icne.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

341

E Astuce : Loutil
Pinceau tant
activ, appuyez
sur la touche
de verrouillage
des majuscules
pour obtenir un
pointeur prcis
(X). Dans certains
cas, cela vous
aidera dessiner
avec plus de
prcision.

7. Positionnez le pointeur de loutil


Pinceau ( ) en bas de la zone rouge,
devant le bateau (comme indiqu par
le X sur la figure). Faites glisser vers la
gauche en suivant la partie infrieure
de la bande rouge du bateau, tout
le long de la ligne deau. Aidezvous
de la figure, mais vous navez pas besoin dtre exact. En cas derreur, choisissez
dition > Annuler Contour artistique et recommencez.
8. Ajoutez un trac partir du mme
point, mais en allant vers la droite.
Puis tracez une forme en U autour
du point de dpart (de gauche droite)
de faon recouvrir toute zone rouge
(aidezvous de la figure ; le X reprsente
le point de dpart de la forme en U).
9. Ajoutez dautres tracs en partant tou
jours du mme point dorigine.
10. Choisissez Fichier > Enregistrer.

Crer une forme partir dune image bitmap


P Note : Pour

de plus amples
informations sur
la cration de
formes, consultez
la rubrique
Cration et
modification des
formes dans
lAide dIllustrator.

Dans cette section, vous allez importer une image bitmap, en lincorporant, et lutiliser
pour crer une nouvelle forme artistique. Lorsque vous crez une forme, quel que
soit son type, elle apparat dans le panneau Formes associ au document courant
uniquement.
1. Choisissez Fichier > Importer. Dans la
bote de dialogue Importer, allez dans
le dossier Lesson11 et slectionnez le
fichier tree2.psd. Veillez ce que la case
Lier soit dcoche. Cliquez sur Importer.
2. Positionnez le pointeur sur la droite du
plan de travail. Cliquez pour importer
limage.
Par la suite, vous crerez une forme artistique
laide de lillustration slectionne. Vous
pouvez partir dune illustration vectorielle ou
dune image bitmap incorpore, mais elle ne doit pas contenir de dgrad de couleurs,
de dgrad de formes, dautres contours, dobjets filaires, de graphes, de fichiers lis,
de masques ou de texte non vectoris.

342

LEON 11

Les formes

P Note : La manipulation dimages incorpores et de formes dans un document a un impact direct

sur les performances dIllustrator. Il existe une limite sur la taille de limage incorpore utilise pour
une forme. Vous risquez de voir apparatre une bote de dialogue qui indique que limage doit tre
redimensionne avant de pouvoir en faire une forme.

3. Activez loutil Slection ( ) et cliquez sur le bouton Nouvelle forme ( ) au bas du


panneau Formes. Vous initiez ainsi le processus de cration dune forme partir
de lillustration bitmap slectionne.
4. Dans la bote de dialogue Nouvelle
forme, slectionnez Forme artistique
puis cliquez sur OK.
5. Dans la bote de dialogue Options
de forme artistique, changez Nom
Palmier. Cliquez sur OK.
6. Supprimez limage que vous avez impor
te sur le ct droit du plan de travail ;
vous nen aurez plus besoin.
7. Avec loutil Slection, cliquez sur la ligne noire incurve droite du bateau.
8. Dans le panneau Formes, cliquez sur la forme nomme Palmier pour lappliquer.

Notez que limage darbre dorigine est tire le long de la forme. Il sagit du com
portement par dfaut pour une forme artistique.

Modifier une forme artistique


Vous allez prsent modifier la forme artistique Palmier.
1. Le trac incurv tant toujours slectionn sur le plan
de travail, doublecliquez sur la vignette de forme
gauche du nom Palmier dans le panneau Formes
de manire ouvrir la bote de dialogue Options de
forme artistique.

E Astuce : Pour

de plus amples
informations sur la
bote de dialogue
Options de
forme artistique,
consultez la
rubrique Options
de formes
artistiques dans
lAide dIllustrator.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

343

2. Dplacez la bote de dia


logue Options de forme
artistique afin de voir le
trac incurv auquel la
forme est applique et
cochez la case Aperu pour
constater le rsultat des
modifications suivantes :

tirer entre les repres :


coche ;

Dbut : 5 in ;
Fin : 6 in ;
Verticale : coche.
Cliquez sur OK.
3. Dans la bote davertissement,
cliquez sur Appliquer aux
contours pour que le trac
auquel la forme est applique
soit affect.
4. Dans le panneau Contrle, cliquez sur
Opacit et choisissez Produit dans le menu
Mode de fusion. Appuyez sur Entre ou
Retour pour fermer le panneau Transparence.
5. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Images bitmap dans les formes


Vous pouvez dsormais dfinir des formes diffuses, artistiques et de motif en faisant
glisser des images incorpores dans le panneau Formes (ou en suivant toute autre
mthode de cration).
Les images dans une forme prennent la forme du contour, ce qui signifie que les images
peuvent se plier, se mettre lchelle et stirer avec la forme et le type du contour. En
outre, de telles formes se comportent et peuvent tre modifies de la mme faon
que les autres, laide de la bote de dialogue Options de forme.
Lutilisation dimages de grande taille dans les formes a un impact sur les performances.
Lorsque vous choisissez une image de ce type, Illustrator vous demande lautorisation
de repixelliser limage avec une rsolution plus faible, avant de poursuivre la cration
de la forme.
Extrait de lAide dIllustrator

344

LEON 11

Les formes

Les pointes de pinceau


Les pointes de pinceau sont des formes qui permettent de crer
des contours qui semblent avoir t peints au pinceau. Vous le
verrez dans cette section, lorsque vous peignez avec une pointe de
pinceau, vous crez des tracs vectoriels. Vous allez commencer
par rgler les options de la forme pour modifier son apparence
dans lillustration puis vous peindrez avec loutil Pinceau de
manire crer un effet de fume.

Exemples de
pointes de pinceau.

Modifier les options de pointe de pinceau


Vous lavez vu prcdemment, vous pouvez changer laspect dune forme en rglant
ses paramtres dans la bote de dialogue Options de forme, que ce soit avant davoir
appliqu la forme lillustration ou aprs. Dans le cas dune pointe de pinceau, il est
prfrable de rgler les options de la pointe de pinceau avant de peindre car la mise
jour des contours demande du temps.
1. Dans le menu du panneau Formes (
), slectionnez Affichage Pointes de pinceau
et dslectionnez Affichage Formes artistiques.
2. Doublecliquez sur la vignette de la forme par dfaut Mop ou directement droite
de ce nom pour ouvrir la bote de dialogue Options de forme correspondante.
Dans la bote de dialogue, procdez aux modifications suivantes :

Forme : ventail arrondi (valeur


par dfaut) ;

Corps : 7 mm. Cette valeur

correspond au diamtre de la
forme ;

Longueur de la pointe du

pinceau : 150 % (valeur par


dfaut). La longueur de la pointe
du pinceau se mesure depuis la
limite entre la brosse et le manche
du pinceau jusqu lextrmit des
poils ;

Illustrator propose
plusieurs pointes
de pinceau par
dfaut. Cliquez sur
le bouton Menu
Bibliothques de
formes ( )
en bas du
panneau Formes
et choisissez
Pointe du
pinceau>
Bibliothque
de pointes de
pinceau.

P Note : Pour

Densit de la pointe du pinceau :

20 %. La densit de la pointe du
pinceau dsigne le nombre de poils dans une zone prcise de la virole ;

paisseur de la pointe de pinceau : 75 % (valeur par dfaut). Lpaisseur de la pointe


du pinceau peut varier de 1 % (fin) 100 % (grossier) ;

Opacit de la peinture : 75 % (valeur par dfaut). Cette option permet de dfinir


lopacit de la peinture utilise ;

Duret : 50 % (valeur par dfaut). La duret dsigne la rigidit des poils.


Cliquez sur OK.

E Astuce :

de plus amples
informations
sur la bote de
dialogue Options
du module
externe Pointe
du pinceau et ses
options, consultez
la rubrique
Utilisation de
loutil Pointe du
pinceau dans
lAide dIllustrator.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

345

Peindre avec une pointe de pinceau


Vous allez prsent vous servir de la forme Mop pour dessiner de la fume audessus
du bateau. La peinture laide dune pointe de pinceau se traduit par un trac fluide,
trs organique. Pour contraindre lopration, vous peindrez lintrieur dune forme,
qui servira de masque pour la fume.
1. Dans le panneau Outils, activez loutil Zoom ( ) et cliquez plusieurs reprises,
lentement, sur la forme de fume (non le nuage) audessus du bateau afin den
agrandir laffichage.
2. Activez loutil Slection ( ) et cliquez sur
la forme de fume. Le calque sur lequel
se trouve la forme est ainsi slectionn et
les futurs objets dessins le seront sur ce
mme calque.
P Note : Pour

de plus amples
informations sur
les modes de
dessin, consultez
la Leon 3,
Cration de
formes.

3. Au bas du panneau Outils, cliquez sur le


bouton Dessin intrieur ( ).
P Note : Si le panneau Outils est affich sur une

colonne, cliquez sur le bouton Modes de dessin ( )


et slectionnez ensuite le mode de dessin dans le menu qui apparat.

4. La forme de fume tant slectionne, dans le panneau Contrle, changez la cou


leur de fond [Sans] ( ) (appuyez sur la touche chap pour masquer le panneau
Nuancier). Ne touchez pas au contour. Choisissez Slection > Dslectionner.

Les lignes en pointill affiches sur les angles de la forme indiquent que les tracs
ajouts seront masqus par cette forme.
5. Dans le panneau Outils, activez loutil
Pinceau ( ). Choisissez la forme Mop
partir du menu Forme du contour du
panneau Contrle, si ncessaire.

E Astuce : Si

vous souhaitez
modifier les
tracs que vous
dessinez, cochez
la case Conserver
la slection dans
les options de
loutil Pinceau
ou slectionnez
les tracs avec
loutil Slection.
Vous navez pas
besoin de remplir
intgralement la
forme.

346

LEON 11

6. Dans le panneau Contrle, fixez la couleur


de fond [Sans] ( ) et celle de contour
White. Appuyez sur la touche chap pour
masquer le panneau Nuancier. Vrifiez que
lpaisseur de contour est 1 pt.
7. Positionnez le pointeur audessus de la plus grande chemine (voir le X rouge
sur la figure). Faites glisser vers le haut, puis vers le bas et la gauche, en suivant
approximativement le bord de la forme de fume. Relchez le bouton de la souris
lorsque vous arrivez lextrmit de la forme.
Lorsque vous relchez le bouton de la souris, notez que le trac dessin est masqu
par la forme.
E Astuce : Si le rsultat ne vous plat pas, choisissez dition> Annuler Contour de la pointe du pinceau.

Les formes

8. Utilisez loutil Pinceau ( ), avec la forme Mop, pour ajouter dautres tracs
lintrieur de la forme de la fume. Essayez de partir de chaque chemine, en
suivant la forme de la fume. Lobjectif est de la remplir avec les tracs dessins.

Dessiner le premier trac.

Le rsultat final.

9. Choisissez Affichage > Tracs pour voir tous les tracs crs.
10. Choisissez Slection > Objet > Contours de la pointe du pinceau pour slectionner
tous les tracs crs avec loutil Pinceau et la forme Mop.
11. Choisissez Objet > Associer puis Affichage > Aperu.
P Note : Dans

la partie gauche
de la figure, nous
avons estomp les
tracs de la forme
afin que ceux de
la fume soient
plus visibles.

Afficher lillustration en mode Tracs.

Le rsultat.

12. Au bas du panneau Outils, cliquez sur le bouton Dessin normal (

).

13. Activez loutil Slection et choisissez Slection > Dslectionner.


14. Doublecliquez sur le
bord de la forme de
fume afin de passer en
mode Isolation. Cliquez
sur le contour gris fonc
de la forme. Dans le pan
neau Contrle, changez
la couleur de contour
[Sans] ( ) .

P Note : Si le

panneau Outils
est affich sur
une colonne,
cliquez sur le
bouton Modes
de dessin ( )
et slectionnez
ensuite le mode
de dessin dans
le menu qui
apparat.

15. Appuyez plusieurs reprises sur la touche chap pour fermer le panneau et sortir
du mode Isolation.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

347

16. Ouvrez le panneau Calques en cliquant sur son


icne ( ). Cliquez sur licne de visibilit ( )
gauche du calque Spray/Tree pour masquer les
illustrations quil contient. Fermez le panneau
Calques en cliquant sur son icne.
17. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.
Lors de lenregistrement, une bote de dialogue davertissement peut apparatre pour
indiquer que le document comprend des tracs de pointe de pinceau avec transparence.
En dessinant avec la pointe de pinceau, vous crez des tracs vectoriels individuels
auxquels la forme est applique. Cela peut poser des problmes lors de limpression
ou de lexportation au format EPS/PDF ou une ancienne version dIllustrator. Pour
rduire la complexit et le nombre de tracs de pointe de pinceau, pixellisez les tracs
auxquels une telle forme est applique. Slectionnezles et choisissez Objet > Pixelliser.

Les pointes de pinceau et


les tablettes graphiques
Lorsque vous utilisez une pointe de pinceau avec une tablette graphique, Illustrator
suit de manire interactive les mouvements du stylet sur la tablette. Ilinterprte tous
les aspects dorientation et de pression en tout point du trac du dessin. Ilproduit
une sortie modele sur la position du stylet sur laxe des abscisses et des ordonnes,
ainsi que sur la pression, linclinaison, la direction et la rotation. Pour de plus amples
informations sur les pointes de pinceau et les tablettes graphiques, recherchez
Pointe de pinceau dans lAide dIllustrator (Aide> Aide dIllustrator) .
Extrait de lAide dIllustrator

Les formes de motif


Les formes de motif dessinent un dcor compos de diffrents
lments, ou carreaux. Lorsque vous appliquez une forme de
motif une illustration, diffrents carreaux sont appliqus aux
diffrentes sections du trac, en fonction du point du trac o
se situe la section ( une extrmit, au milieu ou dans un angle).
Illustrator apporte des centaines de motifs employer dans vos
propres projets (de lherbe jusquaux paysages urbains). Vous allez
appliquer une forme de motif existante un trac de faon crer
des hublots sur le bateau.

348

LEON 11

Les formes

Exemples de
formes de motif.

1. Choisissez Affichage > Ajuster le plan de travail la fentre.


), choisissez Affichage Formes de motif et
2. Dans le menu du panneau Formes (
dslectionnez Affichage Pointes de pinceau.
3. Dans le panneau Formes, cliquez sur la forme nomme Windows pour la slectionner.
Vous allez appliquer la forme de motif puis modifierez ses proprits.
4. Activez loutil Slection ( ). Tout en appuyant sur la touche Maj, cliquez sur les
deux tracs qui se trouvent sur la forme jaune/orange du bateau.

5. Dans le menu Forme du contour du


panneau Contrle, choisissez la forme
de motif Windows pour lappliquer.
Vous allez prsent modifier les pro
prits de la forme applique aux tracs
slectionns.

E Astuce :

Comme pour les


autres types de
formes, Illustrator
propose des
bibliothques
de formes de
motif par dfaut.
Pour y accder,
cliquez sur le
bouton Menu
Bibliothques de
formes ( ) et
choisissez une
bibliothque dans
lun des menus,
par exemple
Dcoratif.

6. Choisissez Slection > Dslectionner.


7. Cliquez sur le trac du bas auquel la
forme Windows est applique.

8. Au bas du panneau Formes, cliquez sur le bouton


Options de lobjet slectionn ( ) de faon
modifier les options de forme uniquement pour
le trac slectionn sur le plan de travail.
La bote de dialogue Options de contour (forme
de motif ) apparat.
9. Cochez la case Aperu et fixez lchelle 110 % soit en dplaant le curseur, soit en
saisissant cette valeur. Cliquez sur OK.
Lorsque vous modifiez les paramtres de forme pour lobjet slectionn, seules
quelques options de la forme sont disponibles. La bote de dialogue Options de
contour (forme de motif ) permet de modifier les proprits du trac avec formes
sans mettre jour la forme correspondante.

E Astuce : Pour

changer la taille
des hublots,
vous pouvez
galement
modifier le
contour de la
ligne sur le plan
de travail, avec la
forme applique.

10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

349

Crer une forme de motif


Il existe plusieurs faons de crer une forme de motif. Dans le cas dun motif simple
appliqu une ligne droite, vous pouvez, par exemple, slectionner lobjet qui doit
servir de motif et cliquer sur le bouton Nouvelle forme ( ) au bas du panneau Formes.
Pour crer un motif plus complexe qui sappliquera des objets constitus de courbes
et dangles vous pouvez slectionner dans la fentre de document une illustration qui
servira de forme de motif, crer dans le panneau Nuancier des nuances partir de
lillustration qui servira de carreau pour la forme de motif, ou mme laisser Illustrator
gnrer automatiquement les angles de la forme de motif. Dans Illustrator, seul le
carreau pour le ct doit tre dfini. Ensuite, quatre types dangles diffrents sont
produits automatiquement en fonction de lobjet utilis pour le ct.
Vous allez prsent crer une forme de motif pour la bordure de laffiche.
1. Choisissez Affichage > Pattern objects. Vous devez arriver une vue agrandie de
la boue de sauvetage et du morceau de corde qui se trouvent sur le ct droit
du plan de travail.
2. Avec loutil Slection ( ), cliquez sur le groupe des lments de la corde.

3. Ouvrez le panneau Formes en cliquant sur son icne ( ), si ncessaire. Dans le


menu du panneau (
), choisissez Affichage par vignettes. Au bas du panneau,
cliquez sur le bouton Nouvelle forme ( ) pour crer un motif partir de la corde.

Notez que, dans cet affichage par le panneau Formes, les formes de motif sont
segmentes. Chaque segment correspond un carreau de motif. Le carreau Ct
est rpt dans laperu du panneau Formes.
4. Dans la bote de dialogue Nouvelle forme, choisissez Forme de motif. Cliquez sur OK.

E Astuce :

Certaines formes
nont pas de
carreaux dangle
parce quelles
ont t conues
pour des tracs
courbes, sans
angles aigus.

350

LEON 11

Il est possible de crer une forme de motif mme lorsque aucune illustration nest
slectionne. Dans ce cas, vous devrez ajouter lillustration en la faisant glisser ult
rieurement dans le panneau Formes ou en la slectionnant partir dune nuance de
motif cre lors de la modification de la forme. Cette dernire mthode sera prsente
plus loin dans cette section.
5. Dans la bote de dialogue Options de forme de motif, nommez la forme Bordure.
Les formes de motif peuvent contenir jusqu cinq carreaux : Cts, Dbut et Fin,
ainsi quAngle extrieur et Angle intrieur qui permettent de dessiner des angles
aigus sur un trac.

Les formes

Les cinq carreaux sont reprsents sous forme de boutons sous le champ Pas de la
bote de dialogue. Ils permettent dappliquer une illustration diffrente chaque partie
du trac. Vous cliquez sur le bouton du carreau dfinir et, dans le menu qui apparat,
slectionnez une proposition automatique (si disponible) ou une nuance de motif.

E Astuce : Dans

la bote de
dialogue Options
de forme de motif,
positionnez le
pointeur sur les
cases des carreaux
pour voir safficher
une infobulle qui
dfinit chaque
carreau.

6. Cliquez sur le bouton du carreau


Cts (le deuxime partir de la
gauche) qui se trouve sous le champ
Pas. Lillustration slectionne
lorigine se trouve dans le menu qui
apparat, ainsi que Aucun et les diff
rentes nuances de motif du panneau
Nuancier. Choisissez Pompadour
dans le menu.

E Astuce : Lors

de la cration
dune forme de
motif, lillustration
slectionne
devient par dfaut
le carreau de ct.

Dans la zone daperu, sous les car


reaux, vous pouvez constater com
ment la nouvelle illustration affecte
un trac.
7. Cliquez nouveau sur le bouton Cts et choisissez Original dans le menu.
8. Cliquez sur le bouton Angle ext
rieur pour afficher son menu.

E Astuce : Pour

enregistrer
une forme et
la remployer
dans un autre
document, vous
devez crer une
bibliothque
de formes. Pour
en savoir plus,
reportez-vous
la rubrique
Utilisation des
bibliothques de
formes de lAide
dIllustrator.

Le carreau de langle extrieur a


t gnr par Illustrator par
tir de lillustration originale de la
corde. Dans le menu, vous avez le
choix parmi quatre types dangles
automatiques :

Centrage automatique. Le

carreau de ct est tir de part


et dautre de langle et centr
sur celuici.

Imbrication automatique. Des

copies du ct sont tires jusqu langle, avec une copie de chaque ct.
Llimination du pliage est utilise pour les tirer en une forme.

Dcoupage automatique. Le ct est dcoup en diagonale et les clats se


rejoignent, linstar dun joint de pointe dans un cadre en bois de photo.

Chevauchement automatique. Les copies des mosaques se chevauchent au


niveau de langle.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

351

Dans le menu, choisissez Imbrication automatique. Vous gnrez ainsi, partir de


la corde, langle extrieur de tout trac auquel la forme de motif sera applique.
9. Cliquez sur OK. La forme Bordure saffiche dans le panneau Formes.

Appliquer une forme de motif


Vous allez appliquer la forme Bordure un cadre rectangulaire autour de lillustra
tion. Lorsque vous vous servez des outils de dessin pour appliquer des formes une
illustration, vous devez dabord crer le trac puis lui appliquer la forme slectionne
dans le panneau Formes.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez sur le contour blanc du rectangle qui forme la
bordure.
3. Dans le panneau Outils, cliquez sur la case Fond et vrifiez que [Sans] ( ) est
slectionn. Ensuite, cliquez sur la case Contour et choisissez [Sans] ( ).
4. Le rectangle tant slectionn, cliquez
sur la forme Bordure dans le panneau
Formes.
5. Choisissez Slection > Dslectionner.
Le rectangle est peint avec la forme
Bordure, le carreau Ct le long des
cts et le carreau Angle extrieur dans
les angles.

Modifier une forme de motif


E Astuce : Pour

de plus amples
informations
sur la cration
des nuances de
motifs, consultez
la rubrique
propos des
motifs dans lAide
dIllustrator.

Vous allez prsent modifier la forme Bordure en utilisant une nuance de motif que
vous devrez crer.
1. Ouvrez le panneau Nuancier en cliquant sur son icne (
Fentre > Nuancier.

) ou en choisissant

2. Choisissez Affichage > Pattern objects de faon zoomer sur la boue de sauvetage
qui se trouve sur le ct droit du plan de travail.
3. Avec loutil Slection ( ), faites
glisser la boue dans le panneau
Nuancier. La nouvelle nuance
apparat dans ce panneau.
Aprs que vous avez cr une
forme de motif, vous pouvez
supprimer les nuances de motif
du panneau Nuancier si vous nenvisagez pas de les utiliser dans dautres illustrations.

352

LEON 11

Les formes

4. Choisissez Slection > Dslectionner.


5. Dans le panneau Nuancier,
doublecliquez sur la nuance
de motif que vous venez de
crer. Dans la bote de dialogue
Options de motif, nommez la
nuance Angle et choisissez 1 x 1
dans le menu Copies.
6. Dans la barre grise situe en
partie suprieure de la fentre de
document, cliquez sur Terminer
pour mettre fin la modification
du motif.
7. Choisissez Affichage > Ajuster
le plan de travail la fentre.
8. Dans le panneau Formes, doublecliquez sur la forme de motif Bordure de faon
ouvrir la bote de dialogue Options de forme de motif.
9. Cliquez sur le bouton Angle
extrieur et, dans le menu qui
saffiche, choisissez la nuance
de motif Angle.
10. Dans la bote de dialogue Options
de forme de motif, changez
chelle 70 % et cliquez sur OK.
11. Dans la bote davertissement, cli
quez sur Appliquer aux contours
de faon actualiser la bordure
sur le plan de travail.
12. Avec loutil Slection, cliquez sur lun des
tracs qui reprsentent les hublots. Dans
le panneau Formes, cliquez sur la forme
Bordure pour la lui appliquer.
Remarquez que les boues de sauvetage
ne sont pas appliques au trac. Il est
peint laide du carreau de ct de la
forme Bordure. En effet, puisque le trac
ne comprend aucun angle aigu, les car
reaux des angles extrieur et intrieur
ne sont pas utiliss.

E Astuce : Vous

pouvez galement
modifier les
carreaux dune
forme de motif
en appuyant
sur la touche

Alt (Windows)
ou Option
(Mac OS) et en
faisant glisser
une illustration
partir du
plan de travail
vers le carreau
concern.

P Note : Il est

possible que le
trac du palmier
soit slectionn
la place.
Dans ce cas,
choisissez Objet>
Verrouiller>
Slection afin
dviter que cela
se reproduise.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

353

13. Choisissez dition > Annuler Appliquer la forme de motif pour retrouver les hublots.
P Note : Prcdemment, vous avez appris retirer une forme dun objet en cliquant sur le bouton

Supprimer le contour ( ) du panneau Formes. Ici, vous avez choisi dition> Annuler Appliquer la
forme de motif car lusage du bouton Supprimer le contour aurait enlev la mise en forme prcdente
de larc, ne lui laissant que le fond et le contour par dfaut.

14. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Modifier les attributs de


couleur des formes
Les couleurs dune forme diffuse, artistique ou de motif dpendent de la couleur de
contour et du mode de coloration de la forme. Sicelui-ci na pas t slectionn, la
couleur par dfaut de la forme est utilise. Ainsi, la forme artistique applique la
vague devant le bateau la t avec la couleur de contour blanche car son mode de
coloration tait Teintes.
Pour modifier la couleur des formes artistiques, diffuses et de motif, il faut choisir lun
des trois modes de coloration proposs dans la bote de dialogue Options de forme:
Teintes, Teintes et ombres, Saturation.
Pour de plus amples informations sur chacun de ces modes, recherchez Options de
coloration dans lAide dIllustrator (Aide> Aide dIllustrator).

P Note : Les formes colores partir dune couleur de contour blanche peuvent apparatre

entirement blanches et celles colores partir dune couleur de contour noire, entirement
noires. Les rsultats obtenus dpendent des couleurs dorigine.

Loutil Forme de tache


Loutil Forme de tache permet de peindre des formes dotes dun fond que vous pouvez
fusionner et faire sentrecouper avec dautres formes de mme couleur. Cet outil permet
de retrouver le talent de loutil Pinceau mais, contrairement ce dernier qui sert
crer des tracs ouverts artistiques, il cre une forme ferme avec un fond uniquement,
sans contour, que vous modifiez ensuite avec les outils Gomme et Forme de tache.
Les formes qui possdent un contour ne peuvent pas tre modifies avec cet outil.

Trac cr avec loutil Pinceau.

354

LEON 11

Les formes

Forme cre avec loutil Forme de tache.

Dessiner avec loutil Forme de tache


Vous allez prsent employer loutil Forme de tache pour crer une partie dun nuage.
1. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Cliquez sur licne de visibilit ( )
gauche du calque Ship pour en masquer le
contenu. Vrifiez que le calque Spray/Tree est
cach. Slectionnez le calque Background.
2. Dans le panneau Contrle, fixez la couleur de
fond la nuance Light Blue et la couleur de
contour [Sans] ( ).
Si un fond et un contour sont dfinis avant la
ralisation dun trac avec loutil Forme de tache, le contour devient le fond de la
forme cre. Si seul un fond est dfini, il devient le fond de la forme cre.
3. Dans le panneau Outils,
doublecliquez sur loutil
Forme de tache ( ). Dans
la bote de dialogue Options
de loutil Forme de tache,
cochez la case Conserver la
slection et, dans la section
Options de forme par dfaut,
fixez Taille 70 pt. Cliquez
sur OK.

4. Positionnez le pointeur
gauche du petit nuage bleu
dans le ciel. Faites glisser de
faon crer une forme de
nuage qui ne touche pas
celle existante.

E Astuce : Vous

Lorsque vous dessinez avec


loutil Forme de tache, vous
crez des formes pleines fermes. Elles peuvent contenir nimporte quel type de
fond, y compris des dgrads, des couleurs pleines, des motifs, etc. Notez que
le pointeur de loutil Forme de tache est entour dun cercle avant que vous ne
commenciez dessiner. Il reprsente la taille de la forme (70 pt, que vous avez
fixe ltape prcdente).

pouvez galement
changer la taille
de la forme
de tache en
appuyant
plusieurs reprises
sur les touches
Crochet fermant
(]) ou Crochet
ouvrant ([).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

355

Fusionner des tracs avec loutil Forme de tache


Outre le dessin et la modification de formes, loutil Forme de tache permet de fusionner
et de faire sentrecouper des formes de la mme couleur. Les objets fusionns laide
de loutil Forme de tache doivent possder les mmes attributs daspect, navoir aucun
contour, se trouver sur le mme calque ou groupe, et tre adjacents dans lordre de
superposition.
Pour dautres consignes concernant loutil Forme de tache, recherchez Peinture avec
les fonds et les contours dans lAide dIllustrator (Aide > Aide dIllustrator). Sur la
page correspondante, allez dans la rubrique intitule Dessin et fusion de tracs
laide de loutil Forme de tache.
Vous allez fusionner le nuage que vous venez de dessiner avec le petit nuage situ
sa droite. Vous obtiendrez alors un gros nuage.
1. Choisissez Slection > Dslectionner.
2. Avec loutil Forme de tache ( ), faites glisser depuis lintrieur de la forme de
nuage que vous avez cre et arrtezvous lintrieur du petit nuage sa droite.
Les deux formes sont connectes.

P Note : Si vous constatez que les formes ne sont pas fusionnes, il est possible que leurs contours
et leurs fonds soient diffrents. Slectionnez les deux nuages laide de loutil Slection et faites en
sorte que leur couleur de fond soit la nuance Light blue swatch et que leur contour soit [Sans]. Ensuite,
recommencez lopration avec loutil Forme de tache.

3. Continuez dessiner avec loutil Forme de tache pour que les deux formes fusion
nes ressemblent plus un nuage.
Si vous constatez que de nouvelles formes sont cres, au lieu que la forme de nuage
existante soit modifie, annulez lopration. Ensuite, avec loutil Slection ( ), res
lectionnez et dslectionnez la forme de nuage puis poursuivez.

4. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

356

LEON 11

Les formes

Modifier des tracs avec loutil Gomme


Quand vous dessinez et fusionnez des formes avec loutil Forme de tache, vous risquez
daller trop loin et, en consquence, de devoir modifier ce que vous avez ralis. Loutil
Gomme peut vous aider faonner la forme et corriger ce qui vous dplat.
E Astuce : Lorsque vous dessinez avec les outils Forme de tache et Gomme, faites de prfrence de

petits mouvements et relchez souvent le bouton de la souris. Vous pouvez annuler les modifications
apportes, mais si vous dessinez par de longs mouvements sans relcher, lannulation retire lintgralit
du trac.

1. Avec loutil Slection ( ), cliquez sur la forme du nuage.


La slection de la forme avant lactivation de loutil Gomme permet de limiter ses
effets cette forme.
2. Dans le panneau Outils,
doublecliquez sur loutil
Gomme ( ). Dans la bote
de dialogue Options de loutil
Gomme, fixez Taille 40 pt
puis cliquez sur OK.
3. Positionnez le pointeur sur le
bord du nuage et, avec loutil
Gomme, faites glisser le long
de la partie infrieure de la
forme pour en enlever une partie. Essayez de basculer entre les outils Forme de
tache et Gomme pour modifier le nuage.
Les pointeurs des outils Forme de tache et Gomme comprennent un cercle qui
indique le diamtre de la forme.

4. Choisissez Slection > Dslectionner.


La dernire tape consiste masquer les parties de lillustration qui se trouvent en
dehors du plan de travail.
5. Ouvrez le panneau Calques en cliquant sur son icne ( ). Cliquez sur la colonne
de visibilit gauche de tous les calques afin que lintgralit du contenu soit affi
che. Slectionnez le calque principal nomm Mask. Cliquez sur le bouton Crer/
Annuler le masque dcrtage ( ) situ au bas du panneau Calques.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

357

En cliquant sur le bouton Crer/Annuler le masque dcrtage, vous prenez une


forme de rectangle existante et lutilisez pour masquer le contenu. Pour de plus
amples informations sur cette fonctionnalit, consultez la Leon 15, Graphiques
Illustrator et autres applications Adobe.
6. Fermez le groupe du panneau Calques en cliquant sur son onglet.
7. Choisissez Objet > Tout afficher de faon
afficher le texte de laffiche.
8. Choisissez Slection > Dslectionner.
9. Choisissez Fichier > Enregistrer puis fermez
tous les fichiers ouverts.

358

LEON 11

Les formes

Questions de rvision
1. Quelle est la diffrence entre appliquer une forme une illustration avec loutil
Pinceau ( ) et lappliquer avec lun des outils de dessin ?
2. Dcrivez lapplication du contenu dune illustration dans une forme artistique.
3. Dcrivez comment modifier des tracs laide de loutil Pinceau lorsque vous
dessinez. Comment loption Conserver la slection affectetelle loutil Pinceau ?
4. Quelle est la condition pour quune image bitmap soit utilise dans certaines formes ?
5. Pour quels types de forme devezvous slectionner une illustration sur le plan de
travail avant de crer une forme ?
6. Que pouvezvous crer avec loutil Forme de tache (

)?

Rponses
1. Lors du dessin avec loutil Pinceau ( ), si une forme est choisie dans le panneau
Formes, elle est applique directement aux tracs mesure quils sont raliss.
Avec un autre outil de dessin, il faut le slectionner puis dessiner dans lillustration ;
ensuite seulement, slectionner un trac dans lillustration et, dans le panneau
Formes, choisir une forme qui est applique au trac slectionn.
2. Une forme artistique est cre partir dune illustration (vectorielle ou bitmap).
Lorsque la forme est applique au contour dun objet, lillustration est, par dfaut,
tire le long du contour de lobjet slectionn.
3. On fait glisser loutil Pinceau sur un trac slectionn pour le redessiner. Loption
Conserver la slection garde le dernier trac slectionn lorsquon dessine. Il faut
la maintenir active (rglage par dfaut) pour pouvoir modifier aisment le dernier
trac en dessinant. Il faut, au contraire, la dsactiver quand on veut dessiner des
tracs superposs sans modifier les tracs antrieurs. Lorsque loption Conserver
la slection est dsactive, on peut employer loutil Slection ( ) pour slectionner
un trac et le modifier.
4. Pour pouvoir tre utilise dans certaines formes (artistiques, de motif et diffuses),
limage bitmap doit tre incorpore.
5. Pour les formes artistiques et diffuses, vous devez slectionner une illustration afin de
crer une forme par un clic sur le bouton Nouvelle forme ( ) du panneau Formes.
6. Loutil Forme de tache ( ) sert modifier des formes pleines qui peuvent tre
fusionnes ou qui peuvent sentrecouper avec dautres formes de la mme couleur.
Il permet galement de crer une nouvelle illustration.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

359

Les effets changent laspect dun objet et sont dynamiques.


Vous pouvez les appliquer un objet, puis les modifier ou les
retirer tout moment laide du panneau Aspect. Ils permettent
dappliquer des ombres portes, de convertir une illustration
en deux dimensions en formes en trois dimensions et de crer
bien dautres effets encore.

APPLICATION DEFFETS

12

Au cours de cette leon, vous apprendrez :


appliquer un effet Ombre porte et le modifier ;
appliquer des effets du texte ;
appliquer des effets plusieurs objets ;
modifier des formes avec des effets Pathfinder ;
appliquer des effets spciaux ;
appliquer un effet de dcalage ;
employer les effets de dformation ;
utiliser les effets Photoshop ;
travailler avec les effets en trois dimensions (3D).
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Au cours de cette leon, vous crerez plusieurs objets en utilisant diffrents effets.
Avant de commencer, vous restaurerez les prfrences par dfaut dAdobe Illustrator,
puis vous ouvrirez un fichier qui contient lillustration termine pour voir ce que
vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le


fichier L12end.ai, qui se trouve dans le dossier
Lesson12 sur votre disque dur.
Ce fichier contient lillustration termine dune
enseigne pour une salle de sport.
4. Si ncessaire, choisissez Affichage > Zoom
arrire pour rduire la vue de lillustration
termine, puis ajustez la taille de la fentre
et laissez lillustration lcran pendant que vous travaillez. Servezvous de loutil
Main ( ) pour placer lillustration o bon vous semble dans la fentre. Sinon,
choisissez Fichier > Fermer.
Pour commencer, vous allez ouvrir un fichier dillustration existant.
P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

5. Choisissez Fichier > Ouvrir et chargez le fichier


L12start.ai, situ dans le dossier Lesson12 sur
votre disque dur.
6. Choisissez Fichier > Enregistrer sous, nommez
le fichier enseigne-gym.ai et slectionnez le
dossier Lesson11. Choisissez Adobe Illustrator
(*.AI) dans le menu Type (Windows) ou Adobe
Illustrator (ai) dans le menu Format (Mac OS)
puis cliquez sur Enregistrer. Dans la bote
de dialogue Options Illustrator, gardez les options par dfaut et cliquez sur OK.
7. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail
de la barre dapplication.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le commutateur despace de
travail, choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre>
Espace de travail> Rinitialiser Les indispensables.

362

LEON 12

Application deffets

Les effets dynamiques


P Note : Lorsque

Les effets affectent laspect dun objet sans le changer


fondamentalement. Lapplication dun ou de plusieurs
effets un objet les ajoute automatiquement ses
attributs daspect. Vous pouvez modifier, dplacer,
supprimer ou dupliquer un effet nimporte quel
moment dans le panneau Aspect.
Dans Illustrator, il existe deux types deffets : vectoriels
et de pixellisation. Ils sont accessibles au travers du
menu Effet.

Un objet auquel un effet


dombre porte a t appliqu.

Effets Illustrator (vectoriels). Ce sont ceux qui figurent dans la moiti suprieure

du menu Effets. Ils sont applicables uniquement des objets vectoriels ou au fond
ou au contour dun objet bitmap dans le panneau Aspect. Certains sont applicables
la fois des objets vectoriels et des objets bitmap : effets 3D, Filtres SVG,
Dformation, Transformation, Ombre porte, Contour progressif, Lueur interne
et Lueur externe.

Effets Photoshop (pixellisation). Visibles dans la moiti infrieure du menu Effet,


ils sont applicables aux objets vectoriels comme aux objets bitmap.

vous appliquez
un effet de
pixellisation,
les donnes du
vecteur dorigine
sont pixellises
daprs les
paramtres
des effets de
pixellisation du
document, qui
dterminent la
rsolution de
limage finale.
Pour en savoir
plus sur ces
paramtres,
recherchez
Paramtres
des effets de
pixellisation du
document dans
lAide dIllustrator.

Appliquer un effet
Les effets, accessibles dans le menu Effet ou le panneau Aspect, sont appliqus
des objets, des groupes dobjets ou des calques. Vous allez dabord apprendre
appliquer un effet laide du menu Effet, puis vous vous servirez du panneau Aspect.
1. Choisissez Affichage > Repres comments pour les dsactiver.
2. Avec loutil Slection ( ), cliquez sur le texte blanc EST. 1973.
3. Choisissez Effet > Spcial > Ombre porte dans la section Effets Illustrator du menu.
4. Dans la bote de dialogue Ombre por
te, modifiez les options suivantes :

Mode : Produit (valeur par dfaut) ;





Opacit : 75 % (valeur par dfaut) ;


Dcalage sur X : 2 pt ;
Dcalage sur Y : 2 pt ;
Attnuation : 2 pt.

Cliquez sur OK. Cochez Aperu pour


visualiser lombre porte applique au texte. Cliquez sur OK.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

363

Vous allez prsent appliquer un effet laide du panneau Aspect, pour un rsultat
identique.
5. Avec loutil Slection, cliquez sur le groupe de formes grises qui deviendront des
haltres.
6. Ouvrez le panneau Aspect en cliquant sur son icne (

).

En haut du panneau Aspect, vous voyez le mot Groupe. Il indique que la slection
forme un groupe. Des effets peuvent tre appliqus des objets associs.
7. Dans le bas du panneau
Aspect, cliquez sur le bou
ton Ajouter un effet ( ).
Choisissez Spcial > Ombre
porte dans le menu qui
saffiche.

Les options qui saffichent


sont celles disponibles dans
le menu Effet.
8. Dans la bote de dialogue
Ombre porte, conservez les
paramtres fixs et cochez la
case Aperu pour visualiser
lombre porte applique.
Cliquez sur OK.
Les paramtres de lombre porte proviennent de celle applique prcdemment.
Dans le panneau Aspect, notez la prsence de Ombre porte. Licne deffet ( )
place droite dun lment du panneau indique quil sagit dun effet.

9. Choisissez Fichier > Enregistrer et gardez le groupe des haltres slectionn.

364

LEON 12

Application deffets

Modifier et supprimer des effets


Puisque les effets sont dynamiques, ils peuvent tre modifis aprs avoir t appliqus
un objet. Pour cela, passez par le panneau Aspect en slectionnant lobjet auquel
leffet a t appliqu puis cliquez sur le nom de leffet ou doublecliquez sur la range
de lattribut. La bote de dialogue de leffet saffiche alors. Les changements apports
sont propags lillustration. Dans cette section, vous modifierez lombre porte
applique aux haltres.
1. Le groupe des haltres tant slectionn, cliquez
sur le texte Ombre porte dans le panneau
Aspect.
2. Dans la bote de dialogue Ombre porte, fixez
Opacit 30 %. Cochez Aperu pour visualiser
la modification puis cliquez sur OK.
3. Choisissez Objet > Dissocier pour sparer
les formes du groupe des haltres.
Notez que lombre porte a disparu.
Lorsquun effet est appliqu un groupe,
il laffecte dans son intgralit. Si les objets
ne sont plus associs, leffet ne sapplique
plus. Vous rappliquerez lombre porte
plus loin dans la leon.
4. Choisissez Objet > Associer pour grouper
nouveau les objets.
Dans le panneau Aspect, vrifiez que lombre
porte nest plus applique au groupe.
Vous allez prsent retirer un effet sur lillustration.
5. Avec loutil Slection ( ), cliquez sur le cercle orange auquel une ombre porte a
t applique.
6. Dans le panneau Aspect, cliquez droite ou
gauche du nom Ombre porte pour mettre
en valeur la range dattribut correspondant
leffet Ombre porte, si elle ne lest pas dj.
Ensuite, cliquez sur le bouton Supprimer ll
ment slectionn ( ) plac au bas du panneau.

P Note : Faites

attention ne
pas cliquer sur
les mots Ombre
porte car cela
ouvrirait la bote
de dialogue
Ombre porte.

E Astuce : Dans le panneau Aspect, vous pouvez galement faire glisser une range dattribut, comme
Ombre porte, sur le bouton Supprimer llment slectionn pour la supprimer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

365

Donner un style au texte avec des effets


Vous pouvez appliquer au texte toutes sortes deffets, comme une enveloppe (voir
la Leon 7, Manipulation du texte). Dans la suite, vous vous servirez dun effet
Dformation sur le texte plac en bas de lenseigne.
1. Avec loutil Slection ( ), cliquez sur le texte EST. 1973 plac au bas de lenseigne.
2. Choisissez Effet > Dformation > Arc infrieur.
3. Dans la bote de dialogue Options de dformation, fixez Inflexion 21 %. Cochez
Aperu afin de prvisualiser les changements. Testez dautres styles en les choisissant
dans le menu Style puis revenez Arc infrieur. Rglez les curseurs de distorsion
Horizontale et Verticale pour en comprendre les effets. Vrifiez que les valeurs
de distorsion sont bien 0 puis cliquez sur OK.

P Note : Pour

de plus amples
informations
sur le panneau
Aspect, consultez
la Leon 13,
Les attributs
daspect et les
styles graphiques.

4. Le texte dform tant toujours slectionn, cliquez sur licne de visibilit ( )


gauche de la range Dformation : Arc infrieur dans le panneau Aspect. Leffet
nest plus visible et le texte napparat plus dform sur le plan de travail.
5. Dans le panneau Outils, activez loutil Texte ( ) et remplacez 1973 par 1972.

Dsactiver leffet.

Modifier le texte.

Si le panneau Aspect est toujours ouvert et si le curseur se trouve dans le texte,


notez que leffet nest plus recens dans le panneau. En effet, il a t appliqu non
pas au texte mais la zone de texte.

366

LEON 12

Application deffets

6. Activez loutil Slection puis cliquez sur licne


de visibilit gauche de la range Dformation :
Arc infrieur dans le panneau Aspect. Leffet
redevient visible et le texte apparat de nouveau
dform.
E Astuce : Il nest pas obligatoire de dsactiver la visibilit
de leffet Dformation avant de modifier le texte sur le plan
de travail, mais cela facilite lopration.
7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Modifier des formes avec un effet Pathfinder


Les effets Pathfinder permettent dobtenir des rsultats comparables aux commandes
du mme nom disponibles dans le panneau Pathfinder, mais, puisquil sagit deffets,
ils ne modifient pas le contenu sousjacent.
P Note : Pour de plus amples informations sur les commandes Pathfinder, consultez la Leon 3,
Cration de formes.

Vous allez prsent appliquer ce type deffet plusieurs formes.


1. Avec loutil Slection ( ), appuyez sur la touche Maj et cliquez pour slectionner
le cercle orange et le texte jaune Joes GYM.
2. Choisissez Objet > Masquer > Slection.
3. Avec loutil Slection, tout en appuyant sur la touche Maj, cliquez sur le cercle et
le rectangle rouges.

4. Choisissez Objet > Associer.


Les objets doivent tre regroups car les effets Pathfinder ne peuvent tre appliqus
qu des groupes, des calques ou des objets de texte.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

367

P Note : Si vous

navez pas associ


les objets avant
de choisir Effet>
Pathfinder>
Intersection,
une bote
davertissement
saffiche.

5. Choisissez Effet > Pathfinder > Runion pour combiner les deux formes.
Dans le panneau Aspect, notez que leffet
Runion apparat sous le mot Groupe car il
tait appliqu au groupe. Si vous doublecliquez
sur Contenu, vous affichez lintgralit des attri
buts daspect de chaque lment du groupe. Le
panneau Aspect prsente les attributs daspect
dans lordre dempilement lordre hautbas
dans le panneau correspond lordre devantderrire dans lillustration.
P Note : Pour runir des formes, vous pouvez galement employer le panneau Pathfinder, qui, par
dfaut, tend les formes immdiatement. Le menu Effet permet de modifier les formes indpendamment.

En cliquant sur Runion, vous pouvez modifier leffet Pathfinder et accder


ses options avances.
6. Le groupe tant slectionn, choisissez Affichage > Tracs.

Puisquun effet dynamique a t appliqu, les deux formes sont toujours prsentes
et totalement modifiables.
7. Choisissez Affichage > Aperu puis Fichier > Enregistrer.

Convertir une forme avec un effet


En utilisant un effet, il est possible de convertir une forme existante en rectangle,
rectangle arrondi ou ellipse sans avoir la redessiner. Vous allez prsent convertir
un rectangle en un rectangle arrondi.
1. Avec loutil Slection ( ), doublecliquez sur le groupe du rectangle rouge afin de
passer en mode Isolation.
2. Slectionnez le rectangle rouge.
3. Choisissez Effet > Convertir en > Rectangle arrondi. Dans la bote de dialogue
Options de forme, procdez aux modifications suivantes :

368

LEON 12

Application deffets

Taille : Relative (valeur par dfaut) ;


Largeur supplmentaire : 0 ;
Hauteur supplmentaire : 0 ;
Rayon : 20 pt.

Cochez Aperu pour voir les angles du rectangle devenir arrondis. Cliquez sur OK.

P Note : Au

moment de
lcriture de ces
lignes, le fait de
cocher la case
Aperu dclenche
laffichage de
lillustration dans
la fentre de
document avec
un fond blanc et
un contour noir.

4. Appuyez sur la touche chap pour sortir du mode Isolation. Choisissez Slection >
Dslectionner.

Appliquer un effet Spcial


Les effets de larticle Spcial font partie des plus employs car ils correspondent
notamment lombre porte, aux arrondis, au griffonnage et aux lueurs. Vous allez
prsent appliquer un effet Arrondis quelques formes.
1. Avec loutil Slection ( ), cliquez sur les formes combines qui taient prcdem
ment slectionnes.
2. Au bas du panneau Aspect, cliquez
sur le bouton Ajouter un fond ( ).
Agrandissez le panneau de faon voir
lintgralit des attributs.

P Note : Pour

de plus amples
informations
sur lajout de
contours et
deffets, consultez
la Leon 13,
Les attributs
daspect et les
styles graphiques.

Lorsque vous ajoutez un fond du


contenu, comme au groupe, un nou
veau contour vide est galement ajout.
Les fonds ou contours appliqus un
groupe sont devant les contours et
fonds des objets du groupe.
3. Dans le panneau Aspect, cliquez sur la case de la couleur de fond et choisissez la
nuance Dark Red. Appuyez sur la touche chap pour masquer le panneau Nuancier.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

369

P Note : Si

la range de
lattribut Fond
nest pas active,
cliquez droite
ou gauche de la
case Fond pour la
slectionner.

4. La range de lattribut Fond tant slectionne (mise


en exergue) dans le panneau Aspect, choisissez
Effet > Spcial > Lueur interne.
En slectionnant la range de lattribut Fond, leffet
sapplique uniquement lattribut de fond.
5. Dans la bote de dialogue Lueur interne, cochez
Aperu et procdez aux modifications suivantes :

Mode : Superposition (valeur par dfaut) ;


Couleur : cliquez sur la case de couleur pour

ouvrir la bote de dialogue Slecteur de couleurs, changez les valeurs C=0,


M=84, J=100, N=0, et cliquez sur OK ;

Opacit : 100 % ;
Attnuation : 70 pt ;
Centre : coche.
Cliquez sur OK.

6. Choisissez Fichier > Enregistrer et gardez le groupe slectionn.

370

LEON 12

Application deffets

Dcaler des tracs


Vous allez prsent dcaler le contour du groupe. Cette opration permet dobtenir
un effet de plusieurs formes empiles.
1. Le groupe tant slectionn, dans le panneau Aspect, cliquez sur le mot Contour.
Dans le panneau Contour qui saffiche, fixez Graisse 12 pt. Appuyez sur la touche
chap pour masquer le panneau Contour.

2. Dans le panneau Aspect, cliquez sur la case


Couleur de contour et assurezvous que
la nuance Black est slectionne dans le
panneau Nuancier. Appuyez sur Entre ou
Retour pour fermer le panneau Nuancier
et revenir au panneau Aspect.
3. La range de lattribut Contour tant slection
ne dans le panneau Aspect, choisissez Effet >
Trac > Dcalage.
4. Dans la bote de dialogue Dcalage, vrifiez que Dcalage est 10 pt et cliquez
sur OK.
5. Dans le panneau Aspect, cliquez sur la flche gauche de Contour : 12 pt pour
dvelopper cette range (si ncessaire). Notez que Dcalage se trouve sous Contour,
car cet effet est appliqu uniquement ce contour.

Appliquer le dcalage.

Leffet est un sous-ensemble.

6. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

371

Appliquer une distorsion et une transformation


Vous allez prsent appliquer leffet Esquisse au cercle orange qui se trouve en
arrireplan.
1. Choisissez Objet > Tout afficher de faon afficher le cercle orange et le texte jaune.
2. Choisissez Slection > Dslectionner puis, avec loutil Slection ( ), cliquez sur
le cercle orange.
3. Choisissez Effet > Distorsion et transformation > Esquisse.
4. Dans la bote de dialogue
Esquisse, procdez aux
modifications suivantes :

Taille : 30 % ;
Relative : coche
(valeur par dfaut) ;

Dtail : 8 /po ;
Arrondi : coche.
Cochez Aperu puis cli
quez sur OK.
Leffet Esquisse est appli
qu de faon alatoire.
Autrement dit, avec les
mmes valeurs configures sur la copie dun objet, vous pouvez obtenir un rsultat
totalement diffrent. Le vtre sera probablement diffrent de celui illustr sur la
figure, mais ce nest pas gnant.
5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Appliquer des effets Photoshop


Nous lavons indiqu prcdemment, les effets Photoshop gnrent des pixels la
place des donnes vectorielles. Ils incluent les filtres SVG, tous les effets dans la partie
infrieure du menu Effet et les commandes Ombre porte, Lueur interne, Lueur externe
et Contour progressif du sousmenu Effet > Spcial. Vous pouvez les appliquer des
objets vectoriels ou bitmap.
Vous allez prsent appliquer un effet Photoshop aux formes rouges situes en
arrireplan.
1. Avec loutil Slection ( ), cliquez sur le groupe des formes rouges.
2. Dans le panneau Aspect, slectionnez la range de lattribut Fond (cliquez sur le
mot Fond), si ncessaire.
3. Choisissez Effet > Artistiques > Grain photo.

372

LEON 12

Application deffets

Pour la plupart des effets Photoshop, la galerie des effets est affiche. la manire
des filtres dans Adobe Photoshop, la galerie des effets dIllustrator vous permet de
tester diffrents effets de pixellisation afin den constater le rsultat sur lillustration.
4. La galerie des effets tant ouverte, choisissez Pleine vue dans le menu situ dans
langle infrieur gauche de la bote de dialogue (encercl sur la figure). Lintgralit
de lillustration doit alors tenir dans la zone daperu, ce qui vous permettra dexa
miner le rsultat de leffet.
La galerie des effets comprend une zone daperu (libelle A), des vignettes sur
lesquelles vous pouvez cliquer pour appliquer les effets correspondants (libelles B),
des paramtres pour leffet slectionn (libells C) et la liste des effets appliqus
(libelle D). Pour appliquer un effet diffrent, dveloppez une catgorie au centre
du panneau, cliquez sur une vignette ou choisissez un nom deffet dans le menu
situ dans langle suprieur droit de la bote de dialogue.
B

A
D

5. Dans langle suprieur droit de la bote de


dialogue, modifiez les paramtres de Grain
photo (si ncessaire) :

Grain : 9 ;
Zones claires : 0 ;
Intensit : 8.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

373

P Note : La

galerie des
effets ne permet
dappliquer quun
seul effet la fois.
Pour appliquer
plusieurs effets
Photoshop,
cliquez sur OK
pour confirmer
leffet en cours
puis choisissez un
autre effet dans le
menu.

6. Cliquez sur licne de visibilit ( ) gauche du nom Grain photo pour voir
lillustration sans leffet. Cliquez nouveau sur cette icne pour avoir un aperu
de leffet. Cliquez sur OK pour appliquer leffet de pixellisation.

Paramtres des effets de


pixellisation du document
Lorsque vous appliquez un effet de
pixellisation, Illustrator utilise les paramtres des effets de pixellisation
du document pour dterminer la
rsolution de limage rsultante. Ilest
important de vrifier ces paramtres
avant de travailler avec les effets.
Les options de pixellisation dun document sont dfinies lors de sa cration
ou si on choisit Effet> Paramtres des
effets de pixellisation du document.
Dans la bote de dialogue Paramtres
des effets de pixellisation du document, vous pouvez fixer, pour tous
les effets de pixellisation dun document ou lors de la pixellisation dun
objet vectoriel, les options Modle
de couleur, Rsolution, Arrire-plan,
Lissage, Cration dun masque dcrtage et Ajout autour de lobjet. Pour de plus amples
informations, consultez la rubrique propos des effets de pixellisation dans lAide.
Extrait de lAide dIllustrator

374

LEON 12

Application deffets

Les effets 3D
Les effets 3D dIllustrator permettent de crer des objets en trois dimensions (3D)
partir dune illustration en deux dimensions (2D). Vous contrlez laspect des objets
3D, dont lclairage, les ombres, la rotation et dautres proprits, comme le placage
dune illustration sur chaque surface dun objet en trois dimensions (cette opration
est possible avec les effets Extrusion et biseautage, et Rvolution). Il existe trois types
deffets 3D que vous pouvez appliquer : Extrusion et biseautage, Rvolution et Rotation.
Ils sont tous trois illustrs sur la figure suivante.

Extrusion et biseautage.

Rvolution.

Rotation.

Appliquer un effet Extrusion et biseautage


Leffet Extrusion et biseautage tend une forme le long de laxe Z afin de lextruder.
Par exemple, cet effet appliqu un cercle permet dobtenir un cylindre. Vous allez
prsent appliquer leffet 3D Extrusion et biseautage au texte Joes GYM.
1. Avec loutil Slection ( ), cliquez sur le texte jaune Joes GYM.
2. Dans le panneau Aspect, cliquez sur la range sup
rieure, celle du mot Type, pour la slectionner. Leffet
3D sera ainsi appliqu lintgralit de lobjet de texte
et non simplement son contour ou son fond.
3. Choisissez Effet > 3D > Extrusion
et biseautage. Dans la bote de
dialogue Options dextrusion et
de biseautage 3D, cochez Aperu.
Dplacez la bote de dialogue afin
de voir le texte dans la fentre de
document, puis fixez les options
suivantes :

E Astuce :

Aux surfaces
slectionnes
dun objet 3D,
vous pouvez
appliquer une
illustration 2D
enregistre sous
forme de symbole
dans le panneau
Symboles. Pour
de plus amples
informations sur
le placage de
symboles sur une
illustration 3D,
consultez le fichier
PDF nomm
3DArtwork.pdf
dans le dossier
Lesson_extras.

Axe X : 4 (contrle la rotation


autour de laxe X) ;

Axe Y : 30 (contrle la rotation autour de laxe Y) ;


Axe Z : 0 (valeur par dfaut ; contrle la rotation autour de laxe Z) ;
Perspective : 125 (saisissez directement la valeur ou cliquez sur la flche pour
accder au curseur de rglage) ;

Profondeur dextrusion : 90 pt (contrle la profondeur de lobjet) ;


Biseau : Sans (valeur par dfaut ; permet dappliquer un bord en biseau) ;
Surface : Ombrage plastique (valeur par dfaut).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

375

P Note : Selon

la rapidit de
votre ordinateur,
il faudra peut-tre
un certain temps
avant que les
modifications
effectues dans
la bote de
dialogue Options
de rvolution 3D
soient appliques
lillustration.

4. Cliquez sur le bouton Plus doptions


pour afficher les options dclai
rage. Procdez aux modifications
suivantes :

Intensit lumineuse : 100 %


(valeur par dfaut) ;

Lumire ambiante : 100 % ;


Intensit des tons clairs : 85 % ;
Taille des tons clairs : 90 %
(valeur par dfaut) ;

tapes de dgrad : 25 (valeur par dfaut) ;


Couleur dombrage : Noir (valeur par dfaut).
Cliquez sur OK.
P Note : Les

objets auxquels
un effet 3D
est appliqu
peuvent prsenter
des artefacts
danticrnelage
lcran, mais
ceux-ci ne seront
pas visibles lors
de limpression
ni dans la version
de lillustration
optimise pour
leWeb.

Les options disponibles dans la bote de dialogue qui apparat lors de lapplication
dun effet 3D sont nombreuses. Pour en savoir plus sur ces options, recherchez
Cration dobjets 3D dans lAide dIllustrator (Aide > Aide dIllustrator).
5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Appliquer un effet Rvolution


Leffet Rvolution constitue une bonne manire de crer un objet en trois dimensions
partir dun trac ouvert ou ferm qui reprsente la moiti du profil de lobjet 3D souhait.
Cet effet fait tourner un trac de faon circulaire autour de laxe Y (vertical) pour crer
un objet 3D. Vous allez prsent faire tourner le groupe des objets qui composent les
haltres. Le groupe est trait comme un seul objet et il tourne autour dun seul axe.
1. Avec loutil Slection ( ), cliquez sur le groupe des haltres grises.
2. Choisissez Effet > 3D > Rvolution.
3. Dans la bote de dialogue Options de rvolution 3D, choisissez Bord droit dans
le menu Du (sous Aspect). Cochez la case Aperu pour voir vos modifications.
Leffet 3D est appliqu mais il a besoin dtre modifi.

376

LEON 12

Application deffets

4. Le groupe des haltres tant slectionn, dans le panneau Aspect, cliquez sur le
texte Rvolution 3D de faon modifier les options de leffet. Dans la bote de
dialogue Options de rvolution 3D, cochez Aperu. Dplacez la bote de dialogue
de faon voir les haltres, si ncessaire, et procdez aux modifications suivantes :

Axe X : 36 ;
Axe Y : 31 ;
Axe Z : 57 ;
Perspective : 80 ;
Angle : 360 (valeur par dfaut,
contrle langle de rotation) ;

Dcalage : 0 pt (valeur par dfaut) ;


Du : Bord droit (indique le bord,
droit ou gauche, autour duquel
lobjet tourne) ;

Surface : Ombrage plastique (valeur


par dfaut) ;

Intensit lumineuse : 100 % (valeur


par dfaut) ;

Lumire ambiante : 0 % ;
Intensit des tons clairs : 100 % ;
Taille des tons clairs : 90 % (valeur
par dfaut) ;

tapes de dgrad : 120 (contrle le


lissage de lombrage sur les surfaces
de lobjet) ;

Couleur dombrage : Noir (valeur


par dfaut).

E Astuce : Aprs

la modification
de chaque
option, examinez
lillustration sur le
plan de travail afin
den comprendre
limpact.

P Note : Si

vous ne voyez
pas les options
dclairage
(Intensit
lumineuse, etc.),
cliquez sur le
bouton Plus
doptions au bas
de la bote de
dialogue.

Cliquez sur OK.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

377

Appliquer le mme effet plusieurs objets


Pour finir, vous allez appliquer le mme effet Ombre porte deux objets.
1. Choisissez Slection > Dslectionner. Avec loutil Slection ( ), cliquez, tout en
appuyant sur la touche Maj, sur le groupe des haltres et le texte jaune Joes GYM.
2. Choisissez Effet > Spcial > Ombre por
te. Dans la bote de dialogue Ombre
porte, procdez aux modifications
suivantes :

Mode : Produit (valeur par dfaut) ;


Opacit : 60 % ;
Dcalage sur X : 4 pt ;
Dcalage sur Y : 4 pt ;
Attnuation : 4 pt.

Cochez Aperu de faon examiner lapplication de lombre porte. Cliquez sur OK.
3. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer. Choisissez Fichier >
Fermer.

Ressources dimpression
Pour de plus amples informations:

Sur la gestion de la couleur dans Illustrator, consultez la rubrique Impression avec


gestion des couleurs dans lAide dIllustrator (Aide> Aide dIllustrator).

Sur la meilleure manire dimprimer un document, y compris des informations sur


la gestion des couleurs, des flux PDF,etc., consultez le site:
http://www.adobe.com/designcenter.html

Sur limpression dans Illustrator CC, consultez la page:


http://www.adobe.com/designcenter/print/creative-suite-printing-guide.html

Sur le site suivant, vous trouverez un guide sur lutilisation et limpression de la transparence dans Illustrator CC (et les autres applications Adobe):
http://partners.adobe.com/public/asn/en/print_resource_center/TransparencyDesignGuide.pdf

378

LEON 12

Application deffets

Questions de rvision
1. Indiquez deux manires dappliquer un effet un objet.
2. Lorsquun effet Photoshop (de pixellisation) est appliqu une illustration vecto
rielle, comment celleci en estelle affecte ?
3. Aprs que des effets ont t appliqus un objet, o estil possible de les modifier ?
4. Quels sont les trois types deffets 3D disponibles ? Donnez un exemple dutilisation
de chacun deux.
5. Comment contrleton lclairage dun objet 3D ? Lclairage dun objet 3D affecte
til les autres objets 3D ?

Rponses
1. a) Slectionner lobjet, puis choisir leffet dans le menu Effet ; b) slectionner lobjet,
puis cliquer sur Ajouter un effet ( ) dans le panneau Aspect et choisir leffet dans
le menu qui saffiche.

2. Les effets Photoshop gnrent des pixels la place des donnes vectorielles. Ils
incluent les filtres SVG, tous les effets dans la partie infrieure du menu Effet et
les commandes Ombre porte, Lueur interne, Lueur externe et Contour progressif
du sousmenu Effet > Spcial. Vous pouvez les appliquer des objets vectoriels
ou bitmap.
3. Dans le panneau Aspect.
4. Les effets 3D sont les suivants :

Extrusion et biseautage se fonde sur laxe Z pour donner une profondeur un


objet 2D laide dune extrusion (par exemple, un cercle devient un cylindre).

Rvolution se fonde sur laxe Y pour faire tourner un objet autour dun axe (par
exemple, un arc devient un cercle).

Rotation se fonde sur laxe Z pour faire pivoter une illustration 2D dans un
espace 3D et en modifier la perspective.

5. En cliquant sur le bouton Plus doptions dans les diverses botes de dialogue des
options 3D. On peut ainsi modifier lclairage, sa direction et sa couleur dombrage.
Les options dclairage dun objet 3D naffectent aucunement les autres objets 3D.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

379

Vous pouvez changer lapparence dun objet sans en altrer la


structure grce aux attributs daspectfonds, contours, effets,
transparence et modes de fusion. Les attributs daspect dun
objet peuvent tre enregistrs en tant que styles graphiques
et appliqus dautres objets. Vous pouvez galement
modifier un objet auquel a t appliqu un style graphique
ou modifier le style lui-mme, ce qui reprsente un gain de
temps considrable.

LES ATTRIBUTS
DASPECT ET LES
STYLES GRAPHIQUES

13

Au cours de cette leon, vous apprendrez :


modifier et appliquer des attributs daspect ;
ajouter un second contour un objet ;
modifier lordre des attributs daspect et les appliquer des calques ;
copier, activer, dsactiver et supprimer des attributs daspect ;
enregistrer un aspect en tant que style graphique ;
appliquer un style graphique un objet et un calque ;
appliquer plusieurs styles graphiques un objet et un calque ;
aligner du contenu sur la grille en pixels ;
employer les outils Tranche et Slection de tranche ;
utiliser la commande Enregistrer pour le Web ;
gnrer, exporter et copiercoller du code CSS.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Au cours de cette leon, vous serez amen amliorer la conception dune page web
en appliquant des attributs daspect et des styles graphiques du texte, larrire
plan et des boutons. Avant de commencer, vous devrez restaurer les prfrences
par dfaut dAdobe Illustrator. Vous ouvrirez ensuite le fichier image termin de cette
leon pour voir ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

P Note : Une

bote de dialogue
annonant un
profil manquant
peut apparatre.
Cliquez sur OK.

3. Choisissez Fichier > Ouvrir et chargez le fichier


L13end.ai, qui se trouve dans le dossier Lesson13 sur
votre disque dur. Il contient lillustration termine.
Gardez le fichier ouvert pour rfrence ou choisissez
Fichier > Fermer.
La conception de la page web met en uvre plusieurs
effets et styles graphiques, y compris des dgrads,
des ombres portes et dautres graphiques. Le nom
de la socit a t imagin pour ce projet.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

4. Choisissez Fichier > Ouvrir et chargez le fichier L13start.


ai, situ dans le dossier Lesson13 sur votre disque dur.
5. Choisissez Fichier > Enregistrer sous, nommez le
fichier conception-web.ai et slectionnez le dossier
Lesson11. Choisissez Adobe Illustrator (*.AI) dans le
menu Type (Windows) ou Adobe Illustrator (ai) dans
le menu Format (Mac OS) puis cliquez sur Enregistrer.
Dans la bote de dialogue Options Illustrator, gardez
les options par dfaut et cliquez sur OK.
6. Choisissez Affichage > Ajuster le plan de travail la fentre.
7. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le commutateur despace de
travail, choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre>
Espace de travail> Rinitialiser Les indispensables.

382

LEON 13

Les attributs daspect et les styles graphiques

Le panneau Aspect
Il est possible dappliquer des attributs daspect nimporte quel objet, groupe ou
calque, en faisant appel aux effets et aux panneaux Aspect et Styles graphiques.
Un attribut daspect est une proprit esthtique, telle quun fond, un contour, une
transparence ou un effet, qui affecte lapparence dun objet, non sa structure de base.
Il peut tre modifi ou supprim tout moment sans que lobjet auquel il est appliqu
ni ses autres proprits en soient affects.
1. Ouvrez le panneau Aspect en cliquant sur son icne (
travail.

) droite de lespace de

2. Activez loutil Slection ( ) et cliquez sur le rectangle vert clair derrire limage.
Le panneau Aspect affiche les attributs daspect appliqus lobjet.

P Note : En

fonction de
votre systme
dexploitation,
la couleur de
slection des
objets (le cadre
de slection) peut
tre diffrente.
Ce nest pas un
problme.

Voici les diffrentes options disponibles dans le panneau Aspect :


A. Objet slectionn et
vignette

B. Range dattribut

B
C

C. Colonne de visibilit
K

D. Lien vers des options


E. Ajouter un contour

F G

F. Ajouter un fond

G. Ajouter un effet
H. Effacer laspect
I. Dupliquer llment
slectionn
J. Supprimer llment
slectionn
K. Trac avec un effet

Modifier des attributs daspect


Vous commencerez par modifier lapparence de base du rectangle vert.
1. Le rectangle vert tant slectionn (voir
les tapes prcdentes), dans la range
de lattribut Fond du panneau Aspect,
cliquez sur la case Fond. Dans le panneau
Nuancier qui apparat, choisissez la nuance
Black. Appuyez sur la touche chap pour
masquer le panneau Nuancier. Dans le
panneau Aspect, ou ailleurs dans lespace de
travail, vous avez la possibilit de modifier
les attributs daspect, comme la couleur de fond.

P Note : Vous

devrez peut-tre
cliquer deux
reprises sur la
case Fond pour
ouvrir le panneau
Nuancier.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

383

2. Dans la range de lattribut Contour, cliquez sur


2 pt Outside. Changez lpaisseur de contour
1 pt.

3. Cliquez sur le mot soulign


Contour pour afficher le panneau
Contour. Cliquez sur le bouton
Contour align sur lintrieur ( )
et appuyez sur la touche chap
pour masquer le panneau Contour.

Lorsque vous cliquez sur des mots


souligns dans le panneau Aspect,
comme dans le panneau Contrle,
de nouvelles options de mise en forme peuvent apparatre, en gnral dans un
panneau comme Nuancier ou Contour.
Aux attributs daspect, comme Fond ou Contour, dautres options peuvent tre
associes, comme Opacit ou un effet appliqu uniquement un attribut. Ces
options supplmentaires sont prsentes sous forme dune sousliste dans la range
de lattribut et peuvent tre affiches ou masques en cliquant sur le triangle ( )
plac sur la gauche de la range.
4. Dans le panneau Aspect, cliquez sur le
triangle ( ) gauche du mot Fond
de manire afficher loption Opacit.
Cliquez sur Opacit pour ouvrir le
panneau Transparence. Choisissez
100 % dans le menu Opacit. Appuyez
sur la touche chap pour masquer le
panneau Transparence et revenir au
panneau Aspect.
E Astuce : Pour

afficher tous les


attributs masqus,
choisissez Afficher
tous les attributs
masqus dans le
menu du panneau
Aspect.

384

LEON 13

5. Dans le panneau Aspect, cliquez sur la colonne de visibilit gauche des mots
Ombre porte afin de voir leffet appliqu au rectangle (vous aurez probablement
faire dfiler le panneau vers le bas).

Les attributs daspect et les styles graphiques

Ajouter un autre contour


Dans Illustrator, une illustration peut possder plusieurs contours et fonds de manire
obtenir des lments de design intressants. Vous allez prsent ajouter un nouveau
contour un objet en utilisant le panneau Aspect.
1. Activez loutil Zoom ( ) et tracez un rectangle de slection autour du texte
Welcome to Venice sous la range de boutons.
2. Avec loutil Slection ( ), cliquez sur le grand rectangle arrondi blanc au contour
gris, qui se trouve derrire le texte.
3. Au bas du panneau Aspect, cliquez
sur le bouton Ajouter un contour
( ).

P Note : En

fonction de
votre systme
dexploitation,
la couleur de
slection des
objets (le cadre
de slection) peut
tre diffrente.
Ce nest pas un
problme.

Un nouveau contour apparat au


dessus de la range de contour
dorigine. Il reprend les mmes
couleur et paisseur que le premier
contour.
4. Gardez lpaisseur de ce nouveau
contour 6 pt. Dans la nouvelle
range daspect, cliquez sur la case
de couleur Contour pour ouvrir
le panneau Nuancier. Choisissez
la nuance White. Appuyez sur la
touche chap pour fermer le pan
neau Nuancier.

E Astuce : Il

Dans lillustration, notez que le contour blanc recouvre le contour gris dorigine.
Lordre des ranges dattributs est important dans le panneau Aspect. Lattribut
plac en fin de la liste est appliqu en premier, tandis que lattribut en dbut de
liste est le dernier appliqu.
5. Dans la nouvelle range de contour, cliquez sur Contour et, dans le panneau
Contour qui apparat, cliquez sur le bouton Contour align sur lextrieur ( ).
Vous devez voir prsent les deux contours (avec plus de difficult pour le blanc).

existe dautres
manires de
fermer les
panneaux qui
apparaissent lors
du clic sur un
mot soulign,
comme Contour.
Vous pouvez
notamment
appuyer sur
chap ou cliquer
sur la range de
lattribut Contour.

6. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.


ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

385

Ajouter un autre fond


Vous allez prsent utiliser le panneau Aspect pour ajouter un nouveau fond un
objet. Il sagit dune bonne mthode pour obtenir des effets de design intressants
avec un seul objet.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez sur la forme qui se trouve derrire le rectangle
arrondi slectionn prcdemment.
3. Dans le panneau Aspect, cliquez sur la range de lattribut Fond.

Si vous slectionnez une range dattribut avant dajouter un nouveau fond ou


contour, ce dernier est ajout directement audessus de la range slectionne.
4. Au bas du panneau, cliquez sur le bouton Ajouter un fond ( ). Dans le panneau
Aspect, un nouveau fond est ajout avant le fond slectionn.
E Astuce :

5. La range du nouvel attribut Fond tant slectionne, cliquez sur la case de couleur
Fond et slectionnez la nuance background gradient. Ce nouveau fond recouvre le
fond jaune/orange existant. Appuyez sur la touche chap pour masquer le nuancier.

E Astuce : Les

6. Cliquez sur licne du panneau Dgrad (


Gardez la forme slectionne.

Agrandissez
le panneau
Aspect pour lui
donner une taille
comparable
celle des figures.

options des
diffrents
panneaux,
comme Contrle
ou Dgrad,
affecteront
lattribut de
la range
slectionne
dans le panneau
Aspect.

386

LEON 13

Les attributs daspect et les styles graphiques

) et choisissez 90 dans le menu Angle.

Rorganiser les attributs daspect


Lordre des attributs daspect a un impact important sur lapparence de lillustration. Dans
le panneau Aspect, les fonds et les contours sont donns dans lordre dempilement ;
dans le panneau, aller du haut vers le bas correspond aller de lavant vers larrire dans
lillustration. Vous pouvez rorganiser les ranges des attributs de manire comparable
la rorganisation des calques dans le panneau Calques. Vous allez modifier lapparence
de lillustration en rorganisant les attributs dans le panneau Aspect.
1. Cliquez sur licne du panneau Aspect ( ) et redimensionnez celuici de manire
visualiser lintgralit de son contenu. Cliquez sur le triangle ( ) gauche de
toutes les ranges daspect pour masquer les proprits.

E Astuce :

2. Faites glisser la range du nouvel attribut Fond (celui


auquel la nuance background gradient est applique)
sous la range de lattribut Fond dorigine.

Appliquez des
modes de fusion et
changez lopacit
de chaque range
Fond de faon
obtenir des
rsultats diffrents.

Le fait de positionner le nouvel attribut Fond aprs


lattribut Fond dorigine modifie lapparence de
lillustration. Le fond avec motif dorigine recouvre
prsent le nouveau fond. Le fond en dgrad est
visible au travers des zones transparentes du motif.
3. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Appliquer un aspect un calque


Vous pouvez galement appliquer des attributs daspect des calques ou des sous
calques. Par exemple, pour rendre opaque 50 % lensemble des lments dun calque,
ciblez simplement ce calque et changez son opacit. Chaque objet du calque se verra
appliquer une opacit de 50 % (mme si lobjet est ajout ensuite au calque).
Vous allez cibler un calque et lui ajouter une ombre porte.
1. Activez loutil Zoom ( ) et tracez un rectangle de slection autour de la ligne
situe gauche du bouton orange Gallery.
2. Ouvrez le panneau Calques en cliquant sur son icne ( ). Dans ce panneau,
cliquez sur le triangle ( ) gauche du calque Nav afin den afficher le contenu.

3. Cliquez sur licne de cible ( ) droite du souscalque Navlines.

P Note : Vos

couleurs du
calque peuvent
tre diffrentes
en fonction de
votre systme
dexploitation. Ce
nest pas gnant.

P Note : Vous

devrez peut-tre
largir le panneau
Calques pour
voir les noms des
objets dans le
panneau.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

387

Aprs que vous avez cliqu, notez que licne de cible possde prsent un anneau
double ( ). Lorsquil est vide, cela signifie que le calque est cibl (slectionn)
mais quil ne possde aucun attribut daspect, hormis un seul fond et contour. Tout
attribut daspect que vous ajoutez partir du panneau Aspect sera appliqu ce
calque et aux objets quil contient.
4. Ouvrez le panneau Aspect et notez laffichage de
Calque en partie suprieure.
Le mot Calque indique que tout attribut appliqu
le sera lensemble du contenu du calque. Lorsque
vous slectionnez des lments qui en contiennent
dautres, comme un calque ou un groupe, le panneau
Aspect affiche un lment Contenu que vous pouvez
modifier en doublecliquant dessus.
5. Choisissez Effet > Spcial > Ombre por
te. Dans la bote de dialogue Ombre
porte, cochez Aperu et modifiez les
options suivantes :

E Astuce :

Copiez des
attributs depuis
un calque vers un
autre en appuyant
sur la touche Alt
(Windows) ou
Option (Mac OS)
et en faisant
glisser licne
de cible ( ) du
premier calque
vers le second.

388

LEON 13

Mode : Superposition ;
Opacit : 80 % ;
Dcalage sur X : 2 px ;
Dcalage sur Y : 1 px ;
Attnuation : 0 px ;
cliquez sur la case Couleur et fixez les valeurs CMJN C=0, M=0, J=0, N=0
(blanc) dans le slecteur de couleurs. Cliquez sur OK dans le slecteur de
couleurs pour fermer la bote de dialogue.

Cliquez sur OK et notez que les lignes sont prsent accompagnes dune ombre
porte discrte.
6. Ouvrez le panneau Calques en cliquant sur son icne ( ). Vous remarquerez que
licne de cible possde prsent un centre gris ( ). Cela indique que des attributs
daspect sont appliqus au calque.

7. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Les attributs daspect et les styles graphiques

Les styles graphiques


Un style graphique nest rien dautre quun jeu dattributs daspect enregistr que vous
pouvez rutiliser. En appliquant des styles graphiques, vous avez la possibilit de
changer rapidement et en globalit lapparence des objets et du texte.
Le panneau Styles graphiques (Fentre > Styles graphiques) permet de crer, de
nommer, denregistrer, dappliquer et de retirer des effets et des attributs aux objets,
calques ou groupes. Vous pouvez galement rompre le lien tabli entre un objet et
un style graphique appliqu pour modifier lun des attributs de lobjet sans affecter
les autres objets ventuellement dots du mme style.
A. Vignettes des styles graphiques
B. Menu Bibliothques de styles
graphiques

C. Rompre le lien au style graphique


D. Nouveau style graphique
E. Supprimer le style graphique
B

C D E

titre dexemple, imaginez une carte sur laquelle figure un symbole matrialisant
une ville. Un style a t appliqu au symbole afin quil apparaisse en vert avec une
ombre porte. Vous pouvez employer ce style graphique pour reprsenter lensemble
des villes sur la carte. Par la suite, libre vous de passer la couleur de fond du style en
bleu : les symboles, automatiquement actualiss, safficheront en bleu.

Appliquer des styles graphiques prdfinis


Illustrator est accompagn de bibliothques de styles graphiques prdfinis que vous
pouvez appliquer votre illustration. Vous allez prsent ajouter un style graphique
un bouton.
1. Choisissez Affichage > Search button de faon zoomer sur un bouton qui se
trouve ct de langle suprieur droit du plan de travail.
2. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
3. Cliquez sur longlet du panneau Styles graphiques. Cliquez sur le bouton Menu
Bibliothques de styles graphiques ( ) et choisissez Illumination Styles.

4. Choisissez le style graphique Tons clairs Noir.


En cliquant sur ce style, vous lajoutez au pan
neau Styles graphiques du document. Fermez
le panneau Illumination Styles.
5. Avec loutil Slection ( ), cliquez sur le bord du
rectangle blanc situ ct de langle suprieur
droit du plan de travail. Veillez ne pas slec
tionner le texte blanc qui se trouve devant.

E Astuce : Les

flches qui se
trouvent au bas
du panneau de
la bibliothque
Illumination
Styles permettent
de charger dans
le panneau la
bibliothque de
styles graphiques
suivante ou
prcdente.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

389

6. Dans le panneau Styles graphiques, cliquez du bouton droit (Windows) ou cli


quez tout en appuyant sur Ctrl (Mac OS) sur la vignette du style graphique Tons
clairs Noir afin den obtenir un aperu sur la forme. Relchez le bouton de la
souris puis la touche de modification.
Grce laperu du style graphique, vous pouvez examiner son impact sur lobjet
slectionn sans rellement lappliquer.
7. Dans le panneau Styles graphiques, cliquez sur le style Tons clairs Noir afin de
lappliquer la forme. Fermez le groupe du panneau Styles graphiques en cliquant
sur son onglet.

Afficher un aperu du style.

Appliquer le style graphique.

8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.


P Note : Si une icne davertissement saffiche lextrmit du panneau Contrle, ce nest pas un
problme. Elle indique simplement que le fond/contour suprieur nest pas actif.

Crer et appliquer un style graphique


E Astuce : Pour

crer un style
graphique,
vous pouvez
galement
slectionner
lobjet qui servira
de base au style.
Ensuite, depuis le
panneau Aspect,
faites glisser la
vignette daspect
en dbut de liste
du panneau Styles
graphiques.

Vous allez nommer et enregistrer un nouveau style graphique en faisant appel aux
attributs daspect prcdemment dfinis pour lun des boutons orange. Vous appli
querez ensuite ces mmes attributs daspect un autre bouton.
1. Choisissez Affichage > Nav pour zoomer sur les boutons de navigation.
2. Avec loutil Slection ( ), cliquez sur la
forme orange du bouton Gallery (le cercle).
P Note : En fonction de votre systme dexploitation, la

couleur du cadre de slection et des bords (en bleu sur


la figure) des objets slectionns peut tre diffrente.
Ce nest pas un problme.

3. Ouvrez le panneau Styles graphiques en


cliquant sur son icne ( ). Au bas du
panneau, cliquez sur le bouton Nouveau style graphique ( ).

Les attributs daspect du bouton orange sont ainsi enregistrs en tant que style
graphique.
4. Dans le panneau Styles graphiques, doublecliquez sur la nouvelle vignette de
style graphique. Dans la bote de dialogue Options de style graphique, nommez
le nouveau style Boutons et cliquez sur OK.

390

LEON 13

Les attributs daspect et les styles graphiques

E Astuce : Dans

Crer un style graphique.

Nommer le style.

5. Cliquez sur longlet du panneau Aspect. En partie suprieure de ce panneau, vous


remarquerez Trac: Boutons. Cela indique quun style graphique nomm Boutons
est appliqu lobjet slectionn (un trac).
6. Avec loutil Slection, cliquez sur le cercle blanc derrire licne Location ( droite
du bouton utilis pour crer le style graphique).
7. Cliquez sur longlet du panneau Styles graphiques puis sur la vignette du style
graphique Boutons pour appliquer celuici au cercle.

Noter Trac: Boutons.

le panneau Styles
graphiques,
une vignette
accompagne
dune petite case
avec une barre
oblique rouge ( )
dsigne un
style graphique
dpourvu de
contour ou de
fond. Il peut sagir,
par exemple,
dune ombre
porte ou dune
lueur externe.

Appliquer le style graphique Boutons.

8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Actualiser un style graphique


Aprs que vous avez appliqu un style graphique un objet, vous pouvez toujours
retoucher celuici. Vous pouvez galement modifier le style graphique. Dans ce cas,
toutes les illustrations auxquelles ce style a t appliqu changent daspect.
1. Avec loutil Slection ( ), cliquez sur lune des formes orange de bouton. Dans
le panneau Styles graphiques, vous constatez que la vignette du style graphique
Boutons est mise en exergue (une bordure lentoure) afin dindiquer quil est appliqu.
2. Cliquez sur longlet du panneau Aspect. Cliquez
sur la range Trac: Boutons afin que le prochain
attribut daspect soit appliqu lintgralit de
lobjet et non simplement au contour ou au fond,
par exemple.
3. Choisissez Effet > Distorsion et transformation >
Contraction et dilatation. Dans la bote de dialogue
Contraction et dilatation, changez la valeur 13 % et cliquez sur OK.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

391

4. Dans le panneau Styles graphiques, vous constatez que le style graphique nest
plus mis en exergue. Autrement dit, il nest plus appliqu.

5. Appuyez sur la touche Alt (Windows) ou Option (Mac OS) et faites glisser la
forme de bouton orange sur la vignette du style graphique Boutons dans le pan
neau Styles graphiques. Lorsque la vignette est surligne, relchez le bouton de
la souris puis la touche de modification. Les deux formes de bouton orange ont
prsent le mme aspect.

6. Choisissez Slection > Dslectionner.


7. Cliquez sur longlet du panneau Aspect. Vous
voyez affich Aucune slection: Boutons en partie
suprieure (faites dfiler le panneau si ncessaire).
Lorsque vous appliquez des paramtres daspect,
des styles graphiques et dautres attributs une
illustration, les paramtres daspect recenss dans
le panneau Aspect sont affects la prochaine
forme dessine.
8. Cliquez sur le bouton Effacer laspect (
du panneau Aspect.

) au bas

En cliquant sur le bouton Effacer laspect alors que


la slection est vide, vous dfinissez laspect par
dfaut des nouvelles formes. Lorsque la slection
nest pas vide, le bouton Effacer laspect supprime
tous les attributs daspect appliqus un objet,
contour et fond compris.
9. Choisissez Fichier > Enregistrer.

392

LEON 13

Les attributs daspect et les styles graphiques

Appliquer un style graphique un calque


Aprs quun style graphique a t appliqu un calque, chaque lment ajout ce
calque prendra ce style. Vous allez appliquer le style graphique Boutons au calque qui
comprend les boutons afin quil affecte toutes les formes la fois.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
Si vous appliquez un style graphique une illustration puis appliquez un style graphique
au calque (ou au souscalque) sur lequel elle se trouve, la mise en forme dfinie par ce
style graphique sajoute celle de lillustration. Autrement dit, pour que les boutons
possdent uniquement les attributs daspect du style graphique appliqu, vous devez
retirer leur mise en forme avant dappliquer le style graphique.
2. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Dans ce panneau, cliquez sur le triangle
( ) gauche du calque Nav pour en afficher le
contenu. Cliquez dans la colonne de slection du
souscalque Buttons (lespace vide droite de licne
de cible [ ]) de faon slectionner lintgralit
du contenu du calque.

3. Au bas du panneau Aspect, cliquez sur le bouton


Effacer laspect ( ). Toutes les formes de bouton sont prsent dpourvues de
contour, de fond et des autres attributs daspect.

4. Dans le panneau Calques, cliquez sur licne de cible ( ) du souscalque Buttons.


Vous slectionnez ainsi le contenu du calque (il ltait dj) et ciblez le calque pour
les attributs daspect.

5. Cliquez sur licne du panneau Styles


graphiques ( ) puis sur la vignette du
style Boutons de manire appliquer ce
style au calque et donc son contenu.

6. Choisissez Slection > Dslectionner


puis Fichier > Enregistrer.

E Astuce : Vous

pouvez aussi faire


glisser une icne
de cible sur le
bouton Corbeille
( ) au bas du
panneau Calques
de faon retirer
les attributs
daspect.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

393

Modifier le style graphique dun calque


Vous allez prsent modifier le style graphique Boutons appliqu au calque.
1. Avec loutil Slection ( ), cliquez sur lune des formes de bouton orange.
2. Ouvrez le panneau Aspect en cliquant sur son onglet.
Dans le panneau Aspect, vous voyez le nom Calque:
Boutons au dbut de la liste. Le panneau indique que
la forme de bouton se trouve sur un calque auquel
est appliqu un style graphique nomm Boutons.

E Astuce : Vous

pouvez galement
slectionner
licne de cible
du sous-calque
Buttons dans le
panneau Calques
puis modifier
leffet dans le
panneau Aspect.

3. Cliquez sur Calque: Boutons pour acc


der aux attributs daspect du style gra
phique appliqu au calque. Cela slectionne
galement toutes les formes prsentes
sur le calque.
4. Cliquez sur licne de visibilit ( )
gauche de la range de leffet Contraction
et dilatation pour retirer cet effet des
formes. Cliquez dans la colonne de visi
bilit gauche de la range Contour 2 pt
pour appliquer le contour aux formes de
bouton. Gardez le panneau Aspect affich.
5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Appliquer plusieurs styles graphiques


Il est possible dappliquer un style graphique un objet auquel un autre style gra
phique est dj appliqu. Cela permet de lui ajouter des proprits provenant dun
autre style graphique.
1. Choisissez Affichage > Search button de faon zoomer sur le bouton qui se trouve
ct de langle suprieur droit du plan de travail.
P Note : Si

le menu Style
napparat pas
dans le panneau
Contrle, vous
pouvez ouvrir le
panneau Styles
graphiques en
cliquant sur son
icne droite de
lespace de travail.

394

LEON 13

2. Avec loutil Slection ( ), cliquez sur


le rectangle derrire le texte Search.
Cliquez sur le menu Style dans le
panneau Contrle. Dans le panneau
Styles graphiques qui apparat, cliquez
de faon appliquer le style graphique
Boutons la forme du bouton. Gardez
le menu ouvert.
Notez que les fonds et le contour du style graphique Tons clairs Noir appliqu
prcdemment ne sont plus visibles. Par dfaut, les styles graphiques remplacent
la mise en forme des objets slectionns.

Les attributs daspect et les styles graphiques

3. Cliquez sur la vignette du style graphique Chrome Highlight pour lappliquer.


4. Tout en appuyant sur la touche Alt
(Windows) ou Option (Mac OS),
cliquez sur la vignette du style
graphique Outer Glow 5 pt.
Notez que les fonds et le contour
sont conservs et quune ombre a
t ajoute. Par cette procdure,
vous ajoutez le style graphique
la mise en forme existante au lieu de la remplacer.
5. Avec loutil Slection, cliquez, tout en appuyant sur la touche Maj, sur le texte
Search et choisissez Objet > Associer. Gardez le groupe du bouton slectionn.

Mettre lchelle des contours et des effets


Dans Illustrator, lorsque du contenu est mis lchelle (redimensionn), les contours
et les effets appliqus nen sont pas affects. Par exemple, supposons que vous redi
mensionniez un petit cercle dot dun contour de 2 pt pour lui donner la taille du
plan de travail. La forme va changer de taille, mais le contour conservera par dfaut
son paisseur de 2 pt. Ce fonctionnement risque de modifier laspect dune illustra
tion redimensionne et de donner un rsultat inattendu. Vous devez y faire attention
lorsque vous transformez une illustration.
1. Dans le panneau Contrle, cliquez sur le lien
X, Y, L ou H de manire afficher le panneau
Transformation (Fentre > Transformation).
Cochez la case Mise lchelle des contours
et des effets en bas de ce panneau. Cliquez
sur le bouton Conserver les proportions
en largeur et en hauteur ( ). Changez la
hauteur (H) 20 px. Appuyez sur Entre ou
Retour pour galement modifier la largeur et masquer le panneau Transformation.

P Note : Si vous

ouvrez le panneau
Transformation
en passant
par Fentre>
Transformation,
vous devrez
choisir Afficher
les options dans
le menu du
panneau.

2. Faites glisser le groupe du bouton vers la


gauche sur le plan de travail. Placezle
droite du champ de recherche (la bote
blanche en partie suprieure du plan de
travail). Servezvous des repres commen
ts pour laligner.
3. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

395

Appliquer un style graphique du texte


Vous allez prsent appliquer un style graphique prdfini du texte.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), cliquez sur le titre Welcome to Venice.
3. Activez loutil Zoom ( ) et tracez un
rectangle de slection autour du texte
afin den agrandir laffichage.
4. Si ncessaire, ouvrez le panneau Styles
graphiques en cliquant sur son icne
( ). Dans le menu de ce panneau ( ),
assurezvous que Remplacer la couleur
de caractre est coche.
Lorsque vous appliquez un style graphique du texte, la couleur de fond du texte
remplace par dfaut la couleur de fond du style graphique. Pour viter cela, vous
devez cocher Remplacer la couleur de caractre.
5. Dans le menu du panneau Styles graphiques (

), activez Utiliser un texte daperu.

6. Dans le panneau Styles graphiques, cliquez du


bouton droit (Windows) ou cliquez tout en
appuyant sur Ctrl (Mac OS) et restez appuy sur
le style graphique Blue Neon afin den obtenir
un aperu sur le texte. Relchez le bouton de la
souris puis la touche de modification. Cliquez
ensuite sur le style graphique Blue Neon pour
lappliquer.
Si vous naviez pas coch Remplacer la couleur de caractre, le fond aurait t noir
(mme sil est probable que vous ne lauriez pas vu).

7. Choisissez dition > Annuler Styles graphiques pour retirer la mise en forme du texte.
8. Choisissez Affichage > Ajuster le plan de travail la fentre.
9. Choisissez Slection > Dslectionner. Gardez le fichier conceptionweb.ai ouvert.

396

LEON 13

Les attributs daspect et les styles graphiques

Cration dillustrations pour le Web


Une illustration cre avec Illustrator CC peut tre enregistre en vue dune utilisa
tion sur le Web. Vous disposez pour cela de diffrents formats et mthodes. Si vous
avez besoin dimages pour un site web ou une prsentation lcran, employez la
commande Enregistrer pour le Web. Les images peuvent tre enregistres dans de
nombreux formats, comme GIF, JPEG et PNG. Ces trois formats sont parfaitement
adapts un emploi sur le Web et sont compatibles avec la plupart des navigateurs,
mais ils ont chacun des possibilits diffrentes.
Si vous construisez un site web ou souhaitez fournir du contenu un dveloppeur,
le panneau Proprits CSS (Fentre > Proprits CSS) ou la commande Fichier >
Exporter vous permettra de transformer les conceptions graphiques dIllustrator en
feuilles de style CSS. Illustrator facilite lexportation vers CSS ainsi que le copiercoller
de code CSS depuis le logiciel vers un diteur HTML. Il existe galement diffrentes
solutions pour exporter une illustration au format SVG (Scalable Vector Graphics).

E Astuce : Pour

de plus amples
informations
sur lutilisation
des graphiques
web, consultez la
rubrique Formats
de fichier pour
lexportation
dillustrations
dans lAide
dIllustrator
(Aide > Aide
dIllustrator).

Dans la premire partie de cette section, nous nous focaliserons sur la grille en pixels
et sur le dcoupage de contenu en tranches en vue de son exportation laide de la
commande Enregistrer pour le Web. Ensuite, vous convertirez votre conception en
feuilles de style CSS utilisables sur un site web.

Aligner du contenu sur la grille en pixels


Avant denregistrer du contenu pour le Web, vous devez comprendre la grille en pixels
dIllustrator. Il est indispensable que les images bitmap soient parfaitement nettes,
en particulier avec une rsolution standard des images web de 72 ppp (pixels par
pouce). Pour que les designers web puissent crer des prsentations prcises au pixel
prs, vous pouvez aligner une illustration sur la grille en pixels. Il sagit dune grille de
72 carrs par pouce, la verticale et lhorizontale, que vous pouvez afficher lorsque
le zoom est suprieur 600 % et que le mode Aperu en pixels est actif (Affichage >
Aperu en pixels).
Lorsque la proprit dalignement sur les pixels est active sur un objet, tous les
segments horizontaux et verticaux de cet objet sont aligns sur la grille en pixels, ce
qui donne aux tracs un aspect net. Lorsque vous crez un document, vous pouvez
activer loption Aligner les nouveaux objets sur la grille en pixels au niveau du document
en choisissant Web dans le menu Profil de la bote de dialogue Nouveau document.
Tous les lments de lillustration, tout au moins ceux pour lesquels cest possible,
sont alors automatiquement aligns sur la grille en pixels. Vous pouvez galement
aligner le contenu ultrieurement, comme vous allez le faire maintenant.

E Astuce : Pour
de plus amples
informations sur
la manipulation
du texte et
lanticrnelage,
consultez le
document
PDF nomm
TextAntiAliasing.
pdf prsent
dans le dossier
Lesson_extras.

1. Choisissez Fichier > Nouveau.


Dans la bote de dialogue
Nouveau document, choisissez
loption Web du menu Profile.
Cliquez sur la flche gauche
de la rubrique Avances.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

397

Dans les paramtres avancs, vous pouvez constater que le mode colorimtrique
RVB a t choisi pour lensemble des objets qui seront crs, que les effets de
pixellisation ont t fixs 72 ppp et que la case Aligner les nouveaux objets sur
la grille en pixels est coche.
2. Cliquez sur Annuler.
3. Dans le document conceptionweb.ai, choisissez Fichier > Mode colorimtrique
du document. Vous voyez que le mode RVB est slectionn.
Aprs avoir cr un document, vous pouvez changer son mode colorimtrique.
Vous fixez ainsi le mode colorimtrique par dfaut de toutes les nouvelles couleurs
que vous allez dfinir. Le mode RVB est adapt la cration dun contenu pour le
Web ou pour des prsentations lcran.
4. Activez loutil Zoom ( ) et tracez un rectangle de slection sur le bouton orange
Gallery (le premier partir de la gauche) de faon le voir de trs prs.
E Astuce : Pour
dsactiver la
grille en pixels,
choisissez
dition >
Prfrences >
Repres et grille
(Windows) ou
Illustrator>
Prfrences >
Repres et
grille (Mac OS)
et dcochez la
case Afficher la
grille de pixels
(zoom suprieur
600%).

5. Choisissez Affichage > Aperu en pixels pour avoir un aperu de la version pixel
lise de lillustration.

Lillustration en mode Aperu.

Lillustration en mode Aperu en pixels.

6. Choisissez 600 % dans le menu situ dans


langle infrieur gauche de la fentre de
document (dans la barre dtat).
Avec un zoom dau moins 600 % et le
mode Aperu en pixels activ, la grille
en pixels saffiche. Elle divise le plan
de travail en incrments de 1 point,
cestdire 1/72 pouce.
7. Avec loutil Slection ( ), cliquez sur la
forme dappareilphoto dans le bouton. Si ncessaire, utilisez les barres de dfile
ment de la fentre de document afin de voir lintgralit de la forme.
8. Choisissez Affichage > Masquer le contour de slection afin que les bords de la forme
soient bien visibles. Notez que certains dentre eux semblent lgrement flous.

398

LEON 13

Les attributs daspect et les styles graphiques

9. Dans le panneau Contrle, cliquez sur le mot Transformation (ou sur X, Y, L ou H)


et cochez la case Aligner sur la grille en pixels au bas du panneau Transformation.

10. Choisissez Affichage > Ajuster le plan de travail la fentre puis Affichage >
Afficher le contour de slection.
11. Choisissez Slection > Objet > Non align(s) sur la grille en pixels de faon
slectionner tous les objets du document qui peuvent tre aligns sur la grille en
pixels mais qui ne le sont pas encore.
12. Dans le panneau Contrle, cliquez sur le mot Transformation et cochez la case
Aligner sur la grille en pixels. Gardez le panneau Transformation affich.

P Note : Les

objets qui sont


aligns en pixels
mais dpourvus
de segments
droits verticaux
ou horizontaux ne
sont pas modifis
pour saligner sur
la grille en pixels.
Par exemple,
tant donn
quun rectangle
ayant subi une
rotation na pas de
segment vertical
ou horizontal
droit, celui-ci
nest pas pouss
pour produire
des tracs
prcis, lorsque
la proprit
dalignement en
pixels est dfinie.

Vous devez examiner leffet sur lillustration de lalignement sur la grille en pixels.
Par exemple, il est possible que le texte vectoris change daspect.
13. Dans le menu du panneau Transformation (
), notez que Aligner les nouveaux
objets sur la grille en pixels est activ. Si le document avait t cr avec un profil
dimpression, cette option ne serait pas slectionne. Appuyez sur la touche chap
pour masquer le panneau Transformation.
Cette option fait en sorte que tous les nouveaux objets soient aligns automati
quement sur la grille en pixels.
14. Choisissez Slection > Dslectionner (si disponible) puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

399

Crer des tranches de contenu


P Note : Pour

de plus amples
informations
sur la cration
des tranches,
consultez la
rubrique Cration
de tranches dans
lAide dIllustrator
(Aide > Aide
dIllustrator).

Quand vous crez une illustration sur un plan de travail et choisissez Fichier >
Enregistrer pour le Web, Illustrator cre un seul fichier dimage de la taille de ce plan
de travail. Vous pouvez dfinir plusieurs plans de travail qui comprennent chacun un
lment de la page web, comme un bouton, et enregistrer chacun deux sous forme
de fichiers dimages spars.
Vous pouvez galement crer votre illustration sur un mme plan de travail et
dcouper le contenu en tranches. Dans Illustrator, vous crez des tranches pour dfinir
les limites des diffrents lments web compris dans lillustration. Par exemple, si
vous concevez lintgralit dune page web sur un plan de travail et si vous souhaitez
enregistrer une forme vectorielle sous forme de bouton pour votre site, cette partie
peut tre optimise dans un format GIF ou PNG, tandis que le reste de limage le
sera sous forme de fichier JPEG. Vous pouvez isoler limage du bouton en crant une
tranche. Lorsque vous enregistrez lillustration sous forme de pages web laide de
la commande Enregistrer pour le Web, vous avez la possibilit denregistrer chaque
tranche comme un fichier indpendant avec ses propres format et paramtres.
Vous allez prsent ajouter un nouveau calque qui contiendra les tranches, que vous
crerez pour les diffrentes parties de lillustration.

P Note : Pour

de plus amples
informations
sur la cration
des calques,
consultez la
section Cration
de calques la
Leon 8, Les
calques.

P Note : Le

nouveau calque
que vous allez
crer aura
peut-tre une
couleur de calque
diffrente, mais ce
nest pas gnant.

400

LEON 13

1. Ouvrez le panneau Calques en cliquant sur son


icne ( ). Slectionnez le calque Header. Tout en
appuyant sur la touche Alt (Windows) ou Option
(Mac OS), cliquez sur le bouton Nouveau calque
( ) au bas du panneau Calques. Dans la bote de
dialogue Options de calque, changez le nom Slices
(tranches) et cliquez sur OK. Assurezvous que le
calque Slices est slectionn.
Lorsque vous crez des tranches, elles sont recenses dans le panneau Calques et
peuvent tre, entre autres, slectionnes, supprimes et redimensionnes. Cela
permet de les conserver sur leur propre calque et ainsi de les grer plus facilement,
mais ce nest pas obligatoire.
2. Activez loutil Zoom ( ) et tracez un rectangle de slection autour du logo Bela
Casa situ dans langle suprieur gauche du plan de travail. Le texte du logo a t
vectoris (converti en tracs).

3. Dans le panneau Outils, activez loutil Tranche ( ). Cliquez et tracez une tranche
autour du cercle et des formes du texte Bela Casa, en arrtant le bas de la tranche
sur le bord suprieur de limage (aidezvous de la figure). Pour le moment, ne vous
occupez pas de la prcision ; la tranche sera ajuste par la suite.

Les attributs daspect et les styles graphiques

Lorsque vous crez une tranche, Illustrator dcoupe galement lillustration


environnante en tranches automatiques afin de conserver la mise en page. Les
tranches automatiques correspondent aux zones de lillustration non dfinies
comme tranches. Illustrator rgnre ces tranches chaque fois que vous ajoutez
ou modifiez des tranches. Notez galement le chiffre 3 dans langle de la tranche
cre. Illustrator numrote les tranches de la gauche vers la droite et du haut vers
le bas, en commenant dans langle suprieur gauche de lillustration.
Vous allez prsent crer une tranche partir dun contenu slectionn.
4. Choisissez Affichage > Nav pour zoomer sur les boutons orange de navigation.
5. Choisissez Slection > Dslectionner.
6. Activez loutil Slection ( ) et, tout en appuyant sur la touche Maj, cliquez sur le
texte Gallery, la forme de lappareil photo et le cercle orange.

7. Dans le panneau Calques, slectionnez le calque Slices afin que la nouvelle tranche
y soit place.
8. Choisissez Objet > Tranche > Crer daprs la
slection.

E Astuce :

Illustrator est en mesure de crer des tranches


partir des repres dfinis ou du contenu slectionn
dans la fentre de document.
9. Choisissez Slection > Dslectionner puis Fichier >
Enregistrer.

Slectionner et modifier des tranches


Vous risquez davoir ajuster les tranches si, par exemple, le contenu concern est
retouch ou si le contenu inclure doit tre chang.
1. Choisissez Affichage > Ajuster le plan de travail la fentre. Activez loutil Zoom
( ) et tracez un rectangle de slection autour du logo Bela Casa dans langle
suprieur gauche du plan de travail.

Utilisez la
commande
Objet> Tranche>
Crer lorsque vous
souhaitez que
les dimensions
de la tranche
correspondent
aux limites dun
lment de
lillustration. Si
vous dplacez
ou modifiez
llment, la
zone de la
tranche sajuste
automatiquement.

2. partir du groupe de loutil Tranche dans le panneau Outils, activez loutil


Slection de tranche ( ).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

401

3. Cliquez au centre de la premire tranche cre, audessus du logo Bela Casa. La


tranche slectionne est mise en exergue et quatre points de slection apparaissent
dans les angles.
Loutil Slection de tranche vous permet de modifier les tranches que vous avez
cres en employant les diffrentes mthodes. Vous pouvez galement slection
ner une tranche laide des outils Slection et Slection directe, en cliquant sur le
contour (bord) de la tranche, ou partir du panneau Calques.
4. Positionnez le pointeur sur le bord infrieur de la tranche slectionne. Lorsquune
double flche apparat, cliquez et faites glisser vers le bas jusqu la courbe du B
de Bela.

Lorsque vous dcoupez du contenu, vous devez conserver tous les attributs daspect,
comme les ombres portes, dans la zone de la tranche. Cela peut se rvler diffi
cile si lattnuation de lombre est importante. En utilisant la commande Objet >
Tranche > Crer daprs la slection, vous obtenez une tranche qui comprend
toutes les proprits daspect, comme les effets sils sont appliqus directement
lillustration et non au calque sur lequel elle se trouve. Avec loutil Slection de
tranche, vous pouvez cliquer et faire glisser une tranche, la copier et la coller, la
supprimer, etc.
5. Choisissez Slection > Dslectionner puis Affichage > Verrouiller les tranches
afin dempcher leur slection. Choisissez Fichier > Enregistrer.

Utiliser la commande Enregistrer pour le Web


Aprs que vous avez dcoup votre illustration, vous pouvez, si ncessaire, loptimiser
pour une utilisation sur le Web. La commande Fichier > Enregistrer pour le Web vous
laisse choisir les options doptimisation et affiche un aperu de lillustration optimise.
Le point essentiel lutilisation dimages sur un site web rside dans le bon quilibre
entre rsolution, taille et couleur afin darriver une qualit optimale.
1. Choisissez Affichage > Ajuster le plan de travail la fentre puis Affichage >
Masquer les tranches.
Pendant que vous travaillez sur votre illustration, il est inutile que les tranches
soient affiches. Vous pouvez ainsi vous concentrer sur la slection des lments
de lillustration sans slectionner les tranches. Si vous avez plac les tranches sur
leur propre calque, vous pouvez galement masquer celuici partir du panneau
Calques.

402

LEON 13

Les attributs daspect et les styles graphiques

2. Activez loutil Slection ( ) et, tout en appuyant


sur la touche Maj, cliquez sur la forme darrire
plan avec un motif gris (derrire les boutons), le
rectangle noir et la grande image audessus du
rectangle noir. Choisissez Objet > Masquer >
Slection.
Lorsque vous enregistrez le contenu dcoup
laide de la commande Enregistrer pour le Web,
lintgralit des lments de la tranche est aplatie
pour crer une image bitmap. Si lillustration
slectionne comprend une transparence (une
partie de limage est translucide), vous devez
tout dabord masquer le contenu qui ne doit pas tre enregistr. Les zones dune
tranche au travers desquelles vous voyez le plan de travail peuvent tre transpa
rentes, selon le type dimage choisi.
3. Choisissez Slection > Dslectionner, si ncessaire.
4. Choisissez Affichage > Afficher les tranches et vrifiez que lillustration et les ombres
portes sont comprises dans les tranches. Dans le cas contraire, redimensionnezles.
5. Choisissez Fichier > Enregistrer pour le Web.
6. Dans la bote de dialogue Enregistrer pour le Web, cliquez sur longlet 2 vignettes
afin dactiver cette option daffichage.
Vous obtenez une fentre en deux parties, lillustration dorigine tant affiche
gauche et lillustration optimise droite.
7. Avec loutil Slection de tranche ( ), cliquez sur la zone optimise droite.
Slectionnez la tranche qui comprend le logo Bela Casa en partie suprieure du
plan de travail. Vous savez quune tranche est slectionne en raison de la bordure
marron clair qui lentoure.

P Note : Pour

redimensionner
des tranches, il
faut quelles soient
dverrouilles.
Choisissez
Affichage>
Verrouiller les
tranches (si une
coche apparat
gauche de larticle
de menu, cest le
signe quelles sont
verrouilles).

8. Dans le menu Format de fichier optimis (sous Nom) de la rubrique Paramtre


prdfini sur le ct droit de la bote de dialogue, choisissez PNG24.

Vous avez le choix entre quatre formats de fichiers, GIF, JPEG, PNG8 et PNG24,
et les diffrentes options qui correspondent chacun. Si votre image comprend
plusieurs tranches que vous souhaitez enregistrer, slectionnezles sparment
et optimisezles.
9. Dans le menu Exporter, choisissez Tranches slectionnes.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

403

Toutes les tranches que vous avez slectionnes dans la bote de dialogue Enregistrer
pour le Web seront exportes. Pour slectionner plusieurs tranches, aprs avoir
dfini leurs paramtres doptimisation, cliquez sur chacune delles tout en appuyant
sur la touche Maj. Si vous choisissez Toutes les tranches utilisateur dans le menu
Exporter, toutes les tranches que vous aurez cres seront exportes.
P Note : Si rien

ne se produit
aprs que vous
avez cliqu sur le
bouton Aperu,
recommencez.
Vous devrez
peut-tre
galement cliquer
sur le bouton
Slectionner le
menu Navigateur
plac droite du
bouton Aperu et
choisir Modifier la
liste afin dajouter
un nouveau
navigateur.

10. Cliquez sur le bouton Aperu dans langle infrieur gauche de la bote de dialogue.
Cette opration lance le navigateur par dfaut sur votre ordinateur et affiche un
aperu du contenu dcoup. Aprs avoir examin ce contenu, fermez le navigateur
et revenez Illustrator.

11. Dans la bote de dialogue Enregistrer pour le Web, cliquez sur Enregistrer. Dans la
bote de dialogue Enregistrer une copie optimise sous, ouvrez le dossier Lesson13.
Changez le nom logo et cliquez sur Enregistrer.
Allez dans votre dossier Lesson13 et ouvrez le dossier des images cr par Illustrator.
Il contient un seul fichier dimage dont le nom est celui que vous avez indiqu dans
la bote de dialogue Enregistrer une copie optimise sous et auquel a t ajout
le numro de la tranche.
12. Choisissez Affichage > Masquer les tranches.
13. Choisissez Objet > Tout afficher.
14. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Crer du code CSS


P Note :

Exporter ou
copier du code
CSS partir
dIllustratorCC
ne gnre pas le
contenu HTML
dune page
web. Lobjectif
est dobtenir le
code CSS qui
sera appliqu au
balisage HTML
que vous crerez
par ailleurs,
par exemple
dans Adobe
Dreamweaver.

404

LEON 13

Nous lavons mentionn prcdemment, le panneau Proprits CSS (Fentre >


Proprits CSS) ou la commande Fichier > Exporter permet de transformer les
conceptions graphiques ralises avec Illustrator en feuilles de style CSS. Il sagit dune
bonne manire de transfrer les styles web conus dans Illustrator directement dans
un diteur HTML ou de les passer un dveloppeur web.
Les feuilles de style en cascade (CSS, Cascading Style Sheets) reprsentent un ensemble de
rgles de mise en forme, la manire des styles de paragraphe et de caractre dIllustrator,
qui rgissent laspect dun contenu dans une page web. Contrairement aux styles de
paragraphe et de caractre dIllustrator, CSS peut agir sur laspect du texte, ainsi que
sur la mise en forme et le positionnement des lments dfinis dans la page HTML.
P Note : Pour de plus amples informations sur CSS, consultez la section Description des feuilles
de style en cascade dans laide dAdobe Dreamweaver (http://helpx.adobe.com/fr/dreamweaver/
using/cascading-style-sheets.html). Vous pouvez galement visionner les vidos sur CSS proposes
par le site Adobe Dreamweaver Developer Center: http://www.adobe.com/devnet/dreamweaver/
articles/understanding_css_basics.html.

Les attributs daspect et les styles graphiques

En produisant le code CSS partir dun document Illustrator, vous avez la possibilit
de mettre en place des flux web flexibles. Vous pouvez exporter tous les styles partir
dun document, ou copier simplement ceux dun objet ou dun ensemble dobjets et
les coller dans un diteur externe, comme Adobe Dreamweaver. Mais la cration de
styles CSS et leur utilisation efficace ncessitent une configuration initiale dans le
document Illustrator CC, ce que vous allez faire prsent.

Configurer le document pour la gnration du code CSS


Si vous avez lintention dexporter ou de copiercoller du code CSS partir dIllustrator,
le dcoupage en tranches nest pas une phase indispensable, mais une configuration
pralable approprie du document permettra de nommer les styles CSS qui seront
gnrs. Dans cette section, vous allez tudier le panneau Proprits CSS et voir
comment configurer le contenu en vue dune exportation des styles en utilisant du
contenu nomm ou sans nom.
1. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.
2. Choisissez Fentre > Proprits CSS pour ouvrir le panneau Proprits CSS.
Voici les possibilits offertes par le panneau Proprits CSS :

obtenir un aperu du code CSS pour les objets slectionns ;


copier du code CSS pour les objets slectionns ;
exporter dans un fichier CSS les styles gnrs partir des objets slectionns
(avec les images utilises) ;

modifier les options pour le code CSS export ;


exporter le code CSS pour tous les objets.
Les diffrentes options disponibles dans le panneau sont dcrites ciaprs :
A. Style de caractre
B. Style graphique

C. Style CSS du contenu slectionn


D. Options dexportation

E. Exporter la CSS slectionne


F. Copier la slection Style
G. Gnrer la CSS

D E F G

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

405

3. Activez loutil Slection ( ) et


cliquez sur le rectangle gris trs
fonc (voir la figure).
Un message apparat dans la zone
daperu du panneau Proprits
CSS. la place du code CSS (que
montre normalement cette zone),
vous voyez un message qui prcise
que lobjet doit tre nomm dans
le panneau Calques ou que vous devez autoriser Illustrator crer des styles pour
les objets sans nom.
P Note : Si

4. Ouvrez le panneau Calques et cliquez sur le bou


ton Rechercher lobjet ( ) au bas du panneau de
manire trouver facilement lobjet slectionn.
Doublecliquez directement sur le nom de lobjet
<Trac> slectionn et changez son nom sidebar
(en minuscules). Appuyez sur Entre ou Retour
pour valider la modification.

P Note : Si

5. Examinez de nouveau le panneau Proprits CSS.


Vous devez voir un style nomm .sidebar.

ncessaire,
largissez
le panneau
Calques pour voir
lintgralit du
nom de lobjet.

vous obtenez
un style nomm
.sidebar_1_,
cela signifie
gnralement que
le nom sidebar
se termine par
une espace en
trop dans le
panneau Calques.

P Note : Si

ncessaire,
agrandissez
le panneau
Proprits
CSS pour voir
lintgralit du
style.

Lorsque le contenu nest pas nomm, par dfaut


aucun style nest cr. Si vous nommez lobjet
dans le panneau Calques, le code CSS est gnr
et le nom du style cr correspond celui donn
lobjet. Pour la plupart des contenus, Illustrator
cre des styles appels classes.
E Astuce : Vous savez quun style est une classe en CSS en
raison de son nom qui commence par un point (.).

E Astuce : Si vous utilisez un balisage HTML5, les objets du panneau Calques que vous nommez

conformment ce standard, par exemple header, footer, section ou aside, ne deviendront pas
un style de classe lors de la gnration du code CSS. la place, il sera nomm selon la balise HTML5
employe.

Les objets de la conception (hormis les objets de texte, comme vous le verrez plus
loin) doivent avoir un nom dans le panneau Calques qui correspond au nom de la
classe dans le contenu HTML cr sparment, par exemple dans Dreamweaver. Mais
vous pouvez galement vous abstenir de nommer les objets dans le panneau Calques
et crer simplement des styles gnriques que vous exporterez ou copierez dans un
diteur HTML, o vous les renommerez alors. Vous allez voir comment procder.
6. Avec loutil Slection ( ), cliquez sur le rectangle arrondi blanc derrire le rectangle
sidebar. Dans le panneau Proprits CSS, aucun style napparat car lobjet na pas
de nom dans le panneau Calques (il possde le nom gnrique <Trac>).

406

LEON 13

Les attributs daspect et les styles graphiques

7. Au bas du panneau Proprits CSS, cliquez sur le bouton Options dexportation ( ).

La bote de dialogue Options dexportation de CSS qui saffiche donne accs aux
paramtres dexportation que vous pouvez dfinir, comme les units employer,
les proprits inclure dans les styles ou les prfixes de fournisseur inclure.
8. Cochez la case Gnrer la CSS pour
les objets sans nom et cliquez sur OK.
9. Examinez de nouveau le panneau
Proprits CSS. Le rectangle arrondi
tant toujours slectionn, un style
nomm .st0 apparat dans la zone
daperu du panneau Proprits CSS.

.st0 est une abrviation pour style 0 et correspond


un nom gnrique pour la mise en forme gnre.
Chaque objet que vous ne nommez pas dans le panneau
Calques prendra le nom .st1, .st2, etc., aprs que vous
aurez coch la case Gnrer la CSS pour les objets sans
nom. Ce mode de nommage des styles sera utile si,
par exemple, vous crez la page web vousmme et si
vous collez ou exportez le code CSS depuis Illustrator
et donnez les noms dans lditeur HTML, ou si vous
avez simplement besoin dune mise en forme CSS
pour un style dj existant dans le contenu HTML.
10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

407

Styles de caractre et code CSS


P Note : Pour le

moment, les styles


de paragraphe
ne sont pas pris
en compte lors
du nommage
des styles dans le
code CSS gnr.

Illustrator cre les styles CSS galement en fonction de la mise en forme du texte. La
police, le corps, linterligne (line-height en CSS), la couleur, le crnage et lapproche
(letter-spacing en CSS), etc. sont reprsents dans le code CSS. Pour obtenir des styles
nomms pour le texte, vous devez crer et appliquer des styles de caractre au texte
de lillustration. Les styles de caractre employs dans la conception sont recenss
dans le panneau Proprits CSS, sous le nom dfini.
Vous allez prsent appliquer un style de caractre du texte.
1. Au dbut du panneau Proprits CSS, notez le style nomm [Normal Character
Style].
Dans ce panneau, seuls les styles de caractre appliqus du texte sont prsents.
Puisque Normal Character Style (Style de caractre normal dans un document
initialement cr avec la version franaise dIllustrator) est appliqu par dfaut
au texte, il apparat dans le panneau.
2. Choisissez Fentre > Texte > Styles de caractre pour ouvrir le panneau correspondant.
3. Dans le panneau Outils, activez loutil Texte ( ). Slectionnez le titre Welcome
to Venice.
4. Tout en appuyant sur Alt (Windows) ou Option (Mac OS), cliquez de faon
appliquer le style de caractre h1 prsent dans le panneau Styles de caractre. Le
texte doit prsent tre orange, dans un corps plus important.

Dans le panneau Proprits CSS, le style de caractre


h1 doit apparatre sur la liste. Cela signifie quil est
appliqu du texte de lillustration.

408

LEON 13

Les attributs daspect et les styles graphiques

5. Activez loutil Slection ( ).


Lobjet de texte Welcome to
Venice tant toujours slec
tionn, vous devez voir appa
ratre le code CSS correspon
dant dans la zone daperu
du panneau Proprits CSS.
La slection dun objet de
texte affiche le code CSS
gnr pour la mise en forme
employe dans lintgralit
de la zone de texte.
Vous pouvez galement utiliser les styles de caractre prsents dans le panneau
Proprits CSS pour les appliquer au texte.
6. Loutil Texte tant actif, slectionnez le texte noir Things to Do, sous le titre
auquel le style h1 est appliqu.
7. Dans le panneau Proprits
CSS, cliquez sur le nom
de style h1 pour appliquer
la mise en forme au texte
slectionn.
Le style de caractre h1 est
alors appliqu, mais ce nest
pas ncessairement le cas de
tous les paramtres de mise
en forme. Si vous examinez le
panneau Styles de caractre,
vous devez voir un signe plus
(+) ct du nom h1. Il indique une mise en forme locale qui remplace celle du
style h1.
8. Cliquez de nouveau sur le nom de style h1 dans le panneau Proprits CSS de
manire supprimer la mise en forme locale. Le texte doit prsent avoir le mme
aspect que le titre Welcome to Venice.
9. Activez loutil Slection et assurezvous que lobjet de texte qui comprend le titre
Things to Do est slectionn. Examinez ensuite le panneau Proprits CSS.
Vous devez y voir plusieurs styles CSS. Il sagit des styles appliqus lensemble
du texte de la zone.

Styles graphiques et code CSS


Du code CSS peut aussi tre copi ou export partir des styles graphiques appliqus
du contenu. Vous allez prsent appliquer un style graphique et examiner le code
CSS correspondant.

P Note :

Slectionner
une zone de
texte donne la
possibilit de voir
lensemble du
code CSS gnr
partir de la mise
en forme. Il sagit
galement dune
bonne manire
de copier ou
dexporter la mise
en forme de la
zone de texte
slectionne.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

409

E Astuce :

Comme
vous pouvez
slectionner un
style de caractre
dans le panneau
Proprits CSS
pour appliquer
la mise en forme,
vous pouvez
slectionner du
contenu et cliquer
sur un objet de
style du panneau
Proprits CSS
pour lappliquer.

1. Avec loutil Slection ( ), cliquez sur le rectangle noir qui se trouve derrire la
grande image audessus des boutons. Dans le panneau Contrle, ouvrez le menu
Styles graphiques et cliquez sur la vignette Tons clairs Noir.
Examinez le panneau Proprits CSS. Vous devez y trouver le style Tons clairs Noir
car il est appliqu du contenu dans le document. Vous devez galement voir le
code CSS dun style nomm .st0. Il est identique celui du style graphique Tons
clairs Noir car il est appliqu, mais il nest pas nomm car le style graphique nest
quune mise en forme et le code CSS est gnr pour cet objet prcis. Noubliez
pas quil sagit dun style sans nom car nous navons donn aucun nom au rectangle
noir dans le panneau Calques.

P Note : Le style

sans nom est


gnr car la case
Gnrer la CSS
pour les objets
sans nom a t
prcdemment
coche dans
les options
dexportation
deCSS.

2. Gardez le rectangle noir slectionn et choisissez Fichier > Enregistrer.

Copier du code CSS


un moment donn, vous pourriez souhaiter rcuprer uniquement le code CSS
dun lment de la conception afin de le coller dans votre diteur HTML ou le fournir
un dveloppeur web. Illustrator facilite le copiercoller dun code CSS. Vous allez
prsent copier le code CSS de quelques objets et dcouvrir comment lassociation
dobjets peut modifier sa gnration.

P Note : Notez

licne de point
dexclamation ( )
affiche au bas du
panneau. Elle
signale que certains
attributs daspect
dIllustrator
(comme les
contours
multiples
appliqus la
forme) nont pas
pu tre inclus
dans le code
CSS du contenu
slectionn.

410

LEON 13

1. Au bas du panneau Proprits CSS, cliquez sur


le bouton Copier la slection Style ( ). Le code
CSS afffich dans le panneau est copi dans le
pressepapiers.

Vous allez voir que vous pouvez slectionner plusieurs


objets et copier le code CSS correspondant en une
seule fois.

Les attributs daspect et les styles graphiques

2. Avec loutil Slection ( ), cliquez


sur le rectangle arrondi blanc qui
se trouve derrire le texte et, tout en
appuyant sur la touche Maj, cliquez
sur le rectangle sidebar gris fonc
(presque noir) qui se trouve devant
(non limage ni le texte).
Dans le panneau Proprits CSS, vous
ne voyez aucun code CSS car vous
navez pas indiqu Illustrator de gnrer le code pour plusieurs objets slectionns.
3. Cliquez sur le bouton Gnrer la CSS (
plac en partie infrieure du panneau.

Le code des deux styles CSS, .st0 et .sidebar,


est prsent affich dans la zone daperu du
panneau Proprits CSS (agrandissezle si les
deux styles ne sont pas visibles). Les vtres
peuvent tre donns dans un ordre diffrent,
mais ce nest pas gnant.
Les deux styles tant prsents dans le panneau
Proprits CSS, vous pouvez, par exemple,
les copiercoller dans votre diteur HTML
ou les envoyer par courrier lectronique un
dveloppeur web.

E Astuce :

Vous allez prsent dcouvrir comment Illustrator cre des images PNG partir
dune illustration qui nest pas prise en charge (le code CSS ne peut pas tre gnr).
4. Avec loutil Slection, cliquez sur
la forme de cercle orange en partie
infrieure du plan de travail.
Dans le panneau Proprits CSS,
vous obtenez le code CSS dun style
nomm .image. Il comprend une pro
prit backgroundimage. Lorsque
Illustrator rencontre une illustration
(ou des images bitmap) pour laquelle
il est incapable de produire du code
CSS, il pixellise le contenu export
(non lillustration sur le plan de tra
vail). Le code CSS gnr peut tre appliqu un lment HTML, comme un div,
et limage PNG servira dimage darrireplan de cet lment.

Lorsque le code
CSS dun contenu
est affich dans
le panneau
Proprits CSS,
vous pouvez en
slectionner une
partie, cliquer
du bouton droit
(Windows) ou en
appuyant sur Ctrl
(Mac OS) sur le
code slectionn
et choisir Copier
dans le menu
qui apparat
pour copier
uniquement cette
partie.

5. Slectionnez dautres objets de lillustration, comme les dcorations droite ou


gauche du cercle. Elles seront galement exportes sous forme dimages PNG.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

411

6. Choisissez Slection > Dslectionner.


7. Tout en appuyant sur la touche
Maj, cliquez sur les deux dco
rations et le cercle. Cliquez sur
le bouton Gnrer la CSS ( )
au bas du panneau Proprits
CSS pour gnrer le code CSS
des formes slectionnes.

Vous obtenez le code CSS des


trois styles spars. Si vous le
copiez maintenant, les images
ne seront pas cres, mais uni
quement le code qui les utilise.
Pour gnrer les images, vous devez exporter le code, ce que vous ferez dans la
section suivante.
8. Choisissez Objet > Associer pour regrouper les trois objets. Gardez le groupe
slectionn pour la section suivante.
Vous remarquerez que le panneau Proprits CSS affiche prsent un seul style
CSS. En associant du contenu, vous demandez Illustrator de crer une seule
image (dans ce cas partir du contenu associ). Si vous envisagez de placer le
rsultat dans une page web, il pourra tre plus commode davoir une seule image.

Exporter du code CSS


Vous avez galement la possibilit dexporter une partie ou lintgralit du code CSS
du document. Lexportation prsente lavantage de crer un fichier CSS (.css), ainsi
que des fichiers PNG pour le contenu non reconnu. Dans cette section, vous allez
employer deux mthodes.

E Astuce : Vous

pouvez choisir
la rsolution
de lillustration
pixellise dans
la bote de
dialogue Options
dexportation de
CSS. Par dfaut,
celle dfinie
dans Paramtres
des effets de
pixellisation du
document (Effet>
Paramtres
des effets de
pixellisation du
document) est
utilise.

412

LEON 13

1. Le groupe tant slectionn, cliquez sur le bou


ton Exporter la CSS slectionne ( ) au bas du
panneau Proprits CSS.
2. Dans la bote de dialogue Exporter la CSS, vri
fiez que le nom est conceptionweb. Choisissez
le dossier Lessons > Lesson13 > ForCSSExport
et cliquez sur Enregistrer pour crer un fichier
CSS nomm conceptionweb.css et un fichier
image PNG.
3. Dans la bote de dialogue Options dexportation de CSS, gardez les paramtres
par dfaut et cliquez sur OK.
4. Allez dans le dossier Lessson13 sur votre disque dur. Vous devez y trouver le fichier
conceptionweb.css et une image nomme image.png.

Les attributs daspect et les styles graphiques

Le code CSS gnr suppose que vous allez appliquer la mise en forme CSS un l
ment HTML et que limage en deviendra limage darrireplan. Limage gnre peut
aussi tre utilise ailleurs dans dautres parties de la page web. Vous allez prsent
exporter tout le code CSS de lillustration, aprs avoir fix quelques options.
5. Revenez dans Illustrator et choisissez Fichier > Exporter. Dans la bote de dialogue
Exporter, choisissez CSS (*.CSS) dans le menu Type (Windows) ou CSS (css) dans le
menu Format (Mac OS). Allez dans le dossier Lessons > Lesson13 > ForCSSExport,
nommez le fichier conception-web-tout et cliquez sur Exporter.
6. Dans la bote de dialogue Options dexportation de CSS, conservez les paramtres
par dfaut et cliquez sur OK.
Par dfaut, les proprits de position et de taille ne sont pas ajoutes au code CSS.
Dans certains cas, vous devrez exporter la CSS avec ces options slectionnes.
Les options dinclusion des prfixes de fournisseur sont actives par dfaut. Ces
prfixes permettent certains fabricants de navigateurs (numrs dans la bote
de dialogue) dajouter la prise en charge des nouvelles fonctionnalits de CSS.
Pour exclure ces prfixes, dcochez les cases correspondantes.
P Note : Il est fort probable que saffiche une bote de dialogue qui vous signale que des images vont

P Note : Vous

pouvez aussi
exporter
lensemble du
code CSS de la
conception en
choisissant Tout
exporter dans le
menu du panneau
Proprits CSS.
Si vous devez au
pralable modifier
des options
dexportation,
cliquez sur le
bouton Options
dexportation ( )
du panneau.

tre remplaces. Cliquez sur OK.

7. Allez dans le dossier Lessons >


Lesson13 > ForCSSExport. Vous
devez y trouver le fichier CSS nomm
conceptionwebtout.css et plusieurs
images cres en raison de lactivation
de loption Pixelliser les illustrations
non prises en charge dans la bote
de dialogue Options dexportation
de CSS.

P Note : Lordre

et les icnes des


fichiers dans
votre dossier
ForCSSExport
pourront tre
diffrents. Ce nest
pas gnant.

8. Revenez Illustrator, choisissez Fichier > Enregistrer (si ncessaire) puis Fichier >
Fermer.

Enregistrer une illustration en SVG


Le format SVG (Scalable Vector Graphic) est employ pour dfinir des graphiques vectoriels utilisables sur le Web et dont la qualit ne diminue pas lorsquils sont agrandis
ou redimensionns. La plupart des navigateurs web modernes, comme Mozilla Firefox,
Internet Explorer 9 et 10, Google Chrome, Opera et Safari, le reconnaissent.
Dans Illustrator, slectionnez une illustration vectorielle, choisissez dition> Copier,
puis collez simplement le code SVG gnr dans un diteur HTML.

P Note : Cette mthode ne fonctionne pas si la slection comprend un objet de texte.


Dans ce cas, le texte peut tout dabord tre vectoris (Texte> Vectoriser).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

413

Questions de rvision
1. Comment faiton pour ajouter un second contour un objet ?
2. Quelle est la diffrence entre lapplication dun style graphique un calque et
lapplication dun style graphique un objet ?
3. Comment ajouteton un second style graphique une illustration ?
4. Comment aligneton du contenu sur la grille en pixels ?
5. Nommez les trois types de fichiers dimage que vous pouvez choisir dans la bote
de dialogue Enregistrer pour le Web.
6. Expliquez la diffrence entre le contenu nomm et le contenu sans nom dans le cadre
de la gnration du code CSS.

Rponses
1. Dans le panneau Aspect, on clique sur le bouton Ajouter un contour ( ) ou on
choisit Ajouter un nouveau contour dans le menu. Un contour apparat en tte de
liste des attributs daspect. Il reprend la couleur et lpaisseur du contour dorigine.
2. Une fois quun style graphique est appliqu un calque, tout lment ajout ult
rieurement ce calque prendra ce style. Par exemple, si on cre un cercle sur le
Calque 1 et quon le dplace sur le Calque 2 auquel un effet Ombre porte a t
prcdemment attribu, le cercle adoptera cet effet.
Lorsquun style est appliqu un seul objet, aucun autre objet prsent sur le calque
de cet objet nest affect. Par exemple, un triangle dont le trac est dot dun effet
Accentuation et qui est dplac dun calque sur un autre conserve leffet daccentuation.
3. Si un style graphique est dj appliqu un objet, il suffit dappuyer sur Alt (Windows)
ou Option (Mac OS) et de cliquer sur le nouveau style graphique dans le panneau
Styles graphiques.
4. Lorsque la proprit dalignement sur les pixels est active sur un objet, tous les
segments horizontaux et verticaux de cet objet sont aligns sur la grille en pixels.
Cela donne un aspect net aux tracs.
5. Les trois formats de fichiers dimage proposs par la bote de dialogue Enregistrer
pour le Web sont JPEG, GIF et PNG (PNG8 ou PNG24).
6. Un contenu nomm possde un nom dans le panneau Calques. Un contenu sans
nom na pas vu son nom par dfaut chang dans ce panneau. Le code CSS ne sera
pas gnr pour ce type de contenu, except si cette possibilit est active dans
la bote de dialogue Options dexportation de CSS qui saffiche en cliquant sur le
bouton Options dexportation ( ) du panneau Proprits CSS.

414

LEON 13

Les attributs daspect et les styles graphiques

B R O A D W AY
U N I O N PA R K

E M E R A L D AV E

M
A
R
K
ET

EAT

LIVE

PARK

FA C TO R Y S T

ST

MOVE

HUDSON ST

ORANGE ST

E A S T AV E

PA R K AV E

C E N T R A L PA R K

Le panneau Symboles permet dappliquer des objets sur


la page en les reproduisant autant de fois que ncessaire.
Lemploi combin des symboles et des outils de symbolisme
fait de la cration de formes rptitives, telles que des brins
dherbe, un vrai jeu denfant.

E
AV
E
IN
EL
OR
SH

WA L N U T S T

SAND HILL

TOWNSEND ST

CO A S T AV E

LES SYMBOLES

14

Au cours de cette leon, vous apprendrez :


manipuler les symboles prdfinis ;
crer un symbole ;
modifier et redfinir un symbole ;
utiliser les outils de symbolisme ;
enregistrer et retrouver des images dans le panneau Symboles.
Cette leon vous prendra environ une heure.
Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Dans cette leon, vous ajouterez des symboles une carte. Avant de commencer, vous
devez restaurer les prfrences par dfaut dAdobe Illustrator. Vous ouvrirez ensuite
le fichier image termin pour voir ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Choisissez Fichier > Ouvrir et chargez le


fichier L14end.ai, qui se trouve dans le
dossier Lesson14 sur votre disque dur.

B R O A D W AY
U N I O N PA R K

HUDSON ST

ORANGE ST

E A S T AV E

E M E R A L D AV E

A
R
K
ET

FA C TO R Y S T

ST

MOVE

EAT

Choisissez Affichage > Zoom arrire et


ajustez la taille de la fentre si vous sou
haitez voir lensemble de la carte pendant
que vous travaillerez. Servezvous de loutil
Main ( ) pour placer lillustration o bon vous semble dans la fentre. Si vous ne
souhaitez pas que limage reste ouverte, choisissez Fichier > Fermer.
PA R K AV E

LIVE

PARK

C E N T R A L PA R K

OR

SH

WA L N U T S T

SAND HILL

EL

IN

AV

TOWNSEND ST

CO A S T AV E

Pour commencer, vous allez ouvrir un fichier dillustration existant.


4. Choisissez Fichier > Ouvrir et chargez le
fichier L14start.ai, situ dans le dossier
Lesson14 sur votre disque dur.

B R O A D W AY
U N I O N PA R K

E M E R A L D AV E

A
R
K
ET

FA C TO R Y S T

ST

MOVE

HUDSON ST

ORANGE ST

E A S T AV E

EAT

5. Choisissez Fichier > Enregistrer sous,


nommez le fichier carte.ai et slec
tionnez le dossier Lesson11. Choisissez
Adobe Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans le menu Format (Mac OS) puis cliquez
sur Enregistrer. Dans la bote de dialogue Options Illustrator, gardez les options
par dfaut et cliquez sur OK.
PA R K AV E

LIVE

PARK

C E N T R A L PA R K

OR

SH

WA L N U T S T

EL

IN

AV

CO A S T AV E

SAND HILL

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

TOWNSEND ST

P Note : Lors de

6. Choisissez Rinitialiser Les indispensables dans le commutateur despace de travail


de la barre dapplication.
P Note : Si vous ne voyez pas Rinitialiser Les indispensables dans le commutateur despace de
travail, choisissez Fentre> Espace de travail> Les indispensables avant de slectionner Fentre>
Espace de travail> Rinitialiser Les indispensables.

7. Doublecliquez sur loutil Main (

418

LEON 14

Les symboles

) pour ajuster le plan de travail la fentre.

Les symboles
Un symbole est une illustration rutilisable stocke dans le panneau Symboles
(Fentre > Symboles). Par exemple, vous crez un symbole partir dun objet ayant
la forme dun poisson et vous pourrez rapidement en ajouter de multiples instances
dans votre illustration plutt que de devoir dessiner individuellement chaque poisson.
Puisque toutes les instances du symbole sont lies au symbole original dans le panneau
Symboles, il est trs facile de les modifier toutes laide des outils de symbolisme.
Lorsque vous modifiez le symbole dorigine, toutes les instances lies au symbole
original sont mises jour. Passez dun poisson bleu un poisson vert instantanment !
Les symboles permettent de gagner du temps et de rduire considrablement la taille
des fichiers.

Cliquez sur licne du panneau Symboles ( ) droite de lespace de travail. Prenez


le temps de vous familiariser avec les diffrentes parties de ce panneau.
A. Symboles
B. Menu Bibliothques de
symboles

C. Importer linstance de
symbole

C D E

D. Rompre le lien au
symbole
E. Options de symbole
F. Nouveau symbole
G. Supprimer le symbole

F G

Illustrator est livr avec plusieurs bibliothques de symboles, allant des icnes Tiki
aux Cheveux et pelage. Elles sont accessibles via le menu du panneau Symboles ou
par Fentre > Bibliothques de symboles.

P Note :

Lepanneau
Symboles
ci-contre
correspond
au panneau
associ au fichier
carte.ai affich
dans la fentre de
document.

Travailler avec les bibliothques de symboles dIllustrator


Pour commencer, vous ajouterez la carte un symbole issu dune bibliothque de
symboles existante.
1. Choisissez Affichage > Repres comments pour les dsactiver.
2. Ouvrez le panneau Calques en cliquant sur son
icne ( ) droite de lespace de travail. Cliquez
sur le calque Symbols pour confirmer sa slection.
Fermez tous les autres calques en cliquant sur
le triangle plac gauche de leur nom.

Lorsque vous ajoutez des symboles un docu


ment, ils font partie du calque slectionn ce
momentl.
3. Ouvrez le panneau Symboles en cliquant sur son icne ( ) droite de lespace
de travail.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

419

4. Cliquez sur le bouton Menu Bibliothques de


symboles ( ), au bas du panneau Symboles,
et choisissez la bibliothque Signes. Elle souvre
sous forme dun panneau flottant.
E Astuce : Si

vous souhaitez
voir les symboles
par leur nom
la place de
leur vignette,
choisissez
Liste de petites
vignettes ou
Liste de grandes
vignettes dans le
menu du panneau
Symboles ( ).

P Note : Mme

sil est possible


de transformer
les instances
dun symbole
de nombreuses
faons, certaines
de leurs
caractristiques
ne peuvent pas
tre modifies.
Par exemple, la
couleur de fond
est verrouille car
elle est contrle
par le symbole
dorigine dans
le panneau
Symboles.

Cette bibliothque est extrieure au fichier


Illustrator sur lequel vous travaillez, mais vous
pouvez en importer tout symbole dans le document et lutiliser dans lillustration.
5. Positionnez le pointeur audessus des symboles
dans le panneau Signes pour voir safficher leur
nom dans une infobulle. Cliquez sur le symbole
Aire de repos ( ) pour lajouter au panneau
Symboles associ au document. Fermez le pan
neau Signes.

Chaque document propose un ensemble de symboles par dfaut dans le panneau


Symboles. Lorsque vous ajoutez des symboles ce panneau, ils ne sont enregistrs
quavec le document actif.
6. Avec loutil Slection ( ), faites glisser le symbole Aire de repos depuis le panneau
Symboles vers le plan de travail, dans UNION PARK (la petite zone en vert).
Ajoutez un autre symbole dans CENTRAL PARK (la grande zone en vert) et
laissezle slectionn.
Les symboles que vous faites glisser sur le plan de travail sont des instances du
symbole Aire de repos. Vous allez redimensionner une instance de ce symbole
sur la page.
E Astuce : Vous pouvez galement copier une instance du symbole et la coller sur le plan de travail

autant de fois que vous le souhaitez. Cela revient faire glisser une instance du symbole depuis le
panneau Symboles vers le plan de travail.

7. Avec loutil Slection, et tout en appuyant sur la touche Maj, faites glisser vers le
haut et la droite le coin suprieur droit de linstance du symbole Aire de repos
place dans CENTRAL PARK afin daugmenter sa taille tout en conservant ses
proportions. Relchez le bouton de la souris puis la touche de modification.

Faire glisser des instances du symbole sur le plan de travail.

Redimensionner une instance.

P Note : Votre pointeur affich pendant lajout du symbole la fentre de document partir du
panneau Symboles peut tre diffrent. Ce nest pas un problme.

420

LEON 14

Les symboles

Linstance du symbole tant slectionne sur le plan de travail, notez le mot Symbole
affich dans le panneau Contrle et les options associes un symbole.
Vous allez prsent modifier le symbole Aire de repos afin daffecter toutes ses
instances. Il existe plusieurs faons de procder et cette section va en prsenter une.
8. Avec loutil Slection ( ), doublecliquez sur linstance du symbole Aire de repos
dans CENTRAL PARK. Une bote davertissement apparat. Elle signale que vous
allez modifier le symbole dorigine et que toutes les instances seront actualises.
Cliquez sur OK. Vous passez alors en mode Isolation afin de ne pas modifier les
autres objets de la page.
E Astuce : Pour modifier un symbole, vous pouvez galement slectionner linstance sur le plan de
travail et cliquer sur le bouton Modifier le symbole dans le panneau Contrle.

La taille de linstance du symbole Aire de repos sur laquelle vous avez cliqu
change. En effet, vous travaillez sur le symbole dorigine, non sur celui que vous
avez redimensionn dans la page. Vous pouvez prsent modifier les formes qui
composent le symbole.
9. Activez loutil Zoom ( ) et tracez un rectangle de slection autour de linstance
du symbole dans CENTRAL PARK afin dagrandir son affichage.
10. Avec loutil Slection, cliquez sur lune des formes rouges qui composent la table
de piquenique.
11. Dans le panneau Contrle, changez la couleur de fond la nuance Local Green.
12. Avec loutil Slection, doublecliquez en dehors du contenu du symbole Aire de repos
ou cliquez sur le bouton Quitter le mode Isolation ( ) dans langle suprieur gauche
du plan de travail jusqu sortir du mode Isolation. Vous pourrez ainsi modifier le
reste du contenu.

13. Choisissez Affichage > Ajuster le plan de travail la fentre et notez que les deux
instances dAire de repos ont prsent un fond vert.
14. Choisissez Fichier > Enregistrer et gardez le document ouvert.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

421

Crer des symboles


Vous pouvez crer vos propres symboles, partir de tracs, de tracs transparents,
de texte, dimages pixellises incorpores (non lies), dobjets filaires et de groupes
dobjets. Les symboles peuvent mme inclure des objets dynamiques, comme des
contours, des dgrads de formes, des effets ou dautres instances de symboles. Vous
allez prsent crer votre propre symbole partir dune illustration existante.

E Astuce :

Par dfaut,
lillustration
slectionne
devient une
instance du
nouveau symbole.
Sivous ne
souhaitez pas ce
fonctionnement,
appuyez sur
la touche Maj
pendant que vous
crez le nouveau
symbole.

1. Choisissez Affichage > symbol content. Vous obtenez une vue agrandie du ct
droit du plan de travail.
2. Avec loutil Slection ( ), tracez un rectangle de slection sur le contenu de la
fourchette jaune. Faites glisser le contenu slectionn dans une zone vide du
panneau Symboles.
3. Dans la bote de dialogue Options de symbole qui apparat, saisissez Nourriture
dans le champ Nom et choisissez le type Graphique. Cliquez sur OK pour crer
le symbole.
Dans la bote de dialogue, une note explique quil nexiste aucune diffrence entre
les types Squence vido et Graphique dans Illustrator. Par consquent, si vous ne
prvoyez pas dexporter ce contenu vers Adobe Flash, le type na pas dimportance.

P Note : Si vous crez une illustration pour lutiliser sur le Web ou lafficher sur un cran, vous pouvez
cocher la case Aligner sur la grille en pixels. Pour de plus amples informations sur la grille en pixels,
consultez la Leon 13, Les attributs daspect et les styles graphiques.

Aprs que le symbole Nourriture a t cr, le groupe de la fourchette dorigine


droite du plan de travail est converti en une instance de symbole. Vous pouvez laisser
le groupe en place ou le supprimer.
4. Si elle ne sy trouve pas dj, faites glisser licne
du symbole Nourriture ( ) droite de licne du
symbole Aire de repos, de manire rorganiser
les symboles dans le panneau.

La rorganisation des symboles dans le panneau


Symboles na aucun effet sur lillustration. Elle a
uniquement pour but de faciliter leur utilisation.
5. Choisissez Fichier > Enregistrer.
422

LEON 14

Les symboles

Options de symbole
La bote de dialogue Options de symbole propose plusieurs options qui ont trait
lutilisation dAdobe Flash. Elles sont dcrites brivement ici et seront dtailles plus
loin dans cette leon.

Slectionnez loption Squence vido. Dans Flash et Illustrator, le type de symbole


est dfini par dfaut sur Squence vido.

Sur la grille denregistrement, indiquez lemplacement du point dancrage


du symbole. Cet emplacement agit sur la position du symbole au niveau des
coordonnes lcran.

Activez les repres pour la mise lchelle en 9tranches si vous souhaitez utiliser
celle-ci dans Flash.

Extrait de lAide dIllustrator

Modifier un symbole
Vous allez ajouter plusieurs instances du symbole Nourriture sur lillustration. Ensuite,
vous modifierez le symbole dans le panneau Symboles, et toutes ses instances seront
actualises.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Avec loutil Slection ( ), faites glisser une instance du symbole Nourriture ( )
depuis le panneau Symboles vers la droite du libell MARKET ST au centre du
plan de travail.

3. Faites glisser une autre instance du symbole depuis le panneau Symboles en la


plaant juste droite du libell EMERALD AVE (aidezvous de la figure).

Vous allez ajouter dautres instances dun symbole dj prsent sur le plan de travail
en utilisant une touche de modification.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

423

4. Avec loutil Slection ( ), et tout en appuyant sur la touche Alt (Windows) ou


Option (Mac OS), faites glisser lune des instances de Nourriture dj prsentes
sur le plan de travail de manire en crer une copie. Placez cette copie droite
du libell WALNUT ST. Lorsque la nouvelle instance est sa place, relchez le
bouton de la souris puis la touche de modification.

5. Avec cette mthode, crez quatre instances supplmentaires du symbole Nourriture.


Placezles droite des libells EAST AVE, PARK AVE, COAST AVE et FACTORY ST.

Sur le plan de travail, vous devez avoir sept instances du symbole Nourriture.
6. Dans le panneau Symboles, doublecliquez sur le symbole Nourriture pour le
modifier.
7. Une instance temporaire du symbole apparat lcran au centre de la fentre de
document. Quand vous modifiez un symbole en doublecliquant dessus dans le
panneau Symboles, vous masquez lintgralit du contenu du plan de travail,
lexception du symbole. Il sagit simplement dune autre manire de modifier un
symbole.
8. Appuyez plusieurs reprises sur Ctrl++ (Windows) ou Cmd++ (Mac OS) pour
augmenter le facteur de zoom.

424

LEON 14

Les symboles

9. Avec loutil Slection, cliquez sur la forme jaune.


Dans le panneau Contrle, changez la couleur
de fond New Local Blue.
10. Choisissez Slection > Tout ou tracez un rec
tangle de slection autour des formes avec
loutil Slection.

P Note : Vous

11. Choisissez Objet > Transformation > Mise lchelle. Dans la bote de dialogue Mise
lchelle, fixez lchelle Uniforme 60 % puis cliquez sur OK.
Cette opration permet de redimensionner toutes les instances du symbole la
fois, plutt que dintervenir sur chacune delles individuellement. Vous pouvez
apporter de manire comparable dautres modifications lillustration du symbole.

devez choisir
Slection> Tout
car une forme
blanche de
fourchette doit
galement tre
slectionne.

12. Doublecliquez en dehors de linstance du symbole sur le plan de travail ou cliquez


sur le bouton Quitter le mode Isolation ( ) dans langle suprieur gauche du plan
de travail pour revenir lillustration.

13. Choisissez Affichage > Ajuster le plan de travail la fentre.


14. Avec loutil Slection, dplacez les instances du symbole Nourriture au plus prs
des noms des rues.

Changer la couleur de fond.

Transformer le contenu.

Le rsultat.

Nous lavons vu prcdemment, un doubleclic sur une instance dun symbole sur
le plan de travail permet de la modifier sur place. En doublecliquant sur un sym
bole dans le panneau Symboles, les autres lments de lillustration sont masqus,
tandis que le symbole saffiche au centre de la fentre de document. Vous pouvez
employer la mthode qui convient votre mode de travail.
15. Choisissez Fichier > Enregistrer.

Remplacer des symboles


Vous allez prsent crer un symbole partir dautres formes et lutiliser en rempla
cement de quelques instances du symbole Nourriture.
1. Choisissez Affichage > symbol content.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

425

2. Avec loutil Slection ( ), slectionnez le groupe de formes qui reprsentent le


smiley (non les deux arbres).
3. Choisissez Objet > Transformation > Mise lchelle. Dans la bote de dialogue Mise
lchelle, fixez lchelle Uniforme 60 % puis cliquez sur OK.
4. Le groupe de formes vertes tant slectionn, au bas du panneau Symboles cliquez
sur le bouton Nouveau symbole ( ). Dans la bote de dialogue Options de symbole,
changez le nom Parc et le type Graphique. Cliquez sur OK.

5. Choisissez Affichage > Ajuster le plan de travail la fentre.


6. Avec loutil Slection, slectionnez linstance de Nourriture qui se trouve droite
du libell PARK AVE sur le plan de travail. Dans le panneau Contrle, cliquez sur
la flche droite du champ Remplacer linstance par un symbole pour ouvrir le
panneau Symboles. Cliquez sur le symbole Parc ( ).

7. Choisissez Slection > Dslectionner.


E Astuce :

Larticle de menu
sera estomp
si le panneau
Symboles est
encore affich
dans le panneau
Contrle.

426

LEON 14

8. Avec loutil Slection, slectionnez linstance de Nourriture qui se trouve droite


du libell COAST AVE sur le plan de travail. Dans le panneau Contrle, cliquez
sur la flche droite du champ Remplacer linstance par un symbole pour ouvrir
le panneau Symboles. Cliquez sur le symbole Parc.
9. Linstance de Parc ct de COAST AVE tant slectionne, choisissez Slection >
Identique > Instance de symbole.

Les symboles

Voil une bonne manire de slectionner toutes les instances dun symbole dans
le document. Notez quelle slectionne galement linstance du symbole dorigine
sur le ct droit du plan de travail.
10. Choisissez Objet > Associer puis Fichier > Enregistrer. Gardez le fichier ouvert.

Calques de symbole
Ouvrez le panneau Calques lorsque vous modifiez un
symbole laide de ces mthodes: vous verrez que le
symbole se trouve sur son propre calque.
De la mme manire que lors de la manipulation des
groupes en mode Isolation, vous voyez uniquement
les calques associs ce symbole, non les calques du
document. Depuis le panneau Calques, vous pouvez
renommer, ajouter, supprimer, afficher/masquer et
rorganiser le contenu dun symbole.

Rompre le lien vers un symbole


Vous devrez parfois modifier uniquement certaines instances sur le plan de travail.
Puisque les possibilits de modification dune instance sont limites, vous devrez rompre
le lien existant entre un symbole et une instance. Cela a pour effet de crer un groupe
des instances dlies (si lobjet est constitu de plusieurs objets) sur le plan de travail.
Vous allez rompre le lien avec lune des instances de Nourriture.
1. Avec loutil Slection ( ), cli
quez sur linstance du symbole
Nourriture droite du libell
EAST AVE. Dans le panneau
Contrle, cliquez sur le bouton
Rompre le lien.

E Astuce : Vous

Lobjet devient alors un groupe


de tracs, comme lindique le
mot Trac sur la gauche du
panneau Contrle. Vous devez alors voir les points dancrage des formes. Ce
contenu ne sera plus mis jour si le symbole Nourriture est modifi.

pouvez galement
rompre le lien
dune instance
de symbole en la
slectionnant sur
le plan de travail
et en cliquant sur
le bouton Rompre
le lien au symbole
( ) situ au
bas du panneau
Symboles.

2. Activez loutil Zoom ( ) et tracez un rectangle de slection autour de la fourchette


slectionne afin de lagrandir.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

427

3. Choisissez Slection > Dslectionner.


4. Activez loutil Slection directe ( ) et cliquez
sur la forme bleue. Dans le panneau Contrle,
changez la couleur de fond Mid Gray.
5. Choisissez Slection > Dslectionner puis
Fichier > Enregistrer.

Modifier les options dun symbole


Dans le panneau Symboles, vous pouvez facilement renommer un symbole ou
changer dautres options. Toutes ses instances prsentes sur le plan de travail sont
alors actualises. Vous allez mettre cela en pratique avec le symbole Aire de repos.
1. Choisissez Affichage > Ajuster le plan de travail la fentre.
2. Dans le panneau Symboles, vrifiez que le symbole Aire de repos est slectionn
et cliquez sur le bouton Options de symbole ( ) au bas du panneau Symboles.
3. Dans la bote de dialogue Options de symbole, changez le nom Aire de piquenique et le type Graphique. Cliquez sur OK.

Les outils de symbolisme


Loutil Pulvrisation de symboles ( ) du panneau Outils permet de pulvriser des
symboles sur le plan de travail, en crant des jeux de symboles. Il sagit dun groupe
dinstances du symbole que vous crez avec cet outil. Cela peut se rvler particuli
rement utile si vous souhaitez, par exemple, crer un gazon partir de touffes dherbe.
Si vous pulvrisez des touffes dherbe, lopration est beaucoup plus rapide et permet
des modifications plus faciles que si vous oprez sur des instances individuelles ou
sur le gazon pulvris en tant que groupe. laide de cet outil, vous pouvez crer des
jeux dinstances avec un symbole puis avec un autre.

Pulvriser des instances de symbole


Vous allez prsent enregistrer plusieurs arbres sous forme de symbole puis employer
loutil Pulvrisation de symboles pour ajouter ces arbres lillustration.
428

LEON 14

Les symboles

1. Choisissez Affichage > symbol content.


2. Avec loutil Slection ( ), tracez un rectangle de slection sur les deux arbres.
3. Faites glisser le groupe des arbres dans le panneau Symboles. Dans la bote de
dialogue Options de symbole, changez le nom Arbres et le type Graphique.
Cliquez sur OK.
4. Choisissez Slection > Dslectionner puis Affichage > Ajuster le plan de travail
la fentre.
5. Dans le panneau Outils, activez loutil Pulvrisation de symboles ( ). Vrifiez que
le symbole Arbres est slectionn dans le panneau Symboles.
6. Dans le panne au O utils ,
doublecliquez sur loutil
Pulvrisateur de symboles ( ).
Dans la bote de dialogue Options
des outils de symbolisme, modi
fiez les options suivantes (si
ncessaire) :

Diamtre : 1 in ;
Intensit : 5 ;
Densit du jeu de
symboles : 7.

Cliquez sur OK.


7. Positionnez le pointeur gauche de la table de piquenique de la zone CENTRAL
PARK puis cliquez et faites glisser loutil Pulvrisation de symboles de droite
gauche et de gauche droite, la manire dun arographe ou dune bombe de
peinture, pour crer des arbres dans le parc. Relchez lorsque vous obtenez plu
sieurs arbres sur le plan de travail (voir la figure).
Vous voyez un cadre de slection autour des instances du symbole Arbres, ce qui
identifie un jeu de symboles. Au moment de la pulvrisation, les instances sont
regroupes pour ne constituer quun seul objet. Quand vous vous servez de loutil
Pulvrisation de symboles et quun jeu de symboles est slectionn, les instances
de symbole sont ajoutes ce jeu. La suppression dun jeu de symboles complet
ne pose aucune diffcult : slectionnezle et appuyez sur la touche Suppr.

Pulvriser les symboles.

P Note : Une

valeur dintensit
plus leve
augmente
la vitesse de
changement:
loutil
Pulvrisateur de
symboles ajoute
des symboles
plus rapidement.
Plus la valeur
de densit du
jeu de symboles
est leve, plus
les instances de
symboles sont
proches les unes
des autres. Si
vous souhaitez,
par exemple,
pulvriser de
lherbe, choisissez
une intensit
et une densit
leves.

E Astuce :

Bougez en
permanence
le pointeur. Si
le rsultat ne
vous convient
pas, choisissez
dition> Annuler
Pulvrisation et
recommencez.

Le rsultat.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

429

8. Choisissez Slection > Dslectionner.


9. Positionnez le pointeur de loutil
Pulvrisation de symboles sur
les arbres que vous venez de
crer. Cliquez et ajoutez dautres
arbres.
Lorsque vous relchez, vous
voyez un cadre de slection
autour des nouveaux arbres.
Pour ajouter des instances un
jeu de symboles existant, vous devez commencer par le slectionner.
10. Le nouveau jeu de symboles tant slectionn, appuyez sur la touche Suppr ou
Espace arrire pour le supprimer.
11. Avec loutil Slection, cliquez sur le premier jeu de symboles Arbres cr.

E Astuce : Si

lemplacement
dun arbre ne
vous convient
pas, choisissez
dition> Annuler
Pulvrisation
pour supprimer
les instances
ajoutes par le clic
prcdent.

12. Activez loutil Pulvrisation de


symboles ( ) et ajoutez dautres
arbres au jeu. Cette fois, cliquez
et relchez, au lieu de cliquer et
de faire glisser, pour ajouter un
seul arbre la fois.
13. Choisissez Fichier > Enregistrer
et conservez le jeu de symboles
slectionn.

Modifier des symboles avec les outils de symbolisme


Outre loutil Pulvrisation de symboles, de nombreux autres outils de symbolisme
permettent de modifier, entre autres, la taille, la couleur et langle des instances dun
jeu de symboles. Dans les tapes suivantes, vous allez modifier les arbres du jeu de
symboles avec les outils de symbolisme disponibles dans le panneau Outils.

E Astuce : Si le

changement de
dimension des
symboles est trop
rapide, doublecliquez sur loutil
dans le panneau
Outils et rduisez
les valeurs
dintensit et de
densit dans la
bote de dialogue
Options des outils
de symbolisme.

430

LEON 14

1. Le jeu de symboles Arbres tant slectionn et loutil Pulvrisation de symboles


( ) tant toujours activ, positionnez le pointeur sur lun des arbres. Appuyez
sur la touche Alt (Windows) ou Option (Mac OS) et cliquez pour supprimer
linstance dans le jeu.
2. Dans le panneau Outils, partir du groupe de loutil Pulvrisation de symboles ( ),
slectionnez loutil Redimensionnement de symboles ( ).
3. Doublecliquez sur loutil Redimensionnement de symboles et, dans la bote de
dialogue Options des outils de symbolisme, fixez Intensit 3. Cliquez sur OK.
4. Positionnez le pointeur audessus de certains arbres puis cliquez et maintenez
pour augmenter leur taille. Pour la rduire, cliquez et appuyez en mme temps

Les symboles

sur la touche Alt (Windows) ou Option (Mac OS). Rduisez certains arbres, en
variant leur taille.

Redimensionner certains arbres.

Le rsultat.

E Astuce :

Vous allez prsent repositionner certains des arbres du jeu de symboles.


5. Dans le panneau Outils, activez loutil Glissement de symboles (

).

6. Doublecliquez sur cet outil et, dans la bote de dialogue Options des outils de
symbolisme, fixez Intensit 8. Cliquez sur OK.
Plus lintensit est leve, plus vous pouvez loigner les instances de symbole.
7. Positionnez le pointeur audessus dun arbre dans le jeu de symboles slectionn
et faites glisser vers la gauche ou la droite pour le dplacer. loignez les arbres du
libell CENTRAL PARK afin que vous puissiez voir lensemble.
Plus vous dplacez le pointeur, plus vous loignez les instances. Les arbres prsents
dans votre jeu de symboles ne sont peuttre pas aux mmes emplacements que
dans les figures, mais ce nest pas un problme.

Dplacer les arbres.

Lesinstances
du symbole
lintrieur du
cercle affich
autour des
pointeurs
des outils de
symbolisme sont
affectes. Les
touches Crochet
ouvrant ([) et
Crochet fermant
(]) font varier
le diamtre du
cercle.

Le rsultat.

Pendant lopration, vous remarquerez que certains des


arbres qui devraient se trouver derrire dautres sont en
ralit devant.
Vous allez prsent corriger ce problme laide de loutil
Glissement de symboles.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

431

E Astuce : Tout

en appuyant sur
Maj+Alt (Windows)
ou Maj+Option
(MacOS), cliquez
pour envoyer un
arbre en arrire.

Pour faciliter les tapes suivantes, vous pouvez effectuer un zoom sur le jeu de symboles.
8. Loutil Glissement de symboles tant activ, appuyez plusieurs fois sur la touche
Crochet ouvrant ([) de faon rduire le diamtre. Vrifiez que le cercle plac
autour du pointeur nest pas plus grand quun arbre. Tout en appuyant sur Maj,
cliquez sur lun des arbres que vous souhaitez placer devant.

Changer lordre dempilement des instances.

Le rsultat final.

9. Dans le groupe de loutil Glissement de symboles du panneau Outils, activez loutil


Coloration de symboles ( ). Le jeu de symboles tant toujours slectionn, posi
tionnez le pointeur audessus. Appuyez plusieurs reprises sur la touche Crochet
fermant (]) afin daugmenter la taille de la forme.
E Astuce : La

dure dappui
sur le bouton
de la souris
affecte le niveau
de coloration.
Essayez de cliquer
rapidement.

10. Dans le panneau Contrle, changez de couleur de fond New Local Yellow et
cliquez sur des arbres de manire changer leur couleur.

Choisissez dition > Annuler Coloration si vous naimez pas le rsultat de la


coloration des arbres ou cliquez tout en appuyant sur Alt (Windows) ou Option
(Mac OS) pour rduire le niveau de coloration.
E Astuce : Il existe plusieurs outils de symbolisme que vous pouvez tester, notamment loutil Stylisation

de symboles ( ), lequel vous permet dappliquer des styles graphiques aux instances de symbole
slectionnes dans le jeu. Pour de plus amples informations sur les diffrents outils de symbolisme
disponibles, recherchez Collection doutils de symbolisme dans lAide dIllustrator (Aide > Aide
dIllustrator).

11. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

432

LEON 14

Les symboles

Copier et modifier des jeux de symboles


Un jeu de symboles est considr comme un seul objet. Pour modifier les instances
quil contient, servezvous des outils de symbolisme offerts par le panneau Outils.
Cependant, vous pouvez dupliquer des instances de symboles et employer les outils
de symbolisme pour que la copie ait un aspect diffrent.
Vous allez prsent dupliquer le jeu de symboles Arbres.
1. Avec loutil Slection ( ), cliquez sur le jeu de symboles Arbres.
2. Appuyez sur la touche Alt (Windows) ou Option (Mac OS) et faites glisser une
copie des instances vers le bas et la gauche, en partie infrieure gauche de la zone
verte CENTRAL PARK. Lorsque la copie est en position (voir la figure), relchez
le bouton de la souris puis la touche de modification.

P Note : Vous pouvez appliquer de nombreuses transformations un jeu de symboles. Vous pouvez
galement dplacer une poigne du cadre de slection dun symbole avec loutil Slection pour le
redimensionner.

3. Dans le groupe de loutil Coloration de symboles, activez loutil Glissement de


symboles ( ). Doublecliquez dessus et fixez Intensit 9. Cliquez sur OK. Faites
glisser les arbres du jeu de symboles afin quils se placent correctement dans le
parc (aidezvous de la figure).

E Astuce : Pour

modifier le
diamtre, appuyez
sur la touche
Crochet ouvrant
([) ou Crochet
fermant (]). Vous
dplacerez ainsi
plus ou moins
darbres.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

433

4. Avec loutil Glissement de symboles, et tout en appuyant sur Maj, cliquez sur les
arbres qui doivent se trouver au premier plan pour les y amener. Si vous utilisez
les touches Maj+Alt (Windows) ou Maj+Option (Mac OS), les arbres sont placs
derrire.

5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Cration dune bibliothque de symboles


Pensez sauvegarder sous forme de symboles les logos ou les autres illustrations
que vous utilisez frquemment : ils seront ainsi faciles daccs lorsque vous en aurez
besoin. Malheureusement, les symboles crs dans un document ne sont pas, par
dfaut, disponibles dans un autre document.
Dans cette partie de la leon, vous allez prendre les symboles crs jusqu prsent
et en faire une bibliothque que vous pourrez partager avec dautres documents ou
utilisateurs.
1. Dans le panneau Symboles, cliquez sur le
bouton Menu Bibliothques de symboles
( ) et choisissez Enregistrer les symboles.
P Note : Le document qui contient les symboles doit

tre ouvert et actif lorsque vous les enregistrez dans une


bibliothque spare.

P Note : Les

bibliothques de
symboles sont
enregistres sous
forme de fichiers
Adobe Illustrator
(.ai).

2. Dans la bote de dialogue Enregistrer les


symboles comme bibliothque, choisissez une
destination, comme le Bureau, pour placer le
fichier de la bibliothque et nommezle symboles_carte.ai. Cliquez sur Enregistrer.
P Note : Lorsque vous ouvrez pour la premire fois la bote de dialogue Enregistrer les symboles

comme bibliothque, Illustrator ouvre par dfaut un dossier Symboles. Cest l que les bibliothques
que vous crez peuvent tre stockes. Illustrator reconnatra les bibliothques places dans ce dossier
et vous permettra de les slectionner dans le menu Bibliothques de symboles.

E Astuce : Si vous enregistrez la bibliothque dans le dossier par dfaut, vous pouvez crer des sous-

dossiers dont larborescence correspond vos besoins. Ainsi, vous organisez les bibliothques et vous
y accdez par le biais du bouton Menu Bibliothques de symboles ou par Fentre> Bibliothques de
symboles> Utilisateur> votre bibliothque de symboles.

434

LEON 14

Les symboles

3. Sans fermer le fichier carte.ai, crez un nouveau document via Fichier > Nouveau.
Cliquez sur OK pour accepter les paramtres par dfaut.
4. Dans le panneau Symboles, cliquez sur le bouton Menu Bibliothques de symboles
( ) et choisissez Autre bibliothque. Allez dans le dossier o vous avez enregistr
la bibliothque symboles_carte.ai, slectionnezla et cliquez sur Ouvrir.

La bibliothque symboles_carte apparat sous forme de panneau flottant dans


lespace de travail. Vous pouvez lancrer ou le laisser sa place. Il restera ouvert
pendant toute la session dutilisation dIllustrator. Lorsque vous quitterez Illustrator
et relancerez le logiciel, il ne se rouvrira pas.
5. Faites glisser des symboles du panneau de la bibliothque symboles_carte sur le
plan de travail.
6. Choisissez Fichier > Fermer, sans enregistrer le fichier.
7. Fermez la bibliothque symboles_carte.
8. Le fichier carte.ai tant ouvert, choisissez Fichier > Enregistrer, si ncessaire, puis
Fichier > Fermer.
E Astuce : Si vous travaillez partir de plusieurs machines, la gestion et la synchronisation des
prfrences, des paramtres prdfinis et des bibliothques sur lensemble de ces ordinateurs peuvent
se rvler longues, complexes et sources derreurs. La fonction de synchronisation des paramtres
permet aux utilisateurs de conserver leurs lments de configuration, comme les bibliothques de
symboles, dans Creative Cloud. Pour de plus amples informations, consultez la section Synchroniser
les paramtres avec Adobe Creative Cloud la page 5.

Placage dun symbole sur une illustration3D


Vous pouvez plaquer nimporte quelle illustration 2D enregistre comme un symbole
dans le panneau Symboles sur les surfaces slectionnes dun objet 3D. Pour en savoir
plus sur le placage de symboles sur des illustrations 3D, consultez le fichier PDF
nomm 3DArtwork.pdf dans le dossier Lesson_extras.

Intgration des symboles et de Flash


Illustrator prend parfaitement en charge lexportation au format SWF. Lorsque vous
exportez vers Flash, fixez le type du symbole Squence vido. Une fois dans Flash,
choisissez un autre type, si ncessaire. Vous pouvez galement indiquer une mise
lchelle en 9 tranches dans Illustrator pour que lanimation soit correctement mise
lchelle lorsquelle sert dans les composants dinterface utilisateur.
Pour en savoir plus sur lutilisation des symboles et dAdobe Flash, consultez le fichier
PDF nomm FlashSymbols.pdf dans le dossier Lesson_extras.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

435

Questions de rvision
1. Quels sont les trois avantages de lutilisation des symboles ?
2. Comment actualisezvous un symbole existant ?
3. Nommez un lment qui ne peut pas devenir un symbole.
4. Quel est loutil de symbolisme employ pour dplacer des instances de symboles
dans un jeu de symboles ?
5. Si vous employez un outil de symbolisme sur une zone contenant deux symboles
diffrents, lequel sera affect par loutil ?
6. Comment accdezvous aux symboles crs dans un autre document ?

Rponses
1. a) Ldition dun symbole actualise automatiquement toutes ses instances ; b) un
symbole peut tre plaqu sur un objet 3D (voir le fichier 3DArtwork.pdf dans le
dossier Lesson_extras) ; c) la taille des fichiers est rduite.
2. En doublecliquant sur son icne dans le panneau Symboles ou sur lune de ses
instances dans le plan de travail, ou en slectionnant linstance sur le plan de travail
et en cliquant sur le bouton Modifier le symbole dans le panneau Contrle puis en
apportant les modifications en mode Isolation.
3. Les images non incorpores ne peuvent pas devenir des symboles.
4. Loutil Glissement de symboles (
dans un jeu de symboles.

) permet de dplacer des instances de symbole

5. Seule linstance lie au symbole actif dans le panneau Symboles est affecte.
6. a) En cliquant sur le bouton Menu Bibliothques de symboles ( ) au bas du panneau
Symboles et en choisissant Autre bibliothque dans le menu qui saffiche ; b) en
choisissant Ouvrir la bibliothque de symboles dans le menu du panneau Symboles ;
c) en choisissant Fentre > Bibliothques de symboles > Autre bibliothque.

436

LEON 14

Les symboles

Vous pouvez facilement ajouter un fichier Adobe Illustrator


une image cre dans un logiciel ddition dimages. Cest une
mthode efficace pour inclure des images dans une illustration
vectorielle ou pour tester les effets spciaux dIllustrator sur
des images bitmap.

GRAPHIQUES
ILLUSTRATOR ET AUTRES
APPLICATIONS ADOBE

15

Au cours de cette leon, vous apprendrez :













utiliser Adobe Bridge ;


importer des graphiques incorpors ou lis dans un fichier Illustrator ;
importer plusieurs images la fois ;
corriger les couleurs dune image ;
crer et modifier un masque dcrtage ;
crer un masque dcrtage partir de tracs transparents ;
crer et modifier un masque dopacit ;
chantillonner une couleur dans une image importe ;
exploiter le panneau Liens ;
incorporer et annuler lincorporation des images ;
remplacer une image importe par une autre et actualiser le document ;
assembler un fichier.

Cette leon vous prendra environ une heure.


Tlchargez les fichiers du projet de cette leon partir de la page ddie cet
ouvrage sur le site www.pearson.fr et enregistrezles sur votre ordinateur, dans
un endroit pratique, comme lexplique lIntroduction.

Mise en route
Avant de commencer, vous devez restaurer les prfrences par dfaut dAdobe Illustrator.
Vous ouvrirez ensuite le fichier image termin pour voir ce que vous allez crer.
1. Pour vous assurer que les outils et les panneaux fonctionneront exactement comme
ils sont dcrits au fil de cette leon, supprimez ou dsactivez (en le renommant) le
fichier des prfrences dAdobe Illustrator CC (consultez la section Rtablissement
des prfrences par dfaut de lIntroduction).
2. Lancez Adobe Illustrator CC.
P Note : Si vous navez pas encore tlcharg les fichiers de cette leon sur votre ordinateur partir
de la page Account, faites-le maintenant. Pour savoir comment procder, consultez lIntroduction.

3. Ouvrez le fichier L15end.ai qui se trouve dans le dossier


Lesson15 sur votre disque dur. Il sagit de laffiche dun
march laquelle vous ajouterez des graphiques et les
modifierez au cours de cette leon. Laissezle ouvert pour
rfrence ou choisissez Fichier > Fermer.
Vous allez ouvrir le fichier de dpart partir dAdobe Bridge.

Utiliser Adobe Bridge


Adobe Bridge est une application installe avec labonnement Adobe Creative
Cloud. Elle permet, entre autres, de parcourir visuellement du contenu et de grer
les mtadonnes.
P Note : La

premire fois
que vous lancez
Adobe Bridge, une
bote de dialogue
peut apparatre et
vous demander
si vous souhaitez
que Bridge soit
lanc louverture
de session.
Cliquez sur Oui
pour accepter ce
fonctionnement,
ou sur Non
pour lancer
manuellement
Adobe Bridge
lorsque vous en
avez besoin.

440

LEON 15

1. Choisissez Fichier > Parcourir dans Bridge pour ouvrir Adobe Bridge.
2. Dans le panneau Favoris, cliquez sur Bureau et choisissez le fichier L15start.ai,
situ dans le dossier Lesson15. Dans le panneau Contenu (au centre), cliquez sur
la vignette du fichier.

3. Au bas du panneau Contenu, faites glisser le curseur vers la droite pour augmenter
la taille des vignettes.

Graphiques Illustrator et autres applications Adobe

4. Dans la partie suprieure droite dAdobe Bridge, cliquez sur Film fixe (ou choisissez
Fentre > Espace de travail > Film fixe). Vous changez alors laspect de lespace
de travail. Cette vue en film fixe affiche une plus grande zone daperu de lobjet.
Cliquez sur Informations essentielles pour revenir lespace de travail dorigine.
5. Au bas du panneau Contenu, faites glisser le curseur vers la gauche de manire
voir lensemble des vignettes (si ncessaire).
Adobe Bridge offre de nombreuses fonctionnalits, dont laperu des fichiers
et la manipulation des mtadonnes et des mots cls. Pour de plus amples
informations sur Bridge, recherchez Adobe Bridge dans lAide dIllustrator
(Aide > Aide dIllustrator).
6. Dans le panneau Contenu, doublecliquez sur le fichier L15start.ai pour louvrir
dans Illustrator. Vous pouvez fermer Adobe Bridge quand vous le souhaitez.
7. Choisissez Affichage > Ajuster le plan de travail la fentre.
8. Choisissez Fentre > Espace de travail > Rinitialiser Les
indispensables pour rinitialiser lespace de travail.
9. Choisissez Fichier > Enregistrer sous, nommez le fichier
affichemarch.ai et slectionnez le dossier Lesson15.
Choisissez Adobe Illustrator (*.AI) dans le menu Type
(Windows) ou Adobe Illustrator (ai) dans le menu Format
(Mac OS) puis cliquez sur Enregistrer. Dans la bote de
dialogue Options Illustrator, gardez les options par dfaut
et cliquez sur OK.

P Note : Lors de

louverture des
fichiers de la leon
sous MacOS, vous
devrez peuttre cliquer sur
le bouton vert
rond dans langle
suprieur gauche
de la fentre de
document afin
dagrandir celle-ci
au maximum.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

441

Association dillustrations
Il existe diffrentes manires dassocier des illustrations Illustrator des images
provenant dautres logiciels graphiques. Le partage de documents graphiques entre
plusieurs applications permet dassocier des dessins et des photographies en tons
continus avec des dessins au trait. Bien quil soit possible de crer quelques types
dimages bitmap dans Illustrator, le vritable spcialiste de ldition de ces images est
Adobe Photoshop. Ldition termine dans Photoshop, il suffit donc dimporter les
images dans Illustrator.
Cette leon vous guide dans le processus de cration dune image composite. Elle
vous entrane associer des images bitmap des images vectorielles et travailler
avec plusieurs applications. Vous ajouterez des images photographiques cres dans
Photoshop une affiche conue dans Illustrator. Ensuite, vous ajusterez la couleur
de la photo, vous masquerez celleci et vous copierez une de ses couleurs dans le
dessin Illustrator. Pour finir, vous actualiserez une image importe et vous exporterez
laffiche vers Photoshop.

Images vectorielles et bitmap


E Astuce : Pour

en savoir plus sur


les images bitmap,
recherchez
Importation
dimages bitmap
dans lAide
dIllustrator
(Aide> Aide
dIllustrator).

Illustrator cre des graphiques vectoriels, constitus de formes fondes sur des
expressions mathmatiques.

Un logo dessin comme un graphique vectoriel conserve sa prcision lorsque sa taille est augmente.

Les images bitmap, aussi appeles images matricielles, se fondent sur une grille
dlments graphiques (pixels). Chaque pixel possde un emplacement prcis et une
valeur de couleur. Il est important de comprendre les diffrences entre ces deux types
dimages et comment elles peuvent tre associes.

Un logo converti en graphique bitmap perd sa prcision lorsque sa taille est augmente.

442

LEON 15

Graphiques Illustrator et autres applications Adobe

Importation dimages
Pour importer dans Illustrator des illustrations bitmap issues de Photoshop, ou autres,
vous avez votre disposition plusieurs commandes (Ouvrir, Importer, Coller) ou la
technique du glisserdposer. Illustrator reconnat la majorit des informations de
Photoshop, y compris les compositions de calques, les calques, le texte modifiable
et les tracs. Autrement dit, vous pouvez changer des fichiers entre Photoshop et
Illustrator tout en gardant la possibilit de modifier lillustration.
P Note : Pour faciliter le transfert de fichiers entre les deux applications, des calques dajustement,

non visibles et non accessibles, sont imports dans Illustrator et restaurs lors de lexportation vers
Photoshop. Un calque dajustement applique des rglages de couleurs et de tons limage sans modifier
de faon dfinitive les pixels.

Dans le cas dune importation laide de la commande Fichier > Importer, le fichier
dimage, quel que soit son type (JPG, GIF, PSD, etc.), peut tre incorpor ou li.
Les fichiers incorpors sont ajouts au fichier Illustrator dont la taille augmente en
consquence. Les fichiers lis restent des fichiers externes spars et un lien vers
le fichier import est plac dans le document Illustrator. La liaison dun fichier est
intressante car les mises jour de cette image sont refltes dans le fichier Illustrator.
Le fichier li doit toujours accompagner le fichier Illustrator, faute de quoi le lien est
rompu et le fichier import napparat pas dans lillustration Illustrator.

Importer une image


Vous allez commencer par importer une image JPEG (jpg) dans le document.
1. Ouvrez le panneau Calques en cliquant sur son
icne ( ). Dans ce panneau, slectionnez le
calque Woman.

P Note :

Illustrator
reconnat les
images de type
DeviceN. Par
exemple, si
vous crez un
fichier Duotone
(bichromie)
dans Photoshop
et limportez
dans Illustrator,
les couleurs de
tons directs sont
correctement
spares et
imprimes.

Lorsque vous importez une image, elle est ajoute


au calque slectionn. Le calque comprend dj le
cercle blanc visible sur le plan de travail.
2. Choisissez Fichier > Importer.
3. Slectionnez le fichier carrots.jpg qui se
trouve dans le sousdossier images du
dossier Lesson15. Dans la bote de dia
logue Importer, assurezvous que la case
Lier est coche. Cliquez sur Importer.
Par dfaut, les fichiers imports sont lis
aux fichiers dorigine. Par consquent,
si le fichier source est modifi, limage
importe dans Illustrator est actualise.
Si vous dcochez la case Lier, le fichier
dimage est incorpor au fichier Illustrator.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

443

Le pointeur doit prsent avoir la forme de licne de graphique charg. Un


nombre (1) est affich ct du pointeur. Il indique le nombre dimages qui vont
tre importes. La vignette reprsente limage en cours dimportation.
4. Placez le pointeur de graphique charg prs de langle suprieur gauche du plan
de travail et cliquez de faon importer limage.

Positionner le pointeur.

E Astuce : La

croix prsente
sur limage
slectionne
indique quelle
est lie (lorsque
le contour
de slection
est affich,
Affichage>
Afficher le contour
de slection).

P Note : Les

transformations
ralises sur une
image lie dans
Illustrator et les
modifications
de la rsolution
rsultantes
naffectent pas
limage dorigine.
Les changements
concernent
uniquement
limage dans
Illustrator.

444

LEON 15

Cliquer pour importer limage.

Limage apparat sur le plan de travail, son angle suprieur gauche tant plac
lendroit o vous avez cliqu. Elle conserve sa taille dorigine. Vous auriez gale
ment pu faire glisser le pointeur pour fixer la taille de limage importe. Prtez
attention au panneau Contrle. Lorsque limage est slectionne, il affiche les mots
Fichier li, qui signalent que limage est lie au fichier source, ainsi que dautres
informations sur limage.

Modifier une image importe


Vous pouvez dupliquer et transformer des images importes tout comme vous le
faites avec les autres objets dun document Illustrator. Contrairement aux illustra
tions vectorielles, vous devez tenir compte de la rsolution de limage bitmap, car
une rsolution trop faible donnera une impression de mauvaise qualit. Lorsque
vous travaillez dans Illustrator, si vous rduisez la taille dune image, sa rsolution
augmente. Si vous augmentez sa taille, sa rsolution diminue. Vous allez prsent
dplacer, redimensionner et faire pivoter limage carrots.jpg.
1. Activez loutil Slection ( ) et, limage
tant dj slectionne, faitesla glisser
vers le bas et la droite de manire la
placer devant le cercle blanc dans langle
infrieur droit du plan de travail. Si nces
saire, faites dfiler la fentre de document.

Graphiques Illustrator et autres applications Adobe

2. Tout en appuyant sur les touches Maj+Alt


(Windows) ou Maj+Option (Mac OS),
servezvous de loutil Slection pour faire
glisser le point de slection suprieur droit
vers le centre de limage jusqu ce que sa
largeur soit denviron 4,5 pouces. Relchez
le bouton de la souris puis les touches.
Aprs avoir redimensionn limage, notez
que le panneau Contrle affiche une
valeur PPP approximativement gale
157. PPP (points par pouce) fait rfrence
la rsolution de limage.
E Astuce : Pour transformer une image importe, vous pouvez galement ouvrir le panneau
Transformation (Fentre> Transformation) et y changer des paramtres.

3. Avec loutil Slection, positionnez le poin


teur ct du point dancrage suprieur
droit. Les flches de rotation doivent
apparatre. Faites glisser vers le haut et
la gauche pour pivoter limage denviron
13 (il est inutile dtre prcis).
Si les repres comments (Affichage >
Repres comments) sont activs, obser
vez les libells des dimensions. Assurez
vous que limage recouvre intgralement
le cercle.
4. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Importer une image Photoshop avec des options


Lorsque vous importez des fichiers dimages dans Illustrator, vous avez la possibilit
de modifier des options qui dfinissent le droulement de lopration. Par exemple, si
vous importez un fichier Photoshop (.psd), vous pouvez dcider daplatir limage ou de
conserver les calques dfinis. Vous allez prsent importer un document Photoshop,
ajuster les options dimportation et lincorporer dans le document Illustrator.
1. Dans le panneau Calques, cliquez sur licne de
visibilit ( ) du calque Woman afin den masquer
le contenu et slectionnez le calque Background.
2. Choisissez Affichage > Ajuster le plan de travail
la fentre.
3. Choisissez Fichier > Importer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

445

P Note : Vous

aurez peut-tre
un aperu du
fichier Photoshop,
mme si ce nest
pas le cas sur la
figure. Ce nest pas
gnant.

4. Dans la bote de dialogue Importer,


slectionnez le fichier market.psd
dans le sousdossier images du
dossier Lesson15 et rglez les
options suivantes :

Lier : dcoche (limage est

ainsi incorpore dans le


document Illustrator, ce qui
donne accs un plus grand
nombre doptions) ;

Afficher les options dimportation : coche.


Cliquez sur Importer.
La bote de dialogue Options dimportation Photoshop apparat car vous avez
coch la case Afficher les options dimportation dans la bote de dialogue Importer.
P Note : Mme si vous cochez la case Afficher les options dimportation dans la bote de dialogue
Importer, la bote de dialogue Options dimportation Photoshop napparatra pas si aucune option de
limage ne peut tre modifie.

5. Dans la bote de dialogue


O ptions dimp or tation
Photoshop, apportez les
modifications suivantes :

E Astuce : Pour

en savoir plus sur


les compositions
de calques,
consultez
la rubrique
Importation
dune illustration
partir de
Photoshop dans
lAide dIllustrator
(Aide> Aide
dIllustrator).

Composition de calques :

All (une composition de


calques est un instantan
de ltat du panneau
Calques dans Photoshop.
Dans ce logiciel, vous avez
la possibilit de crer, grer
et visualiser de multiples
versions dune mise en
page dans un document
Photoshop unique) ;

Afficher laperu : coche (vous obtenez un aperu de la composition de calques) ;


Convertir les calques en objets : coche (cette option et la suivante sont disponibles
car vous avez dcoch la case Lier et dcid dincorporer limage Photoshop) ;

Importer les calques masqus : coche (pour tenir compte des calques masqus
dans Photoshop).

Cliquez sur OK.


P Note : Un avertissement concernant le mode colorimtrique peut safficher dans la bote de
dialogue Options dimportation Photoshop. Il signale que limage importe nutilise pas le mme mode
colorimtrique que le document Illustrator. Dans le cas de notre exemple, si une bote davertissement
sur les couleurs apparat aprs que vous avez cliqu sur OK, validez en cliquant de nouveau sur OK.

446

LEON 15

Graphiques Illustrator et autres applications Adobe

6. Positionnez le pointeur de graphique charg dans langle suprieur gauche des


repres de fond perdu ( ct de langle suprieur gauche du plan de travail) et
cliquez pour importer limage.
Au lieu daplatir le fichier, vous avez converti les calques du document Photoshop
market.psd en calques que vous pouvez afficher et masquer dans Illustrator. Lors
de limportation dun fichier Photoshop, notamment si la case Lier est reste
coche (pour crer un lien avec le fichier PSD dorigine), la rubrique Options
de la bote de dialogue Options dimportation Photoshop propose uniquement
daplatir le contenu.
7. Dans le panneau Calques, cliquez sur la flche ( )
gauche du calque Background pour le dvelopper.
Si ncessaire, agrandissez le panneau Calques
pour voir une plus grande partie du contenu.
Cliquez sur le triangle gauche du souscalque
market.psd pour le dvelopper.

Tous les souscalques de market.psd saffichent.


Il sagit de calques Photoshop qui apparaissent
dans le panneau Calques dIllustrator car limage
na pas t aplatie lors de son importation. Limage tant toujours slectionne
sur la page, notez que le panneau Contrle affiche le mot Groupe et propose un
lien Images multiples. Lorsque vous importez un fichier Photoshop contenant des
calques et que vous dcidez de les convertir en objets, Illustrator traite les calques
comme des images distinctes dans un groupe.
8. Cliquez sur licne de visibilit (
le masquer.

P Note : Si vous

ne voyez pas les


noms complets,
dplacez le
bord gauche du
panneau Calques
vers la gauche.

) gauche du souscalque Color Fill 1 afin de

9. Avec loutil Slection ( ), dplacez limage du march vers le bas de sorte que son
bord infrieur soit align avec le repre rouge infrieur du fond perdu.

Masquer le sous-calque Color Fill 1.

Positionner limage.

10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

447

Importer plusieurs images


Dans Illustrator, vous avez galement la possibilit dimporter plusieurs fichiers en
une seule opration. Vous allez prsent importer deux images la fois, pour ensuite
les repositionner.
1. Dans le panneau Calques, cliquez sur licne de
visibilit ( ) gauche du calque Background
afin de le masquer. Cliquez sur la flche ( )
gauche du calque Background pour le refermer.
Cliquez dans la colonne de visibilit du calque
Berries/Corn pour en afficher le contenu puis
slectionnezle.
2. Choisissez Fichier > Importer.
E Astuce : Vous

pouvez galement
slectionner
plusieurs fichiers
dans la bote de
dialogue Importer
en appuyant sur la
touche Maj.

3. Dans la bote de dialogue


Importer, slectionnez le fichier
berries.psd qui se trouve dans le
sousdossier images du dossier
Lesson15. Tout en appuyant sur
la touche Ctrl (Windows) ou Cmd
(Mac OS), cliquez sur le fichier
corn.tif de manire slection
ner les deux fichiers dimage.
Dcochez la case Afficher les
options dimportation et assurez
vous que la case Lier est dcoche. Cliquez sur Importer.
P Note : Par dfaut, notre systme Windows affiche les images sous forme dicnes. Dans votre cas,
votre affichage peut tre diffrent, par exemple sous forme de listes. Ce nest pas gnant.

E Astuce : Pour

annuler un
lment charg
et prt tre
import, allez sur
celui-ci laide
des touches
de direction et
appuyez sur
chap.

4. Positionnez le pointeur de graphique charg dans


langle suprieur gauche du plan de travail, l o
les repres de fond perdu se rejoignent. Appuyez
plusieurs reprises sur la touche Flche gauche
ou Flche droite (ou Flche bas ou Flche haut).
Vous le constatez, vous pouvez naviguer dans les
vignettes des images. Lorsque vous cliquez dans la fentre de document, limage
correspondant la vignette active est importe. Assurezvous que la vignette de
limage des fruits est visible et cliquez pour importer cette image.
5. Choisissez Objet > Disposition > Arrireplan.
6. Positionnez le pointeur de graphique charg gauche du repre de fond perdu
(sur le ct gauche du plan de travail), juste audessus du texte LOCAL. Lorsque
le mot contour apparat, cliquez et faites glisser vers le bas et la droite, en vous
arrtant au repre de fond perdu rouge sur le ct droit du plan de travail (ds
que le mot contour apparat). Relchez le bouton de la souris.

448

LEON 15

Graphiques Illustrator et autres applications Adobe

Cliquer pour importer limage des fruits.

Positionner le pointeur.

Faire glisser pour importer


limage de mas.

7. Choisissez Objet > Disposition > Arrireplan et gardez limage de mas slectionne.
Vous pouvez importer une image avec une taille de 100 % ou cliquer et faire glisser
pour lui donner la taille souhaite.
8. Limage de mas tant slec
tionne, tout en appuyant
sur la touche Maj, cliquez sur
LOCAL. Relchez la touche
Maj puis cliquez sur LOCAL
afin den faire lobjet cl.
Vous allez aligner le mot et
limage de mas que vous venez
dimporter.
9. Dans le panneau Contrle, cli
quez sur le bouton Alignement
vertical au centre ( ) de faon
aligner limage de mas sur
le texte LOCAL.

Vous allez prsent faire pivoter et redimensionner limage berries.psd.


10. Avec loutil Slection ( ), cliquez sur limage des fruits.
11. Dans le panneau Outils, doublecliquez sur loutil Rotation (
dialogue Rotation, fixez Angle 90 et cliquez sur OK.

). Dans la bote de

12. Slectionnez le point central


suprieur du localisateur de
point de rfrence ( ) dans le
panneau Contrle. Changez la
valeur Y -0,125 in. Cliquez sur le bouton Conserver les proportions en largeur
et en hauteur ( ), changez la valeur L 70 % (noubliez pas de saisir %) puis
appuyez sur Entre ou Retour.
P Note : La figure montre le panneau Contrle aprs avoir saisi la valeur de largeur mais avant davoir
appuy sur Entre ou Retour.

P Note : Selon

la rsolution
de votre cran,
les options de
transformation
peuvent ne pas
apparatre dans le
panneau Contrle.
Dans ce cas,
cliquez sur le mot
Transformation
ou choisissez
Fentre>
Transformation
pour ouvrir le
panneau.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

449

13. Activez loutil Slection et, limage des fruits tant slectionne, choisissez dition >
Copier puis dition > Coller devant pour en crer une copie.

14. Choisissez Objet > Masquer > Slection. Cette copie de limage sera affiche
ultrieurement.

Corriger la couleur dune image importe


Dans Illustrator, vous pouvez passer des images dans un mode colorimtrique
diffrent (comme RVB, CMJN ou Niveaux de gris) ou corriger des valeurs de couleur
individuelles. Vous pouvez galement augmenter ou rduire la saturation des couleurs
(obscurcir ou claircir), ou encore inverser des couleurs (crer un ngatif ).
Pour modifier les couleurs de limage, celleci doit tre incorpore dans le fichier
Illustrator. Si le fichier est li, les modifications doivent tre effectues dans Photoshop,
pour tre actualises dans Illustrator.
1. Avec loutil Slection ( ), cliquez sur limage des fruits. Choisissez dition >
Modifier les couleurs > Correction de lquilibre des couleurs.
P Note : Si vous

dcidez plus
tard dajuster
les couleurs de
la mme image
en choisissant
dition> Modifier
les couleurs>
Correction de
lquilibre des
couleurs, les
valeurs des
couleurs seront
remises zro.

2. Dans la bote de dialogue


Correction des couleurs,
faites glisser les curseurs
ou saisissez les valeurs des
pourcentages CMJN afin de
modifier les couleurs dans
limage. La touche Tab per
met de passer dun champ
lautre. Nous avons utilis
les valeurs suivantes pour
crer une couleur rouge :

450

LEON 15

C = 30 ;
M = 30 ;
J = 30 ;
N = 0.

Graphiques Illustrator et autres applications Adobe

Nhsitez pas essayer diffrentes valeurs. Cochez Aperu afin dapprcier les
changements de couleur. Cliquez sur OK.
P Note : Vous devrez peut-tre activer et dsactiver Aperu pour voir les rsultats aprs avoir modifi
les options de la bote de dialogue Correction des couleurs.

3. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Masquage dune image


Les masques cachent une partie dune image afin quune autre partie apparaisse. Seuls
les objets vectoriels peuvent servir de masque dcrtage, mais nimporte quelle illus
tration peut tre masque. Vous pouvez galement importer des masques raliss dans
des fichiers Photoshop. Le masque dcrtage et lobjet masqu sont collectivement
appels ensemble dcrtage.

Appliquer un masque dcrtage simple une image


Dans cette section, vous allez crer un masque dcrtage pour limage berries.psd.
1. Avec loutil Slection ( ), slectionnez limage berries.psd. Dans le panneau
Contrle, cliquez sur le bouton Masque.
Vous appliquez ainsi limage un masque dcrtage qui a la forme et la taille
de limage. Pour employer cette mthode, limage doit tre incorpore, non lie.
E Astuce : Pour crer un masque, vous pouvez galement utiliser le mode Dessin intrieur, qui permet

de dessiner lintrieur de lobjet slectionn. Cemode limine plusieurs tches, comme dessiner puis
modifier lordre de superposition, ou dessiner, slectionner et crer un masque dcrtage. Pour de
plus amples informations sur les modes de dessin, consultez la Leon 3, Cration de formes.

P Note : Vous

pouvez galement
appliquer
un masque
dcrtage en
choisissant
Objet> Masque
dcrtage> Crer.

2. Dans le panneau Calques, cliquez sur la flche


( ) gauche du calque Berries/Corn pour en
afficher le contenu, sil nest pas dj ouvert. Vous
devrez peuttre agrandir le panneau Calques ou
le faire dfiler. Cliquez sur la flche ( ) gauche
du souscalque <crter le groupe> slectionn
afin den rvler le contenu.

Notez le souscalque <Masque>. Il sagit du


masque qui a t cr lors du clic sur le bouton
Masque dans le panneau Contrle. Le souscalque <crter le groupe> est lensemble
dcrtage qui contient le masque et lobjet masqu.
P Note : Agrandissez le panneau Calques vers la gauche pour afficher lintgralit des noms.

Vous allez prsent modifier ce masque simple.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

451

Modifier un masque
Pour modifier un masque dcrtage, vous devez tre en mesure de le slectionner.
Dans Illustrator, il existe plusieurs manires de procder.
1. Limage des fruits tant toujours slec
tionne, cliquez sur le bouton Modifier
le contenu ( ) dans le panneau
Contrle. Dans le panneau Calques,
notez la slection du souscalque berries.psd (dans <crter le groupe>), comme
signal par lindicateur bleu plac la droite du nom du calque.

2. Dans le panneau Contrle, cliquez sur le bouton Modifier le masque dcrtage


( ) : le calque <Masque> est prsent slectionn (indicateur de slection bleu)
dans le panneau Calques.

Lorsquun objet est masqu, vous pouvez modifier le masque, lobjet masqu ou
les deux. Servezvous de ces boutons pour modifier lun ou lautre. Lors de la
premire slection dun objet masqu, vous modifiez la fois le masque et lobjet.
3. Dans le panneau Contrle, activez le bouton Modifier le masque dcrtage (
et choisissez Affichage > Tracs.
E Astuce : Vous

pouvez galement
modifier
un masque
dcrtage laide
des options de
transformation,
comme rotation,
dformation, etc.,
ou laide de
loutil Slection
directe ( ).

4. Avec loutil Slection ( ), faites


glisser le point de slection
central infrieur du masque,
jusqu laligner avec le bord
suprieur de limage de mas
(la ligne audessus du mot
LOCAL).
5. Choisissez Affichage > Aperu.
6. Avec loutil Slection, res
tez appuy sur la touche Alt
(Windows) ou Option (Mac OS) et faites glisser le point de slection central droit
vers la gauche. Arrtezvous lorsquil est align avec le repre rouge de fond perdu.
Relchez le bouton de la souris puis la touche.

7. Dans le panneau Contrle, cliquez sur le bouton Modifier le contenu ( ) afin de


modifier limage berries.psd, non le masque. Avec loutil Slection, faites glisser
limage des fruits lgrement vers le haut vous dplacez limage non le masque.
452

LEON 15

Graphiques Illustrator et autres applications Adobe

8. Choisissez dition > Annuler Dplacement pour remettre limage son empla
cement dorigine.
Le bouton Modifier le contenu ( ) tant toujours activ, vous pouvez appliquer
de nombreuses transformations limage, notamment une mise lchelle, un
dplacement et une rotation.

9. Dans le panneau Calques, cliquez sur la flche ( ) gauche du souscalque <crter


le groupe> pour masquer son contenu.

10. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Masquer un objet avec une forme


Dans cette section, vous allez crer un masque pour limage carrots.jpg partir dune
forme de cercle. Pour crer un masque dcrtage partir dune forme, celleci doit
se trouver devant limage.
1. Dans le panneau Calques, cliquez sur la colonne de visibilit gauche du calque
Woman.
2. Avec loutil Slection ( ), cliquez sur limage carrots.jpg.
3. Choisissez Objet > Disposition > Arrireplan. Vous devez galement voir le
cercle blanc.
4. Tracez un rectangle de slection sur le cercle blanc et limage carrots.jpg afin de
slectionner ces deux objets.
5. Choisissez Objet > Masque dcrtage > Crer.

Disposer limage des carottes.

E Astuce :

Vous pouvez
galement cliquer
du bouton droit
(Windows) ou
en appuyant sur
la touche Ctrl
(Mac OS) et choisir
Crer un masque
dcrtage.

Masquer limage carrots.jpg.

Vous pouvez modifier sparment limage carrots.jpg et le masque dcrtage,


comme vous lavez fait prcdemment avec limage des fruits masque.
E Astuce : Du texte peut galement servir de masque dcrtage. Crez simplement le texte, vrifiez
quil se trouve devant le contenu masquer puis choisissez Objet> Masque dcrtage > Crer.

6. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

453

Masquer un objet avec plusieurs formes


Dans cette section, vous allez crer un masque pour limage berries.psd masque
partir du texte qui a t vectoris. Pour crer un masque dcrtage avec plusieurs
formes, vous devez les convertir en un trac transparent.
1. Si ncessaire, choisissez Affichage > Ajuster le plan de travail la fentre.
2. Choisissez Objet > Tout afficher. La copie de limage des fruits cre prcdem
ment doit safficher.
3. Avec loutil Slection ( ), cliquez sur le bord de la forme du texte FRESH de
faon slectionner le groupe de formes correspondant.
Le mot Groupe doit apparatre lextrmit gauche du panneau Contrle. Ce
texte a t converti en tracs (Texte > Vectoriser) afin que les formes des lettres
puissent tre modifies si ncessaire.

E Astuce : Pour

convertir les
lettres en trac
transparent,
vous pouvez
galement
positionner le
pointeur sur les
lettres et cliquer
du bouton droit
ou cliquer en
appuyant sur Ctrl.
Ensuite, choisissez
Crer un trac
transparent.

E Astuce :

Vous pouvez
galement choisir
Objet> Masque
dcrtage > Crer.

454

LEON 15

4. Choisissez Objet > Trac transparent > Crer.


Trac transparent est prsent affich lextrmit gauche du panneau Contrle.
Gardez le trac transparent slectionn. La commande Trac transparent cre
un seul objet transparent partir de deux objets ou plus. Les tracs transparents
agissent comme des objets groups. Vous pouvez ainsi crer des objets complexes
plus facilement que si vous vous serviez des outils de dessin ou des commandes
Pathfinder.
P Note : Pour crer un trac transparent partir de plusieurs objets, il nest pas ncessaire de commencer
par les associer.

5. Le trac transparent tant tou


jours slectionn, appuyez sur
la touche Maj et cliquez sur
limage des fruits pour lajou
ter la slection. Cliquez du
bouton droit (Windows) ou en
appuyant sur Ctrl (Mac OS) et
choisissez Crer un masque
dcrtage.

Graphiques Illustrator et autres applications Adobe

Les boutons Modifier le masque dcrtage ( ) et Modifier le contenu ( )


saffichent dans le panneau Contrle. Vous avez cr un ensemble dcrtage
partir du groupe FRESH et de limage berries.psd.

6. Lensemble dcrtage FRESH tant slectionn, ouvrez le panneau Styles graphiques


en cliquant sur son icne ( ). Cliquez sur la vignette du style graphique Large
text afin dajouter une ombre porte au groupe.

7. Ouvrez le panneau Contour en cliquant sur son icne ( ). Fixez Graisse 3 pt


et, si ncessaire, changez la couleur de contour blanc en slectionnant la case
Contour dans le panneau Outils et en cliquant sur la nuance blanche dans le
panneau Nuancier.

8. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Crer un masque dopacit


Un masque dopacit diffre dun masque dcrtage en ceci quil permet non seulement
de masquer un objet mais galement de modifier la transparence dune illustration.
Il est cr et modifi laide du panneau Transparence.
Dans cette section, vous allez crer un masque dopacit pour limage market.psd afin
quelle se fonde dans la couleur bleue de la forme darrireplan.
1. Ouvrez le panneau Calques et refermez le calque
Berries/Corn en cliquant sur la flche ( ) sa
gauche. Cliquez sur licne de visibilit ( )
gauche des calques Berries/Corn et Woman pour
masquer leur contenu. Cliquez sur la colonne de
visibilit gauche du calque Background pour
en afficher le contenu. Slectionnez ce calque.

P Note : Lobjet

2. Activez loutil Rectangle ( ) dans le panneau


Outils et cliquez au centre du plan de travail.
Dans la bote de dialogue Rectangle, changez Largeur 8,75 in et Hauteur 4,2 in.
Cliquez sur OK. Ce rectangle va devenir le masque.
3. Appuyez sur la touche D pour appliquer le fond (blanc) et le contour (noir, 1 pt)
par dfaut.

qui va devenir le
masque dopacit
(lobjet masquant)
doit tre le
premier objet
slectionn sur le
plan de travail. Sil
sagit dun objet
simple, comme
un rectangle, il
na pas besoin
dtre un trac
transparent. Sile
masque dopacit
est constitu de
plusieurs objets,
ils doivent tre
groups.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

455

P Note : Sur la

figure, le rectangle
bleu montre
o dplacer le
rectangle blanc.

4. Avec loutil Slection ( ), dplacez le


rectangle afin que son bord infrieur
saligne avec le repre rouge inf
rieur de fond perdu et le centre du
plan de travail. Gardez le rectangle
slectionn.
5. Appuyez sur Maj et cliquez sur
limage market.psd pour lajouter
la slection.
6. Ouvrez le panneau Transparence en cliquant sur son icne ( ) droite de lespace
de travail. Cliquez sur le bouton Crer masque.

Aprs que vous avez cliqu sur le bouton Crer masque, celuici affiche Annuler.
Si vous cliquez nouveau dessus, limage nest plus masque.

Crer le masque dopacit.

Le rsultat.

Modifier un masque dopacit


Ajustez maintenant le masque dopacit que vous venez de crer.
1. Choisissez Fentre > Espace de travail > Rinitialiser Les indispensables.

E Astuce : Pour

dsactiver
et activer un
masque dopacit,
choisissez aussi
Dsactiver/
Activer le masque
dopacit dans le
menu du panneau
Transparence.

2. Ouvrez le panneau Transparence en cliquant sur son


icne ( ). Dans ce panneau, appuyez sur la touche
Maj et cliquez sur la vignette du masque (comme
indiqu par les rectangles blancs sur larrireplan
noir) pour le dsactiver.

Une croix rouge apparat sur le masque dans le panneau Transparence et lint
gralit de limage market.psd saffiche dans la fentre de document.
3. Appuyez de nouveau sur la touche Maj et cliquez sur le masque pour le ractiver.
4. Cliquez pour slectionner le masque dopacit dans
le panneau Transparence.
En cliquant sur le masque dopacit dans le pan
neau Transparence, vous slectionnez le masque
(le rectangle) sur le plan de travail. Sil ne lest pas,
slectionnezle avec loutil Slection ( ). Vous ne pouvez pas modifier une autre
illustration. Notez galement que longlet du document affiche (<Masque dopa
cit>/Masque dopacit) pour indiquer que vous modifiez prsent le masque.

456

LEON 15

Graphiques Illustrator et autres applications Adobe

5. Ouvrez le panneau Calques en cliquant sur son


icne ( ) droite de lespace de travail.
Dans ce panneau, vous trouvez maintenant le calque
<Masque dopacit>, ce qui indique que le masque
est slectionn, non lillustration masque.

6. Le masque tant slectionn dans le panneau


Transparence et sur le plan de travail, dans le
panneau Contrle, cliquez sur la couleur de
fond et slectionnez un dgrad blanc vers noir
nomm White, Black.

L o le masque comprend
du blanc, limage market.psd
est affiche, l o il comprend
du noir, elle est masque. Le
dgrad rvle progressive
ment limage, en allant du
noir au blanc.
7. Choisissez Affichage > Masquer lannotateur de dgrad de couleurs.
8. Dans le panneau Outils, vrifiez que la case Fond est slectionne.
9. Activez loutil Dgrad de couleurs ( ). Appuyez sur la touche Maj, cliquez au
centre (horizontalement et verticalement) du masque et faites glisser vers le haut
(voir la figure). Relchez le bouton de la souris puis la touche Maj.

Modifier le masque dopacit.

Le rsultat.

10. Cliquez sur licne du panneau Transparence (


masque dans ce panneau.

) et notez le changement du

11. Choisissez Affichage > Afficher lannotateur de dgrad de couleurs.


Vous allez prsent dplacer limage, non le masque dopacit. La vignette de limage
tant slectionne dans le panneau Transparence, limage et le masque sont lis, par
dfaut, et le dplacement de limage sur le plan de travail entrane celui du masque.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

457

P Note : Vous

avez accs
licne du lien
uniquement
lorsque la vignette
de limage, non
celle du masque,
est slectionne
dans le panneau
Transparence.

P Note :

Lemplacement
de market.psd
peut ne pas
correspondre
exactement la
figure.

12. Dans le panneau Transparence, cliquez sur la vignette


de limage pour ne plus modifier le masque. Cliquez
sur licne de lien ( ) situe entre la vignette de
limage et celle du masque. Cela vous permet de
dplacer uniquement limage ou le masque, non les
deux.

13. Avec loutil Slection, commen


cez faire glisser vers le bas
limage market.psd. Pendant
lopration, appuyez sur la touche
Maj pour contraindre le mouve
ment verticalement. Relchez le
bouton de la souris puis la touche
pour voir le positionnement.
Essayez dobtenir lemplacement illustr la figure, en relchant toujours le bouton
de la souris puis la touche.
14. Dans le panneau Transparence, cliquez sur licne de lien rompu ( ) entre la
vignette de limage et celle du masque de faon ractiver le lien entre les deux
lments.
15. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

chantillonnage de couleurs
dans des images importes
Vous pouvez chantillonner, ou copier, les couleurs dans des images importes afin de
les appliquer dautres objets dans lillustration. Cela permet dharmoniser facilement
les couleurs dans un fichier qui associe des images Photoshop et des illustrations
Illustrator.

P Note : Utiliser

la touche Maj
avec loutil
Pipette permet
dappliquer
lobjet slectionn
uniquement
la couleur
chantillonne.
Sans cela, vous
appliqueriez la
slection tous les
attributs daspect.

458

LEON 15

1. Dans le panneau Calques, assurezvous que tous


les calques sont ferms puis cliquez sur la colonne
de visibilit gauche des calques Banner, Berries/
Corn et Woman pour rvler leur contenu sur le
plan de travail.
2. Avec loutil Slection ( ), cliquez sur la forme de
la bannire blanche derrire le texte MERIDIEN.

3. Dans le panneau Outils, assurezvous que la case


Fond est active.
4. Activez loutil Pipette ( ), appuyez sur Maj et cliquez dans la zone verte suprieure
du C de LOCAL pour copier et appliquer la couleur verte choisie dans limage
de mas. Vous pouvez chantillonner la couleur dautres images et contenus si
vous le souhaitez. La couleur chantillonne est applique la forme slectionne.
Graphiques Illustrator et autres applications Adobe

5. Choisissez Slection > Dslectionner puis Fichier > Enregistrer.

Les liens dimages


Lorsque vous importez des images dans Illustrator, quelles soient lies ou incorpores,
leur liste saffiche dans le panneau Liens. Ce panneau est utilis pour consulter et
grer toutes les illustrations lies ou incorpores. Il affiche une petite vignette de
lillustration et se sert dicnes pour indiquer son tat. partir du panneau Liens, vous
identifiez les images lies ou incorpores, remplacez une image importe, actualisez
une image lie qui a t modifie en dehors dIllustrator ou modifiez une image lie
dans lapplication dorigine, comme Photoshop.

Afficher les informations de lien


Lorsque vous importez des images, il peut tre utile de savoir o se trouvent les
images dorigine, quelles transformations ont t appliques (comme une rotation et
une mise lchelle) et dautres informations. Vous allez prsent tudier le panneau
Liens afin dobtenir des informations sur les images.
1. Choisissez Fentre > Liens pour ouvrir le panneau correspondant.
En examinant le panneau Liens, vous voyez la liste de toutes les images impor
tes. Celles qui possdent un nom droite de leur vignette sont lies, les autres
sont incorpores. Licne dincorporation ( ) indique galement si une image est
incorpore ou non.

2. Faites dfiler le panneau et doublecliquez sur limage


carrots.jpg (le nom est indiqu la droite de la
vignette) de faon ouvrir le volet dinformations
sur les liens.
Le volet comprend de nombreuses informations,
comme lemplacement dorigine de limage, le type
du fichier, les dates de modification et de cration
et les transformations appliques.
3. Sous la liste des images, cliquez sur le bouton Atteindre le lien (
carrots.jpg est slectionne et centre dans la fentre de document.

). Limage

P Note : Pour

obtenir les
informations
sur limage,
vous pouvez
galement
slectionner
limage dans la
liste et ensuite
cliquer sur
la flche de
basculement dans
langle infrieur
gauche du
panneau.

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

459

4. Dans le panneau Contrle, cliquez sur le lien orange Fichier li de faon ouvrir
le panneau Liens.
Voil une autre manire daccder au panneau Liens. Si vous slectionnez une
image lie ou le contenu dun ensemble dcrtage, le texte Fichier li est affich.
5. Dans le panneau Contrle, cliquez sur le nom de fichier carrots.jpg afin de faire
apparatre un menu.
Les articles du menu correspondent aux options disponibles dans le panneau
Liens. Si vous slectionnez une image incorpore, le panneau Contrle affiche le
lien Incorpore. Un clic sur ce lien affiche le mme menu, mais certains articles
sont inaccessibles.
6. Appuyez sur la touche chap pour masquer le menu et gardez limage slectionne.

Incorporer et annuler lincorporation des images lies


P Note : Ilest

Nous lavions expliqu prcdemment, si vous choisissez de ne pas lier une image lors
de son importation, elle est incorpore au fichier Illustrator. Dans ce cas, les donnes
de limage sont enregistres au sein du document Illustrator. Si vous le souhaitez,
vous pouvez dcider dincorporer une image ultrieurement, aprs lavoir importe
et lie. Par ailleurs, vous pourriez souhaiter utiliser des images incorpores en dehors
dIllustrator ou les modifier dans un logiciel spcialis, comme Photoshop. Illustrator
vous donne la possibilit dannuler lincorporation des images incorpores, ce qui
revient les enregistrer sur votre disque dur sous forme de fichier PSD ou TIFF (au
choix) et lier automatiquement ceuxci au document Illustrator. Vous allez prsent
incorporer une image dans le document.

P Note : Pour

1. Limage des carottes tant slec


tionne, cliquez sur le bouton
Incorporer dans le panneau
Contrle.

impossible
dannuler
lincorporation
des images en
noir et blanc ou
de celles qui sont
verrouilles ou
masques.

certains formats
de fichiers,
comme le format
PSD, une bote de
dialogue Options
dimportation
saffiche. Elle vous
permet dajuster
les options
dimportation de
limage.

460

LEON 15

Le lien vers le fichier carrots.jpg dorigine est supprim et les donnes de limage
sont incluses dans le document Illustrator. Vous savez que limage est incorpore
car elle nest plus marque dune croix (lorsquelle est slectionne et que laffichage
du contour de slection est activ [Affichage > Afficher le contour de slection]).
un moment donn, vous souhaiterez peuttre modifier une image incorpore
laide dun outil spcialis comme Adobe Photoshop. Il est trs facile dannuler
lincorporation dune image, ce que vous allez faire prsent avec celle des carottes.
Graphiques Illustrator et autres applications Adobe

2. Limage des carottes tant toujours slectionne sur le plan de travail, cliquez sur le
bouton Annuler lincorporation dans le panneau Contrle. Vous pouvez galement
choisir Annuler lincorporation dans le menu du panneau Liens.
3. Dans la bote de dialogue Annuler
lincorporation, slectionnez le dossier
Lesson15 > images et choisissez TIFF
(*.TIF) dans le menu Type (Windows)
ou dans le menu Format (Mac OS)
puis cliquez sur Enregistrer.

P Note :

Remplacement dune image lie


Il est facile de remplacer une image lie ou incorpore par une autre afin dactualiser
un document. Limage de remplacement se positionne exactement lendroit o se
trouvait celle dorigine, vous navez donc pas laligner. Si vous avez mis lchelle
limage dorigine, vous devrez peuttre redimensionner limage de remplacement
afin de la faire correspondre. Vous allez prsent remplacer limage des carottes
slectionne par une autre.

Les donnes
de limage
incorpore
des carottes
sont retires
du document
et enregistres
dans un fichier
TIFF dans le
dossier images.
Sur le plan de
travail, limage
de carottes est
prsent lie au
fichier TIFF.

1. Dans le panneau Liens, limage carrots.tif tant


slectionne, cliquez sur le bouton Rditer le
) sous la liste des images.
lien (

2. Dans la bote de dialogue Importer, slectionnez le


fichier woman.psd situ dans le dossier Lesson15.
Vrifiez que loption Lier est coche. Cliquez sur Importer pour remplacer limage
des carottes par cette nouvelle image.
Limage de remplacement (woman.psd) apparat sur le plan de travail la place de
limage carrots.tif. Lorsque vous remplacez une image, les corrections de couleurs
faites antrieurement ne sont pas appliques la nouvelle image. Cependant, les
masques appliqus limage originale sont conservs. Tous les modes de calque et
les ajustements de transparence appliqus aux autres calques peuvent galement
affecter laspect de limage.
3. Avec loutil Slection ( ) activ, cliquez sur le
bouton Modifier le contenu ( ) dans le panneau
Contrle. Faites glisser limage woman.psd de
faon lui donner la position illustre la figure.
4. Dans le panneau Contrle, cliquez sur le bouton
Modifier le masque dcrtage ( ).

E Astuce : Vous

pouvez galement
utiliser les touches
de direction pour
repositionner
limage.

5. Changez la couleur du contour blanc et son pais


seur 3 pt.
6. Choisissez Slection > Dslectionner puis Fichier >
Enregistrer.
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

461

Assemblage dun fichier


Lassemblage dun fichier cre un dossier qui comprend une copie du document
Illustrator, les polices de caractres ncessaires, des copies des images lies et un rap
port. Il sagit dune solution trs efficace pour transmettre dautres personnes tous les
fichiers dun projet Illustrator. Vous allez prsent assembler les fichiers de laffiche.
P Note :

Si le fichier doit
tre enregistr
au pralable,
une bote
davertissement
lesignalera.

1. Choisissez Fichier > Assemblage. Dans la


bote de dialogue Assemblage, procdez aux
actions suivantes :

cliquez sur licne de dossier (

) de
faon slectionner le dossier Lesson15,
puis cliquez sur Slectionner un dossier
(Windows) ou sur Choisir (Mac OS) pour
revenir la bote de dialogue Assemblage ;

Nom du dossier : affichemarch (enlevez


_Dossier du nom propos) ;

Options : gardez les paramtres par dfaut.


Cliquez sur Assemblage.
Loption Copier les liens dclenche la copie de tous les fichiers lis dans le nou
veau dossier. Loption Rassembler les liens dans un dossier spar cre un dossier
nomm Links et y copie les liens. Loption Rditer le lien des fichiers lis au
document modifie les liens prsents dans le document Illustrator pour cibler les
nouvelles copies.
2. Dans la bote de dialogue suivante, qui affiche un avertissement concernant les
restrictions de licence des polices, cliquez sur OK. En cliquant sur Prcdent, vous
pourrez dcocher la case Copier les polices utilises dans le document (sauf CJC).
3. Cliquez sur Afficher lassemblage pour
voir le contenu de lassemblage.
Le dossier dassemblage doit com
prendre un sousdossier Links qui
contient toutes les images lies. Le
fichier affichemarch Rapport (de type
.txt) runit toutes les informations sur
le contenu du document.
4. Revenez Illustrator et choisissez Fichier > Fermer.

Illustrator et Photoshop, InDesign,


Muse, Fireworks et Flash
Pour de plus amples informations sur lutilisation dIllustrator avec dautres applications
Adobe, consultez le fichier PDF nomm Adobeapps.pdf dans le dossier Lesson_extras.

462

LEON 15

Graphiques Illustrator et autres applications Adobe

Questions de rvision
1. Quelle est la diffrence entre lier et incorporer un fichier dans Illustrator ?
2. Quels sont les types dobjets utilisables comme masques ?
3. Comment creton un masque dopacit pour une image importe ?
4. Quelles modifications de couleurs peuton appliquer un objet slectionn laide
deffets ?
5. Comment remplaceton une image importe par une autre image dans un document ?
6. Expliquez la fonction de lassemblage.

Rponses
1. Un fichier li est un fichier externe, spar et connect par un lien lectronique au
fichier Illustrator dont il naugmente pas significativement la taille. Il doit accom
pagner le fichier Illustrator, faute de quoi le lien est rompu et le fichier import
napparat pas dans le fichier Illustrator. Un fichier incorpor est inclus dans le fichier
Illustrator, dont il augmente la taille. Ce fichier faisant partie du fichier Illustrator,
aucun lien ne peut tre rompu. Les fichiers lis et incorpors peuvent tre actualiss
) dans le panneau Liens.
laide du bouton Rditer le lien (

2. Un masque peut tre ralis partir dun trac simple ou transparent, de carac
tres, de fichiers Photoshop imports. On peut aussi crer des masques dcrtage
avec nimporte quelle forme place audessus de la pile de calques ou du groupe.
3. En plaant lobjet employer comme masque pardessus lobjet masquer. Pour
cela, il faut slectionner le masque et les objets masquer puis cliquer sur le bouton
Crer masque dans le panneau Transparence ou choisir loption Crer un masque
dopacit dans le menu de ce panneau.
4. Les effets sont employs pour modifier le mode de couleurs (RVB, CMJN ou Niveaux
de gris) ou ajuster les couleurs individuelles dans un objet slectionn. Ils servent
galement augmenter ou rduire la saturation des couleurs ou les inverser
dans un objet slectionn. Les modifications de couleurs peuvent tre appliques
des images importes ainsi qu des illustrations cres dans Illustrator.
5. Pour remplacer une image importe, il faut la slectionner dans le panneau Liens,
) puis localiser et slectionner limage de
cliquer sur le bouton Rditer le lien (
remplacement et, enfin, cliquer sur Importer.

6. Lassemblage permet de runir toutes les pices indispensables dun document


Illustrator. Il place dans un dossier une copie du fichier Illustrator, des images lies
et des polices requises (si demand).

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

463

INDEX
SYMBOLES
* (astrisque) 179181
(signe moins) 172
+ (signe plus)
points, ajouter 171
sur le pointeur 63
[ ] (touches Crochet)
instances de symbole, corriger 431, 433
texte sur un trac, repositionner 253

A
Activer/dsactiver
libells des dimensions 145
masque dopacit 456
repres comments 96, 155
Adobe
autres applications, utiliser 440, 462
programmes de certification 4
ressources
complmentaires 34, 64
pour la gestion des couleurs 378
Adobe Bridge 440441
Adobe Creative Cloud 5, 9, 16, 65
Adobe Fireworks 462
Adobe Flash 435, 462
Adobe Illustrator CC
propos 1
Bridge, utiliser 440441
effets Photoshop, utiliser 363, 372374, 379
fichiers dimage Photoshop, importer
445447
galerie des effets 373, 374
images
bitmap, importer 443444
vectorielles, avantages 39
installer 1
lancement initial 6
masque dcrtage Photoshop, importer 451
mouvements tactiles 55
nouvelles fonctionnalits et amliorations
912
outils de base 123
prfrences par dfaut, restaurer 3
synchronisation avec Creative Cloud 5
texte InDesign, coller 225226
Voir aussi Visite guide

464

Index

Adobe InDesign 225226, 462


Adobe Muse 462
Adobe Photoshop
calques, utiliser 445447
effets, appliquer 363, 372374, 379
en savoir plus 462
fichiers, importer dans Illustrator 445447
images
importes, changer le mode
colorimtrique 446
vectoriser 119121
masques dcrtage, importer 451
Afficher
les options dimportation (bote de
dialogue Importer) 446
le stockage du groupe de couleurs, icne
206
Afficher/masquer
annotateur de dgrad 310
attributs daspect 384
calques 268270, 279
grille 94
de perspective 288, 303
illustration 52
objets 84, 85
plans de travail dans le panneau
Navigation 6062, 66
tous les panneaux 48
zone daperu 61
Agrandir
laide du panneau Navigation 61
visibilit des courbes 158
zoom avant/arrire 5253
Voir aussi Zoomer
Ajuster avec prcision
icnes des outils sous forme de rticules
153, 180
objets, positionner 143144
pointeur de loutil Pinceau 342
repres comments 145
zoom, utiliser pour 93
Alignement, panneau 215
Aligner
contenu sur la grille en pixels 397399, 414
motifs 215
objets sur le plan de travail 79, 85
options 77

points
avant de crer des symtries 168
dancrage 78
repres dalignement 71
sur le contour 100101
Angles
automatiques pour les formes de motif 12,
350, 351
rayon des rectangles arrondis, ajuster
9596
Annotateur de dgrad 310, 311
Annuler
dessin avec loutil Plume 163
enveloppe de dformation dun texte 250
masque dcrtage 272
pulvrisation de symbole 430
rorganisation des calques 267
styles graphiques 396
Anticrnelage 397
Aperu
de la surimpression, mode 56
des sparations 12
en pixels, mode 56
forme calligraphique, modifier 339
illustration 5657
mode 56
Appareils tactiles
gestes reconnus par Illustrator 55
outil Transformation manuelle 12, 146148
Aspect, panneau
attributs
daspect, appliquer 383
dun objet, contrler depuis 2734
effets
Dcalage 371
de groupe appliqus 364
modifier et supprimer 365, 379
Spcial 369370
fond, ajouter 386
utiliser 27
Assemblage, bote de dialogue 462
Attributs daspect
ajouter des calques 275277, 387388
appliquer depuis le panneau Aspect 383
contour ajout en tant que 385, 414
couleur, copier avec loutil Pipette 199
dfinition 383
fichiers des leons 382
fond ajout en tant que 386
modifier 383384
non convertible en code CSS 410
rordonner 387
retirer des calques 393
utiliser 380
Voir aussi Aspect, panneau ; Styles
graphiques

B
Baguette magique, outil 7475
Barre
de manipulation 45
dtat 40
Bibliothques
de formes 337
calligraphiques 337
crer 351
de motif 349
pointes de pinceau 345
de symboles 419421, 434436
Pantone Plus 196198
Botes de dialogue
Assemblage 462
avertissement
mode colorimtrique 446
profil de couleur 38, 382
Correction des couleurs 450451
Dfinir la grille de perspective 286
Enregistrer les symboles comme
bibliothque 434
Enregistrer sous 39
Format de document 131
Galerie des effets 373, 374
Importer 443, 446, 448
Miroir 169
Mise lchelle 136, 425
Modification du point de largeur 107
Modifier les couleurs 203, 204
Nouveau document 16, 8890
Nouveau groupe de couleurs 200
Nouvel espace de travail 51
Nouvelle forme 343
Nouvelle nuance 191, 192
Options de calque 262
Options de contour (forme de motif ) 349
Options de dformation 366
Options de dgrads 323, 324
Options de grille de perspective 299
Options de loutil Gomme 357
Options de loutil Pinceau 338, 346
Options de nuances 309
Options de pot de peinture dynamique 217
Options de style de caractre 248
Options de style de paragraphe 246
Options de symbole 422, 423, 428
Options de texte captif 230
Options dexportation de CSS 407, 412, 414
Options dimportation 446
Options dimportation de texte 227
Options dimportation Photoshop 446
Options du plan de travail 130
Options Illustrator 39
Paramtres des effets de pixellisation du
document 374
Plan de fuite droite 293

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

465

Botes de dialogue (suite)


Prfrences 41
Profil manquant 38, 382
Redfinir les couleurs de lillustration 205
210, 219
Rotation 139
Boutons
Crer/Annuler le masque dcrtage 279
Inverser le dgrad 319
Modes de dessin 115
Bridge 440441

C
Cadre de slection 71, 390
Calques
afficher 268270
aplatir 278
propos 260261, 279
attributs daspect, appliquer 275277,
387388
avantages 258, 279
coller 270272, 279
contenu, dupliquer 264
couleurs affectes 263, 279
crer 261263
ferms, parcourir 263
fichiers des leons 260, 261
fusionner 273274
illustrations dans, organiser 22
isoler 277
localiser 274
masque dcrtage sur 272273, 279
masquer/afficher 268270, 279
objets sur, rorganiser 263264
panneau
calques, verrouiller 267268
exemple 261
masques dcrtage, emplacement dans
272
Photoshop imports, options 445447
rordonner 265267, 279
styles graphiques
appliqus 393, 414
modifier 394
supprimer 262
symbole 419, 427
texte, placer sur des calques spars 261
verrouiller 267268
Caractre, panneau 235236
Caractres
attributs de texte, modifier 235236
glyphes 241242
styles
crer et appliquer 246247, 257
CSS 408409
Voir aussi CSS (Cascading Style Sheets)

466

Index

Carreaux de motif 211, 348, 350353


propos 348
changer dans une forme de motif 353
crer 211
slectionner 350352
Carrs 123
Cascading Style Sheets Voir CSS (Cascading
Style Sheets)
Cases
Contour (panneau Outils) 188
Fond (panneau Outils) 188
Certification 4
Cible, icne 275, 276, 279
Ciseaux, outil 174
CMJN, mode colorimtrique 187, 199
Coller
calques 270272, 279
instances de symboles 420, 421
selon les calques, option 279
texte InDesign dans Illustrator 225226
Coloration de symboles, outil 432, 433
Composition de calques 446
Concepteur de forme, outil
formes, crer 1934
options 112
utiliser 110112, 123
Contenu Voir Illustrations ; Objets ; Texte
importer sur le plan actif 295
nomm 405407, 414
sans nom
exporter 405407, 414
style CSS, gnrer pour 410
Contours
ajouter en tant quattribut daspect 385, 414
couleur
ajouter 18
de police, modifier 234
modifier 19
dfinition 75
dgrads
de couleurs, appliquer aux 311312
modifier 312314
en dgrad 329
paisseur 75, 100101
forme
appliquer 29
artistique, appliquer 359
retirer 340341, 354
largeur, ajuster 104108
lignes en pointills 175176
mettre lchelle 135137, 149, 395
objets
aligner sur 101
de mme contour, slectionner 75
profils de largeur, enregistrer 108
vectoriser 108109
Contraindre
lignes 155156

outil Gomme 118


transformations avec la touche Maj 147
Contrle, panneau
ancrer 46
propos 40
fonctionnalits 4546
objets, aligner 77, 274
options de transformation, rgler 449
plan de travail, redimensionner 129
police de caractres, changer 230
Conversion de point dancrage, outil 173, 182
Copier
attributs entre des calques 388
contenu des calques 264
couleur 192
avec loutil Pipette 199
CSS pour les styles graphiques 410412
fichiers des leons 2
icne de cible 276
instances de symboles 420, 421
jeux de symboles 433434
Correction des couleurs, bote de dialogue
450451
Couleur, panneau 188, 308
Couleurs
ajouter un dgrad 330
appliquer 18, 190
bibliothques de nuances dIllustrator 196
calques 263, 279
choisir dans le panneau Guide des couleurs
201202
contour 1834
contrles 187189
corriger 199
dgrads
avec transparence 321322
de couleurs lisses, crer 326330
radiaux 315316, 319321
de lillustration, modifier 205207
des formes, changer 354
de tons directs 196, 197
icne 198
dune illustration 207210
chantillonner 199, 320, 329, 458459
fichiers des leons 186
globales 193194, 219
groupes 200
harmoniser 201, 206
image importe, modifier 450451, 463
nuances 193
copier 192
personnalises 190192
quadrichromiques 196
dfinition 196
globales et locales 219
nuances, identifier 198
ressources sur la gestion 378
slecteur de couleurs 194196

teinte 198199
Voir aussi chantillonner ; Groupes de
couleurs ; Modes colorimtriques
Courbes
combiner aux lignes droites 161163
de Bzier 157
dessiner 157, 163, 182
modifier 169170
poignes de direction, supprimer 160161
suite de, crer 159
Crayon, outil
dessiner avec 179182
modifier avec 181
tracs, modifier avec loutil Pinceau 338
Creative Cloud 5, 9, 16, 65
Crer/Annuler le masque dcrtage, bouton
279
Crnage 238, 241242, 408
CSS (Cascading Style Sheets) 404405
propos 404
code, gnrer 11
contenu
nomm et sans nom, exporter 405407,
414
sans nom 410
mise en forme du texte, appliquer 408409
noms conformes HTML5 406
reconnatre 406
styles graphiques, copier et exporter 410412
Cutter, outil 176178

D
Dcalage
effet 371
vertical 239
Dcouper une illustration
contenu en tranches, modifier 401
optimiser pour le Web 402404
tranches
crer 400401
slectionner et modifier 401
Dfinir la grille de perspective, bote de
dialogue 286
Dformer
fond dun dgrad radial 320321
objets 142143
texte 248249
Dgrads
de couleurs
outil 310311, 329, 330
panneau 307, 330
de couleurs linaires
crer et appliquer 307309
dfinition 307
direction et angle, ajuster 310311
enregistrer dans le panneau Nuancier
309

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

467

Dgrads (suite)
de couleurs lisses 326330
de couleurs radiaux
ajuster 317318
couleurs, chantillonner 320
couleurs, inverser 319321
couleurs, mthodes de modification
319321
couleurs, modifier 315316
dfinition 307
origine 317, 318
transparence, ajouter 321322
de formes 323, 329
appliquer au contour 311312
propos 323
compars aux dgrads de couleurs
329
couleurs lisses 326330
crer 323324
tapes 323, 330
fonds en dgrad linaire et radiaux
307
modifier 325326
outil 304
sur un contour, modifier 312314
Dplacer
calques 265267, 279
caractres pour ajuster le crnage 238
icne de cible 276
illustration avec le plan de la grille 292294,
303
objets
en perspective 289290
entre des plans 290
perpendiculairement 292, 303
panneaux 4546, 4850
plan pour correspondre un objet 298299,
303
plans de travail
avec le contenu 131
sans lillustration 131
points de fuite 285
Dsactiver Voir Activer/dsactiver
Dslectionner des objets 158
Dessin
arrire, mode 91
intrieur, mode 91
normal, mode 91
Dessiner
lintrieur dautres formes 115116
partir du point central 92
avec les outils Plume et Crayon 152
carrs 123
courbes 158
derrire dautres formes 9899
toiles 99, 100
formes
outil Forme de tache 355, 359
simples 17

468

Index

lignes 152153
modes de dessin dans le panneau Outils
91
objets en perspective 287288
outils
Crayon 179182
Pinceau 335337, 359
Plume 163
polygones 17, 123
rectangles 17, 9194, 123
repres comments 96
sans grille de perspective active 295
Voir aussi Perspective
Dverrouiller Voir Verrouiller/dverrouiller
Dissocier les objets slectionns 82
Distordre
effet Esquisse 372
objets avec des effets 141
Distorsion
et transformation, effet 372
manuelle, option 148
Dock
espace de travail, enregistrer dans 50
groupes de panneaux, rordonner 50
panneau
Contrle, ajouter 46
dvelopper/rduire 47
flottant 4344, 48
retirer du 48
Documents
afficher en cascade et en mosaque 6264,
66
ajouter au plan de travail 127128
calques, structure 260
concevoir pour gnrer du code CSS
405407
crer 1634
en cascade 62, 66
faire dfiler 55
fentre Voir Fentres de document
fichiers Word, importer 228, 245
importer dans Illustrator 228, 245
mode colorimtrique, slectionner 187
multiples, organiser 6264
ouverts, parcourir 62
paramtres des effets de pixellisation 363,
374
plans de travail multiples
configurer 8890
parcourir 5760
units de mesure 89, 90
Dupliquer Voir Copier

E
chantillonner
couleur
avec loutil Pipette 199

dun dgrad 320, 329


dune image importe 458459
mise en forme du texte 248
chelle du texte
horizontale 237239
verticale 237239
cran, mode 42
Effets
3D
appliquer plusieur objets 378
Extrusion et biseautage 375376, 379
Rvolution 376377, 379
Rotation 375, 379
utiliser 375
appliquer 363364, 379
du texte 366367
Dcalage 371
de pixellisation
appliquer aux images vectorielles 379
compars aux effets vectoriels 363
fournis par Photoshop 363, 374
Distorsion et transformation 372
Esquisse 372
fichiers des leons 362
formes avec, convertir 368369
Lueur interne 370
mettre lchelle 135137, 149, 395
modifier et supprimer 365, 379
objets, dformer 141
Pathfinder 112, 367368
Photoshop 372374
spciaux 369370
utiliser 360
vectoriels
appliquer 372374
fournis par Illustrator 363
Voir aussi Ombres portes
Ellipses
crer 9697
dessiner partir dun point central 92
formes, dessiner dans 115
Enregistrer
bibliothques de symboles 434, 435
couleurs personnalises en tant que
nuance 190192
espaces de travail 5051, 66
et rutiliser des formes 351
fonds en dgrad dans le panneau
Nuancier 309
groupe de couleurs sous forme de nuance
202, 219
illustration
au format SVG 413
pour le Web 397
les symboles comme bibliothque, bote de
dialogue 434
motifs 213
pour le Web, commande
contenu en tranches, prparer 400401

formats denregistrement d'images 397


illustration en tranches 402404
prfrences dIllustrator 3
profils de largeur du contour 108
slections 75, 85
sous, bote de dialogue 39
styles graphiques 390391
teinte 198199
Ensemble dcrtage 451
Enveloppe 248249
Espaces de travail
affichage de lillustration, changer 5253
dfinition 40
documents
faire dfiler 55
multiples, organiser 6264
fentres, intgrer 62, 64
fichiers des leons 3839
fonctionnalits 40
panneaux
organiser 4849
Outils, ajuster 4244
plans de travail, afficher dans le panneau
Navigation 6062, 66
rgles, configurer 9091
rinitialiser et enregistrer 5051, 66
ressources sur lutilisation 64
Esquisse, effet 372
tapes de dgrad 307
couleurs, modifier 330
dfinition 307
dgrads radiaux 314316
supprimer 313
toiles 99, 100
Excdent de texte 225, 228, 257
Exporter
contenu nomm ou sans nom 405407, 414
CSS et contenu non pris en charge 410,
412414
symboles pour Flash 435
Extrusion et biseautage, effet 3D 375376, 379

F
Fentres
de document
exemple 40
multiples, intgrer 62, 64
panneaux, ancrer et dplacer dans 4546
plan de travail, ajuster 3839, 54
intgrer 62, 64
taille sur les Mac, ajuster 70, 88
Feuilles de style en cascade Voir CSS
(Cascading Style Sheets)
Fichiers
calques, coller entre 270272, 279
de production
assemblage automatique 12, 462, 463
assembler 462, 463
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

469

Fichiers (suite)
des leons Voir Leons, fichiers
de texte, importer 226228
documents multiples, manipuler 6264
formats denregistrement pour le Web 397
GIF 403, 414
images, importer 443444
incorpors compars lis 463
JPEG 443444
PNG 403, 414
PSD 445447, 460
slectionner plusieurs dans la bote de
dialogue Importer 448
texte, vectoriser pour le partage 255, 257
Fireworks 462
Flash 435, 462
Fonds
ajouter
des objets 2734
avec des attributs daspect 386
appliquer des tracs 103
couleurs 18
avec les formes 340
de police, modifier 234
dfinition 75
en dgrad
appliquer 329
couleur, ajouter 330
couleur, chantillonner 320, 329
crer et modifier 21
dfinition 21, 304, 307, 329
direction et angle 310311, 330
enregistrer dans le panneau Nuancier
309
fichiers des leons 306
linaires 307309
radial 307, 314
transparence, ajouter 321322
Voir aussi Dgrads de couleurs
linaires ; Dgrads de couleurs
radiaux
motifs 210
objets
sans fond, slectionner 85, 123
slectionner 75
perdus 60, 90
tracs sans 104
Format
de document, bote de dialogue
fond perdu, dfinir 90
options de texte 231
options, modifier 131
des pixels 317
Forme de tache, outil 354
compar loutil Pinceau 354
dessiner laide de 355, 359
formes dessines laide de, modifier
357359
tracs, fusionner laide de 356

470

Index

Formes
ajouter
couleur de fond 340
effets Pathfinder 112113
lintrieur dautres formes 115116
artistiques
couleur, modifier 354
crer avec des images bitmap 341344,
359
exemple 335
existantes, appliquer 341342, 359
modifier 343344
utilisations 341
attributs de couleur, modifier 354
avec effets, convertir 368369
bibliothques 337, 345, 349, 351
calligraphiques
appliquer une illustration existante
335336
choisir dans une bibliothque 337
dessiner avec 336337
exemple 335
modifier 339340
retirer 340341
tracs raliss avec, modifier 338339
combiner et modifier 109
contour
ajuster 104108
largeur et alignement 100101
crer partir dimages bitmap 10, 342344,
359
de base dIllustrator 123
de contour, retirer 340341, 354
dgrads de couleurs, appliquer 21
de motif
angles automatiques 12, 350, 351
appliquer 352, 354
propos 348
bibliothques 349
carreaux 211, 348, 350353
couleur, modifier 354
crer 350352
crer avec des images bitmap 344, 359
exemple 335, 348
modifier 352354
Voir aussi Carreaux de motif
dessiner 17, 1934
avec loutil Pinceau 336337, 359
derrire dautres formes 9899
diffuses
couleur, modifier 354
crer avec des images bitmap 344, 359
exemple 335
illustration, slectionner avant de crer
359
ellipses 9697
empiles, sparer 116
toiles 99, 100

fichiers des leons 88, 334


illustration
existante, utiliser 341342, 359
modifier 343344
images bitmap, vectoriser 119121, 123
modes de la forme 113115
modifier 339340
effets Pathfinder 367368
objets
dessins avec, modifier 116118
masquer avec des 453455
outil Forme de tache 355, 359
panneau
coche 335, 341
exemple 335
formes de contour, retirer 340341, 354
outils de forme, slectionner 359
parties, effacer 118
peindre sur une illustration existante
335336
peinture dynamique, impact sur 215
polygones 17, 9799, 123
rectangles 17, 9194, 123
arrondis 9596
spirales 100
tracs, modifier avec loutil Pinceau 338
339, 346, 359
types 335
visite guide 29
Forums 4
Fusionner
calques 273274
tracs avec loutil Forme de tache 356

G
Galerie des effets, bote de dialogue 373, 374
GIF, fichiers 403, 414
Glissement de symboles, outil 431, 433, 434,
436
Glyphes 241242
Gomme, outil 118, 338, 357359
Graphiques Voir Images bitmap ; Images
vectorielles
Grilles
de perspective
deux points 283, 284, 303
ajuster 284286
trois points 284, 303
un point 284, 303
comprendre 283
contenu, associer 301
contenu, dupliquer 290291
contenu, zoomer et redimensionner
289
exemple 283
illustration, dplacer 292294, 303
inactive, dessiner avec 295

magntisme 287
masquer/afficher 288, 303
personnalises, enregistrer 286
prdfinie 284, 303
prdfinies, propos 284, 303
symboles 300301
verrouiller 286
Voir aussi Perspective
en pixels 397399
contenu, aligner sur 397399, 414
dfinition 397
utiliser 94
Groupes
contenu sur la grille de perspective,
associer 301
de couleurs
crer 200
modifier 202205
noms, afficher 216
renommer 203
de panneaux 4950
modifier 4950
rordonner 50
de peinture dynamique 215, 217
dobjets 80
effets, appliquer aux 364, 367368
icne de cible, faire glisser et copier 276
imbriqus 8182
objets dans, slectionner 8081, 85
Guide des couleurs, panneau 189, 201202

H
Habiller des objets avec du texte 255

I
Icnes
Afficher le stockage du groupe de couleurs
206
couleur de tons directs 198
de cible 275, 276, 279
de loupe 232
de point dexclamation 410
des outils en forme de rticules 153, 180
de visibilit 268, 279
indicateur dillustration slectionne 266
Masquer le stockage du groupe de
couleurs 204, 206
outil Texte 251, 253
Illustrations
3D, plaquer des symboles 435
aperu 5657
bitmap, convertir en images vectorielles
33, 119121, 123
combiner aux images dautres applications
442
contenu dun calque, verrouiller 267268

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

471

Illustrations (suite)
couleur, appliquer 18, 207210
dplacer avec un plan de la grille 292294,
303
effets de pixellisation appliqus des
graphiques vectoriels 379
enregistrer
au format SVG 413
pour le Web 397
formes calligraphiques 335336
motifs, crer 211213
organiser dans les calques 22
perspective 3134
rgions du plan de travail, afficher 60
slectionner avant de crer une forme 359
stocker et retrouver dans le panneau
Symboles 434435
symboles, crer partir des 2634
symtriques 166168
tranches, crer 400401
transformer
propos 133
dessin en perspective 289290
fichiers des leons 126
images importes 444445
instances de symboles, modifier 420,
425
masques dcrtage, employer 452
objets, dformer 142143
objets, distordre avec des effets 141
objets en symtrie 137139, 168169
objets, mettre lchelle 135137, 149
objets, positionner prcisment 143144
outil Transformation manuelle 12,
146149
plans de travail, modifier 127
rgles et repres, utiliser 133135
transformations multiples, appliquer
148
zoom, changer 5253
Voir aussi Images bitmap ; Images
vectorielles ; Symboles
Illustrator CC Voir Adobe Illustrator CC
Images
amliorations 11
bitmap
compares aux images vectorielles 442
formes artistiques, crer 341344
importes, options 445447
importes, transformer 444445
incorpores, peindre avec 342344, 359
incorporer dans des formes 359
JPEG, importer dans Illustrator 443444
Photoshop, utiliser dans Illustrator
448450
vectoriser 33, 119121, 123
Device N 443
effets, appliquer aux 34

472

Index

formats de fichiers pour le Web 397


formes constitues de 10, 342344, 359
importes 33
bitmap, utiliser dans Illustrator 443447
couleur, chantillonner 458459
incorporer et annuler lincorporation
460461
lies, remplacer 461, 463
lier 459, 463
modifications de couleur, appliquer
450451, 463
Photoshop, options dimportation
445447
transformer 444445, 448450
incorpores
ajouter et supprimer 460461
avantages 443
compares aux images lies 463
peindre avec 342344, 359
remplacer 461
lies
avantages 443
incompatibilit avec les symboles 436
lien entre des symboles et des
instances, rompre 427
transformations 444, 445
utiliser 459, 461, 463
masque dcrtage, appliquer 451
photos, convertir en images vectorielles 33
vectorielles
avantages 39
compares aux images bitmap 442
effets de pixellisation, appliquer 379
illustration, enregistrer en SVG 413
parties, effacer 118
peindre 215, 219
photos, convertir en 33, 119121, 123
vectoriser 33, 119121, 123
Importer
bote de dialogue 443, 446, 448
fichiers
de texte 226228
multiples 11
images Photoshop 445447
masques crs dans Photoshop 451
symboles dans des documents 420
Imprimer
calques verrouills 268
fichiers de production, assembler pour 12,
462, 463
ressources pour la gestion des couleurs 378
InDesign 225226, 462
Indicateur de slection 266
Infobulles 216
Instances
dfinition 419
de symboles
ajuster avec les touches Crochet 431, 433

copiercoller 420, 421


dfinition 419
illustration, empcher de devenir des
422
lien, rompre 427
modifier 421, 427, 430432
pulvriser 428430
transformer 425
ordre de superposition 432
Interface utilisateur, luminosit 41
Interligne
ajuster 244
dfinition 235
styles CSS 408
Inverser
couleurs dun dgrad radial 319321
dgrads 326
le dgrad, bouton 319
Isolation, mode
calques 278
objets, slectionner 8081
texte en perspective, modifier 297

J
Jeux de symboles
copier et modifier 433434
dfinition 428
styles graphiques, appliquer aux 432
JPEG, fichiers 403, 414, 443444

L
Lancer
Bridge au dmarrage 440
Illustrator CC pour la premire fois 6
Largeur, outil
contour de largeur variable, crer 23
paisseur de contour, ajuster 104108
Leons, fichiers
attributs daspect et styles graphiques 382
autres applications Adobe, utiliser 440
calques 260, 261
couleur et peinture 186
dgrads de couleurs et de formes 306
dessin
avec les outils Plume et Crayon 152
en perspective 282
effets 362
fichiers des prfrences 2
formes 88, 334
oprations de transformation 126
symboles 418
techniques de slection 70
tlcharger 2
texte 222
zone de travail 3839

letterspacing (CSS) 408


Liaison
ports 225
texte 228229, 257
Libells des dimensions
activer/dsactiver 145
comprendre 72
Illustrator 92
plan de travail, redimensionner 127
Liens 462
Lignes
contraindre 155156
courbes et droites, combiner 161163
dessiner 152153, 182
en pointills 175176
lineheight (CSS) 408
Lissage 338
Lueur interne, effet 370
Luminosit de linterface utilisateur 41

M
Mac OS
outil Zoom, raccourci clavier 54
taille de fentre, ajuster 70, 88
Voir aussi Systmes informatiques
Magntisme
de la grille 94
du point 136
Main, outil
documents, faire dfiler 55
plan de travail, ajuster la fentre 54
Masquer Voir Afficher/masquer
Masques
dcrtage
appliquer 451
compars aux masques dopacit 455
crer et ajouter 2834
dfinition 28, 272, 451
formes, utiliser comme 453
illustration, masquer avec 272273, 279
modifier 452453
objets complexes, masquer 454455,
463
Photoshop, importer 451
dopacit
activer/dsactiver 456
compars aux masques dcrtage 455
crer 463
modifier 456458
Menus
des panneaux 5152
Paramtre prdfini 121
Rgles dharmonie 201
Mettre jour
styles graphiques 391392
symboles 436

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

473

Mettre lchelle
contours et effets appliqus sous forme de
styles graphiques 395
effets et objets 135137, 149
texte 237239
Mettre en forme
documents Word imports, conserver 245
famille et style de police 231233
options du panneau Caractre 235236
outil Retouche de texte 237239
paragraphes 244246, 257
styles de caractre 246247, 257
styles graphiques 396
des calques, modifier 394
texte
avec CSS 408409
chantillonner 248
import, conserver 226
Microsoft Word
documents, importer dans Illustrator 228,
245
formats de texte compatibles avec
Illustrator 226, 228
mise en forme dans les documents
imports, conserver 245
Miroir, bote de dialogue 169
Mise lchelle, bote de dialogue 136, 425
Modes
Aperu 56
de la surimpression 56
en pixels 56
colorimtriques
propos 187
choisir 188
CMJN 187, 199
convertir 199, 450451, 463
des images importes, changer 446, 463
RVB 187
daffichage 56
de dessin, bouton 115
de la forme 113115
Dessin
arrire 91
intrieur 91
normal 91
cran 42
Isolation Voir Isolation, mode
Tracs 56, 76, 101
Modification du point de largeur, bote de
dialogue 107
Modifier
attributs
daspect 383384
de paragraphe 240
contenu en tranches 401
contour en dgrad 312314
couleurs
de contour 1834

474

Index

dun dgrad radial 315316


dune illustration 205207
courbes 169170, 182
effets 365, 379
enveloppe de dformation 250251
formes
artistiques 343344
calligraphiques 339340
combines 109
de motif 352354
effets Pathfinder 367368
outil Forme de tache 357359
groupes
de couleurs 202205
de panneaux 4950
instances de symboles 421, 427, 430432
les couleurs, bote de dialogue 203, 204
masques
dcrtage 452453
dopacit 456458
motifs 214215
nuances 193
objets dessins dans des formes 116118
outil Crayon 181
sens dun dgrad dobjets 325326, 330
styles
de caractre 248
de paragraphe 246
graphiques dun calque 394
symboles 300301, 421, 423425, 428
texte
en perspective 297
sur un trac 253254
tracs avec loutil Pinceau 338339, 346, 359
Mosaque
documents 6264, 66
motifs 210, 212
Motifs
appliquer 213
existants 210
propos 211
crer 211213
modifier 214215
nuances 2434, 219
peindre avec 210
personnaliss 2434, 211213
Muse 462

N
Navigation, panneau 6062, 66
Naviguer
calques et souscalques ferms 263
champs de saisie du panneau Couleur 308
plans de travail multiples 5760
Nommer
couleurs 191
espaces de travail 51

slections enregistres 75
souscalques 263
styles
CSS et balises HTML 406
graphiques 391
Nouveau
document, bote de dialogue 16, 8890
groupe de couleurs, bote de dialogue 200
Nouvel espace de travail, bote de dialogue 51
Nouvelle
forme, bote de dialogue 343
nuance, bote de dialogue 191, 192
Nuances
bibliothques dIllustrator 196
copier 192
couleurs personnalises 190192
globales 193194
groupes de couleurs, enregistrer en tant
que 202, 219
modifier 193
motifs 2434, 219
panneau Nuancier 189
Nuancier, panneau
dgrads, enregistrer dans 309
groupe de couleurs, crer 200
motifs, crer 2434
utiliser 189

O
Objets
ajuster sur le plan de la grille 294
aligner 77, 397399, 414
sur le contour 101
attributs, dfinir 2734
cadre de slection 71
cls 7778
contenu en perspective
associer 301
dupliquer 290291
contour, ajouter un second 385, 414
couleurs
de fond avec les formes 340
existantes, appliquer 190
dans des formes, modifier 116118
dformer 142143
dgrads
de couleurs lisses 326330, 329
de formes 323, 329
dplacer
entre des calques 263264
entre des plans 290
perpendiculairement 292, 303
dslectionner 158
dessiner
lintrieur dautres formes 115116
derrire dautres formes 9899

direction et angle dun fond en dgrad


310311
en perspective, transformer 289290
espace entre, rpartir 7879
fond, contour et paisseur de contour 75
grille, utiliser 94
habiller avec du texte 255
icne de cible, faire glisser et copier 276
jeux de symboles 433434
localiser sur les calques 274
masquer 453, 454455, 463
et verrouiller 84, 85
masqus 83
mettre lchelle 135137, 149
multiples
dgrad radial, ajouter 318319
effets 3D 378
tracs transparents, crer 454
ordre de superposition 82
outil Slection 7072
peindre avec Peinture dynamique 215, 219
perspective 287288
annuler 302
pivoter 139140
placer sur le plan actif 295
plan, dplacer pour correspondre aux
298299, 303
positionner
avec les repres comments 145
prcisment 143144
rectangle de slection 7374
regrouper 80
sans fond, slectionner 85, 123
slectionner
avec le mode isolation 8081
en mode Tracs 76, 101
slectionns, dissocier 82
sous dautres, slectionner 8384, 85
styles graphiques sur un seul 393, 414
symboles, plaquer en 3D 435
symtrie 137139, 168169
texte
captif 224, 225
de point 225
lier entre 228, 257
redimensionner et remodeler 242244
verrouiller sur les calques 267268
Ombres portes
crer en dformant des objets 142143
effet, appliquer 34, 363364
objets multiples 378
placer sur un calque 275277
Options
Coller selon les calques 279
de calque, bote de dialogue 262
de contour (forme de motif ), bote de
dialogue 349
de dformation, bote de dialogue 366

ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

475

Options (suite)
de dgrads, bote de dialogue 323, 324
de forme de motif, bote de dialogue 351
de grille de perspective, bote de dialogue
299
de loutil Gomme, bote de dialogue 357
de loutil Pinceau, bote de dialogue 338,
346
de nuances, bote de dialogue 309
de pot de peinture dynamique, bote de
dialogue 217
de style de caractre, bote de dialogue 248
de style de paragraphe, bote de dialogue
246
de symbole, bote de dialogue 422, 423, 428
de texte captif, bote de dialogue 230
dexportation de CSS, bote de dialogue
407, 412, 414
dimportation, bote de dialogue 446
dimportation de texte, bote de dialogue
227
dimportation Photoshop, bote de
dialogue 446
Distorsion manuelle 148
du plan de travail, bote de dialogue 130
Illustrator, bote de dialogue 39
Surimpression de blanc 12
Ordre de superposition
impact sur les objets 82
objets
modifier 8283
sous dautres, slectionner 8385
raccourcis clavier 432
Outils
Baguette magique 7475
Ciseaux 174
Coloration de symboles 432, 433
Concepteur de forme 1934, 110112, 123
Conversion de point dancrage 173, 182
Crayon 179181
Cutter 176178
Dgrad de couleurs 310311, 329, 330
Dgrad de formes 304
de symbolisme
instances de symbole affectes par,
slectionner 436
instances de symbole, modifier avec
430432
instances de symbole, pulvriser
428430
Forme de tache 354
Glissement de symboles 431, 433, 434, 436
Gomme 118, 338, 357359
icnes en forme de rticules 153, 180
Largeur Voir Largeur, outil
Main 54
masqus 43

476

Index

panneau 42
cases Fond et Contour 188
colonnes, afficher 346
exemple 40
groupe doutils, dtacher de 123
Pinceau Voir Pinceau, outil
Pipette Voir Pipette, outil
Plan de travail 127, 129130
Plume Voir Plume, outil
Polygone 17, 123
pour les formes 123
Pulvrisation de symboles 428
Rectangle Voir Rectangle, outil
Rectangle arrondi 92
Redimensionnement de symboles 430
Retouche de texte Voir Retouche de texte,
outil
Slection Voir Slection, outil
Slection de perspective 289290, 295
Slection directe Voir Slection directe,
outil
Slection directe progressive 85
slectionner 66
Stylisation de symboles 432
Texte Voir Texte, outil
Transformation manuelle 12, 146149
Vectorisation de limage Voir Vectorisation
de limage, outil

P
Pages Voir Plans de travail
Panneaux
Alignement 215
ancrer 44, 46
Aspect 27
Calques 261
Caractre 235236
Contrle 40
Couleur 188, 308
Dgrad de couleurs 307, 330
dplacer vers dautres groupes de
panneaux 4850
dvelopper et rduire 4649
fermer 48
flottants 4344, 48
Formes 335
Guide des couleurs 189, 201202
masquer 47
menus, afficher 5152
Navigation 6062, 66
Nuancier Voir Nuancier, panneau
organiser 4849
Outils Voir Outils, panneau
Pathfinder 112115
Plans de travail 130, 132
redimensionner 43, 47, 49
rduire 4649

rinitialiser 46, 5051


ressources sur lutilisation 64
Styles graphiques 389
Symboles Voir Symboles, panneau
Transformation 97
utiliser 40
Voir aussi Groupes de panneaux
PANTONE 196, 197198
Paragraphes
attributs, modifier 240
styles
appliquer 244246, 257
modifier 246
Voir aussi CSS
Paramtre prdfini, menu (panneau
Vectorisation de limage) 121
Paramtres des effets de pixellisation du
document, bote de dialogue 374
Pathfinder
effets
ajouter aux formes 112113
formes, modifier 367368
panneau 112115
Peindre
avec la pointe de pinceau 346348
avec les motifs 210
contrles de couleur 187189
fichiers des leons 186
nuances, enregistrer 202, 219
objets avec Peinture dynamique 215, 219
Peinture dynamique 215, 219
Personnaliser
grilles de perspective prdfinies 286
motifs 2434, 211213
nuances 190192
prfrences de lespace de travail 5051, 66
styles graphiques 390391
Perspective
contenu
associer 301
placer sur le plan actif 295
dplacements perpendiculaires 292, 303
fichiers des leons 282
objets
dessiner 287288
dupliquer 290291
slectionner et transformer 289290
plan, dplacer pour correspondre un
objet 298299, 303
sans grille active 295
symboles en, modifier 300301
texte en 296
visite guide 3134
Photoshop Voir Adobe Photoshop
Pinceau, outil
compar loutil Forme de tache 354
dessiner avec 335, 336337, 359
peindre avec prcision 342

tracs dessins avec, modifier 338339,


346, 359
Pipette, outil
attributs de couleur, copier 199
couleur
dun dgrad, chantillonner 320, 329
dune image importe, chantillonner
458459
chantillonner 199
mise en forme du texte, chantillonner 248
Pivoter
objets 139140
texte 238
Pixels Voir Images bitmap
Plan
de fuite droite, bote de dialogue 293
de travail, outil 127, 129130
Plans
de la grille
actifs 295, 303
actifs, placer du contenu 295
changement de 283, 287, 292, 295, 303
dplacer 292294, 303
dplacer en fonction dun objet 298299,
303
exemple 283
objets, dplacer entre 290
positionnement automatique 299
Voir aussi Perspective
de travail
activer 132
afficher dans le panneau Navigation
6062, 66
ajouter un document 127128
ajuster la fentre de document 3839,
54
aperu dune illustration 5657
contenu en tranches, modifier 401
contenu en tranches, prparer 400401
dfinition 16, 127
dplacer sans lillustration 131
exemple 60
illustration, masquer/rvler 272273
multiples 5760, 8890
multiples, configurer dans les
documents 8890
multiples, organiser 89
multiples, parcourir 5760
objets, aligner sur 79, 85
panneau 130, 132
redimensionner 129130, 149
rgions 60
rgles 133, 149
renommer 59, 131132, 149
rordonner 132
repres de fond perdu 131
supprimer 130
symboles et instances, dlier 427
utiliser 17
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

477

Plume, outil
apprendre utiliser 152153
courbes, dessiner 157, 163, 182
dessin avec, annuler 163
illustration symtrique, crer 166168
lignes, contraindre 155156
outil Slection, activer depuis 154
points
dancrage, modifier 173
dinflexion, convertir en sommets 160
161, 164166, 172174
suite de courbes, crer 159
tracs, fermer avec 166
PNG, fichiers 403, 414
Poignes de direction
propos 73
courbes, ajuster 158
dfinition 157
retirer dun point dancrage 160161
Point dexclamation, icne 410
Pointes de pinceau 345
aspect, changer 345
illustres 335, 345
utiliser 345, 346348
Pointeur
outil Crayon, astrisque 179181
outil Pinceau 342
rticule 153, 180
signe plus ct 63
Voir aussi Ajuster avec prcision
Points
dancrage
aligner 78
aligner avec les touches de direction
169
exemple 156
magntisme des repres 136
mettre en exergue 73
points dinflexion, convertir en
sommets 160161, 164166,
172174
slectionner 7274, 85
supprimer et ajouter 170172
tracs, couper 174
Voir aussi Poignes de direction
de fuite
dplacer 285
grilles prdfinies 303
perspective deux points 284
verrouiller 285
dinflexion
convertir en sommets 160161, 164
166, 172174
exemple 156
Polices de caractres
amliorations 10
couleurs 234
disponibles avec Illustrator 2
famille et style, changer 231233

478

Index

glyphes, rechercher 241


redimensionner 233
slectionner 232233
vectoriser 255, 257
Polygone, outil 17, 123
Polygones 17, 9799, 123
Ports
propos 225, 228
direction du texte li 229
illustrs 225
Prfrences
bote de dialogue 41
couleur des repres comments 95
espace de travail personnalis 5051, 66
luminosit de linterface utilisateur 41
par dfaut, restaurer 3
synchronisation, configurer 6
Profil manquant, bote de dialogue 38, 382
Profils
couleur manquante 38, 382
de largeur 108
document web 89
PSD, fichiers 445447, 460
Pulvrisation de symboles, outil 428

R
Raccourcis clavier
changement de plan 292
commande Zoom 53, 66
crnage, ajuster 238
dessin en perspective 287
formes, corriger 100
illustration, empcher de devenir des
instances de symbole 422
images, repositionner 461
instances de symbole, corriger 431, 433
objets, ajuster perpendiculairement 292
ordre de superposition, changer avec 432
outils
Main 55
Plume, contraindre avec la touche Maj
et les repres comments 155
slectionner 43
Zoom sur Mac OS 54
plan actif, slectionner 295, 303
points, dplacer avec les touches de
direction 169
polices de caractres, redimensionner 233
texte sur un trac, repositionner 253
transformations, contraindre 147
Rayon pour les dgrads radiaux 317
Rectangle
arrondi, outil 92
de slection
formes, supprimer 112
outil Zoom 5355
slections, effectuer 7374

outil
carrs, dessiner 123
rectangles, crer 17, 9194
Rectangles
arrondis
crer 9596
dessiner partir dun point central 92
rectangle, convertir en 368369
crer 17, 9194
dessiner partir dun point central 92
Redfinir les couleurs de lillustration, bote de
dialogue 205210, 219
Redimensionnement de symboles, outil 430
Redimensionner
contenu en perspective 289
panneaux 43, 47, 49
plans de travail 129130, 149
texte avec loutil Retouche de texte 238
tranches 403
Rgles
afficher 17
configurer pour lespace de travail 9091
de plan de travail 133, 149
dharmonie, menu 201
globales 133, 149
origines 133, 149
Remodeler du texte 248249
Remplacer
images lies ou incorpores 461, 463
symboles 425427
Renommer
groupe de couleurs 203
plans de travail 59, 131132, 149
symboles 428
Rordonner
attributs daspect 387
calques 265267, 279
plans de travail 132
Rpartir lespace entre les objets 7879
Repres
comments
activer/dsactiver 96, 155
couleur, changer 95
dfinition 71
indisponibles avec le magntisme de la
grille 94
objets, positionner 145
outils, contraindre avec la touche Maj
155
crer 133
dalignement 71
fond perdu, ajouter 131
points, aligner sur 136
Ressources 34
Restaurer
emplacement initial dun panneau 46,
5051
prfrences dIllustrator aprs une leon 3

Retirer
attributs daspect des calques 393
effets 360
formes de contour 340341, 354
objets de la perspective 302
Retouche de texte, outil
lettres, corriger 2934, 257
nouvelles fonctionnalits 9
texte, modifier avec 237239
Rvolution, effet 3D 376377, 379
Rotation
bote de dialogue 139
effet 3D 375, 379
RVB, mode colorimtrique 187

S
Segments de ligne
dfinition 157
incurvs, modifier 169170, 182
pointills 175176
tracs, dcouper 174
utiliser 101103
Voir aussi Tracs
Slecteur de couleurs 18, 194196
Slection
de perspective, outil 289290, 295
directe, outil
points dancrage, slectionner 154
segments dune courbe, modifier 169
170, 182
slections, effectuer 72, 85
directe progressive, outil 85
outil
objets en perspective, dplacer avec
289290
tracs, slectionner 153155
utiliser 7072
Slectionner
couleur de fond 18
et enregistrer des objets 75, 85
fichiers des leons 70
groupes 8081
objets
avec des rectangles de slection 7374
en mode Tracs 76, 101
en perspective 289290
masqus ou verrouills 84, 85
semblables 75
ordre de superposition et 82
outils 43, 66
Baguette magique 7475
masqus 43
Retouche de texte 237
points dancrage 7274, 85
texte 232
tracs 153155
Voir aussi Slection, outil ; Slection
directe, outil
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

479

Sens dun dgrad dobjets 325326, 330


Sommets
dessiner sur une ligne courbe 182
illustrs 156
points dinflexion, convertir en 160161,
164166, 172174
Souscalques
crer 263
ferms, parcourir 263
fusionner 273274
icne de cible, faire glisser et copier 276
supprimer 262
Voir aussi Calques
Spcial, commande 276
Spirales 100
Styles graphiques
appliquer
des jeux de symboles 432
du texte 396
propos 288
calques 393, 414
code CSS
copier 410412
exporter 412414
crer et appliquer 390391
dfinition 389
existants, appliquer 389390
fichiers des leons 382
mettre jour 391392
mettre lchelle les contours et les effets
395
multiples 394395, 414
panneau 389
utiliser 380, 394395, 414
Stylisation de symboles, outil 432
Supprimer
calques 262
effets 365, 379
espaces de travail 51
tape de dgrad 313
plans de travail 130
points dancrage 172
prfrences dIllustrator 3
Surimpression de blanc, option 12
SVG (Scalable Vector Graphics) 413
Symboles
ajouter la grille de perspective 300
propos 416
calques 419, 427
crer 2634, 422
dans des documents enregistrs 436
dfinition 26, 419
enregistrer dans des bibliothques 434, 435
exporter pour Flash 435
fichiers des leons 418
lien avec les instances, rompre 427
mettre jour 436

480

Index

modifier 421, 423425, 428


en perspective 300301
panneau
propos 416
illustration, stocker et retrouver dans
434435
Illustrator 419
symboles, rorganiser 422
plaquer sur une illustration 3D 435
pulvriser 428430
remplacer 425427
slectionner dans une bibliothque 419
421, 434436
Voir aussi Instances de symboles ; Jeux de
symboles
Synchroniser
propos 65
conflits 6
paramtres 5, 7, 9
Systmes informatiques
conflits lors de la synchronisation 6
instructions 1
luminosit de linterface utilisateur, ajuster
41
synchronisation dIllustrator CC 5

T
Teintes 198199
Texte
amliorations 10
attributs
dans le panneau Caractre 235236
de paragraphe 240
captif 223, 225226, 229
colonnes et lignes 229
compar au texte de point 225
crer 224
texte de point, convertir en 225226
colonnes, crer 229
convertir en tracs 255, 257
couleur de police 234
crnage 238, 241242
dformer 248249
de point 223, 225226
compar au texte captif 225
convertir en texte captif 225226
crer 223
effets, appliquer 366367
en excs 225, 228, 257
en perspective 296
enveloppe de dformation, annuler 250
famille et style de police, changer 231233
fichiers des leons 222
formats de fichiers compatibles 228
glyphes 241242
habiller des objets 255
importer 226228
interligne 235, 244

lettres, corriger 2934


li 228229, 257
masque dcrtage, crer 453
mettre lchelle 237239
mise en forme 248
CSS 408409
modifier
en perspective 296
outil Retouche de texte 237239
outil
pointeurs et icnes 251, 253
zones de texte, crer 224, 225, 257
pivoter 238
placer sur un calque spar 261
polices de caractres, slectionner
232233
proprits, modifier avec loutil Retouche
de texte 237239
redimensionner et remodeler 242244
styles
de caractre 246247, 257
de paragraphe 244246, 257
graphiques, appliquer 396
sur un trac 251
taille de police, modifier 233
visite guide 2934
Voir aussi Caractres ; Documents; Voir
aussi Polices de caractres
Touches
de direction
crnage, ajuster avec 238
images, repositionner avec 461
points dancrage, aligner avec 169
Maj
outil Plume, contraindre avec les
repres comments et 155
transformations, contraindre avec 147
Tracs
aspect 29
composants 156
contour, dcaler 371
couper avec loutil Cutter 176178
courbes 157, 163
crer avec loutil Crayon 179181
dcomposer en 123
dcouper 174
dfinition 104
dgrads de couleurs lisses 327
dessiner avec loutil Plume 152153
ferms 166, 176178, 181
compars aux tracs ouverts 104
crer 176178, 181
texte, ajouter sur 252253
formes, appliquer aux 359
fusionner 356
impact
de la peinture dynamique 215
des outils Pinceau et Forme de tache
354

mode 56, 76, 101


modifier avec loutil Pinceau 338339,
346, 359
nouveaux, indiqus par lastrisque 179181
ouverts
compars ferms 104
joindre 103104
texte, ajouter sur 251252
utiliser 101103, 174
pointes de flches, ajouter 178
sans fond, slectionner 104
slectionner 153155
sens dun dgrad dobjet, modifier 325326,
330
texte sur 251
transparents 454
crer partir de formes de lettres 454
Voir aussi Poignes de direction ; Points
dancrage
Transformation
manuelle, outil 12, 146148
multiple 148
options 102
panneau 97
Transparence
ajouter un dgrad radial 321322
modifier avec un masque dopacit 455456
utiliser 378

U
Units de mesure 88, 90

V
Vectorisation de limage, outil
images, vectoriser 119121, 123
photos, convertir en images vectorielles 33
Vectoriser
contour 108109
images bitmap
convertir en tracs 123
tapes 119121, 123
outil Vectorisation de limage,
employer 33
peaufiner 121
texte 255, 257
Verrouiller/dverrouiller
calques 267268
grille de perspective 286
objets 84
tranches 403
Visite guide 1514
couleur, appliquer 18
dgrads de formes 21
documents, crer 1634
formes 29
complexes, dessiner 1934
dessiner 17
ADOBE ILLUSTRATOR CC CLASSROOM IN A BOOK

481

Visite guide (suite)


illustrations dans les calques, organiser 22
importation dimages 33
masque dcrtage 2834
motifs 2434
ombre porte, ajouter 34
outil Largeur 23
perspective 3134
photos, convertir en images vectorielles 33
symboles partir dune illustration 2634
texte 2934

W
Widget de changement de plan 283, 287, 295,
303
Windows Voir Systmes informatiques
Word Voir Microsoft Word

482

Index

Z
Zones
de dpt 44
de texte 224, 225, 257
de travail 41, 60
de vignette 61
non imprimable 60
Zoomer
ajuster avec prcision 93
commandes Zoom avant/arrire 5253
contenu en perspective, redimensionner
en utilisant 289
outil Zoom 5355, 66
points de fuite, afficher 288
utiliser pour la combinaison de formes
110

S-ar putea să vă placă și