AdbIllustrator Tutorial

7/28/2019 AdbIllustrator Tutorial

1/357

Adobe Illustrator 8.0-CS5

Vincent Isoz, 2012-04-07 (V5.0 Revision 8)

Toute personne qui reconnait dans ce document un tutorial dont elle serait l'auteur et pour lequelelle aurait pos un droit de reproduction et qui pourra le prouver, pourra en demander lasuppression du prsent support.


2/357

Vincent Isoz Sciences.ch

Adobe Illustrator 2/358

Abstract

Ce support est utilis dans le cadre des formations Adobe Illustrator que je dispense. Enaucun, cas ce dernier est complet sans une introduction thorique propre et rigoureuse aux

technologies numriques du graphiste, l'ergonomie de travail et la thorie (nonmathmatique) de la couleur.

J'ai dcid de crer ce document cause du ras-le-bol des sites Internet qui proposent desbons tutoriaux mais qui:

1. Disparaissent aprs un an ou deux souvent (ou au maximum 5 7 ans)2. Proposent des tutoriaux sous un format non adapt tel que le sont les pages web3. Proposent une grande quantit de tutoriaux mais chaque fois sur des pages

diffrentes, ou une langue diffrente, d'o une grande perte de temps.cependant cela n'empche pas que j'ai un certain ras-le-bol quand mme des changements auniveau de l'interface des logiciels d'Adobe (et pas qu'eux), raison pour laquelle je ne met plus jour les captures d'cran.

Les exercices proposs ci-dessous sont sous leur forme lmentaire! Il est du rle duformateur d'informer le participant des possibilits supplmentaires et des mthodes de travail

professionnelles et rigoureuses relatives chaque exercice et au participant de complter cesupport avec des notes personnelles en quantit (car il n'y de loin pas toutes les subtilits quiont t rdiges ici).

Je tiens par ailleurs prciser au lecteur surpris de la prsence de certains outils dedessins l'utilisation plus que discutable que ce logiciel n'est pas utilis que dansl'industrie et l'administration mais aussi dans le monde la bande dessine (manga,comics et autres...) pensez-y!

Il y a de nombreuses marques dposes qui sont nommes dans le prsent support. Plutt qued'utiliser le symbole du trademark sur chaque occurrence de marque nomme, j'ai choisid'utiliser le nom seul uniquement dans un souci d'esthtique ditoriale (ce qui devrait aussi

bnficier au propritaire de la marque), sans aucune intention de violer une quelconquerglementation ou lgislation.

Pour terminer, je voudrais remercier ici les quelques collgues et clients qui ont bien voulume faire part de leurs remarques pour amliorer le contenu de ce livre lectronique. Il estcependant certain qu'il est encore perfectible sur de nombreux points.

Si vous souhaitez tre inform des nouvelles versions majeures de ce document n'hsitez pas m'crire un mail dans ce sens:[email protected].
mailto:[email protected]:[email protected]:[email protected]:[email protected]


3/357



Table des matires

Contents

Abstract ...................................................................................................................................... 2Table des matires ...................................................................................................................... 3Votre avis nous intresse! .......................................................................................................... 5Gallerie ....................................................................................................................................... 6Historique ................................................................................................................................. 10Liens Internet ............................................................................................................................ 14Information importante (Prfrences) ...................................................................................... 15Outils ........................................................................................................................................ 18Formes ...................................................................................................................................... 30Modes de calques ..................................................................................................................... 31Impression offset ...................................................................................................................... 34Colorimtrie ............................................................................................................................. 35Types d'images ......................................................................................................................... 37

Nouveauts des versions .......................................................................................................... 39Exercice 1.: Colorimtrie lmentaire ...................................................................................... 41Exercice 2.: Slecteur de couleurs et tons directs (Pantones) .................................................. 44Exercice 3.: Utilisation des profils ICC ................................................................................... 46Exercice 4.: Personnalisation de base de l'environnement ....................................................... 51Exercice 5.: Outils de slection ................................................................................................ 53Exercice 6.: Palette contours .................................................................................................... 58Exercice 7.: Dupliquer par symtrie ......................................................................................... 61Exercice 8.: Dcalage VS Mise l'chelle ............................................................................... 64

Exercice 9.: Forme de pinceau tire (forme artistique) .......................................................... 67Exercice 10. Forme diffuse ...................................................................................................... 70Exercice 11. Joindre des tracs ................................................................................................ 73Exercice 12.: Pathfinder (oprateurs boolens) ........................................................................ 78Exercice 13.: Roue dente ........................................................................................................ 89Exercice 14.: Grilles ................................................................................................................. 92Exercice 15. Bases de la palette Teintes .................................................................................. 97Exercice 16.: Damier 3D ........................................................................................................ 102Exercice 17.: Sphre texture ................................................................................................. 106Exercice 18.: Vectorisation du texte ...................................................................................... 113Exercice 19. Changer rapidement le mode colorimtrique .................................................... 115Exercice 20.: Texturage d'une forme 3D avec du texte .......................................................... 118Exercice 21.: Texturage d'un texte 3D ................................................................................... 122Exercice 22. Effet rapidograph ............................................................................................... 125Exercice 23.: Guilloch .......................................................................................................... 128Exercice 24.: Cadran de montre ............................................................................................. 132Exercice 25.: Introduction au dgrad de formes ................................................................... 133Exercice 26. Rapidograph toil avec dgrad Pantone ........................................................ 136Exercice 27. Texte avec dgrad de formes ........................................................................... 139Exercice 28.: Vague de dgrad ............................................................................................. 141Exercice 29.: Dgrad de formes sur une courbe ................................................................... 142Exercice 30.: Dgrads de formes avec distorsion ................................................................. 147Exercice 31.: Texte en spirale ................................................................................................ 152


4/357



Exercice 32.: Outil Tourbillon ............................................................................................... 154Exercice 33.: Introduction l'Outil Filet ................................................................................ 158Exercice 34.: Cration d'un effet d'ombre projete ................................................................ 161Exercice 35.: Introduction l'Outil Plume ............................................................................. 163Exercice 36.: Outil d'alignement et de distribution ................................................................ 166Exercice 37.: Dcouverte de la palette d'Aspect .................................................................... 171Exercice 38.: Crer une carte ................................................................................................. 174Exercice 39.: Crer une perspective manuellement ............................................................... 187Exercice 40.: Cration d'un hachurage ................................................................................... 192Exercice 41. Introduction au Masque d'opacit ..................................................................... 195Exercice 42. Introduction au Masque d'crtage .................................................................... 201Exercice 43.: Importer une image et dcalquer ...................................................................... 203Exercice 44.: Introduction l'outil Pot de peinture dynamique ............................................. 207Exercice 45.: Vectorisation d'une image et coloriage ............................................................ 209Exercice 46. Petite fleur raliste ............................................................................................. 213Exercice 47. Bouquet hyperraliste avec l'Outil Filet ............................................................ 216Exercice 48.: Dcalquage hyperraliste avec l'Outil Filet ...................................................... 217Exercice 49. Cration d'un collier de perles .......................................................................... 221Exercice 50. Rvolution 3D ................................................................................................... 227Exercice 51. Rvolution 3D avec masque .............................................................................. 230Exercice 52. Aqua-style ......................................................................................................... 236Exercice 53.: Histogramme 2D .............................................................................................. 238Exercice 54.: Camembert 2D et 3D ....................................................................................... 240Exercice 55.: Canette hyperraliste ........................................................................................ 247Exercice 56.: Dcalquage simple avec l'outil Plume.............................................................. 256Exercice 57.: Cration d'un petit flyer .................................................................................... 264Exercice 58.: Portable hyperraliste ....................................................................................... 286Exercice 59.: Cartoon ............................................................................................................. 293Exercice 60.: Utilisation des symboles .................................................................................. 304Exercice 61.: Outil Halo ......................................................................................................... 308Exercice 62.: Cartoon 3D ....................................................................................................... 311Exercice 63.: Outil Perspective .............................................................................................. 319Exercice 64.: Dcalquer un cartoon ....................................................................................... 332Exercice 65.: Recadrage pour l'impression ............................................................................ 334Exercice 66.: Importer un fichier Photoshop ......................................................................... 336Exercice 67.: Animation Gif (Image Ready) ......................................................................... 340Exercice 68.: Animation Flash ............................................................................................... 342Exercice 69. Fondamentaux pour la prparation d'impression .............................................. 346

Exercice 70. Surimpression du noir ....................................................................................... 349Exercice 71. Recouvrement de bords ..................................................................................... 351Exercice 72. Scripts ................................................................................................................ 357


5/357



Votre avis nous intresse!

En tant que lecteur de ce document, vous tes le critique et le commentateur le plus important.Votre opinion compte et il est trs intressant de savoir ce qui est bien, ce qui peut tre mieux

et les sujets que vous souhaiteriez voir tre traits.

Vous pouvez m'envoyer un e-mail pour partager ce que vous avez aim ou dtest dans leprsent document afin d'en assurer une amlioration continue.

Notez que malheureusement, je ne peux pas rpondre gratuitement des questions techniques

d'ingnierie ou de problmatique d'entreprise par e-mail pour des raisons professionnelles

videntes.

E-mail:[email protected]
mailto:[email protected]:[email protected]:[email protected]:[email protected]


6/357



Gallerie

Si jamais, voici dans les extrmes ce que l'on peut faire avec Adobe Illustrator aprs 2semaines de cours (sources: http://www.khulsey.comet http://venus.oracchi.com), beaucoup

de pratique et un sens artistique trs dvelopp:
http://www.khulsey.com/http://www.khulsey.com/http://www.khulsey.com/http://venus.oracchi.com/http://venus.oracchi.com/http://venus.oracchi.com/http://www.khulsey.com/


7/357




8/357



ou encore (celui-l par contre on peut le faire pendant la formation au niveau temps c'est

parfois jouable):

ou encore:


9/357




10/357



Historique

Un petit historique ne faisant jamais de mal:

D'abord il est important de rappeler que les courbes de Bzier (qui sont la base du

fonctionnement d'Adobe Illustrator et la majorit des logiciel de DAO/CAO) ont t dcritesmathmatiquement pour la premire fois en 1962 par l'ingnieur franais Pierre Bzier qui lesutilisa pour concevoir des pices d'automobiles l'aide d'ordinateurs (pour plus d'informationsvoir Wikipedia).

Versions successives depuis 1987

Version Plate-forme Nom de code Date de commercialisation

1.0 Mac OS Picasso Janvier 1987

1.1 Mac OS Inca Mars 1987

88 Mac OS 1988

2.0 Windows Pinnacle 1989

3.0 Mac OSNeXTUnices

Desert Moose 1990

3.5 Silicon Graphics 1991

4.0 Windows Kangaroose 1992

3.5 Solaris 1993

5.0 Mac OS Saturn Juin 1993

5.5 Mac OSSolaris Janus 1994


11/357





4.1 Windows 1995

6.0 Mac OS Popeye 1996

7.0 Mac OSWindows

Simba 1997 (l'anne de ma dcouverte...)

8.0 Mac OSWindows

Elvis 1998


12/357





9.0 Mac OSWindows

Matisse 2000

10.0 Mac OS

Windows

Paloma 2001

CS (11.0) Mac OSWindows

Pangaea/Sprinkles 2003

CS2 (12.0) Mac OSWindows

Zodiac 2005


Jason 2007


13/357






Sonnet 2008


?? 2010


14/357



Liens Internet

http://www.khulsey.comle meilleur illustrateur sur la plante Terre mon avis

(allez voir le site pour constater les limites d'Illustrator).

http://www.istockphoto.compour acheter sous licence des milliers d'illustrations, dgrads, textures vectorielles

http://www.vector-finder.comde magnifiques images vectorielles gratuites par millier (EPS, AI)
http://www.khulsey.com/http://www.khulsey.com/http://www.istockphoto.com/http://www.istockphoto.com/http://www.vector-finder.com/http://www.vector-finder.com/http://www.vector-finder.com/http://www.istockphoto.com/http://www.khulsey.com/


15/357



Information importante (Prfrences)

Il s'agit juste ici d'indiquer les quatre prfrences les plus changes dans le monde desutilisateurs Adobe Illustrator et dont nous ferons quelques fois usage dans le cadre de ce

support.

Copier/Coller

Lorsque vous faites un Copier/Coller d'un trac Adobe Illustrator dans Adobe Photoshop,l'lment coll se retrouve pixellis. Il est cependant assez frquent que l'on souhaite que letrac soit reconnu en tant quel tel aussi dans Adobe Photoshop.

Il faut alors changer une proprit dans Adobe Illustrator pour arriver cela!

Dans ditions/Prfrences/Fichier et Presse-Papier.... Ensuite, il suffit d'activer l'option

mise en vidence ci-dessous ou de simplement s'assurer qu'elle est active (cela dpend desversions d'Illustrator):

Units

Souvent dans Illustrator vous ferez des illustrations dont vous souhaiterez connatre la tailledans une unit mtrique donne. Ds lors dans ditions/Prfrences/Units etperformances d'affichage..., choisissez ce qui convient le mieux votre besoin:


16/357



Aide au dessin (axes de symtr ies) et incrments

Au mme titre que dans MS Office Visio et AutoCAD il peut tre trs utile dans certainescirconstances d'avoir des aides au dessin relativement aux axes de symtries et

perpendiculaires lors de l'utilisation de l'Outil Plume:

ou:


17/357



etc.

Pour avoir ces aide au dessin, soit on fait Ctrl+U lors du dessin, soit dansditions/Prfrences/Gnrales... on dcoche l'option Dsactiver Ajouter/Suppressionauto:

nous y retrouvons galement l'option Incrments clavier utilise par les personne qui aimentbien dplacer leurs objets avec les flches du clavier de manire plus ou moins prcise.


18/357



Outils

Les tableaux qui suivent ont pour information simplement t pris de l'aide en ligne dulogiciel.

L'Outil Slection (V)slectionne des objetsentiers.

L'Outil Slectiondirecte (A)slectionne des pointsou des segments detrac l'intrieur desobjets.

L'Outil Slectiondirecte progressiveslectionne des objetset des groupes l'intrieur de groupes.

L'Outil Baguettemagique (Y)slectionne des objetsayant des attributssimilaires.

L'Outil Lasso (Q)slectionne des pointsou des segments detrac l'intrieur desobjets (trs utile avecl'Outil Filet)

L'Outil Plume (P)trace des droites et descourbes pour crer desobjets.

L'Outil Ajout depoint d'ancrage (+)ajoute des pointsd'ancrage aux tracs.

L'Outil Suppressionde point d'ancrage (-)supprime des pointsd'ancrage des tracs.


19/357



L'Outil Conversionde point directeur(Maj+C) transformeun point d'inflexion ensommet et vice versa.

L'Outil Textecurviligne (T) cre dutexte et des objetstexte et vous permet desaisir et de modifier dutexte.

L'Outil Texte captiftransforme les tracsferms en objets texteet vous permet desaisir et de modifier dutexte l'intrieur.

L'Outil Textecurviligne change letrac en trac de texteet vous permet desaisir et de modifier dutexte le long du trac.

L'Outil Texte vertical credu texte vertical et des objetstexte verticaux et vous permetde saisir et de modifier dutexte vertical.

L'Outil Texte captif verticaltransforme les tracs ferms enobjets texte verticaux et vous

permet de saisir et de modifierdu texte l'intrieur.

L'Outil Texte curvilignevertical change le trac entrac de texte vertical et vous

permet de saisir et de modifierdu texte le long du trac.


20/357



L'Outil Trait (\) tracedes lignes droites.

L'Outil Arc trace descourbes concaves ouconvexes.

L'outil Spirale tracedes spirales dans lesens des aiguilles d'unemontre et dans le sensinverse.

L'Outil Grillerectangulaire tracedes grillesrectangulaires.

L'Outil Grille coordonnes polairestrace des grilles detableau circulaires.

L'Outil Rectangle(M) dessine des carrset des rectangles.

L'Outil Rectanglearrondi dessine descarrs et des rectanglesaux angles arrondis.

L'Outil Ellipse (L)dessine des cercles etdes formes ovales.


21/357



L'Outil Polygone(Maj+L)dessine desformes rgulires

plusieurs cts.

L'Outil Etoile dessinedes toiles.

L'Outil Halo cre deseffets de type halo ourayon de soleil.

L'Outil Pinceau (B)dessine des droites main leve et deslignes calligraphiques,ainsi que des formesartistiques et desmotifs sur les tracs.

L'Outil Crayon (N)dessine et modifie desdroites main leve.

L'Outil Arrondiarrondit les courbes deBzier.

L'Outil Gomme effaceles tracs et les pointsd'ancrage de l'objet(attention ne pas partir

trop loin du trac sinoncela ne gomme pas).

L'Outil Rotation (R)fait pivoter les objets

autour d'un point fixe.


22/357



L'Outil Miroir (O)cre le symtrique desobjets par rapport unaxe fixe.

L'Outil Mise l'chelle (S)redimensionne lesobjets autour d'un

point fixe.

L'Outil Dformationdforme les objetsautour d'un point fixe.

L'Outil Modelagelisse ou courbe untrac (dj courbe oudroit l'origine) touten conservant sa formegnrale (ne marche

pas avec les formes

disponibles dans )

L'Outil Dformation(Maj+R) faonne les

objets grce aumouvement du curseur(comme de la pte modeler).

L'Outil Tourbillonajoute des effets de

tourbillon un objet.

L'Outil Contractiondiminue le volume des

objets.

L'Outil Dilatationaugmente le volume

des objets.


23/357



L'Outil Festons donneun aspect festonn aucontour d'un objet.

L'OutilCristallisation donneun aspect cristallis aucontour d'un objet.

L'Outil Froncesdonne un aspect froncau contour d'un objet.

L'OutilTransformationmanuelle (E)met l'chelle, fait pivoterou dforme uneslection (sans que l'on

puisse slectionnerautre chose parmgarde)

L'Outil Pulvrisationde symboles (Maj+S)

place une sried'instances desymboles sur le plan detravail. En maintenantla touche Alt enfoncele pulvrisateur efface.

L'Outil Glissement desymboles dplace lesinstances de symboles.

L'Outil Espacementde symbolesrapproche lesinstances de symboles.

L'OutilRedimensionnementde symbolesredimensionne lesinstances de symboles.


24/357



L'Outil Rotation desymboles fait pivoterles instances desymboles.

L'Outil Coloration desymboles colore lesinstances de symboles.

L'Outil Transparencede symboles opacifieles instances desymboles.

L'Outil Stylisation desymboles applique lestyle slectionn auxinstances de symboles.

L'Outil Graphe barres verticales (J)

positionne les barresverticalement.

L'Outil Graphe barres verticalesempilesempile les

barres les unes sur lesautres.

L'Outil Graphe barres horizontales

positionne les barresverticalement.

L'Outil Graphe barres horizontalesempiles empile les

barres et les positionnehorizontalement.


25/357



L'Outil Graphelinaire indique latendance d'un ou

plusieurs lments surune certaine dure.

L'Outil Graphe couches met l'accentsur les totaux etl'volution des valeurs.

L'Outil Graphe nuages de pointsreproduit les donnessous forme de pointsdfinis par uneabscisse et uneordonne.

L'Outil Graphesectoriel cre ungraphe circulaire dontles parts reprsententles donnes en

pourcentages du total.

L'Outil GrapheRadar utilise un cercle

permettant decomparer des groupes

de valeurs unmoment donn ou dansdes catgories

particulires.

L'Outil Filet (U)creet modifie des filets etdes enveloppes defilets.

L'Outil Dgrad decouleurs (G)dfinitles points de dpart etd'arrive et l'angle des

dgrads au sein d'unobjet.

L'Outil Pipette (I)prlve des attributs decouleur ou de texte surdes objets.


26/357



L'Outil Pot depeinture (K) remplitdes objets vectorielsavec les attributs dedessin ou de textechantillonns.

L'Outil Mesuremesure la distanceentre deux points.

L'Outil Dgrad deformes (W) cre undgrad entre la formeet la couleur de

plusieurs objets.

L'Outil Tracautomatique trace lescontours d'une image

pixellise pour crerun objet vectoriel bassur l'image.

L'Outil Tranche(Maj+K)divise uneillustration en

plusieurs images Webdistinctes.

L'Outil Slection detrancheslectionne destranches Web.

L'Outil Ciseaux (C)dcoupe les tracs des points spcifiques.

L'Outil Cutter coupeles objets et les tracs.


27/357



L'Outil Main (H)dplace leplan de travail Illustrator dansla fentre d'illustration.Rappelons qu'un double clicsur l'outil main adapte lezoom du plan de travailautomatiquement.

L'Outil Page ajuste la grillede la page pour dterminerl'emplacement del'illustration sur la pageimprime (s'appelle Outillimites d'impression danscertaines versions).

L'Outil Zoom (Z)agrandit ourduit l'chelle de l'affichagedans la fentre d'illustration. Latouche Alt du clavier inverse lezoom lorsque l'outil est activ etla barre d'espace activetemporairement l'Outil Main.Un double clic met le plan detravail 100%.

L'Outil Plan de travailcre des plans de travailspars pour l'impressionou l'exportation.

L'Outil Pot de peinturedynamique (K) peint lesfaces et les bords desgroupes de peinturedynamique avec lesattributs de peinture actifs.Faire Atl+Flches pourchanger de couleurs parrapport au nuancier actif.

L'Outil Slection de peinturedynamique (Maj + L) slectionne lesfaces et les bords des groupes de

peinture dynamique.


28/357



L'Outil Forme de tache

(Maj + B) dessine destracs qui se dcomposentautomatiquement etfusionne les tracs avecformes calligraphiques dela mme couleur et sesuivant dans l'ordre desuperposition.


29/357



Pour rsumer:

Malheureusement il n'est pas possible ma connaissance de personnaliser le contenu oul'ordre des boutons de la barre d'outils depuis Illustrator 8.0 CS5.


30/357



Formes

Illustrator propose quatre types de formes: calligraphique, diffuse, artistique et de motif.

Vous pouvez obtenir les effets suivants l'aide de ces formes:

Les formes calligraphiques crent des contours qui semblent dessins au stylet, et quel'on aurait fait passer au centre du trac.

Les formes diffuses dispersent les copies d'un objet (une coccinelle ou une feuille, parexemple) le long du trac.

Les formes artistiques tirent une forme ou une forme d'objet de manire homogne lelong du trac.

Les formes de motifdessinent un motif compos d'lments individuels qui se rptentsur le trac. Elles comportent jusqu' cinq lments pour les cts, les coins intrieurs etextrieurs, le dbut et la fin du motif.

Exemples de formes A. Forme calligraphique B. Forme diffuse C. Forme artistique D. Forme de motif

Les formes diffuses et les formes de motif donnent souvent le mme rsultat, ladiffrence prs que les formes de motif suivent exactement le trac, contrairement aux formesdiffuses.

Les flches d'une forme de motif se courbent pour suivre le trac ( gauche), tandis que lesflches restent droites dans une forme diffuse ( droite).


31/357



Modes de calques

Les options des modes de dessin permettent de dterminer quels pixels seront affects par unoutil de dessin ou de retouche. Les modes de fusion des calques fonctionnent sur le mme

principe, mais il est plus simple de voir le rsultat obtenu l'aide d'un outil spcifique.

Ici, nous allons dessiner sur le calque 1 (contenant une simple photographie) l'aide de l'OutilPinceau, et faire varier le mode de fusion de l'outil pour chaque essai, afin de voir lesdiffrents effets obtenus: Calque 1 reste enmode Normal et utilisation de l'Outil Pinceau surCalque 2 que nous faisons varier du mode Normal Luminosit).

:: Mode Normal::

Chaque pixel sur lequel passe l'outil de dessin est peint dans la couleur finale. C'est le modepar dfaut de chaque outil.

:: Mode Produit::

Ce mode multiplie la couleur d'origine de la photographie par la couleur de dessin. La couleurissue du dessin est toujours plus sombre. Lorsqu'il est appliqu une couleur quelconque et du noir, ce mode donne du noir. Lorsqu'il est appliqu une couleur quelconque et du blanc,la couleur n'est pas modifie.

:: Mode Superposition::

Ce mode multiplie l'inverse de la couleur d'origine de la photographie par l'inverse de lacouleur de dessin. La couleur issue du dessin est toujours plus claire. Lorsqu'il est appliqu du noir, ce mode ne modifie pas la couleur. Lorsqu'il est appliqu du blanc, il donne du

blanc.

:: Mode Incrustation::

Applique le mode Produit ou Superposition selon la couleur d'origine de la photographie. Lescouleurs ou les motifs sont superposs aux pixels existants, mais les zones claires et sombresde la couleur de base sont conserves. Cette dernire n'est pas remplace mais mlange lacouleur de dessin pour conserver la luminosit de la couleur d'origine.

:: Mode Lumire Tamise::

Eclaircit ou assombrit les couleurs, en fonction de la couleur de dessin. L'effet revient claircir l'image avec une lumire diffuse. Si la couleur de dessin (source lumineuse) contientmoins de 50% de gris, l'image est claircie, comme si on lui avait appliqu l'outil Densit - .En revanche, si la couleur de dessin contient plus de 50% de gris, l'image est assombriecomme si on lui avait appliqu l'outil Densit + . L'utilisation de blanc ou de noir pur donneune zone nettement plus sombre ou plus claire, mais ne produit pas un blanc ou un noir pur.

:: Mode Lumire Crue::

Applique le mode Produit ou Superposition, en fonction de la couleur de dessin. L'effet

revient clairer l'image avec une lumire crue. Si la couleur de dessin (source lumineuse)contient moins de 50% de gris, l'image est claircit comme si on lui avait appliqu le mode


32/357



Superposition. Si la couleur de dessin contient plus de 50% de gris, l'image est assombriecomme si on lui avait appliqu le mode Produit. Ce mode est donc utile pour claircir ouobscurcir une image. L'utilisation de noir ou de blanc pur donne du noir ou du blanc pur.

:: Mode Densit couleur -::

Eclaircit la couleur de base de la photographie en fonction de la couleur de dessin.L'utilisation du noir comme couleur de dessin ne produit aucun effet.

:: Mode Densit couleur +::

Assombrit la couleur de base de la photographie en fonction de la couleur de dessin.L'utilisation de blanc comme couleur de dessin ne produit aucun effet.

:: Mode Obscurcir::

Slectionne la couleur de base de la photographie ou de dessin la plus sombre pour produire lacouleur finale. Les pixels plus clairs que la couleur de dessin sont remplacs, tandis que ceuxqui sont plus sombres restent inchangs.

:: Mode Eclaircir::

Slectionne la couleur de base de la photographie ou de dessin la plus claire des deux pourproduire la couleur finale. Les pixels plus foncs que la couleur de dessin sont remplacs,tandis que ceux qui sont plus clairs restent inchangs.

:: Mode Diffrence::

Soustrait la couleur de dessin ou la couleur de base de la photographie ou vice versa, seloncelle qui prsente la luminosit la plus leve. L'utilisation du blanc inverse les valeurs de lacouleur de base, celle du noir ne produit aucun changement.

:: Mode Exclusion::

Cre un effet similaire bien que plus faible que le mode Diffrence. L'utilisation du blancinverse les valeurs colorimtriques de la couleur de base, tandis que le noir ne produit aucunchangement.

:: Mode Teinte::

Cre une couleur rsultante en associant la luminance et la saturation de la couleur de base dela photographie la teinte de la couleur de dessin.

:: Mode Saturation::

Cre une couleur finale en associant la luminance et la teinte de la couleur de base de laphotographie la saturation de la couleur de dessin. Si vous dessinez dans ce mode dans unezone prsentant une saturation nulle (grise), il n'y a aucun changement.

:: Mode Couleur::


33/357



Cre une couleur rsultante en associant la luminance de la couleur de base de la photographie la saturation et la teinte de la couleur de dessin. Les niveaux de gris sont conservs ; cemode est utile pour colorer des images monochromes ou pour teinter des images en couleur.

:: Mode Luminosit::

Cre une couleur finale en associant la saturation et la teinte de la couleur de base de laphotographie la luminance de la couleur de dessin. Ce mode produit l'effet inverse du modeCouleur.


34/357



Impression offset

Reprsentation schmatique simplifie de l'impression Offset (parmi les nombreusestechniques flashage, flexigraphie, etc.) dont on parle souvent entre spcialistes dans le

graphisme:

et un bon indicateur pour le choix de la rsolution d'impression (source Wikipedia):

Distance du support Rsolution partir de laquelle un il humain moyen ne voitplus de diffrence

6.3 cm 1200 dpi

12.7 cm 600 dpi

20 cm 380 dpi

25.3 cm 300 dpi

30 cm 253 dpi

50 cm 152 dpi

76 cm 100 dpi

1 m 76 dpi

1,50 m 50 dpi

2 m 38 dpi

3 m 25 dpi

5 m 15 dpi

10 m 7.6 dpi

20 m 3.8 dpi


35/357



Colorimtrie

Modle TSL (Teinte, Saturation, Valeur) ou HSV (Hue, Saturation, Value) o la teintecorrespond au type de couleur, la saturation l'intensit de la couleur et la valeur sa

brillance:

Modle Lab pour Luminance (entre 0% (noir) et 100% (blanc)), a (gamme de l'axe rouge/vert(0 si L vaut 100%)), b (gamme de l'axe jaune/bleu (0 si L vaut 100%):

Notre mode de perception des couleurs est avant tout bas sur les performances de notre oeil.L'oeil humain a un panel dfinit de couleurs perceptibles, matrialises par un espace dfinit

par le CIE (Commission Internationale de l'clairage, qui mena une tude statistique descouleurs discernables par l'homme): l'espace CIE XYZ.

On utilise cependant plus communment l'espace Lab, qui est parfaitement quivalent au CIEXYZ mais qui offre une reprsentation diffrente de son gamut (le gamut dfinissant l'tenduedes couleurs d'un espace colorimtrique): L reprsente donc la luminosit avec des valeurs de0 100, a les couleurs du rouge au vert avec des valeurs de -128 +128, et b les couleurs du

bleu au jaune avec des valeurs identiques a.


36/357



Le Lab comme le RVB est un systme de couleur dit "neutre". En d'autres termes: sur unespace RVB par exemple, 3 valeurs de composantes identiques donneront un gris neutre, quoiqu'il arrive!


37/357



Types d'images

Le Tag(ged) Image File Format gnralement abrg TIFF est un format de fichier pourimage numrique compress ou non. Adobe en est le dpositaire et le propritaire initial (via

Aldus). Il supporte de nombreux espaces colorimtriques: noir et blanc, monochrome, palettede couleurs (de toute taille), RVB, YCbCr, CMJN, CIELab. Le principe du format TIFconsiste dfinir des balises (en anglais tags, d'o le nom Tagged Image File Format)dcrivant les caractristiques de l'image.

Windows Metafile (WMF) est un format d'image numrique sur les systmes MicrosoftWindows, conu au dbut des annes 1990 et de moins en moins utilis depuis l'avnementd'Internet et de l'utilisation massive d'autres formats comparables comme GIF, JPEG, et PNG.C'est un format bitmap supportant le dessin vectoriel, mais qui permet aussi l'inclusiond'images matricielles. WMF est un format 16-bit, introduit avec Microsoft Windows 3.0.

Ne peuvent pas toujours tre dissocies dans Word. Il faut parfois passer par Illustrator.

Enhanced Metafile (EMF) est un format d'image numrique pour les systmes MicrosoftWindows et de certains pilotes d'impression. Il s'agit d'une amlioration du type de fichierimage de type WMF (Windows Metafile) avec des donnes codes sur 32 bits et unemeilleure qualit.

Graphics Interchange Format (GIF) est un format d'image numrique bitmap supportant latransparence et l'entrelacement. Ce format utilise l'algorithme de compression sans perteLZW, nettement plus efficace que l'algorithme RLE utilis par la plupart des formats alorsdisponibles (PCX, ILBM puis BMP). Nombre de couleurs limites 256.

Le Portable Network Graphics (PNG) est un format ouvert d'images numriques, qui a tcr pour remplacer le format GIF, l'poque propritaire et dont la compression taitsoumise un brevet. Le PNG est un format non destructeur spcialement adapt pour publierdes images simples comprenant des aplats de couleurs. Nombre de couleurs limites 65536.

Bitmap (BMP), st un format d'image matricielle ouvert dvelopp par Microsoft et IBM.C'est un des formats d'images les plus simples dvelopper et utiliser pour programmer. Ilest lisible par quasiment tous les visualiseurs et diteurs d'images. Il est rarement compress(avec RLE) et support de 0 16.8 millions de couleurs.

Le format Encapsulated PostScript (EPS) est un format cr par Adobe Systems en langagePostScript qui permet de dcrire des images qui peuvent tre constitues d'objets vectorielset/ou bitmap (il repose donc sur des formulations mathmatiques vectorielles de la plupart deses lments. Il sait aussi traiter les images matricielles (en mode point)).

PostScript est devenu pratiquement un standard, la plupart des imprimantes lasers haut degamme peuvent traiter directement le format PostScript. Sur les autres ou les plus anciennes,il fallait utiliser un filtre logiciel en entre pour convertir le langage PostScript au formatraster comprhensible par les anciennes imprimantes. Le dveloppement du PostScript estarrt par Adobe depuis 2007, afin que le PDF puisse prendre la relve.

JPEG (Joint Photographic Experts Group). C'est un comit d'experts qui dite des normesde compression pour l'image fixe. La norme communment appele JPEG, de son vrai nom


38/357



ISO/IEC IS 10918-1 | ITU-T Recommendation T.81, est le rsultat de l'volution des travauxqui ont dbut dans les annes 1978 1980 avec les premiers essais en laboratoire decompression d'images. Permet 24 bits couleurs (16 millions). Utilise une forme familire de latransforme de Fourier et de l'algbre linaire.


39/357



Nouveauts des versions

Il m'a toujours t difficile de trouver un listing complet des nouveauts d'Illustrator pouvanttre importantes pour les utilisateurs dans les entreprises (je ne parle pas des graphistes de

mtier). Raison pour laquelle j'ai dcid depuis la CS (malheureusement pas avant car je n'enavais pas eu l'ide).

Donc au cas o cela pourrait servir quelqu'un et la demande des mes clients voici une liste(et si vous souhaitez me communiquer un oubli important n'hsitez pas!).

Il faut savoir qu'on retrouve bien videmment la liste des nouveauts complte de chaque dansle PDF disponible gratuitement dans l'aide du logiciel (PDF faisant entre 500 et 600 pages).

Adobe I ll ustrator 9

- Scripts avec traitement par lotsAdobe I ll ustrator CS

- Nouveaux effets 3D (extrusion, rvolution)- Gestion des styles de paragraphes et de textes- Bote d'insertion de caractres spciaux (caractres spciaux de certaines polices)- Nouvelles options pour les textes curvilignes

Adobe I l lustrator CS2

- Nouvelle barre d'outils- Possibilit de sauver des espaces de travail- Extensions des options d'enregistrement au format PDF- Possibilit de dplacer un texte sur un trac


- Palette des outils ( gauche) sur 1 ou 2 colonnes- Regroupement des palettes avec le receveur, simple ou double- Possibilit de mettre les palettes sous forme d'icnes- Palettes masques sur les cts en mode plein cran- Nouvelles options pour le pointeur de slection directe dans la barre d'outils suprieur

faon XPress (alignement de points, isolation d'un ensemble de tracs, convertir ensommets, afficher, masquer,)

- Nouvel outil Gomme pour effacer des surfaces de tracs (pour formes fermes ououvertes)

- Nouveaux repres des couleurs des calques ( ct des options activer/verrouiller dansla palette Calques)

- Nouvelle palette d'aperu des sparations (de couleurs pour l'impression)


40/357



- Nouvelles options des contrles de couleurs (dans le menu Edition/Modifier lescouleurs)

- Possibilit de dfinir des dgrads radial avec un angle et une dformation elliptique- Possibilit d'aligner des objets relativement au plan de travail via la palette

Alignement- Nouvelles options d'aligne de contour dans la palette Contour- Nouvelles options d'import de fichiers PSD


- Affichage de bulles de dimensions lors de la cration de formes- Cration de plans de travail multiples- Nouvel outil Forme de tache-

Amlioration de la palette des aspects (dition des effets, opacit par aspect)- Fusion des menus Filtres et Effets- Nouvelle options dans le menu Slection/Avec la mme apparence- Retour de la palette avec des styles de graphiques (dont des 3D!)- Nouvelle barre dynamique de dgrads et points de dgrads avec transparence

indpendant

- Nouvelle option pour faire des dgrads radiaux avec forme elliptique- Navigation par onglets intrieur au logiciel entre documents .ai


- Outil Largeur (ne marche pas avec le pinceau)- Outil Grille de Perspective et Outil de Slection de perspective- Dcomposition automatique du Pathfinder (Alt+Clic pour avoir ancien comportement)- Outil Concepteur de forme (fait la mme chose que la runion du Pathfinder)- Nouveaux mode de dessin "Dessin Normal", "Dessin arrire", "Dessin intrieur" (font

la mme chose que les masques ou le Pathfinder).

- Nouvelle options dans la palette Contour pour le pointill: Aligner les tirets sur lescrnels et les fins de trac tout en ajustant les longueurs.

pas le temps de lister pour l'instant...


41/357



Exercice 1.: Colorimtrie lmentaire

Crez sur une page en CMJN (avec profil colorimtrique adapt) un cercle en magenta sur uncalque nomm C.Magenta, un cercle en cyan sur un calque nomme C.Cyan et enfin un cercle

en jaune sur un calque nomm C.Jaune tel que prsent ci-dessous:

En activant la palette Transformation assurez-vous qu'ils aient tous la mme hauteur etlargueur (7 cm par 7 cm pour notre exemple)!:

ainsi cela vous montre comment contrler de manire prcise la taille des objets dansIllustrator.

Ensuite en cliquant sur chacun des cercles successivement avec l'Outil Slection mettez lemode de transparence de chaque calque en Produit:


42/357



Nous voyons donc les couleurs complmentaires la synthse soustractive qui est donc le

RVB de la synthse additive + le noir. Mais le noir est-il vraiment noir?

Pour vrifier cela, slectionnez les trois cercles en faisant un Ctrl+A et allez dans le menuObjet/Pixellisation. Laissez les options par dfaut (remarquez que l'on peut prendre unersolution suprieure aux 300 ppp propos par Adobe Illustrator lors de la cration d'unnouveau document):


43/357



et validez parOK. Ds lors, uniquement la slection est pixlise (ce qui se vrifie aismenten zoomant).

Maintenant, si vous prenez l'Outil Pipette et que vous cliquez sur la zone qui semblenoire, vous aurez:

Donc elle est noire en CMJN mais pas noire en RVB:

et vous pouvez faire la mme chose avec un document dfini en RVB avec trois cercles enRVB mais il faudra prendre le mode Eclaircir au lieu du mode Produit.


44/357



Exercice 2.: Slecteur de couleurs et tons directs (Pantones)

Quand on double clique sur le slecteur de couleur:

La bote de dialogue suivante apparat:

Contrairement Adobe Photoshop, nous remarquons que le mode Lab n'est pas prsent et quedans le bouton Nuancier les Pantones ne sont pas disponibles.

Pour accder aux couleurs Pantones, il faut ouvrir la palette Nuancier dans les options decelle-ci aller dans Ouvrir la bibliothque de nuances /Catalogues de couleurs/PantoneXXX. Une fois la palette de nuancier de pantone ouverte:

Le lecteur remarquera galement que contrairement Adobe Photoshop, il n'est pas possible

d'afficher les couleurs non imprimables.


45/357



Par ailleurs, lorsqu'on slectionne un couleur du spectre RVB non existant dans le spectreCMJN le symbole suivant apparat prs de la couleur:

Si vous choisissez une couleur non disponible dans les Couleurs Web uniquement (donc endehors de cette gamme) vous aurez alors le symbole suivant qui apparatra:


46/357



Exercice 3.: Utilisation des profils ICC

Nous allons voir ici comment mettre en pratique de manire simple les profils ICC dont votreformateur vous aura parl en dbut de cours.

D'abord il est bon d'aller sur internet tlcharger les dernires versions des profils ICC del'European Color Initiative l'adresse: http://www.eci.org dans la partie Offset de la pageweb.

Vous y trouverez (vers le milieu de la page) un fichier zip avec les profils ICC CMJN les pluscourants:

Dzippez aprs le tlchargement ce dossier qui contient des fichiers ICC et PDF explicatifssur votre disque local.

Prenez pour exemple un des profils de votre choix, copiez-le et collez-le ensuite dans ledossier:

C:\WINDOWS\system32\spool\drivers\color

Ensuite, importez (Fichier/Importer) avec liaison:
http://www.eci.org/http://www.eci.org/http://www.eci.org/


47/357



l'image Bdouin.psd suivante dans votre document Illustrator:

Bdouin.psd

Allez ensuite dans Editions/Couleurs et activez le Mode avanc:


48/357



Dj un premier rflexe avoir est de cocher les deux cases:

Ainsi, quand vous ouvrirez l'avenir une image dont le profil ICC est manquant ou dont leprofil ICC est non-concordant avec celui de l'espace de travail d'Illustrator, vous aurez alorslors de l'ouverture d'une image le message suivant:


49/357



Le choix dpend ensuite des besoins

Pour en revenir notre Profil ICC CMJN, rappelons nous souhaiterions pouvoir simuler lescouleurs d'impression (couleurs d'preuve) tlcharges du site de l'ECI.

Donc allez dans la partie Espace de travail et dans le champ CMJN choisissez tout en bas dela liste, le profil ICC pralablement copi:

Vous validez et vous aurez:

Ensuite, allez dans

Sinon pour attribuer un profil une image itinrante (chang entre graphistes et clients) il

faut aller dans Illustrator CS et antrieur dans Image/Mode/Attribuer un profil:

ou dans Illustrator CS2 et ultrieur dans Edition/Attribuer un profil

Quand vous validerez votre choix votre image va nettement changer de couleurs ((avant gauche, aprs droite sur mon cran):


50/357



Voil pour rsumer en gros en ce qui concerne les bases de la gestion des couleurs.

Allez ensuite dans le menu Affichage/Format d'preuver/Personnaliser et prenez les

paramtres tels que ci-dessous:

Remarque: Bien videmment il faut que l'cran soit aussi lui bien calibr (avec une sondeSpyder par exemple et une luminosit tournant autour des 90 cd/m2). Si il est trop lumineuxles couleurs vous paratront sombre l'impression alors qu'au fait c'tait votre cran qui n'tait

pas correctement rgl.


51/357



Exercice 4.: Personnalisation de base de l'environnement

Nous allons voir ici quelques lments de base de la personnalisation de l'environnement detravail d'Illustrator.

Quand vous travaillez sur un nouveau plan de travail:

Il peut tre parfois trs utile (particulirement pour le dessin technique bien que le logiciel nesoit pas du tout fait pour) d'avoir les rgles et la grille. Pour cela, allez dans le menu Affichageet activez respectivement l'option Afficher les rgles et l'option Afficher la grille. Vousaurez alors:


52/357



Pour choisir le pas de la grille ainsi que sa couleur, allez dans le menudition/Prfrences/Repres et Grilles:

Si ventuellement vous souhaitez changer la finesse du pas lorsque vous dplacez une formeavec les flches du clavier, allez dans les prfrences Gnrales et changez la valeur deIncrments clavier:


53/357



Exercice 5.: Outils de slection

Le but de cet exercice est de dcouvrir les 3 outils de slection fondamentauxd'Adobe Illustrator. Pour cela, ouvrez le fichier d'exercice suivant:

Arbres.ai

Il s'agit d'une illustration dont chacun des arbres forme un groupe. Effectivement, si vous

prenez l'Outil Slection et que vous cliquez sur l'arbre en premier plan vous aurez:


54/357



ce qui vous permet de dplacer/redimensionner/tourner l'objet group.

Si vous activez l'Outil Slection directe vous pourrez l'intrieur du groupe slectionnerun ou plusieurs points d'ancrages et ainsi en dformer les composants. Mais pas les dplacer!:

Si vous activez l'Outil Slection directe progressive vous aurez la possibilit deslectionner un ou plusieurs lments du groupe pour les dplacer ou les redimensionner:


55/357



Si vous activez l'Outil Baguette magique et cliquez sur une des couleurs d'un des arbres,toutes les zones ayant la mme couleur seront slectionnes:

Enfin, lorsque vous faites de slections complexes, n'oubliez la possibilit d'enregistrer laslection dans le menu:


56/357



qui vous affichera une petite bote de dialogue o vous pourrez saisir le nom de la slection:

Pour ensuite pouvoir la rcuperer:

Un point trs important aussi c'est la possibilit de faire en sorte qu'une forme ne puisse pastre slectionne (c'est trs pratique dans des cas complexes o l'on slectionne par mgardedes objets qu'en ralit nous ne voulions pas slectionner). Pour cela, il suffit d'aller dans lemenu Objet/Verrouiller/Slection:


57/357



et si vous avez vrouillez un grand nombre d'objets, vous pourrez dverouiller le toud d'uncoup en allant dans Objet/Verouiller/Tout dverouiller:


58/357



Exercice 6.: Palette contours

Le but ici va simplement tre d'observer les options de bases de la palette Contours sur untrac polygonal:

Jouez simplement avec les options mises en vidence en rouge ci-dessus et constatez de vous-mme.

Remarque: noter que vous pouvez dfinir des valeurs d'paisseur dans une unitquelconque en faisant suivre la valeur parmm pour millimtres, cm pour centimtres.

Comme cela fait un exercice un peu trop bref ouvrons une parenthse sur un autre outil trs

pratique souvent utilis dans les ateliers de flashage ou imprimeurs.

Activez la palette nomme Options d'objet:


59/357



et dans les options de la palette, activez Afficher les remarques:

Vous pouvez alors insrer des annotations pour l'infographiste (ou respectivementl'imprimeur) dans vos formes:


60/357




61/357



Exercice 7.: Dupliquer par symtrie

Ouvrez le fichierDemi-chess.ai qui reprsent un Roi d'un jeu d'chec fait la plume. Le butici sera de voir comment crer une forme possdant une symtrie.

Vous remarquerez que la pice fait 11 [mm] de large. Valeur qui nous sera utile d'ici peu.

Allez dans le menu Effet/Distorsion et Transformation/Transformation et mettez-y lesvaleurs suivantes:


62/357



et validez parOK. Vous aurez alors:

Nous souhaiterions mettre un trac autour de cette pice. Slectionnez-l et allez dans le menuObjet/Dcomposer l'aspect. Grce cette dernire opration, vous pouvez maintenant mettreune couleur de trac sans aucune difficult.


63/357




64/357



Exercice 8.: Dcalage VS Mise l'chelle

Il arrive que dans le domaine du web ou dans le domaine industriel (surtout dans le sous-branche du luxe) on ai besoin de dessiner une gomtrie et d'avoir une copie identique de

cette gomtrie de base mais rduite un certain facteur d'chelle tout en ayant une distancegale en tout point entre la gomtrie de base et la gomtrie rduite.

Le problme c'est qu'avec Adobe Illustrator vous n'arriverez pas obtenir cette effet avecl'Outil Mise l'chelle (vous pouvez essayer) car il travaille en relatif uniquement(comprendre: en %).

La solution est de passer par un effet. Voyons cela. Avec l'Outil Rectangle et l'Outil de

Slection directe , crez la forme suivante (ce n'est qu'un cas particulier qui se gnralisefacilement):

Nous souhaiterions avoir cette ferme qui se rpte dans elle-mme mais avec un dcalageidentique de 3 mm en tous points la forme de base.

Pour cela, faites-en une copie via un Ctrl+C et Ctrl+V et slectionnez cette copie puis allezdans le menu Effet/Trac/Dcalage...:

validez parOK. Vous aurez alors quelque chose du genre:


65/357



Ensuite, avec l'Outil Slection , slectionnez les deux formes en mme temps et ensuiteavec la palette Alignement:

Cliquez sur Alignement horizontal au centre et Alignement vertical au centre .Vous aurez alors:


66/357



Vous pouvez alors mesurer avec l'Outil Mesure et vous verrez que la distance est de 3mm en tout point entre les deux formes.


67/357



Exercice 9.: Forme de pinceau tire (forme artistique)

Une des choses les plus importantes avec Illustrator est le dessin. Mais dans la palette Formesil manque un type de forme souvent utilis par les professionnels ou demand par les semi-

professionnels.

Nous allons donc voir ici comment crer cette fameuse forme afin de pouvoir avec l'OutilPinceau faire des tracs ralistes comme avec un stylo lectronique.

D'abord activez l'Outil Polygone et faites ensuite un clic sur le plan de travail:

Prenez 3 cts afin d'avoir un triangle. Choisissez une couleur de remplissage (peu importe)et tirez un de ses sommets (ou dformez l'objet c'est selon) afin d'avoir quelque chose dugenre:

Ensuite, glissez cette forme dans la palette Formes:

et doit apparatre la bote de dialogue suivante:


68/357



Prenez l'option Nouv. forme artistique et validez par OK. Assurez-vous d'avoir lesparamtres suivants dans la bote qui s'affiche alors:

Ensuite, activez l'Outil Pinceau (qui contrairement au crayon gre la variation depression avec les tablettes graphiques) et assurez-vous d'avoir une couleur de fondtransparente:

Ensuite, si vous faites un coup de pinceau vous aurez alors l'effet dsir et attendu: un traitdont l'paisseur varie comme un vrai pinceau sans tablette graphique!


69/357



Un outil absolument gnial qui existe maintenant depuis Illustrator CS5 et qui permet degagner beaucoup de temps dans la modification dite "naturelle" de tracs est

l'Outil Largeur (qui ne marche pas avec le pinceau). Il suffit d'activer cet outil tantd'aller cliquer sur un point du trac pour largir ou rtrcir celui-ci a volont (donc plus besoinde crer des surfaces de Bzier et de perdre du temps s'assurer de la symtrie des courbes):

ceux qui font de la BD et des mangas seront particulirement apprcier...


70/357



Exercice 10. Forme diffuse

Voyons maintenant ce qu'est une nouvelle forme diffuse dans un cas pratique.

Crez une spirale simple:

dont la couleur de bordure importe peu mais qui ne doit avoir aucune couleur de fond. Par

exemple:

Ensuite, glissez la spirale dans la palette Formes et viendra immdiatement la bote dedialogue suivante:

Prenez cette fois-ci Nouv. forme diffuse et validez par OK. Apparat alors la bote dedialogue suivante dont nous vous demandons de saisir les paramtres suivants:


71/357



Validez parOK. Vous aurez donc une nouvelle forme dans la palette Formes:

Maintenant faites un trac quelconque avec l'Outil Plume:


72/357



et slectionnez dans la palette Formes, la forme cre prcdemment:


73/357



Exercice 11. Joindre des tracs

Nous restons toujours avec les tracs car c'est la base

Nous allons voir ici un exemple assez courant dans la publicit qui est un excellent petitexercice pour manipuler une option importante des tracs.

Dans Illustrator avec l'Outil Spirale dessinez une spirale simple comme ci-dessous:

Appliquez-y la forme de pinceau que nous avons cre dans l'exercice prcdent pour avoir:

Ce qui est dj beaucoup mieux! Mais malheureusement ce type de spirale utilisant une formene fonctionne pas correctement (du moins pas comme espr) avec le nouvel Outil Gomme

de surface d'Illustrator CS3 dont nous aurons besoin un peu plus bas. Donc nous allonstre dans l'obligation de voir comment effectuer cette mme spirale d'une autre manire.

Dessinez nouveau une spirale simple, faites-en une copie et que vous agrandissez (lacopie) afin d'avoir le rsultat suivant:


74/357



Le problme c'est que nous aimerions remplir l'interstice avec une couleur uniforme et

actuellement nous ne pouvons pas! Pour cela, prenez l'Outil de slection directe etslectionnez d'abord les extrmits des spirales de la zone suivante:

Ensuite allez dans le menu Objet/Trac/Joindre et faites ensuite de mme avec lesextrmits opposes:

Ensuite vous pouvez enfin remplir d'une couleur noire uniforme afin d'obtenir une surface despirale (et non plus un trac de spirale comme avant):


75/357



Maintenant faites un trac du type suivant avec l'Outil Plume et l'Outil de conversion depoint :

Dupliquez ce trac et placez la copie comme visible ci-dessous:

Avec l'Outil Slection directe slectionnez les deux extrmits de la partie gauche dutrac et allez dans le menu Objet/Trac/Joindre et faites de mme avec les deux extrmits

droite.

L'ensemble ne forme maintenant qu'une seule et unique forme!

Remplissez-l de noir afin d'obtenir:


76/357



Ensuite approchez la spirale tangente ce trac et faite en un simple copie tel que vous ayez:

Ensuite avec la deuxime spirale allez dans le menu Objet/Transformation/Miroir (ou dans

la palette outils en double cliquant sur le bouton Outil Miroir ):

Ensuite, tournez un peu la spirale avec la souris et dplacez-la afin d'avoir quelque chose dugenre:


77/357



Maintenant, protgez le calque comportant la pseudo-tige et activez l'Outil Gomme (de

surface) . Enfin, passez sur les zones de spirales dpassant la tige afin d'obtenir au final:


78/357



Exercice 12.: Pathfinder (oprateurs boolens)

Nous allons voir ici un outil majeur d'Adobe Illustrator mais dans un cas gnrique qui a peud'intrt. videmment, dans tous les exercices qui suivront, nous utiliserons cet outil pour des

cas concrets et pratiques (disons plutt que nous n'utiliserons que trois boutons Pathfindermais ce sont les plus importants!).

Voyons donc le fameux Pathfinder (signifiant "Chercheur de Chemins" en franais mais ilsauraient pu l'appeler Boolens).

Pour comprendre le principe, dessinez les trois cercles suivants en prparant dj la palettePathfinder (via le menu Fentre/Pathfinder):

Attention dans la CS5 le comportement des 4 premires action de Pathfinder ont

changes. Elles effectuent un dcomposition automatiquement. Pour ravoir lecomportement des versions prcdentes fait un Alt+Clic sur l'un des quatre boutons.

Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le premier bouton

Ajout la forme du Pathfinder. Cette fonction permet de runir toutes les formesfermes ou ouvertes en conservant les attributs de l'objet positionn en premier plan (trrrsutile!):


79/357



Vous remarquerez qu'il s'agit d'un groupe et qu'il est donc possible d'entrer dedans (soit par

double clic avec l'Outil Slection ou avec l'Outil Slection directe ) et d'y bouger

unes des formes d'origine. Si vous souhaitez cependant que l'ensemble ne constitue vraimentqu'une seule et unique forme, il vous faudra cliquer le bouton Dcomposer de la palettePathfinder:

ce qui donnera:

Maintenant faites deux fois Ctrl+Z pour revenir l'tat initial:


80/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le deuxime

bouton Soustraction de la forme du Pathfinder. Cette fonction ne conserve que l'objetqui est derrire la zone de recouvrement:


double clic avec l'Outil Slection ou avec l'Outil Slection directe ) et d'y bougerunes des formes d'origine. Si vous souhaitez cependant que l'ensemble ne constitue vraimentqu'une seule et unique forme, il vous faudra cliquer le bouton Dcomposer de la palette

Pathfinder. Ce qui donnera:



81/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le troisime

bouton Intersection des formes du Pathfinder. Cette fonction ne conserve que la zone desuperposition de toutes les formes, en lui appliquant les attributs de la forme la plus au-dessus:


double clic avec l'Outil Slection ou avec l'Outil Slection directe ) et d'y bougerunes des formes d'origine. Si vous souhaitez cependant que l'ensemble ne constitue vraimentqu'une seule et unique forme, il vous faudra cliquer le bouton Dcomposer de la palette

Pathfinder. Ce qui donnera:



82/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le quatrime

bouton Exclusion des intersections du Pathfinder. Cette fonction excluse les surfaces l'intersection de toutes les surfaces en hritant des attributs de l'objet qui est devant laslection:

Le bouton Dcomposerne marche pas avec cette opration!

Maintenant faites deux fois Ctrl+Zpour revenir l'tat initial:


83/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le cinquime

bouton Division du Pathfinder. Cette fonction permet de crer des objets indepndants partir de la superposition de ddroites ou tracs sur un objet (trs utile!!!):


double clic avec l'Outil Slection ou avec l'Outil Slection directe ) et d'y bougerunes des formes d'origine. Si vous souhaitez cependant jouer avec chaque partie del'ensemble, faites un clic droit sur le groupe et choisissez Dissocier. Vous pourrez alorssparer tous les morceaux:

Faites Ctrl+Z autant de fois que ncessaire jusqu' revenir l'tat initial:


84/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le sixime bouton

Pochoir du Pathfinder. Cette fonction permet de crer des segemets indpendatns partirde la superposition de plusieurs objets (les contours sont perdus au passage...):


double clic avec l'Outil Slection ou avec l'Outil Slection directe ) et d'y bougerunes des formes d'origine. Si vous souhaitez cependant jouer avec chaque partie del'ensemble, faites un clic droit sur le groupe et choisissez Dissocier. Vous pourrez alors

sparer tous les morceaux:


85/357




Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le septime

bouton Fusion du Pathfinder. Cette fonction permet de crer des segements indpendants partir de la superposition de plusieurs objets. Si deux objets ont les mms attributs, ils sontfusionns. Sinon, si tous les objets ont des attributs identiques ce bouton fait exactement lamme chose que l'opration Pochoir.



86/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le huitime

bouton Dcoupe du Pathfinder. Cette fonction cre des objets correspondant la zone desuperposition de l'ojbets du premeir plan, tout en gardant leur attribut de fond (il vaut mieuxutiliser un masque d'crtage ceci dit! mais nous verrons cela plus loin):

Faites deux fois Ctrl+Z pour revenir l'tat initial:

Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le huitime

bouton Contour du Pathfinder. Cette fonction ne garde que les contours indpendants desobjets:


87/357



:

Soit en dselectionnant (faut avoir des bons yeux):

vous pouvez Dissocier le groupe pour jouer avec chacun des contours.

Faites deux fois Ctrl+Z pour revenir l'tat initial:


88/357



Vous slectionnez les trois formes avec l'Outil Slection et cliquez sur le neuvime et

dernier bouton Soustraction du Pathfinder. Cette fonction ne conserver que l'objet devantla zone de recouvrement:


89/357



Exercice 13.: Roue dente

Un exemple qui m'est souvent demand par des techniciens et ingnieurs est la manire laplus lgante (mais non exacte) de faire une roue dente (cet outil est aussi trs utilis pour

faire des formes d'annonces de rabais dans les flyers et magazines).

Pour cela, activez l'Outil toile et faites un double clic sur le plan de travail pour crerune toile douze branches:

Ce qui donnera:

Ensuite, activez l'Outil Ellipse et tout en appuyant sur la touche Alt (qui vous aidera trouver le centre de l'toile) mettez vous au centre de l'toile


90/357



Tout en maintenant la touche Alt et Majenfonce, dessinez votre cercle. Celui-ci devrait sedessiner, toutes proportions respectes, par rapport au centre de l'toile:

Ensuite, avec la palette Pathfinder fusionnez les deux formes en les ayant slectionnes aupralable:

Ensuite, refaites de mme avec un cercle plus grand:

mais dans le Pathfinder choisissez maintenant l'opration Intersection de faon obtenir:


91/357



Enfin, pour terminer, dessinez un cercle au milieu de la roue dente (pour faire passer l'axe de

support) et dans la Pathfinder choisissez l'opration Soustraction .

Remarque: Il n'est plus possible de faire des textes curvilignes sur des formes cres avecl'option Soustraction du Pathfinder.


92/357



Exercice 14.: Grilles

Le but de cet exercice est de dcouvrir les possibilits qu'il y avec Illustrator et l' Outil Grillerectangulaire ainsi que l'Outil Grille coordonnes polaires par l'intermdiaire de quelques

effets de styles intressants.

Commenons par l'Outil Grille rectangulaire. Crez une telle grille:

Ensuite dessinez un rectangle dans la grille:

Slectionnez les deux objets et allez dans le menu Objet/Distorsion de l'enveloppe/Crerd'aprs l'objet au premier plan


93/357



Ensuite avec l'Outil slection directe vous pouvez vous amuser le dformer (ici nousavons amen le coin suprieur gauche en bas de la forme et avons remont une des courbes de

bzier):

Un effet trs important et celui que l'on voit dans de nombreux ouvrages scientifiquesrelativement la cosmologie. Procdez exactement comme avant mais cette fois avec l'OutilGrille coordonnes polaires:

Ensuite en ayant cette forme slectionne, allez dans Objet/Distorsion de l'enveloppe/Crerd'aprs un filet. Et faites un filet de 2 par 2:


94/357



Ensuite, avec l'Outil slection directe dplacez le centre:


95/357



Ensuite avec l'Outil Slection cliquez sur le bord de l'objet et activez l'Outil Dformation

et cliquez sur le bord suprieur gauche afin de pivoter l'illustration et avoir au final:

On peut faire mieux mais il faut encore plus de temps et jouer avec quelques autresparamtres


96/357



PS: Pour faire des vortex il vaut mieux jouer avec un trait et l'outil 3D rvolution... comme lemontre la figure ci-dessous:

devient aprs rvolution 3D en mode filiaire:


97/357



Exercice 15. Bases de la palette Teintes

Nous allons voir ici une petite application pratique de la palette Teintes ainsi que duPathfinder et du mode calque Produit.

Pour commencer, ouvrez le nuancier nomm Teintes depuis la palette Nuanciers (nous avonsdj vu comment procder dans un exercice prcdent):

et crez un disque parfait avec la premire couleur du nuancier comme couleur de remplissage(et sans couleur de bordure) au centre de votre plan de travail:

Ensuite, crez une copie du disque et alignez-le avec le premier en hauteur, dans le but decrer ensuite une ptale en utilisant l'intersection (peut importe la taille de l'intersection!):


98/357



Activez l'option Intersection du Pathfinder afin d'obtenir:

Et cliquez sur le bouton Dcomposer de la palette pour ne garder que l'intersection restante:


99/357



Ensuite, dans la palette Transparence, changez le mode Produit et l'opacit 25%:

Une fois ceci fait, avec l'Outil Rotation , dplacez le centre de rotation dans la pointeinfrieur de la ptale de couleur:

Ensuite, double cliquons sur l'Outil Rotation (on arrive au mme rsultat en faisant unALT+Clic lors du dplacement du centre de rotation):

et cliquez surCopier. Vous aurez alors:


100/357



et prenez la deuxime couleur du nuancierTeintes. Et rptez ains la manipulation jusqu' ceque vous ayez fait le tour (normalement 36 fois l'opration changer de couleur+changer centrede rotation). Pour obtenir au final aprs zoom:

En jouant avec le nuancier on peut obtenir aussi des choses du genre suivant:

Ou sans dplacer le centre de rotation:


101/357



ou en jouant avec une rotation et une homothtie avec un carr:


102/357



Exercice 16.: Damier 3D

Nous allons voir un autre exemple sympathique mlangeant l'Outil Grille rectangulaire et la3D.

Crez donc une grille avec l'Outil Grille rectangulaire et activez la palette Pathfinder toutde suite aprs:

Prenez l'opration de Division dans le Pathfinder et faites ensuite un clic droit Dissocier:

Et remplissez exactement comme visible ci-dessous:


103/357



Ensuite, mettez un rectangle en fond:

Slectionnez le tout et faites un clic droit Associer. Enfin, dplacez le groupe dans la palette

des Symboles et validez que vous voulez un Graphique:

Ce qui donnera


104/357



Vous aurez alors le damier dans les Symboles:

Ensuite, faites un carr avec couleur de premier blanc blanche et couleur de bord grise:

Allez ensuite dans le menu Effet/3D/Extrusion et biseautage et mettez-y bien lesparamtres suivants (surtout la perspective!):


105/357


106/357



Exercice 17.: Sphre texture

Nous allons voir ici un autre exemple mlangeant la 3D et un pattern.

D'abord crons un demi disque l'aide de l'Outil Ellipse et l'Outil Rectangle (peu importe lacouleur de remplissage). Nous aurons donc d'abord:

et slectionnez les deux objets. Vous faites ensuite une opration Division avec le Pathfinder

et une fois ceci fait, vous faites un clic droit sur l'ensemble et slectionnez Dissocier:

Pour ensuite ne garder plus que la moiti du disque (en supprimant les morceaux non dsirs):


107/357



Ensuite, dans une zone vierge de la page, crez le pattern suivant en utilisant les outilsd'Alignement d'objets et de Distribution d'objets:


108/357



et glissez l'ensemble dans la palette des Symboles:

Ensuite, slectionnez nouveau le demi-disque et allez dans le menu:


109/357



et mettez les paramtres suivants:

ensuite cliquez sur le bouton Placage et prenez:


110/357



Valdiez une fois parOKet ensuite variez l'angle afin d'avoir le pattern visible sur l'ensemblede la sphre:


111/357



une fois satisfait vous aurez:

Slectionnez ensuite la pseudo-sphre et allez dans le menu Objet/Dcomposer l'aspect:

Faites ensuite un clic droit sur la pseudo-sphre et choisissez Dissocier:


112/357



Ensuite, refaites un clic droit et choisissez Annuler Masque d'crtage:

On peut alors supprimer le fond pour ne garder plus que la partie visible suivante:


113/357



Exercice 18.: Vectorisation du texte

Un des grands et principaux d'intrts d'Adobe Illustrator, c'est de pouvoir retravailler lestextes aprs vectorisation des polices (mme les Webdings, Windgings ou toute autre police

avec des caractres trs design!!!).

Voici un exemple (si vous n'avez pas la police qui est utilise ici ce n'est pas grave, ce quicompte ce n'est pas le rsultat mais la mthode).

Slectionnez l'Outil Texte et tapez votre nom de logo.

Choisissez alors une police, ici la trs clbre "soopafresh":

Afin de mieux visualiser les tracs du logo, inversez les couleurs du contenu et du contour:

A prsent, vectorisez votre texte afin que votre logo soit plus mallable. Pour cela, allez dansle menu Texte/Vectoriser et ensuite dissociez l'ensemble en cliquant avec le bouton droit dela souris dans le menu contextuel sur l'option Dissocier:

Chaque lettre est maintenant un graphique indpendant, rapprochez-les alors et triturez-lescomme vous le sentez. N'hsitez pas utiliser le formidable zoom d'Illustrator, c'est l quenous utilisons la force du vectoriel.


114/357



Nous utilisons maintenant le Pathfinder qui permet aux formes de se mlanger, s'additionner,se soustraire, se diviser etc... Ici utilisez par exemple le premier outil Unifier pour unifier leslettres que vous voulez voir fusionnes:

Nous allons ajouter une petite ombre porte grce au menu Effet/Spcial/Ombre porte.Essayez diffrents paramtres et prenez celui qui vous plait le plus:

Enfin, slectionnez chaque partie du texte et cliquez sur la couleur ou un dgrad de votre

choix:

Voil c'est fini, l'avantage avec Adobe Illustrator est que le logo est extrmement mallable, ilest trs facile d'essayer de nombreuses couleurs ou tailles d'un simple click. En plus, il est

alors trs simple de rcuprer le logo en basse ou haute dfinition ainsi qu'en RVB ouquadrichromie. Merci Illustrator !


115/357



Exercice 19. Changer rapidement le mode colorimtrique

Depuis Illustrator CS3 il existe une nouvelle petite fonctionnalit forte sympathiquepermettant (enfin!) de changer rapidement le mode colorimtrique d'une illustration.

Pour pratiquer cette nouvelle fonction, ouvrez l'image suivante:

Nikon AF2.8 CS.ai

Slectionnez l'illustration principale:


116/357



et ensuite, allez dans le menu Edition/Modifier les couleurs:

et si nous choisissons Niveaux de gris nous avons alors:


117/357




118/357



Exercice 20.: Texturage d'une forme 3D avec du texte

Voyons un autre type d'effet de texte un peu plus labor maintenant.

Pour commencer, faites avec l'Outil Crayon un trac de votre choix mais assez rgulierquand mme:

Ensuite, crez un texte de votre choix avec la police que vous voulez:

et glissez ce texte dans la palette des symboles (pour renommer le symbole faites un doubleclic dessus):

Une fois ceci fait, re-slectionnez votre trac initial et allez dans le menu Effet/3D/Extrusionet biseautage. Dans la bote de dialogue qui apparat, la premire chose faire est d'activer lacase Aperu quand on travail avec l'extrusion.

Jouez avec les angles de faon obtenir par exemple quelque du genre suivant:


119/357



Documents

AdbIllustrator Tutorial