FORMATION

ILLUSTRATOR
Illustrator CS6
 Hello!
Randa BOUBAKER
CONVERTO AGENCY

Tél : 216 73 810 364

GSM : 216 25 51 97 01
Email : randa,boubaker@gmail,com
1 Présentation
Illustrator
 “
“Qu’est-ce que
Adobe Illustrator?”
 Ou simplement Illustrator est un
logiciel créé par Adobe qui offre
des outils de dessin vectoriel
puissants. Les vecteurs sont des
courbes, droites ou des formes
Adobe générés par des formules
mathématiques complexes, ce qui
Illustrator permet d’agrandir une image
vectorielle presque indéfiniment
sans perdre de la qualité,
contrairement aux images de
type bitmap (jpg, png ou gif), qui
perdent de la qualité lorsqu’elles
sont agrandies.
 Comparaison
entre un fichier
bitmap et un
fichier vectoriel
L’interface
Connaître les notions de base.
Interface d’Illustrator CS6
L’interface est composée de 5 zones principales :

La Barre des menus, en haut de l’interface

Le panneau Options (ou des propriétés), juste en dessous
Les panneaux, sur la droite (sous forme d’icônes)
Le panneau des Outils, sur la gauche
L’Espace ou Zone de travail, au centre
 BARRE DES MENUS

Fichier Edition Objet Texte

Pour ouvrir une image, créer un
nouveau document, enregistrer
son travail, imprimer, importer,
automatiser de tâches…
Pour annuler une opération,
Pour transformer, éditer, Pour la gestion des textes
éditer en copiant, coupant ou
manipuler les objets vectoriels
collant… Pour gérer les
différents paramètres, etc…

Sélection Effet Affichage Fenêtre

Pour gérer les sélections Pour ajouter des effets aux
formes et tracés. Cela inclut
des effets propres à Illustrator
et ceux issus de Photoshop
Aide
Pour paramétrer le type Dans ce menu vous pouvez
d’affichage que vous désirez au cocher ou décocher les
niveau des Repères, Grille, Grille panneaux pour les faire
de perspective, Tracés, Tranches, apparaître ou disparaitre
etc…

De l’aide d’Adobe
 PANNEAU OPTIONS OU DE PROPRIÉTÉS
(SOUS LE PANNEAU DES MENUS)

Ce panneau présente en permanence les options de l’outil et se personnalise en fonction de l’outil sélectionné (outil actif)

Tout en haut à droite des menus vous avez

accès aux différents Espaces de travail
prédéfinis. Ils sont accessibles soit en cliquant
sur le bouton Les indispensables.
Soit par le menu Fenêtre / Espace de travail
 LES PANNEAUX
(SUR LA DROITE)

Cette zone verticale est entièrement modulable,

vous pouvez y ajouter des panneaux, en
enlever, les assembler entre-eux, etc… Le
principe de fonctionnement est le même
qu’avec Photoshop, la différence est que les
panneaux ne sont pas tous les mêmes que ceux
de Photoshop.
Par défaut les panneaux apparaissent sous
forme d’icônes, mais en cliquant sur la toute
petite double-flèche en haut des panneaux
(Développer les panneaux), vous pouvez les
afficher en entier.
PANNEAU DES OUTILS
(À GAUCHE)

Ce panneau contient tous les outils disponibles pour

travailler avec des images ou des formes vectorielles dans
Illustrator,
Le panneau peut s’afficher sous la forme d’1 ou de 2
colonnes, en cliquant sur l’icône de la double-flèche tout en
haut.
C’est en fait un panneau flottant, par défaut il est ancré sur
le coté gauche mais on peut le déplacer, en le prenant par sa
barre du haut.
Certains outils possèdent plusieurs outils secondaires. Pour
les afficher, il suffit d’un clic long sur l’outil qui possède un
petit repère noir dans l’angle inférieur droit. Ce repère
signifie simplement que plusieurs outils secondaires sont
accessibles
En maintenant la touche Alt et en cliquant sur l’icône d’un
outil, cela sélectionne successivement chaque outil
secondaire.
 ESPACE OU ZONE DE TRAVAIL
(AU CENTRE)

C’est dans cet espace que vos documents s’ouvriront. Selon Pour accéder aux Préférences du programme, vous
les Préférences que vous aurez choisies, vous pourrez les pouvez soit cliquer directement sur le bouton présent
ouvrir en cascades ou sous forme d’onglet, en haut à droite de l’interface dans le panneau Options,
soit passer par le menu Edition / Préférences …
Il est possible de basculer l’affichage entre 3 modes
différents, avec la touche F ou l’icône tout en bas du
panneau des outils.
Dessiner sur
Illustrator
Dessiner avec les outils plume
et crayon.
L’outil Crayon
.

Créer un tracé

02 03
01 Relâchez le
Dessinez
Sélectionnez bouton de votre
votre tracé
l’outil Crayon souris lorsque
en effectuant
un cliqué- votre tracé est
glissé terminé.
.

Paramétrer l’outil Crayon

Pour afficher les préférences de l’outil Crayon faites un double clic dessus.
Cliquez sur le curseur Fidélité puis faites-le
glisser pour que le trait dessiné soit proche
du cliqué-glissé que vous avez effectué
pour le réaliser : plus la valeur est faible,
plus il y aura des points d’ancrage et plus le
tracé suivra parfaitement votre mouvement
de souris et sera donc anguleux.
Cliquez sur le curseur Lissage puis faites-le
glisser pour lisser plus ou moins fortement
votre tracé et donc adoucir la forme. Plus la
valeur est faible, plus le tracé est saccadé.
Inversement, plus la valeur est forte, plus le
tracé est arrondi.
Cochez l’option Remplir les nouveaux
contours au crayon pour appliquer un fond
aux contours que vous allez dessiner avec
votre crayon.
L’outil Plume
.
Dessin de segments droits
avec l’outil Plume
01 02 03
Sélectionnez Cliquez à Cliquez à l’autre
l’outil Plume l’origine de la extrémité pour
droite pour placer le
placer le premier second point
point d’ancrage d’ancrage.

04 05
Votre droite est
Pour arrêter votre Cliquez dans une
tracé, sélectionnez zone vide du plan
donc constituée
l’outil Sélection ou de travail ou encore de deux points,
appuyez sur la sélectionnez un nommés point
touche Ctrl autre outil d’ancrage.

En appuyant sur la touche Shift, vous pouvez contraindre votre tracé

à être horizontal, vertical ou en diagonale.
.

Tracé de courbes avec l’outil Plume

1 Sélectionnez l’outil Plume

2 Placez l’outil Plume à l’endroit où commencer la courbe et maintenez le bouton de la souris

enfoncé. Le premier point d’ancrage apparaît et l’outil Plume prend la forme d’une flèche.

3 Faites glisser pour définir l’inclinaison de la courbe que vous tracez, puis relâchez le bouton de la souris.
D’une façon générale, prolongez la ligne directrice d’environ un tiers de la distance à laquelle vous allez placer
le point d’ancrage suivant (vous pouvez ajuster ultérieurement un ou les deux côtés de la ligne directrice).
.
4 Placez l’outil Plume à l’endroit où la courbe doit se terminer, puis
procédez de l’une des façons suivantes :
• Pour créer une courbe en forme de « C », faites glisser dans la
direction opposée à la ligne directrice précédente, puis relâchez le
bouton de la souris.

Tracé du premier point de courbe

A. Positionnement de l’outil
Plume B. Début du glissement (bouton
de la souris enfoncé) C. Glissement
pour prolonger les lignes directrices
Tracé du deuxième point de courbe
Outils dans
Illustrator
 Que vous débutiez avec Illustrator ou que
vous soyez déjà expert, servez-vous des
outils de sélection, par exemple Sélection
directe, Lasso ou Plan de travail, pour
organiser votre illustration et sélectionner

Découvrez des objets, les positionner et les empiler.

Catégorie d’outils dans la
les atouts de barre d’outils
Dans Illustrator, les outils sont
chaque outil principalement répartis dans les
catégories suivantes :
de sélection • Sélectionner
• Dessin

Illustrator • Texte
• Peinture
• Modification
• Navigue
Outils de
sélection
Les principaux outils de sélection

Sélection directe progressive : sélectionner des objets ou des groupes à l’intérieur de groupes

Ba guette magique (Y) : sélectionner des zones similaires

Outils
Dessin
Outils
Texte
Saisir un texte
1 Sélectionnez l’outil Texte horizontal ou Texte vertical
Le pointeur se transforme en I entouré d’un rectangle pointillé. La petite ligne
horizontale au bas du pointeur en forme de I indique la position de la ligne de base, qui
sert de support au texte
2 (Facultatif) Définissez les options de mise en forme dans le panneau Contrôle,
Caractère ou Paragraphe
3 Cliquez sur le point de départ de la ligne de texte
Remarque : Veillez à ne pas cliquer sur un objet existant, car vous convertiriez le
texte en texte captif ou texte sur tracé. Si un objet se trouve à l’endroit de saisie
choisi, verrouillez ou masquez-le.
4 Saisissez le texte. Appuyez sur la touche Entrée ou Retour pour passer à la ligne
suivante dans le même objet texte
Remarque : Illustrator saisit par défaut du texte de substitution lorsque vous
utilisez l’outil Texte ou Texte vertical.
5 Une fois le texte saisi, cliquez sur l’outil Sélection
pour sélectionner l’objet texte. Vous pouvez également cliquer sur le texte en maintenant la touche Ctrl
Saisie de texte dans une zone
Dans un texte captif (également appelé texte de paragraphe), le contour de l’objet limite le flux des
caractères, horizontalement ou verticalement. Lorsque le texte atteint une limite, il s’adapte
automatiquement à la zone définie en passant à la ligne.

• Définissez la zone de délimitation

• Sélectionnez l’outil Texte ou l’outil Texte vertical et faites glisser le pointeur en
diagonale pour définir une zone de délimitation rectangulaire.
• Définissez l’objet à utiliser comme zone de délimitation (peu importe si l’objet possède des
attributs de contour ou de fond, car Illustrator les supprime automatiquement). Sélectionnez
ensuite l’outil Texte Texte vertical Texte captif ou Texte captif vertical puis
cliquez sur le tracé de l’objet,

Comparaison entre la création d’une zone de texte par glissement et par conversion d’une forme existante
 Outils
Peinture
 Outils
Modifier
 Outils
Navigation
Les calques
et les groupes
Présentation du panneau Calques
• Le panneau Calques (Fenêtre > Calques) vous permet de répertorier,
d’organiser et de modifier les divers objets d’un document. Par défaut, tous les
nouveaux documents comportent un calque, et tous les objets que vous créez

Les
sont intégrés à ce calque. Vous pouvez toutefois créer des calques et
réorganiser les objets selon vos besoins.

Calques
• Par défaut, Illustrator attribue une couleur différente (jusqu’à neuf couleurs) à
chaque calque dans le panneau Calques. La couleur s’affiche en regard du nom
du calque, dans le panneau. Cette même couleur s’affiche dans la fenêtre
d’illustration dans le cadre de sélection, le tracé, les points d’ancrage et le
centre de l’objet sélectionné. Ainsi, il vous est facile de repérer le calque
correspondant à cet objet dans le panneau Calques. Vous pouvez également
modifier la couleur du calque à votre convenance.

A. Colonne de visibilité
B. Colonne d’édition
C. Colonne cible
D. Colonne de sélection
 Présentation du panneau Calques
Le panneau Calques présente des colonnes à gauche et à droite des listes.
Cliquez dans une colonne pour modifier les caractéristiques suivantes :
• Colonne de visibilité : Indique si les éléments des calques sont visibles ou
masqués (espace blanc), ou s’il s’agit de calques de modèles ou de calques de
contours
• Colonne d’édition : Indique si les éléments sont verrouillés ou déverrouillés. Les
Calques
L’icône de verrouillage indique qu’un élément est verrouillé et qu’il ne peut
pas être modifié, alors qu’un espace vide signifie que l’élément est déverrouillé
et qu’il peut être modifié.
• Colonne cible : Indique si les éléments sont destinés à des applications d’effets
et à la modification d’attributs dans le panneau Aspect. Le bouton cible en
forme d’anneau double ( ou ) ) indique que l’élément est ciblé. Si un seul
anneau est visible, cela signifie que l’élément n’est pas ciblé.
• Colonne de sélection : Indique si les éléments sont sélectionnés. Une case
colorée apparaît lorsqu’un élément est sélectionné. Si un élément, comme un
calque ou un groupe, comporte à la fois des objets sélectionnés et non
sélectionnés, une petite case de sélection colorée apparaît en regard de
l’élément parent. Si tous les objets d’un élément parent sont sélectionnés, les
cases de sélection colorées seront de la même taille que les autres icônes
situées en regard des objets sélectionnés.
Vous pouvez utiliser le panneau Calques pour afficher certains éléments sous
forme de contour et d’autres éléments tels qu’ils apparaîtront dans l’illustration
finale. Pour faciliter la modification des éléments situés au-dessus de l’image, vous
pouvez également estomper les images liées et les objets bitmap. Cette option est
particulièrement utile lorsque vous dessinez des images bitmap.
 Présentation du panneau Calques

Les
Calques

A. Objet en mode Tracés

B. Image bitmap
C. Objet sélectionné affiché en mode Aperçu

Options d’affichage pour les calques d’une illustration

Association ou dissociation d’objets
l est possible d’associer (grouper) plusieurs objets de façon à les traiter comme
une seule unité. Vous pouvez ainsi déplacer ou transformer plusieurs objets
sans modifier leurs attributs ou leurs positions relatives. Par exemple, vous

Les
pouvez associer tous les objets d’un logo afin de le déplacer ou le
redimensionner d’un seul bloc.

groupes
Les objets associés sont empilés successivement sur le même calque, derrière
l’objet de premier plan du groupe. Par conséquent, l’association risque de
modifier l’ordre des calques des objets, ainsi que l’ordre de superposition sur un
calque donné. Si vous sélectionnez des objets dans différents calques et que
vous les associez, les objets sont associés sur le calque de l’objet sélectionné au
premier plan.

Un groupe peut à son tour être imbriqué dans d’autres objets ou groupes pour
former un groupe plus vaste. Les groupes s’affichent sous la forme
d’éléments <Groupe> dans le panneau Calques. Vous pouvez utiliser le
panneau Calques pour ajouter ou supprimer des éléments dans les groupes.

•Sélectionnez les objets à associer ou le groupe à dissocier.

•Choisissez la commande Objet > Associer ou Objet > Dissocier.

 Décomposition d’objets
La décomposition d’objets permet de diviser un objet unique en plusieurs objets
qui constituent son aspect final. Par exemple, si vous décomposez un objet

Les
simple, tel qu’un cercle avec un fond de couleur unie et un contour, ce fond et
ce contour deviennent chacun un objet distinct. Si vous décomposez une image
plus complexe, telle qu’un objet avec un fond en motif, ce motif est alors divisé

groupes
en autant de tracés distincts qui le composent.

En règle générale, vous décomposez un objet lorsque vous souhaitez modifier

les attributs d’aspect et d’autres propriétés spécifiques aux éléments qui le
composent. La décomposition d’objets est également utile lorsque vous utilisez
un objet conçu dans Illustrator (tel qu’un objet filet) dans une autre application
qui ne reconnaît pas cet objet.

Avant (à gauche) et après (à droite) la décomposition d’un objet avec fond et contour
Les fonctions
complexes
 À propos des masques d’écrêtage
Un masque d’écrêtage est un objet dont la forme masque les autres
illustrations, rendant ainsi visibles seulement les zones contenues
dans les limites du masque. Le masque d’écrêtage et les objets
masqués composent un ensemble d’écrêtage. Vous pouvez créer un
ensemble d’écrêtage à partir d’une sélection de deux objets ou plus
ou à partir de tous les objets d’un groupe ou d’un calque.

Les ensembles d’écrêtage créés à partir d’objets se présentent sous

Les fonctions
forme de groupes dans le panneau Calques. Si vous créez des
ensembles d’écrêtage à partir d’un calque, l’objet situé sur le dessus
sert de masque pour tous les autres objets du calque. Toutes les
opérations effectuées sur un ensemble d’écrêtage de type objet,
telles que transformations et alignement, partent des limites du
masque d’écrêtage, et non des limites non masquées. Une fois que
complexes
vous avez créé un masque d’écrêtage de type objet, vous ne pouvez
sélectionner le contenu écrêté qu’en utilisant le panneau Calques,
l’outil Sélection directe ou en isolant l’ensemble d’écrêtage.

Avant masquage (à gauche) et après masquage (à droite)

 À propos de la transparence
La transparence fait partie intégrante de l’application Illustrator, de sorte
qu’il est possible d’ajouter de la transparence à une illustration sans vous
en rendre compte. Pour ajouter de la transparence à une illustration,
vous pouvez utiliser l’une des méthodes suivantes :
• Diminuer l’opacité des objets pour faire apparaître l’illustration sous-
jacente
• Utiliser des masques d’opacité pour créer des variations de
transparence

Les fonctions
• Appliquer des dégradés et des filets avec transparence
• Appliquer des effets ou des styles graphiques avec transparence, tels
que des ombres portées
• Importer des fichiers Adobe Photoshop avec transparence
complexes

Comparaison entre des objets individuels sélectionnés et définis sur une opacité de 50 %
(à gauche) et un calque ciblé et défini sur une opacité de 50 % (à droite)
Thanks!