Adobe Illustrator Cs5 Guide Complet

Adobe

Illustrator CS 4

« Maîtrisez Illustrator4 CS 4 dans son intégralité ! « Micro Application

Sylvie Lésas

Avant-propos Copyright

© 2010 Micro Application 20-22, rue des Petits-Hôtels 75010 Paris 1 è r e Édition - Septembre 2010

Auteur

Sylvie LESAS Toute représentation ou reproduction, intégrale ou partielle, faite sans le consentement de MICRO APPLICATION est illicite (article L122-4 du code de la propriété intellectuelle). Cette représentation ou reproduction illicite, par quelque procédé que ce soit, constituerait une contrefaçon sanctionnée par les articles L335-2 et suivants du code de la propriété intellectuelle. Le code de la propriété intellectuelle n'autorise aux termes de l'article L122-5 que les reproductions strictement destinées à l'usage privé et non destinées à l'utilisation collective d'une part, et d'autre part, que les analyses et courtes citations dans un but d'exemple et d'illustration.

Avertissement aux utilisateurs

Les informations contenues dans cet ouvrage sont données à titre indicatif et n'ont aucun caractère exhaustif voire certain. A titre d'exemple non limitatif, cet ouvrage peut vous proposer une ou plusieurs adresses de sites Web qui ne seront plus d'actualité ou dont le contenu aura changé au moment où vous en prendrez connaissance. Aussi, ces informations ne sauraient engager la responsabilité de l'Editeur. La société MICRO APPLICATION ne pourra être tenue responsable de toute omission, erreur ou lacune qui aurait pu se glisser dans ce produit ainsi que des conséquences, quelles qu'elles soient, qui résulteraient des informations et indications fournies ainsi que de leur utilisation. Tous les produits cités dans cet ouvrage sont protégés, et les marques déposées par leurs titulaires de droits respectifs. Cet ouvrage n'est ni édité, ni produit par le(s) propriétaire(s) de(s) programme(s) sur le(s) quel(s) il porte et les marques ne sont utilisées qu'à seule fin de désignation des produits en tant que noms de ces derniers.

I

Destinée aussi bien aux débutants qu'aux utilisateurs initiés, la collection Guide Complet repose sur une méthode essentiellement pratique. Les explications, données dans un langage clair et précis, s'appuient sur de courts exemples. En fin de chaque chapitre, découvrez, en fonction du sujet, des exercices, une check-list ou une série de FAQ pour répondre à vos questions. Vous trouverez dans cette collection les principaux thèmes de l'univers informatique : matériel, bureautique, programmation, nouvelles technologies...

Conventions typographiques Afin de faciliter la compréhension des techniques décrites, nous avons adopté les conventions typographiques suivantes : • gras : menu, commande, boîte de dialogue, bouton, onglet. • italique : zone de texte, liste déroulante, case à cocher, bouton radio. • Police bâton : Instruction, listing, adresse internet, texte à saisir. • s< : indique un retour à la ligne volontaire dû aux contraintes de la mise en page.

«BWWE

ISBN : 978-2-300-026379

Met l'accent sur un point important, souvent d'ordre technique qu'il ne faut négliger à aucun prix.

ISSN : 1950-0289 MICRO APPLICATION 20-22, rue des Petits-Hôtels 75010 PARIS Tél. : 01 53 34 20 20 Fax : 01 53 34 20 00 http://www.microapp.com

Support technique : Également disponiblesur www.microapp.com «TBCE

Retrouvez des informations sur cet ouvrage I Rendez-vous sur le site Internet de Micro Application www.microapp.com. Dans le module de recherche, sur la page d'accueil du site, entrez la référence à 4 chiffres indiquée sur le présent livre. Vous accédez directement à sa fiche produit.

" s'agit d'informations supplémentaires relatives au sujet traité.

•» RECHERCHE

Propose conseils et trucs pratiques.

Donne en quelques lignes la définition d'un terme technique ou d'une abréviation.

Chapitre 1 1.1. 1.2. 1.3. 1.4.

1.5. 1.6. 1.7.

1.8.

Prise en main d'Illustrator

11

Présentation Contenu du livre Les nouveautés Composants de l'interface La boîte à outils Les menus Le panneau Contrôle La barre d'application Les menus contextuels La barre d'état Afficher les documents Organiser son espace de travail Partager son écran Se connecter Réorganiser son espace de travail Connect Now Le travail dans Adobe Connect Now Les raccourcis clavier

13 13 14 15 16 16 16 16 18 19 20 21 25 25 26 26 27

Dessiner dans lllustrator

29

2.10. 2.11. 2.12. 2.13. Chapitre 3 3.1. 3.2. 3.3.

3.4.

Chapitre 2

2.1. Créer un document 2.2. Importer un document

2.3. 2.4.

2.5. 2.6. 2.7. 2.8.

2.9.

Modifier un fichier lié Rééditer le lien Atteindre le lien Ouvrir un fichier Ouvrir un fichier TIFF Utiliser les calques Créer un calque Renommer un calque Supprimer un calque Réorganiser les calques Verrouiller un calque Masquer un objet Fusionner des calques Dupliquer un calque Modifier la couleur d'un calque Créer des sous-calques Affichage des dessins Les règles La grille Personnaliser une grille Les modes d'affichage de la zone de travail L'outil Zoom Le panneau Navigation Le menu Affichage L'outil Main Dessiner un personnage L'outil Crayon

31 33 34 35 36 37 37 39 39 40 40 41 41 42 42 42 43 43 45 - . . . . 46 46 47 48 48 48 50 50 51 51

3.5.

3.6.

3.7. 3.8. 3.9.

3.10. Chapitre 4 4.1.

4.2.

Remodeler un tracé Relier deux tracés discontinus L'outil Arrondi Dessiner avec l'outil Concepteur de forme Dessiner en perspective Nouveau mode de dessin

52 52 53 54 54 56

Transformer un dessin

59

Les outils Gomme Annuler une action La sélection L'outil Sélection L'outil Sélection directe L'outil Sélection directe progressive L'outil Lasso L'outil Baguette magique La sélection à partir du panneau Calques Les méthodes de sélection Les techniques de sélection Étendre la sélection Désélectionner un objet Déplacer une sélection Masquer une sélection Enregistrer une sélection Les techniques avancées de sélection La sélection par attributs Le mode Isolation Remodeler un tracé Joindre deux segments Convertir des points Modifier l'orientation des courbes L'outil Modelage Les autres techniques de remodelage Nettoyer un croquis La disposition des tracés

61 63 63 64 65 65 65 66 67 67 69 69 69 69 70 70 70 70 71 73 73 74 75 75 76 78 78

La couleur

79

Le panneau Nuancier Créer un nuancier Enregistrer un nuancier Ouvrir un nuancier Ajouter au nuancier Dupliquer les couleurs Remplacer une couleur Modifier la teinte d'une couleur Les groupes de couleurs Créer un groupe de couleurs Ajouter des couleurs Supprimer une couleur ou un groupe de couleurs

81 81 82 83 83 84 84 84 85 85 85 86

4.3.

4.4. 4.5. 4.6. 4.7.

4.8. 4.9. Chapitre 5 5.1. 5.2. 5.3.

5.4.

5.5. 5.6. 5.7. 5.8. 5.9. 5.10. 5.11. 5.12. 5.13. 5.14. 5.15. 5.16. Chapitre 6 6.1. 6.2.

Les bibliothèques de nuances 86 Ajouter des nuances d'une bibliothèque de nuances au panneau Nuancier 87 Le panneau Couleur 87 Le panneau Guide des couleurs 89 Les couleurs de premier plan et d'arrière-plan 90 Le sélecteur de couleurs 91 LesiteKuler 92 Créer une palette de couleurs 93 Modifier une palette de couleurs 94 Enregistrer une palette de couleurs 94 Supprimer une palette de couleurs 95 Importer une palette de couleurs dans lllustrator 96 Appliquer les couleurs 96 Copier les caractéristiques d'une forme avec l'outil Pipette 97 Modifier les couleurs avec le panneau Couleurs dynamiques . . . 9 8 Créer un logo

101

Les étapes préalables L'outil Grille rectangulaire Les repères Les repères de règle Les repères d'objet Manipuler les repères Les repères commentés Les formes géométriques L'outil Rectangle arrondi L'outil Polygone L'outil Étoile L'outil Rectangle L'outil Trait L'outil Ellipse Diviser un objet Dupliquer un objet Répéter une action Le panneau Transformation L'outil Sélection et les repères commentés L'outil Transformation Les effets Pathfinder Les effets de déformation L'alignement des objets Trucset astuces pour tracer des formes Dessiner une flèche Gestion des pointillés

103 104 107 107 108 108 109 110 110 111 112 112 113 113 114 114 115 116 116 117 117 118 119 121 121 122

Mixer les médias

123

L'encrage Scanner un croquis

125 126

6.3. Nettoyer un scan de croquis dans Photoshop 6.4. Vectoriser une image

6.5. 6.6.

6.7. 6.8. 6.9.

6.10.

Chapitre 7

7.1. 7.2.

7.3.

7.4. 7.5. 7.6. 7.7. 7.8. Chapitre 8 8

3.3. 3.4. 3.5. 3.6.

Vectoriser depuis Bridge Vectoriser dans lllustrator Modifier une vectorisation Créer un groupe de peinture dynamique Appliquer la peinture Fermer les espaces vides L'outil Sélection de peinture dynamique Peindre avec l'outil Crayon Dessiner les ombres Créer une ombre portée Ajouter des ombres Texturer une illustration La technique de texturage Créer des textures

126 128 128 130 132 134 134 135 136 137 137 137 139 140 140 141

La peinture

143

Les bibliothèques de formes Créer un pinceau Créer un pinceau calligraphique Créer des pinceaux artistiques Dessiner une illustration florale Créer une forme de motif Dessiner des pinceaux ornementaux Créer un pinceau à partir d'un tracé manuel Créer un motif diffus L'outil Forme de tache Créer une siIhouette Modifier la forme d'un pinceau artistique Créer un pinceau aquarelle Mémoriser les pinceaux Supprimer un pinceau Créer une Pointe de pinceau

145 147 147 148 151 154 154 157 158 161 161 163 164 165 166 166

Illustration en dégradé

169

La bibliothèque de dégradés Créer un dégradé de couleurs Le menu Edition/Modifier les couleurs Créer un dégradé linéaire Créer un dégradé radial L'outil Dégradé de couleurs Attribuer un dégradée un autre objet Enregistrer un dégradé Les dégradés de formes Créer un dégradé d é f o r m e s L'outil Dégradé de formes Modifier un dégradé déformes

171 172 172 173 174 175 178 178 179 180 182 183

8.7. 8.8. Chapitre 9 9.1.

9.2.

9.3. 9.4.

9.5. 9.6.

Adapter un dégradé de formes à un tracé Transformer un dégradé de formes sur un tracé Décomposer un dégradé déformes Annuler un dégradé déformes Les filets de dégradé Les distorsions d'enveloppe

184 185 186 186 187 190

Réaliser un collage

191

Les styles graphiques Appliquer un style graphique Sélectionner un style graphique Mémoriser un style graphique Dupliquer un style graphique Combiner des styles graphiques Supprimer des styles graphiques Le panneau Aspect Modifier un style graphique Masquer, supprimer, attribuer un style graphique Les masques d'écrêtage Les masques d'opacité Créer un masque d'opacité Modifier un masque d'opacité Ajouter un halo Les effets Photoshop Appliquer un effet Modifier un effet Les modes de fusion

194 194 196 196 197 197 197 198 198 199 200 203 203 204 205 206 207 207 208

Chapitre 10 Réaliser une recette de cuisine en 3 D 10.1.

10.2. 10.3. 10.4. 10.5. 10.6.

L'effet Révolution Créer un muffin Créer le mesureur Modifier l'effet 3D L'effet Extrusion et biseautage Définir les lumières Mapper un objet 3D L'effet Rotation La technique avancée pour un effet 3D Retoucher un objet 3D dans Adobe Photoshop

Chapitre 11 Les symboles 11.1. 11.2. 11.3.

11.4.

Les bibliothèques de symboles Créer un symbole Créer un symbole depuis une image Modifier un symbole Rompre le lien Modifier le symbole original Colorer un symbole noir et blanc

11.5. 11.6. 11.7. 11.8.

11.9.

11.10. 11.11.

Chapitre 12 Réaliser une brochure 12.1. 12.2.

12.3. 12.4.

209 211 211 214 215 216 217 219 221 223 224 227 229 229 229 232 232 233 234

Remplacer un symbole Supprimer les symboles Enregistrer des symboles Les opérations de transformation Créer la forme de base Déformer un symbole Ajouter des effets de déformation Appliquer un style graphique Les outils de symbolisme L'outil Pulvérisation de symboles L'outil Transparence de symboles L'outil Glissement de symboles L'outil Espacement de symboles L'outil Coloration de symboles L'outil Redimensionnement de symboles L'outil Stylisation de symboles L'outil Rotation de symboles Amélioration de l'aspect visuel des symboles pour le web

12.5. 12.6. 12.7. 12.8. 12.9. 12.10. 12.11.

Les modes de couleurs Créer un document Les profils de couleurs Attribuer un profil Le menu Edition/Couleurs L'outil Plan de travail Manipuler les plans de travail Personnaliser un plan de travail Définir un plan de travail Adapter un plan de travail à une illustration Copier/Coller d'un plan de travail vers un autre Modifier sa position La sélection L'affichage Pixelliser une illustration Enregistrer pour l'impression offset Enregistrer au format EPS Enregistrer au format TIFF Importer un document sur un plan de travail Les traits de coupe Imprimer un plan de travail Enregistrer au format lllustratorCS3

Chapitre 13 Le t e x t e 13.1.

Créer du texte L'outil Texte L'outil Texte captif L'outil Texte curviligne

235 236 236 237 237 238 239 240 241 241 242 243 244 244 245 245 246 247 249 251 252 254 254 254 255 256 256 258 258 258 259 261 261 262 263 263 264 264 265 266 267 269 271 271 272 272

13.2. 13.3. 13.4.

13.5.

13.6.

13.7. 13.8. 13.9.

13.10.

Importer du texte Créer un texte en colonnes Répartir le texte en excès Mettre en forme du texte Le panneau Contrôle Le panneau Caractère Le panneau Paragraphe Les styles de texte Les styles de caractère Les styles de paragraphe Corriger le texte Styliser un texte Le texte 3D Créer un arrière-plan abstrait Créer un symbole Créer un texte fourrure Peindre un texte Créer un texte avec plusieurs contours Habiller un texte Vectoriser un texte Déformer un texte La distorsion de l'enveloppe Les effets de déformation Appliquer un texte sur un objet 3D Améliorer un texte

Chapitre 14 Imprimer des fichiers 14.1. 14.2. 14.3. 14.4. 14.5. 14.6. 14.7.

14.8.

14.9. 14.10.

Le format d'épreuve La séparation des couleurs La surimpression L'impression d'une épreuve papier L'impression de la transparence Imprimer un fichier en bichromie (deux tons directs) Imprimer sur une imprimante locale Imprimer le résumé Imprimer le document Exporter un document Exporter au format TIFF Exporter un fichier PDF Créer un fichier PDF multiplan Les métadonnées Exporter pour Microsoft Office

Chapitre 15 Index

10

273 274 275 276 276 277 278 279 279 280 280 281 281 283 284 285 285 286 286 288 288 288 289 290 291 293 295 296 297 298 300 302 303 303 304 305 306 307 309 310 311

PRISE EN MAIN D'ILLUSTRATOR Présentation C o n t e n u d u livre Les n o u v e a u t é s C o m p o s a n t s de l'interface Afficher les d o c u m e n t s O r g a n i s e r s o n espace de t r a v a i l Partager s o n é c r a n Les r a c c o u r c i s c l a v i e r

13 13 u 15 20 21 25 27

313

11

Dessiner à l'ordinateur n'est plus seulement destiné aux professionnels. La tablette graphique s'est substituée au crayon qui, néanmoins n'a pas encore tout à fait disparu. Le dessin numérique est devenu abordable avec lllustrator qui, au fil des versions, se révèle facile d'accès aux néophytes. Quelques clics suffisent pour produire un graphique professionnel. Les outils et les fonctionnalités ajoutées au fur et à mesure de son évolution n'ont fait qu'accroître sa suprématie dans le domaine de la création artistique.

1.1. Présentation Créé en 1985, lllustrator est le logiciel incontournable en matière de création graphique vectorielle. Les évolutions apportées au fil des années ont fait de lui le compagnon indispensable des graphistes et des illustrateurs. Ces nombreux outils permettent de réaliser tous les documents professionnels bien au-delà du simple dessin. Les nombreux cas pratiques que vous étudierez au cours de cet ouvrage vous feront réaliser qu'lllustrator n'est pas qu'un simple outil de dessin vectoriel. Comme vous pourrez le constater à la lecture de l'ouvrage, que vous soyez amateur ou professionnel, lllustrator vous permet de réaliser tous vos projets : la seule limite est l'imagination. Après cette rapide présentation d'Illustrator, voyons ce que vous allez étudier.

1.2. Contenu du livre Les livres sur lllustrator sont rares et pourtant, cette application mérite que l'on s'y attarde tant les fonctionnalités sont nombreuses. Ce livre se propose d'aborder lllustrator par le biais de la pratique et de l'image. Il s'efforcera de vous démontrer que vous pouvez réaliser tous vos projets. • L'ouvrage débute par un bref tour d'horizon d'Illustrator et de ses nouveautés. Ensuite, le projet d'une couverture de CD vous permettra de vous familiariser avec les bases de l'application. \ • Vous poursuivrez votre apprentissage avec la réalisation d'un personnage de cartoon. Puis, vous aborderez les techniques générales pour modifier un dessin. • Vous enchaînerez avec la mise en couleur d'une mini bande dessinée suivie d'un chapitre sur la création du logo du magazine. • Vous aurez l'occasion d'appréhender le domaine de la mode dans lllustrator avec l'outil Plume puis la création de motifs pour vos gabarits.

1.2. Contenu du livre

13

• Après le dessin, un autre cas pratique vous apprendra à mixer les médias traditionnels et numériques (photographies, dessin vectoriel, esquisse). • Vous continuerez d'explorer la couleur avec les dégradés. • La réalisation d'un collage traitera des masques, des styles graphiques, de la transparence et du panneau Aspect.

m Une nouvelle fonction Passer aux règles globales accessible depuis un clic droit dans la règle.

m Ensuite, une recette de cuisine illustrée vous permettra d'aborder le thème du dessin en trois dimensions.

• Un nouveau panneau Plans de travail qui vous permet de réorganiser vos documents.

• Les symboles seront abordés. • Vous poursuivrez avec la mise en page d'une brochure dont le but est d'annoncer la venue du magazine Artsyl. Le fonctionnement de l'outil Texte sera ensuite abordé suivi des outils Graphe. • Vous verrez par la suite la réalisation de la page d'accueil d'un site internet. La conception d'un fond d'écran pour téléphone portable terminera ce chapitre. • Pour clôturer cet ouvrage, le dernier chapitre s'efforcera de vous donner les informations nécessaires pour imprimer les illustrations réalisées au cours de cet ouvrage sur une imprimante de bureau ou chez un imprimeur.

• La fenêtre Imprimer se dote d'une option Rotation automatique qui place votre document à imprimer dans la bonne position.

Voyons à présent ce que propose cette nouvelle version d'Illustrator.

1.3. Les nouveautés Dans cette version CS5, lllustrator se voit enrichi de nouveaux outils et fonctionnalités :

• L'outil Concepteur de forme : qui remplace les outils Pot de peinture dynamique et Sélection de peinture dynamique. • La boîte à outils se dote de trois modes de dessin (dessin normal, dessin arrière, dessin intérieur).

• Une nouvelle option Aligner sur la grille en pixels dans le panneau Transformation. m L'amélioration des pixels lors de l'exportation de dessins destinés au web design. • L'option Définir la méthode de lissage fait son apparition dans la palette Caractère. m La modification lors des méthodes de collage des objets avec l'arrivée de deux nouvelles commandes Coller sur place et Coller dans tous les plans de travail. m Au niveau du menu Préférences, la section Sélection et affichage des points d'ancrage se dote de l'option [Commande|+[ciic| pour sélectionner les objets à l'arrière-plan. Après ce tour d'horizon des nouveautés et des améliorations des outils de cette nouvelle version d'Illustrator, passons à la découverte de son interface.

• L'outil Grille de perspective : pour dessiner en perspective. • L'outil de sélection de perspective : pour repositionner votre grille de perspective. • L'outil Largeur pour modifier l'épaisseur de vos traits. • Le menu Affichage se dote d'une nouvelle commande Grille de perspective. • Le panneau Contourse dote de nouvelles options comme Profil qui vous permet de changer la forme de vos traits. L'option Pointe a disparu tandis que Limite fait son apparition. Le dessin des flèches est désormais possible depuis cette palette. • Un nouveau type de pinceau Pointe du pinceau

1.4. Composants de l'interface —-=-

D •

'•

•

*•

^Hn'^dcEu»-

-

^"SMMHS \ y

Ij y.

0 . îM.

m Ji ' k Ml.

r

..

EËf

u

• Une nouvelle section Options de mise à l'échelle de forme dans les options de pinceaux. L'option Proportionnelle disparaît. Figure 1.1 : L'interface

H

1. Prise en main d'Illustrator

1.4. Composants de l'interface

15

La boîte à outils

La première icône Passera Bridge permet d'accéder à Bridge.

La boîte à outils contient t o u s les outils pour concevoir et modifier vos illustrations. •

S" La seconde icône Réorganiser les documents affiche la liste des modes d'affichage des documents.

Dans la partie droite de la barre, vous avez la liste des modèles d'espaces de travail proposés par lllustrator.

Pour les activer, cliquez sur leur raccourci ou directement sur leur icône.

-•;h

• Certains de ces outils sont dotés d'une flèche noire dans leur coin inférieur droit permettant d'accéder à des outils supplémentaires. Un mini panneau s'affiche que vous pouvez rendre flottant en cliquant sur l'icône Détacher située à sa droite.

»

;

jcn et épteuvsge

'ZZ Pentu

Typog ,pfc«

/

• / . A

Web

Enrtg» «,!'„,,„

«,,>»„!..

3-cM secpscecdetraveiL.

Sa

Figure 1.2: La boîte à outils

Les menus

Figure 1.6 : La liste des modèles des espaces de travail

À droite de ce menu déroulant, une zone de recherche vous permet de demander des renseignements sur l'une des fonctionnalités d'Illustrator. Pour effectuer une recherche, procédez c o m m e suit : 1 Saisissez l'objet de votre recherche.

Les menus principaux contiennent les fonctionnalités d'Illustrator que vous pouvez retrouver par ailleurs au sein des panneaux et des menus contextuels. Edition

p

Comm e FieeHand Comrae InDesign Comme Photos hop

^rrV;.' ...

hchier

-

Objet

ïexte

Affichage

Sélec-icn

Fenêtre

Atée

Figure 1.7 : La zone de recherche 2 Une fois validée, la recherche est lancée. Vous êtes alors redirigé sur la page de la c o m m u n a u t é d'aide d'Adobe. La liste des résultats obtenus correspond aux réponses les plus pertinentes.

Figure 1.3: Les menus

Le panneau Contrôle Les options du panneau Contrôle se modifient selon l'outil sélectionné. Appelé pâssc+op

"Q•

Ov'2* 2 pi

T ; StySc :

Pr,fcr».rca

.^ -

Dessin et fusion de tracés à l'aide de l'outil Forme de tache

Figure 1.4 : Le panneau Contrôle

La barre d'application

Ij

7^^,

La barre d'application vous permet d'accéder à A d o b e Bridge. Vous pouvez également modifier l'ordre de vos documents.

B H'

Figure 1.5 : La barre d'application

Cette barre offre plusieurs fonctionnalités par le biais de raccourcis. Figure 1.8 : La liste des résultats de recherche

16

1. Prise en main d'Illustrator

1.4. Composants de l'interface

17

À droite de la zone de recherche, vous avez un bouton CS Live qui vous permet d'accéder aux services d'Adobe CS Live.

3

Menu Contextuel

Se déconnecter §y

Adofoe Browser La&

m|fc

CS Review

Page d'accueil BrowserLsb Z o o m avant

Créer une révision... En savoir plus... =i|

Afficher ks règles .'.yerages'(;

SHeCai

Z o o m arrière

Afficher les règles d u plan de travail

Dernières NetÂverages

Afficher le grille

Aller à Adobe Story

Verrouiller ies repères

Masquer tes repères

À

AcrobatcOTi

Sélection

Page d'accueil Acrobat.com Partager mon écran CS News a m i Kesoyrces Gérer mon compte

.

.;-,.••/;...

Bonjour syivie, Bienvenue dans tes services Adobe CS Live.

En savoir plus

1 . 'Bécsuvrif les se

• H H H H l ^ ^ H B l Figure 1.9: Menus d'Adobe CS Live

Les menus contextuels Les menus contextuels reprennent les fonctionnalités des panneaux et des menus généraux. Pour les afficher, suivez ces étapes :

Figure 1.10: Menu contextuel

La barre d'état La barre d'état affiche les informations sur le d o c u m e n t à l'écran c o m m e la date et l'heure, le profil colorimétrique du document ou l'outil actif. Vous pouvez y effectuer certaines opérations c o m m e : • choisir un niveau de z o o m ,

1 Activez un outil.

• afficher le plan de travail en cours d'utilisation,

2 Cliquez avec le bouton droit sur la zone de travail.

• afficher le fichier actif dans A d o b e Bridge (Afficher dans Bridge),

3 Choisissez l'une des c o m m a n d e s disponibles.

Lir-1" •

%

'• -

Figure 1.11: La barre d'état Concernant l'affichage des documents, celui-ci a subi quelques améliorations.

18

1. Prise en main d'IUustrator

1.4. Composants de l'interface

19

1.5. Afficher les documents Les documents ouverts dans lllustrator s'affichent désormais sous f o r m e d'onglets.

Figure 1.12: Affichage sous forme d'onglets •

Un clic sur leur intitulé permet de rendre visible leur contenu.

•

Pour basculer d'un d o c u m e n t à l'autre, cliquez sur leur onglet respectif.

L'ordre des onglets des documents peut être changé par un simple cliquer-déposer. Vous pouvez également détacher un d o c u m e n t de cette manière. Lorsque plusieurs d'entre eux sont ouverts, il est possible d'accéder à leur liste en double cliquant sur la double flèche située à droite du dernier document. Choisissez alors celui que vous souhaitez afficher à l'écran.

couverture_f i nal e.a i 0utit_craycn_effet_deform3ttcn.Bi ccuvefture_rnag_\4,ai Êogcai

Figure 1.13 : L'ouverture d'un document

La disposition des documents ouverts peut être modifiée. 1 Pour se faire, rendez-vous dans la barre d'application. 2 Cliquez sur l'icône Réorganiser les documents.

•1 . : II l i

2 Sélectionnez la présentation Tout intégrer ou cliquez avec le bouton droit sur l'un des onglets de document. Dans le menu contextuel qui s'affiche, choisissez la c o m m a n d e Tout regrouper ici. Avant de travailler, vous avez besoin de choisir un espace de travail, lllustrator met à cet effet, à votre disposition plusieurs modèles d'espaces de travail prédéfinis.

1.6. Organiser son espace de travail Dans la barre d'application, un menu déroulant vous permet de sélectionner un espace de travail parmi ceux proposés par défaut par lllustrator.

m Figure 1.14 : La liste des présentations

Cliquez sur l'une d'entre elles. La disposition des documents se modifie instantanément. Ces présentations sont particulièrement utiles lorsque vous désirez glisser un élément d'un d o c u m e n t vers un autre.

20

documents.

Une liste de présen-

tations s'affiche à l'écran.

i

Pour réinitialiser la disposition d'affichage des documents, procédez c o m m e suit : 1 Cliquez sur l'icône Réorganiser les

Sans titre - 1

V'

Figure 1.15: Présentation sous la forme de quatre fenêtres

1. Prise en main d'IUustrator

Cet espace de travail est entièrement modulable. Si les modèles offerts par lllustrator ne vous conviennent pas, vous pouvez en définir un autre selon vos besoins, puis le mémoriser. Voici c o m ment procéder : Figure 1.16: Panneaux

1 Réduisez les panneaux à l'état d'icônes. — Cliquez avec le bouton droit sur le panneau concerné.

,J

sous forme d'icônes

1.6. Organiser son espace de travail

21

_ Dans le menu contextuel qui s'affiche, choisissez la commande Réduire en icônes.

2 Affichez uniquement les panneaux dont vous avez besoin par le biais du menu Fenêtres.

__ Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser en dessous du panneau auquel vous souhaitez l'ancrer. Une barre bleu cyan vous indique l'endroit où il sera intégré.

Nouvelle fenêtre

r llgmij

Disposition Espace de travail

•/ V"

Contrôle

%-

Outils Alignement

Majuscule* F7

Aperçu de l'aplatissement Aperçu des séparations Aspect

Majuscule* F6

Baguette magique Calques

F7

: <é Contour

Ctrl+FiQ

\ •/ •/

Couleur Dégradé de couleurs Fermes Guide des couleurs

F6

Figure 1.18: Le déplacement d'un panneau

Ctrl*F9 F5

6 Réorganisez-les.

Majuscule* F3

Informations sur le document Infos

— Cliquez sur l'intitulé du panneau à déplacer.

Ctri*F8

— Faites-ie glisser à côté du panneau près duquel vous souhaitez le repositionner.

Interactivité SVG Liens Navigation Nuancier Options d'objet Pathfinder

Ctrl* F i l Majuscule* Ctrl* F9

Affichage des panneaux

Plans de travail

lllustrator s'ouvre sur l'espace de travail Les Indispensables dans lequel les panneaux sont réduits à l'état d'icônes. Pour les ouvrir, cliquez sur la double flèche située en haut de la colonne d'icônes. Certains des panneaux sont regroupés et contiennent différents onglets. Pour aller de l'un à l'autre, cliquez sur leur libellé.

Scripts d'action Styfes graphiques Symboles

Majuscule* F5 Majuscule* Ctrt* F i l t

Texte Transformation Transparence

Majuscule* F3 Majuscule* Ctrl*FlQ

Variables Bibliethèques de formes

7 Redimensionnez-les si besoin. Pour cela, suivez ces étapes :

Bibliothèques de nuances Bibliothèques de styles graphiques

— Placez-vous en bas du panneau concerné. Le curseur se transforme en double flèche.

Bibliothèques de symboles j

f

compcO308jpg @ 100% (RVB/Apereu)

Figure 1.17 : Le menu Fenêtre

;

3 Ajoutez d'autres panneaux toujours avec le menu Fenêtres. 4 Masquez ceux que vous estimez inutiles. Pour cela, utilisez de nouveau le menu précédent. 5 Groupez-les. Empilez-les les uns à la suite des autres. — Cliquez sur le panneau concerné.

22

1. Prise en main d'Illustrator

— Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur vers le bas ou vers le haut selon que vous souhaitez agrandir ou diminuer l'importance du panneau concerné. 8 Transformez les panneaux fixes en panneaux flottants. — Pour cela, cliquez sur la barre grise du dernier onglet.

1.6. Organiser son espace de travail

23

_ Faites glisser le pointeur vers un autre emplacement. 9 Fermez les groupes de panneaux inutiles. Utilisez pour cela l'une des deux méthodes suivantes : _ Cliquez sur l'icône en forme de croix située dans leur coin supérieur gauche. — Dans leur menu local, choisissez dans la liste qui s'affiche, la commande Fermer le groupe d'onglets. 10 Une fois que l'espace de travail vous convient, enregistrez-le.

Votre espace de travail défini, vous pouvez commencer à travailler. De plus en plus, le travail s'effectue à distance. La collaboration entre les différents protagonistes d'un projet peut vite se révéler fastidieuse. C'est pour cette raison qu'Adobe a donc décidé de s'attaquer au problème en intégrant au sein de ses applications dont lllustrator la technologie Connect Now.

1.7. Partager son écran Le travail collaboratif à distance est désormais facilité. Vous pouvez :

— Allez dans la barre d'application.

• partager différents espaces de travail,

— Cliquez sur l'espace de travail actif pour accéder à la commande Enregistrer l'espace de travail.

• valider les différentes étapes d'un projet entre trois personnes connectées au maximum. Adobe Connect now permet de résoudre les problèmes engendrés par le travail à distance soit avec un client, soit avec les différents collaborateurs d'un projet. Vous souhaitez avoir une opinion ou valider une étape d'un travail par votre client, voici comment procéder.

Se connecter Figure 1.19 : Accédera la commande Enregistrer espace de travail

Nommez-le, puis cliquez sur OK. Le nouvel espace de travail apparaît en haut de la liste.

1 Dans lllustrator, allez dans le menu Fichier. Choisissez la commande Partager mon écran. Lorsque vous démarrez lllustrator la première fois, vous devez entrer vos identifiants dans la section Adobe CS Live. Si vous ne le faites pas, lorsque vous activez la commande Partager mon écran, un écran vous invite à saisir vos identifiants. 2 Une fenêtre vous indique l'adresse internet de réunion qui vous a été attribuée.

La gestion des espaces de travail REMARQUE

Pour gérer les différents espaces de travail enregistrés, passez par le menu déroulant situé à gauche de la zone de recherche. Utilisez la commande Gérer les espaces de travail. Une fenêtre s'ouvre dans laquelle vous pouvez gérer vos différents espaces de travail à savoir les modifier, en créer de nouveaux ou supprimer dont vous n'avez plus besoin. La procédure de suppression d'un espace de travail est la suivante :

salLl-Ji ' f

•

•

M

*.

ttfiURl

^

: ^ m±

https:ffconnectnow.aerob3t.co ma^lgraph

1 Sélectionnez-le dans la liste. 2 Cliquez sur l'icône en forme de corbeille. 3 Validez votre choix.

2U

1. Prise en main d'IUustrator

f.!.:;

Fermer

Figure 1.20 : Affichage de l'adresse internet de réunion

1.7. Partager son écran

25

Vous pouvez alors la communiquer par e-mail aux personnes concernées. La seule condition pour vos collaborateurs ou clients pour pouvoir communiquer avec vous est de posséder un player flash et un navigateur web. Aucune application supplémentaire n'est requise. 3 Fermez la boîte de dialogue à l'écran.

Réorganiser son espace de travail Connect Now L'espace de travail est modulable selon vos besoins par le biais des menus déroulants situés dans la partie supérieure de l'interface. Les panneaux flottants à droite de l'écran peuvent être déplacés ou réorganisés à votre convenance par un simple cliqué-glissé. Dans le menu Modules, vous pouvez décider d'afficher d'autres panneaux ou de les masquer à l'écran. Parmi les possibilités d'Adobe Connect Now, vous pouvez mettre à disposition de vos collaborateurs : • vos commentaires. Dans le panneau Conversation, entrez votre texte puis envoyez-le de manière individuelle à vos collaborateurs ou clients.

/

»

«•*•

/

CONVERSATION NOTES PARTAGEES

4

WEBCAM FCHIERS

imimuêUMt Rétablir Sa dispasrtior par défaut

:

Figure 1.21 : Menu Modules Le délai d'attente de connexion des personnes invitées à une réunion est variable. Tout dépend du débit et du délai de réseau.

Le travail dans Adobe Connect Now 1 Une fenêtre s'ouvre vous demandant d'accepter ou de refuser la connexion entrante. Une petite icône en bas de l'écran vous indique les personnes connectées.

26

3 Dans la fenêtre qui s'affiche, acceptez ce partage. Connect Now disparaît. Seuls les panneaux de contrôle restent à l'écran. Tous les participants peuvent maintenant accéder à votre écran. 4 Dans le panneau Annotation, vous avez la possibilité d'activer les notes et de les partager. À partir de ce moment, vous perdez le contrôle de votre écran. Vous voyez le curseur se déplacer tout seul. 5 Pour reprendre la main, il suffit de cliquer sur le bouton Arrêt dans le panneau Annotation. 6 Une fois votre réunion terminée, basculez dans Adobe Connect pour quitter l'application. L'opération est disponible dans le menu Modules.

1. Prise en main d'illustrator

1.8.

Les raccourcis clavier

lllustrator possède des raccourcis clavier qui lui sont propres. Certains peuvent être utilisés dans l'ensemble des logiciels Adobe comme fctfT)+fzl, [ctiïl+fcl ou [ctri]+[v|. Les commandes lllustrator ne possèdent pas toutes des raccourcis. Vous pouvez leur en assigner. C'est ce que vous allez réaliser pour la commande Partager mon écran. À cet effet, lllustrator met à votre disposition la boîte de dialogue Raccourcis clavier.

PARTAGE D'ECRAN

4

2 Cliquez sur le bouton Partager l'écran de mon ordinateur.

Lors de la réalisation des illustrations, vous vous apercevrez que beaucoup de tâches sont répétitives. Il vous sera utile de définir des raccourcis clavier afin de gagner du temps.

• des fichiers,

MODUUS

Figure 1.22 : La liste des personnes connectées

1 Allez dans le menu Edition. Choisissez la commande Raccourcis clavier (voir Figure 1.23). Dans la boîte de dialogue qui s'affiche, effectuez les opérations suivantes : 2 Choisissez le type de raccourci Commandes de menu. 3 Déroulez le menu Fichier. 4 Cliquez dans la colonne Raccourci dans la zone vide située en regard de la commande Partager mon écran.

1.8. Les raccourcis clavier

27

Ensemble : Paramètres par défaut lllustrator OK

h k V •\ te A

Raccourci

Symbole

Sélection

V

V

Sélection directe

A

A

Baguette magique

Y

Y

Lasso

Q

Q

Plume

p

p

-

-

Annuler

Ajout de point d'ancrage Suppression de point d'ancrage Conversion de point directeur

Majuscule+C

c

T si)

Texte

T

T

%>

Exporter le texte...

+

fr

•ir-

Enregistrer..

Sélection directe

Texte captif Texte curviligne

-

Figure 1.23 : La boîte de dialogue Raccourcis clavier

5 Saisissez Ait+F9. Le symbole (F9J du raccourci s'affiche instantanément.

DESSINER DANS ILLUSTRATOR

6 Appuyez sur le bouton Enregistrer pour le mémoriser. Dans la fenêtre Enregistrer le fichier de raccourcis qui s'affiche, saisissez le n o m du raccourci défini. 7 Cliquez sur OK pour valider. 8 Fermez la fenêtre Raccourcis clavier. Les raccourcis définis peuvent être modifiés ou supprimés. • Pour changer un raccourci d'une c o m m a n d e ou d'un outil, il suffit de cliquer sur le raccourci existant et d'en saisir un autre. • Pour supprimer un raccourci, appuyez sur le bouton Supprimer. L'ensemble des raccourcis peut être mémorisé sous f o r m e de texte pour être i m p r i m é . Vous les avez ainsi toujours à votre disposition. Pour cela, cliquez sur le bouton Exporter le texte. Si v o u s déroulez le menu Fichier, un raccourci est dorénavant disponible pour la c o m mande Partager mon écran.

28

1. Prise en main d'IUustrator

Créer un document Importer un document Ouvrir un fichier Utiliser les calques Affichage des dessins Les règles La grille Les modes d'affichage de la zone de travail Dessiner un personnage L'outil Arrondi Dessiner avec l'outil Concepteur de forme Dessiner en perspective Nouveau mode de dessin

31 33 37 39 45 46 46 48 51 53 54 54 56

29

Ce chapitre vous fera découvrir les techniques de dessin et deux des nombreux outils de dessin à votre disposition : Crayon et Arrondi. Pour commencer, vous allez créer un personnage. Pour cela, vous importerez un croquis scanné dans lllustrator, puis vous organiserez votre document. La fonction d'affichage, les calques et la grille vous aideront dans votre tâche. Ces étapes sont valables pour n'importe quelle illustration. Ensuite, vous poursuivrez avec l'apprentissage de l'outil Concepteur déforme puis le dessin en perspective.

2.1. Créer un document La première étape consiste à créer un nouveau document. Plusieurs méthodes sont à votre disposition : 1 Utilisez le raccourci fctrQ+fN]. 2 Sur l'écran de bienvenue, vous avez dans la colonne de droite Créer un, la liste des documents prédéfinis que propose en standard lllustrator. Comme il s'agit d'un personnage qui sera animé sur le Net, cliquez sur le lien hypertexte Document web. Autre solution : 1 Passez par le menu Fichier/Nouveau. La boîte de dialogue Nouveau document s'affiche. Vous allez régler les paramètres du document. Uouvsàv document OK

Nom : Sans tître - 4 Nouveau profil de document : Web Nombre de plans de travail: jjf

Annuler

i

Modèles...

Taille: 3 0 0 x 6 0 0 Largeur : 800 px

Unités :

Hauteur : 600 px

Orientation :

Supérieur Fond perdu : - I

0 px

Inférieur : 0 px

t

Pixeis

• JJJ]

Gauche

Droite

0 px

0 px

(Hp

PPP ; 72

E

Avancées Mode: RVB Effets de pixellisation : Ecran (72 ppp) Mode d'aperçu : Par défaut

Figure 2.1 : La boîte de dialogue Nouveau document 2 Dans le champ Nom, nommez votre document.

2 . 1 . C r é e r un document

31

3 Si le profil de document ne vous convient pas, vous pouvez en sélectionner un autre dans Nouveau profil de document.

d'entre eux ou d'en spécifier de nouveaux. Pour cela, lllustrator fournit une autre boîte de dialogue : Format de document.

4 Vous avez ensuite la possibilité d'indiquer le nombre de plans de travail que vous utiliserez, puis l'ordre dans lequel vous désirez les voir apparaître. Ici, un seul plan de travail est nécessaire.

La prochaine étape consiste à importer le croquis.

5 Vous pouvez aussi sélectionner une autre taille de document ou personnaliser les dimensions. 6 Changez l'orientation. Vous avez le choix entre l'option Portrait(à la française) et l'option Paysage (à l'italienne). Portrait convient au projet. 7 II est possible d'ajouter des fonds perdus à un document. Entrez une valeur dans les champs Supérieur, Inférieur, Gauche, Droite. Pour le personnage, inutile de configurer ce paramètre. Par conséquent, laissez les champs sur 0 px. 8 Cliquez sur le bouton Avancées pour accéder aux options supplémentaires de réglage du document.

2.2. Importer un document Pour importer ce croquis, procédez comme suit : 1 Utilisez le menu Fichier/Importer. 2 Sélectionnez le croquis monstre.psd. 3 Dans la boîte de dialogue qui s'affiche, deux options vous permettent de définir la manière Figure 2.2: Les options d'importer le croquis. Vous poud'importation vez soit l'importer comme un modèle, soit comme un fichier lié. Cochez les deux options Lien et Modèle.

Vous disposez des options suivantes : • Mode: correspond au mode colorimétrique du document. Il est réglé par défaut sur RVB. Cela convient parfaitement pour une illustration destinée au Web. • Effets de pixellisation : réglée par défaut sur 72 ppp (points par pouce), cette option représente la résolution des illustrations dans le document. La valeur par défaut correspond à un affichage d'écran ou pour le Web. • Mode d'aperçu : spécifie le mode d'affichage du document. C'est un moyen de vérifier la superposition des couleurs. Trois possibilités sont disponibles :

L'importation d'un croquis lié

Cette méthode d'importation permet de modifier l'original grâce au lien établi. En cochant l'option Modèle, vous indiquez à lllustrator que vous désirez importer ce croquis comme modèle de référence.

Le croquis s'affiche.

— Défaut: affiche l'illustration en mode Couleur. — Pixel: affiche une illustration pixellisée. Cette option permet surtout de se rendre compte de la qualité du document dans les différents navigateurs web. — Surimpression : convient aux documents destinés à l'imprimerie. Cette option simule l'interaction des encres sur une sortie séparée des couleurs. 9 Cliquez sur OK. La boîte de dialogue vous permet de régler les paramètres de votre document. Cependant, vous aurez parfois besoin de modifier certains

32

2. Dessiner dans lllustrator

l Figure 2.3 : Affichage du croquis

Dans le panneau Contrôle, différentes options ont fait leur apparition. Vous retrouvez le nom du croquis, la méthode d'importation. Le 2.2. Importer un document

33

cartoon a été importé c o m m e un fichier lié. Parmi les options disponibles, v o u s avez :

r

4 Choisissez, dans le menu déroulant Niveaux, l'option Plus foncé. r

Niveaux Paramétres predéfirs pha foncé

„ _ _ „

Augmantsr * cc-rtr=nf 1

Figure 2.4 : Les options dans le panneau Contrôle

Augmenter le contraste 2

•

Incorporer:

Edœrdr Ses tons fonces

•

Modifier l'original: cette o p t i o n permet de manipuler le croquis initial dans un logiciel d'édition d'image, c o m m e A d o b e Photoshop, si vous l'avez installé.

Ai.crr;=rt=r ;* -zcrîrssîe 3

le lien avec le dessin original est r o m p u .

• Effectuer une vectorisation dynamique du fichier : cette option transf o r m e le croquis en un dessin aux traits en noir et blanc. •

a Figure 2.6 : Les options du menu Niveaux

pbs dalr

5 Enregistrez les modifications (fctiïl+fs)). Dans la boîte de dialogue Options de format Photoshop, cliquez sur OK. 09'jons d'enregistrement Enregistrer :

r ; En tant que copie

Masque : le croquis servira de masque.

Si le crayonné du scan n'est pas assez visible, vous aurez besoin de le retoucher.

: Profil ICC : sRGB IEC61966-2.1

3

Modifier un fichier lié

Extension de fichier en minuscules

Figure 2.7 : La boîte de dialogue Options de format Photoshop

Dans le panneau Contrôle, deux solutions sont à votre disposition : Voici la première : 1 Cliquez sur le lien hypertexte Fichier lié. Un panneau flottant s'ouvre dans lequel figurent plusieurs boutons ainsi q u ' u n menu local. Ils v o u s permettent d'intervenir sur votre croquis.

6 Retournez dans lllustrator. Un message d'avertissement vous met en garde sur des possibles fichiers manquants ou modifiés. Cliquez sur OK. La seconde méthode est la suivante :

2 Ici, cliquez sur le bouton en f o r m e de crayon Modifier l'original. Le croquis s'ouvre dans Photoshop.

1 Dans le panneau Contrôle, cliquez sur le n o m du croquis afin de le sélectionner.

3 Dans le nouveau panneau Réglages, cliquez sur la seconde icône Niveaux.

2 Un menu contextuel s'affiche. Choisissez la c o m m a n d e Modifier l'original. Le dessin s'ouvre dans Photoshop. Effectuez les m o d i f i cations nécessaires, puis sauvegardez-le.

:\\ï-a <:•:••-

••..

Ajouter- un réglage

Modifier un fichier importé Pour qu'il soit possible de modifier un fichier importé, son calque doit être déverrouillé.

* .«* X *A Fî.-:,.Y

B"

<Ti W

TÉI

»

% • ¥f Mtsi -'••••

Si, lors de l'importation d'un croquis, vous n'avez pas coché l'option Lien, vous pouvez quand m ê m e le lier de nouveau à l'original.

HK5*u>; Pararsètres çztëâeSkm

C o L f t * ; Far3f"~îr~ p r s d i f i r i ï '"• Expost'on P3.ra<-^trs; prédéfifî'S •;-

T

&nte,> 5a£ursfer P a r a î t r a s pr...

Rééditer le lien

'••'• Nz'r =* hsv-c Psran"*tr*s prsdé*;.. S-- Mê&rg&ur 5* ;cL'Cr-es

Pzrsrèlï,,

Csrrscr:cr s=>-sci , s Pi'errsir^s ...

ââ

34

o»

2. Dessiner dans lllustrator

Figure 2.5 : Le panneau Réglages

Cette opération consiste à rétablir le lien avec le fichier original que vous avez importé.

2.2.

Importer un document

35

1 Dans le panneau Contrôle, cliquez sur le lien hypertexte Incorporer. Dans le menu contextuel qui s'affiche, sélectionnez la c o m m a n d e Rééditer le lien.

2.3.

Ouvrir un fichier

Pour ouvrir un fichier, plusieurs méthodes sont à votre disposition :

2 Vous accédez alors à la boîte de dialogue Importer. Sélectionnez de nouveau le fichier, puis cochez l'option Lien.

• Dans le m e n u Fichier, utilisez les c o m m a n d e s Ouvrir ((ctrT)+[rj|) ou Ouvrir les fichiers récents ([Âit]+[ctrï]+[r3]).

3 Cliquez sur le bouton Importer.

• Sur l'écran de bienvenue, vous avez deux possibilités pour ouvrir un document :

4 Dans la boîte de dialogue Options d'importation Photoshop qui s'affiche, cliquez sur OK. Dans le panneau Contrôle, la c o m m a n d e Modifier l'original est de nouveau disponible. Dans le panneau Contrôle, vous avez aussi une autre c o m m a n d e , Atteindre le lien, qui permet de sélectionner le croquis dans le document.

Atteindre le lien

_ Cliquez sur le lien hypertexte Ouvrir. Dans la boîte de dialogue qui s'affiche, localisez le d o c u m e n t sur votre ordinateur, puis double-cliquez dessus. _ Cliquez directement dans la liste des derniers documents utilisés.

4 Ë cb.2.a

>., icgOèmeverston.ai

Cette manipulation est particulièrement utile lorsque plusieurs tracés figurent déjà sur le modèle original. 1 Cliquez sur l'option Fichier lié dans le panneau

Contrôle.

2 Un panneau flottant s'ouvre. Cliquez sur le bouton Atteindre le lien. Le croquis est alors a u t o m a t i q u e m e n t sélectionné.

%" c.h12_ceuverîure.ai ~Ji' aauarglte.ai I DSC«6S4JPG 'Xl ârr^re^'aracasîralsi s testplrcceau.psd | Ouvrir...

Figure 2.9 : La liste des derniers documents ouverts • Allez dans A d o b e Bridge (Fichier/Parcourir dans Bridge). Sélectionnez le fichier v o u l u , puis ouvrez-le par le biais d u m e n u Fichier /Ouvrir avec/Adobe lllustrator CS5. Figure 2.8 : Le panneau Fichier lié

La gestion des fichiers importés La gestion des fichiers importés peut également être effectuée dans le panneau Liens. Les options sont identiques à celles du panneau Contrôle.

La boîte de dialogue Options d'importation TIFF s'ouvre afin que v o u s puissiez régler la manière d'importer ce croquis.

Ouvrir un fichier TIFF

REMARQUE

A u lieu d'importer le croquis, v o u s pouviez l'ouvrir c o m m e un simple document.

36

2. Dessiner dans lllustrator

Dans la boîte de dialogue Options d'importation TIFF, définissez les options suivantes : (voir Figure 2.10) • Cochez l'option Afficher l'aperçu. Elle vous permet de visualiser votre graphique sous la f o r m e d'une vignette. 2 Le croquis est composé d'un unique calque. Par conséquent, laissez cochée l'option Fusionner les calques en une seule image. Si vous possédez plusieurs calques, vous avez la possibilité de conserver l'organisation des calques définie par exemple dans Photoshop. Pour cela, l'option Convertir les calques en objets doit être cochée.

2.3. Ouvrir un fichier

37

Le croquis s'affiche.

Composition de calques : Aperçu

2.4. Utiliser les calques "

QK

Commenta ires

Annuler

La réalisation d'un dessin nécessite des calques. Chaque élément du personnage sera dessiné sur un calque. Cette méthode facilite la superposition des tracés et permettra d'animer correctement le personnage lors de son importation dans Flash. Le fait que chaque composant du personnage figure sur un calque différent facilite les opérations effectuées sur le dessin. Vous évitez ainsi les erreurs de manipulation (modifier ou supprimer des tracés sur un mauvais calque par exemple).

j Afficher l'aperçu A la mise à jour d'un lien :

Les calques Les calques correspondent à des feuilles de papier empilées les unes sur les autres sur lesquelles vous pouvez voir en transparence les contenus superposés.

Options

DEFINITION

O Convertir les calques en objets Rendra s taxis r^--difab'-e =• possiÈiie

# Fusionner les calques en une seule image Conserver : sspadt au texte

Créer un calque Cette étape consiste à créer un calque sur lequel vous dessinerez le premier élément de votre personnage.

Figure 2.10 : La boîte de dialogue Options d'importation TIFF 3 Ouvrez le panneau Calques (Fenêtre/Calques).

4 Double-cliquez sur le calque du croquis pour accéder à la boîte de dialogue Options de calque. Elle vous permet de configurer le calque.

Nom : Couleur :

OK

basjambegauche Noir

•

I

<; Modèle

''•••••

' Estomper les images a : 30 %

Annuler

Figure 2.11 : Les options de calque

5 Cochez l'option Modèle. Réglez le paramètre Opacité à 30 %. Renommez le calque. Cliquez sur OK. Une fois le fichier ouvert ou importé, les différents éléments qui figureront sur le plan de travail devront être organisés. Vous utiliserez les calques pour structurer le projet.

38

1 Ouvrez le panneau Calques si celui-ci n'est pas visible (Fenêtre/ Calques). Il permet de créer, de sélectionner, de masquer, de verrouiller les éléments d'une illustration.

2. Dessiner dans lllustrator

Figure 2.12 : Le panneau Calques Créez un nouveau calque. Pour ce fa|re^deux possibilités s'offrent à vous :

2.4. Utiliser les calques

39

Cliquez sur le bouton Nouveau calque situé en bas du panneau. — Déroulez le menu interne du panneau, puis sélectionnez la commande Nouveau calque. Ensuite, il s'agit de nommer le calque créé.

Renommer un calque

Réorganiser les calques Le panneau Calques liste les calques d'un fichier en commençant par celui placé au premier plan. Le plus souvent, vous aurez besoin de modifier l'ordre de ces calques pour rectifier le chevauchement des tracés. La réorganisation s'effectue par le biais d'un simple cliquerglisser.

Pour nommer votre calque, procédez comme suit :

Vous pouvez aussi avoir besoin de déplacer un objet d'un calque vers un autre. Cette opération est utile en particulier si celui-ci figure sur le mauvais calque. Pour le replacer sur le bon calque, suivez ces étapes :

1 Double-cliquez sur le nouveau calque Calque 2.

1 Sélectionnez votre tracé avec l'outil Sélection.

2 Cette opération ouvre la boîte de dialogue Options de calque. Dans la zone de texte Nom, saisissez le libellé. Cliquez sur OK.

2 Dans le panneau Calques, cliquez sur le calque devant accueillir le tracé.

Lorsque vous avez importé le croquis du personnage, celui-ci s'est affiché sur son propre calque. Le Calque 7 par défaut n'est donc pas utile. Supprimez-le.

3 Allez dans le menu Objet/Disposition. Choisissez la commande Envoyer vers le calque sélectionné.

Supprimer un calque Pour supprimer un calque, procédez comme suit : 1 Cliquez sur son libellé. Cela a pour effet de le sélectionner. 2 Supprimez-le en utilisant l'une des méthodes suivantes : •%

Cliquez sur le bouton Supprimer la sélection situé en bas du panneau.

— Déroulez le menu local du panneau. Choisissez la commande Supprimer Calque 1. Pour réaliser un dessin, il faut maîtriser un certain nombre d'opérations :

Pour éviter les erreurs de manipulation, il est nécessaire de verrouiller les calques.

Verrouiller un calque Dès qu'un tracé est terminé, il est recommandé de verrouiller son calque. L'opération évite de modifier son contenu. Pour cela, cliquez sur la case située à côté de l'œil du calque en question. Une icône en forme de cadenas apparaît vous indiquant que votre travail est désormais protégé. _'-jL

Figure 2.13 : Verrouiller un calque

Pour le déverrouiller, cliquez sur cette icône.

• réorganiser les calques ; • verrouiller ou déverrouiller un calque ; • masquer ou rendre visible un objet ou un calque ; • fusionner les calques ; • les dupliquer ; • modifier leur couleur ;

REMARQUE

Verrouiller des calques Vous pouvez verrouiller un sous-calque ou un groupe d'objets.

Pour ne pas être gêné dans la suitexde votre travail par les éléments du personnage déjà dessinés, vouslpouvez masquer leurs calques respectifs.

• créer des sous-calques.

40

2. Dessiner dans lllustrator

2.4. Utiliser les calques

V\

Masquer un objet L'opération consiste à rendre invisible un objet sans pour autant le supprimer. En le masquant, vous protégez de ce fait le travail déjà réalisé. 1 Sélectionnez le tracé. 2 Allez dans le menu Objet. Choisissez les commandes Masquer/ Sélection. La procédure est identique pour les calques.

Comme vous avez pu le constater, chaque calque possède une couleur spécifique que vous pouvez modifier.

Modifier la couleur d'un calque La couleur d'un calque s'affiche à gauche de ce dernier. Sa fonction : permettre d'identifier les tracés présents sur le calque en question. Pour la modifier, procédez comme suit : 1 Double-cliquez sur le nom du calque. La boîte de dialogue Options de calque s'affiche.

Masquer/rendre visible un calque Cliquez sur l'icône en forme d'œil située en regard du calque en question.

2 Déroulez le menu Couleurs. Choisissez l'une des couleurs proposées ou sélectionnez l'option Autre. Dans le second cas, vous pourrez sélectionner une couleur dans la palette flottante des couleurs.

Si votre dessin contient trop de calques, vous devez les fusionner.

Fusionner des calques La fusion des calques consiste à les regrouper en un seul calque. 1 Sélectionnez les calques. Pour cela, cliquez sur le premier d'entre eux, puis tout en maintenant enfoncée la touche [Map, cliquez sur le dernier calque à fusionner.

rir

1 ÊÊU M X

WÊB& IMU ÎKÎ'* aamm *~~«

Codeurs pareonnaiisees

2 Déroulez le menu interne du panneau Calques. Choisissez la commande Rassembler sur un nouveau calque. Pour éviter de dessiner les éléments répétitifs, vous pouvez dupliquer le calque initial.

Dupliquer un calque Dupliquer un calque consiste à créer une copie du calque existant. 1 Dans le panneau Calques, sélectionnez le calque concerné. 2 Deux possibilités s'offrent à vous : — Faites glisser la vignette du calque sur l'icône Nouveau calque. Le nouveau calque s'affiche au-dessus de l'original. — Utilisez le menu interne du panneau Calques. Sélectionnez la commande Dupliquer. Le calque est copié avec son contenu. Il se positionne au-dessus du calque d'origine.

Uï

2. Dessiner dans lllustrator

Teinte : ISS Rouge : 0 Satur. : 0

Vert : 0

Couleur Unie

Figure 2.14: La palette Couleurs

3 Une fois votre choix effectué, cliquez sur OK pour valider. Lorsque vous créez un calque, tous les dessins que vous réalisez viennent se placer sur des sous-calques. Vous pouvez en ajouter d'autres.

Créer des sous-calques Pour ajouter un élément à un calque supérieur, vous pouvez créer un sous-calque. \ 1 Dans le panneau Calques, cliquez sur le calque supérieur dont le sous-calque dépendra.

2.4. Utiliser les calques

43

Un calque actif Un calque sélectionné devient le calque actif. Il se reconnaît par sa couleur bleue.

2 Créez le sous-calque. Pour cela, deux possibilités s'offrent à vous : — Faites glisser la vignette du calque supérieur sur le bouton Nouveau sous-calque.

2.5. Affichage des dessins lllustrator propose deux modes d'affichage : le mode Aperçu et le mode Tracés. Lorsque vous dessinez, il est recommandé de travailler sur des illustrations en fil de fer dans lequel vous ne voyez que les tracés. Le mode Tracés vous permet de les rectifier très rapidement sans vous soucier de la couleur de remplissage. Pour activer ce mode, cliquez sur le menu Affichage/Tracés ([ctiT|+fY|). Une autre méthode est à votre disposition :

— Dans le menu local du panneau, choisissez la commande Nouveau sous-calque.

1 Cliquez du bouton droit sur le plan de travail. 2 Dans le menu contextuel qui s'affiche, choisissez la commande Tracés.

Sélection des calques Pour sélectionner des calques non adjacents, procédez comme suit : 1 Cliquez sur le premier calque. 2 Tout en maintenant enfoncée la touche |CtîT], cliquez sur les autres calques.

A

L'utilisation de calques Les calques permettent d'organiser efficacement un projet. Cependant, évitez de trop les multiplier, en particulier si vous devez animer le personnage, comme c'est le cas ici. Gardez à l'esprit que la multiplication des calques peut ralentir le fonctionnement d'Illustrator.

• 1 » •

1

^

1

• •

{

* * *

g

Q

g

sTracé>

.j

S I

o

[5]

O

|

O

}: |

O

[~j] «Tr»cé>

O

P j

O

* *> a |

2. Dessiner dans lllustrator

Pour revenir en mode plein (Aperçu), utilisez le menu Affichage/ Aperçu.

Figure 2.17 : Le mode Aperçu d Figure 2.15 : Les sous-calques

La gestion des calques n'a désormais plus de secrets pour vous. Il est temps à présent de dessiner le personnage. Au préalable, vous devez effectuer quelques réglages, notamment au niveau de l'affichage.

U

Figure 2.16 : Le mode Tracés

Affichage en mode Contours Pour afficher rapidement les^ tracés d'un calque en mode Contours, maintenez enfoncée la touche fcïrf), puis cliquez sur l'icône en forme d'œil du \calque.

2.5. Affichage des dessins

45

Une fois le mode Contours activé, affichez les règles.

2.6. Les règles Les règles permettent de positionner avec précision les tracés. Elles sont affichées sur les côtés gauche et supérieur du croquis. Pour les activer, allez dans le menu Affichage et choisissez la commande Afficher les règles.

Figure 2.19: Affichage de la grille Dès que votre dessin est terminé, masquez le calque du modèle pour visualiser la grille. Pour la masquer, utilisez de nouveau ce menu, mais cette fois, choisissez la commande Masquer la grille.

Personnaliser une grille

Figure 2.18 : Les règles d'un document

Vous pouvez la personnaliser selon vos besoins par le biais de la commande Repères et grille du menu Edition/Préférences.

Affichage des règles du plan de travail Le plan de travail possède ses propres règles. Pour les rendre visibles, sélectionnez le menu Affichage/Afficher les règles du plan de travail.

1 Dans la section Grille, spécifiez la couleur et le style des traits de la grille dans les listes disponibles à cet effet. 2 Dans le champ Pas, saisissez la distance à conserver entre les lignes principales de la grille. Celles-ci S/Ont visibles avec un zoom de 100%.

L'origine des règles correspond à leur point 0 situé dans le coin supérieur gauche de la fenêtre de travail.

3 Définissez le quadrillage de la grillé en entrant une valeur dans le champ Subdivisions.

Pour masquer les règles, utilisez la commande Masquer les règles du menu Affichage.

4 Cliquez sur OK.

Une fois les règles actives, affichez la grille.

Pour faciliter l'alignement des différents éléments qui composent votre personnage. Vous pouvez rendre la grille magnétique (Affichage/Magnétisme de la grille).

2.7. La grille

Pour travailler dam les meilleures conditions possibles, vous pouvez modifier la taillé de l'affichage de la zone de travail.

La grille permet de positionner avec précision les différents points des tracés. Pour l'activer, sélectionnez, dans le menu Affichage, la commande Afficher la grille.

46

2.7. La grille

2. Dessiner dans lllustrator

-

47

2.8. Les modes d'affichage de la zone de travail Vous disposez à cet effet de l'outil Zoom, du panneau Navigation et du menu Affichage.

L'outil Zoom Pour visualiser votre croquis en grand format ou diminuer sa taille, vous devez appliquer un zoom avant ou arrière. 1

"A,

Sélectionnez l'outil Zoom.

Le pointeur prend la forme d'une loupe avec, au centre, le signe + (plus), qui signifie que vous pouvez agrandir la vue de votre croquis. 2 Cliquez sur le dessin ou faites glisser l'outil Zoom en diagonale autour de la zone à agrandir. Vous pouvez également utiliser le menu Affichage/Zoom avant. Pour effectuer un zoom arrière, suivez l'une de ces méthodes : • Allez dans le menu Affichage. Choisissez la commande Zoom arrière. • Tout en maintenant enfoncée la touche (ÂjjJ) cliquez sur la zone à réduire. Pour définir le pourcentage de zoom à appliquer, vous pouvez utiliser le menu déroulant situé dans l'angle inférieur gauche de la barre d'état du document ou passez par le panneau Navigation.

Figure 2.20 : Le panneau Navigation

Zoom Deux icônes représentant des doubles triangles sont disponibles en bas du panneau Navigation. La première icône, Zoom arrière, permet de diminuer la taille de la vue du document tandis que la seconde icône, Zoom avant, augmente le pourcentage d'affichage de la zone de travail.

Un rectangle rouge s'affiche autour de la vignette du croquis.

Le panneau Navigation Le panneau Navigation vous permet de visualiser un endroit précis du croquis, mais aussi de modifier le niveau de zoom à appliquer sur celui-ci (voir Figure 2.20). • Pour cela, faites glisser le curseur de zoom vers la gauche ou vers la droite selon que vous souhaitez agrandir ou diminuer l'affichage du croquis. • Vous pouvez également entrer une valeur de zoom dans la zone située à gauche du curseur de zoom.

Figure 2.21 : La vignette d'un dessin 1 Amenez le pointeur dessus. Celui-ci se transforme en main. 2 Tout en maintenant enfoncé le/bouton gauche de la souris, déplacez-vous à l'intérieur du croquis.

\ 48

2. Dessiner dans lllustrator

2.8. Les modes d'affichage de la zone de travail

49

Tout est en piace pour commencer à dessiner le personnage. Rectangle rouge de visualisation ASTUCE Si ce rectangle disparaît, faites glisser le curseur de zoom sur la vignette du dessin pour le rendre visible.

Le panneau Navigation est aussi muni d'un menu interne, qui vous permet d'accéder aux options du panneau. Vous pouvez y modifier la couleur du cadre de l'aperçu. La modification de l'affichage de la zone de travail est également possible par le biais du menu Affichage.

Le menu Affichage Le menu Affichage propose différents modes d'affichage pour la zone de travail. • Pour afficher un document à 100 %, choisissez la commande Taille réelle ou cliquez deux fois sur l'outil Zoom.

2.9.

Dessiner un personnage

Le dessin dans lllustrator est de type vectoriel et s'appuie sur des courbes de Bézier. Pour réaliser ce personnage, vous utiliserez l'outil Crayon, qui permet de dessiner à main levée. Il fonctionne comme un crayon de papier sur une feuille de dessin.

L'outil Crayon 1

J.

Activez l'outil Crayon.

Pour accéder aux options, double-cliquez sur l'outil. Ici, acceptezles par défaut. Voici un tour d'horizon des réglages possibles : •n 4s • iub .•'.:••'

• Pour ajuster la zone de travail à la fenêtre, sélectionnez la commande Ajuster le plan de travail ou cliquez deux fois sur l'outil Main. • Pour afficher tout le contenu du croquis, cliquez sur la commande Tout ajuster à la fenêtre.

Fidélité : 2,5

pixels Annuler

Lissage :

0

%

Réinitialiser

Options SS Remplir les nouveaux contours au crayon

Après avoir vu de quelle manière vous pouviez changer le pourcentage de l'affichage de votre zone de travail, voyons comment vous déplacez sur le croquis. Le panneau Navigation permet cette opération, mais vous disposez également de l'outil Main.

i£: Conserver la sélection i Modifier les tracés sélectionnés Dans les limites de :

pixels

Figure 2.22 : Les options de l'outil Crayon

L'outil Main 1

\L

Sélectionnez l'outil Main dans la boîte à outils.

2 Cliquez sur le croquis puis, tout en maintenant enfoncé le bouton gauche de la souris, déplacez-le à l'endroit voulu.

L'outil Main Vous pouvez activer cet outil par le biais d'un autre outil :

50

Fidélité : définit la distance entre chaque point lors du déplacement de la souris. Plus la valeur est élevée, plus le tracé est simplifié. Lissage : règle le pourcentage de lissage de l'outil. Cette option fonctionne de pair avec l'option Fidélité. Remplir les nouveaux contours au crayon : remplit la forme avec la couleur de remplissage. Conserver la sélection : une fois He tracé dessiné, il restèxsélectionné.

1 Cliquez sur l'outil Pinceau par exemple.

Modifier les tracés sélectionnés : permet de remodeler un tracé.

2 Appuyez sur la [Barred'espacé]. Le pointeur se transforme en main.

Dans les limites de _pixels : définit la distance entre la souris et le tracé. Cette option ne fonctionne que si l'option Modifier les tracés sélectionnés est activée.

2. Dessiner dans lllustrator

2.9. Dessiner un personnage

51

Dans le panneau Contrôle, optez pour une épaisseur de trait de 1 pt et aucune couleur de remplissage car celle-ci couvrirait les tracés.

2 Tout en appuyant sur la touche fctiT), faites glisser le point de départ du second tracé vers l'extrémité du premier tracé.

Commencez par les formes globales du personnage. Positionnez le pointeur au point de départ du corps. Le petit symbole x en regard de l'outil Crayon indique que vous allez dessiner une forme libre. Faites glisser le pointeur. Au fur et à mesure que vous vous déplacez, des points d'ancrage sont créés.

3 Relâchez le tout. Si vous cliquez sur chacun des tracés, vous noterez qu'ils ne sont pas reliés réellement.

Pour fermer le tracé que vous venez de dessiner, maintenez enfoncée la touche (Ait). Un petit cercle s'affiche en regard de l'outil Crayon. Il vous indique que vous êtes en train de fermer le tracé en question. Cliquez sur le point de départ du tracé. La forme se ferme automatiquement. Continuez de dessiner.

Comme vous avez pu le constater, les tracés possèdent une multitude de points. Pour les réduire, vous allez utiliser l'outil Arrondi.

2.10. L'outil Arrondi L util Arrondi simplifie les tracés.

S '°

1 Activez-le dans la boîte à outils. Il est situé dans le sous-menu de l'outil Crayon. 2 Sélectionnez le tracé à modifier.

Le dessin du cartoon Dessinez uniquement des formes fermées. Ne vous souciez pas des détails internes.

REMARQUE

L'outil Crayon permet de remodeler un tracé existant ou de relier deux tracés discontinus.

Remodeler un tracé

3 Faites glisser l'outil Arrondi le long de ce tracé. Au fur et à mesure de son déplacement, les points d'ancrage diminuent.

L'outil Arrondi Vous pouvez aussi régler le comportement de cet outil. Double-cliquez dessus pour ouvrir sa boîte de dialogue d'options. Dans la boîte de dialogue qui s'affiche, réglez si besoin les deux options Fidélité et Lissage. Elles permettent de définir le pourcentage de lissage des traits.

REMARQUE

Pour remodeler un tracé existant, suivez ces étapes : 1 Double-cliquez sur l'outil Crayon pour accéder à ses options. Dans la boîte de dialogue qui s'affiche, cochez l'option Conserver la sélection, qui permet de continuer un tracé. Cliquez sur OK. 2 Approchez votre pointeur sur l'extrémité du tracé déjà en place. Le petit symbole x affiché en regard de l'outil Crayon disparaît, vous indiquant que vous pouvez poursuivre le tracé voulu. 3 Cliquez sur le dernier point du tracé, puis faites glisser le pointeur dans la direction souhaitée.

Relier deux tracés discontinus Imaginons que vous ayez supprimé par erreur une partie d'un tracé. Vous vous retrouvez donc avec deux tracés au lieu d'un seul. Pour corriger ce problème, suivez ces étapes : 1 Sélectionnez le premier tracé avec l'outil Sélection directe.

52 | 2. Dessiner dans lllustrator

Les tracés à rViain levée sont loin d'être parfaits. Pour les corriger, vous devez les modifier. Dans la prochaine section, vous allez voir l'utilisation du nouvel outil de dessin : l'outirConcepteur de forme. 2.10. L'outil Arrondi

53

2.11. Dessiner avec l'outil Concepteur de forme

Grille de perspective

Mesqoer la grille

Majuscule* Ctrï-*- F7

Magnétisme du point

ÀSt+CtrkF7

•J

Magnétisme de !a grille Verrouiller la grille Verrouifler la position

Nouvelle vue.,.

Définir la grille...

fc '

ufci <

• • •

Perspective à un point

•

Perspective à deux peints

•

Perspective à trois points

•

Enregistrer te grille en tant que paramètre prédéfim...

3 Sélectionnez-les avec l'outil Sélection.

t ^ •! un biliiJH

4 Activez l'outil Concepteur déforme. Celui-ci va permettre de réaliser des opérations de réunion auparavant effectuées avec le panneau Pathfinder.

Figure 2.25 : Les commandes de grille de perspective

5 Faites glisser l'outil Concepteur de forme pour obtenir des objets réunis. Pour réaliser une opération de soustraction, il vous suffit de maintenir enfoncée la touche ( M ) lorsque vous faites glisser l'outil sur les éléments à soustraire.

Majuscule* Ctrl+1

Afficher les régies

Qrl+F7

Magnétisme rfe la grille V

1 Créez un nouveau d o c u m e n t (Fichier/Nouveau). 2 Dessinez des formes géométriques de la couleur que vous voulez avec les outils de dessin à votre disposition.

»

Afficher la griiie

4 Pour personnaliser votre grille, vous pouvez utiliser la boîte de dialogue Définir la grille de perspective (Affichage/Grille de perspective /Définir la grille) Définir la grille de perspective

[ _

OK

Paramètres de la grille de perspective Type: Unités :

• H

'Sl<* »

Echelle : Pas:

Perspective à deux points Points

1:1

:

Figure 2.24: Dessin avec l'outil Concepteur de forme Pour dessiner, lllustrator CS5 met à votre disposition des grilles de perspective pour réaliser des dessins en perspective.

2.12. Dessiner en perspective

Enregistrer ie paramètre prédéfini.

L pt dsns :e p.mr de trevaii représente i pt.

45

Distance d'affichage :

485,36 pt

Hauteur horizontale :

191,67 pt

Couleur et opacité de la grille Grille de gauche :

Personnalisé

Grille de droite :

Personnalisé

Grille horizontale :

Personnalisé

Opacité :

so

n%

Figure 2.26: Définir la grille de perspective

\

1 Créez un nouveau d o c u m e n t (Fichier/Nouveau).

5 Repositionnez la^îgne d'horizon (ligne horizontale) par un cliquerglisser vers l e i i a u t ou vers le bas.

2 Activez l'outil Grille de perspective. Une grille par défaut s'affiche. Vous pouvez la modifier. Un w i d g e t représentant un cube 3D est apparu.

6 Placez à une autre position les points de fuite par un cliquer-glisser vers la gauche ou vers la droite.

3 Pour définir le n o m b r e de points de fuite ou choisir un modèle de grille prédéfinie, vous disposez des c o m m a n d e s du m e n u Affichage /Grille de perspective.

54

» " •r

30 pt

i.: A a içre 3* hsuîs^r v •aie, Angle d'affichage :

Annutef

2. Dessiner dans lllustrator

7 Cliquez sur la face de droite du cube 3D qui correspond à la grille de droite. \ 8 Activez l'outil Rectangle.

2.12. Dessiner en perspective

55

9 Tracez votre rectangle sur la grille de droite. 10 Activez la grille de gauche sur le cube 3D puis dessinez un rectangle sur la grille concernée.

3 Dans le bas de la boîte à outils, sélectionnez la seconde icône Dessin arrière. 4 Prenez l'outil Ellipse. 5 Dessinez un second objet. Celui-ci apparaît à l'arrière-plan.

*

>.

"\ ts

M J

/ . J,

:

XM}.

Figure 2.27 : Dessiner en perspective 11 Lorsque vous avez terminé votre dessin, masquez la grille (Affichage/Grille de perspective/Masquer la grille). Pour sélectionner une des grilles de perspective, procédez comme suit : 1

'

• & •'i. \ m%

m

(•i i /

™iew "^

J

Activez l'outil de Sélection de perspective. A

2 Cliquez sur la grille à repositionner.

Figure 2.28: Le dessin arrière

3 Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser la grille à la position voulue.

Vous pouvez également dessiner à l'intérieur d'un objet. Pour cela, suivez ces étapes :

Pour clôturer ce chapitre, nous allons aborder une nouvelle fonctionnalité d'Illustrator : le dessin devant, derrière ou à l'intérieur.

1 Sélectionnez l'objet que vous avez créé en premier.

2.13. Nouveau mode de dessin Jusqu'à présent, lorsque vous dessinez un second objet, celui-ci venait se positionner au premier plan. Illustrator vous propose maintenant un nouveau mode de dessin qui va vous permettre de dessiner à l'arrière.

2 Dans le bas de la boîte à outils, cliquez sur la troisième icône Dessin intérieur. ^~^~~~ ^^\^ 3 Prenez l'outil Pinceau puis choisissez une couleur de'premier plan. 4 Faites glisser le pointeur sur l'objet. Les coups de pinceau apparaissent uniquement dans l'objet sélectionné.

1 Dessinez un objet avec les outils de dessin à votre disposition. 2 Sélectionnez l'élément qui servira de base de référence.

56

2. Dessiner dans Illustrator

2.13. Nouveau mode de dessin

57

4. T,

! va L^ 4', il

"X Mi, d: J*"

^

:£

Figure 2.29 : Le dessin intérieur

TRANSFORMER UN DESSIN Les outils Gomme Annuler une action La sélection Les techniques de sélection Les techniques avancées de sélection Remodeler un tracé .A..^~„.....,.„ L'outil Modelage / ^..\. Les autres techniques de remodelage .....„„ Nettoyer un croquis ..\^ La disposition des tracée ^7^.

61 63 63 69 70 73 75 76 78 78 (

58

2. Dessiner dans lllustrator

59

Ce chapitre se propose de vous expliquer les techniques pour améliorer le rendu de vos dessins. À cet effet, lllustrator met à votre disposition différents outils et fonctions. Tout d'abord, comme pour un dessin sur une feuille de papier, vous pouvez effacer les tracés indésirables grâce aux deux outils Gomme d'Illustrator. Leur intitulé est identique, mais leur fonctionnement diffère légèrement.

3.1. Les outils Gomme Le premier outil Gomme, représenté par une icône en forme de gomme, a été introduit dans la CS3. Voici comment l'utiliser. 1 Ouvrez le dessin rideaux.ai.

Figure 3.1 : Les rideaux de théâtre Activez l'outil Gomme dans la boîte à outils où utilisez son raccourci [Mafl+lfl- Le pointeur est semblable à ce^lui de l'outil Pinceau avec, au centre, une petite croix. J :.y

Faites glisser le pointeur sur les rideaux. Une fois que vous avez relâché la souris, le personnage en dessous est révélé. Comme il s'agit d'un symbole, celui-ci n'a pas été modifiélvoir Figure 3.2). Double-cliquez sur l'outil Gomme pour-accéder à sa boîte de dialogue d'options (voir Figtrfë 3.3).

3.1. Les outils Gomme

61

L'outil Gomme Cet outil Gomme sert à effacer les tracés ou à sculpter une forme.

Réglez les options Pression et Molette de stylet si vous disposez d'une tablette graphique. Elles permettront de contrôler le comportement de l'outil lorsque vous utilisez la tablette. Cliquez sur OK. Le second outil est présenté sous la forme d'un crayon gomme. Vous pouvez le trouver dans le sous-menu de l'outil Crayon. 1 Sélectionnez le tracé à supprimer avec l'un des outils de sélection. 2 F^ Activez l'outil Gomme. 3 Faites glisser le pointeur sur le segment à supprimer. Il arrive parfois que vous ayez besoin d'annuler une opération réalisée par erreur.

3.2. Annuler une action Pour supprimer une opération effectuée, vous disposez de deux méthodes : Figure 3.2: Sculpter une forme

V

Angle : 0° Arrondi: 100% Diamètre: 51 pt

[

•

Fixe

»

Variation :

Fixe

»

Variation:

Fixe

~

Variation:

• Allez dans le menu Edition. Choisissez la commande Annuler.

•

• • •

0

• Appuyez sur les touches (ctïï)+|z].

OK ... ] Annuler Réinitialiser

B%

Annuler plusieurs opérations Vous pouvez annuler plusieurs opérations. Pour cela, utilisez plusieurs fois le raccourci clavier. Faites de même avec le menu Edition/Annuler. Illustrator vous donne la possibilité d'annuler autant d'opérations que la mémoire de votre ordinateur le permet. \

Pour modifier un tracé, vous devez au préalable le sélectionner.

Opt

Figure 3.3 : Les options de l'outil Gomme

5 Augmentez son diamètre : saisissez une valeur dans le champ correspondant ou faites glisser le curseur vers la droite. Modifiez sa forme avec les paramètres Angle et Arrondi.

3.3. La sélection Il existe différents moyens pour sélectionner un ou plusieurs objets : • l'outil Sélection ; • l'outil Sélection djrècte ; • l'outil Sélection/directe progressive ;

62

3. Transformer un dessin

3.3. La sélection

63

• l'outil Lasso ; • l'outil Baguette magique. L'utilisation des outils de sélection se fait en fonction du type de sélection que vous souhaitez effectuer.

L'outil Sélection directe L'outil Sélection directe réalise la sélection des points d'ancrage, des segments, des objets ou groupes d'objets. 1 [¥7] Activez l'outil Sélection directe.

L'outil Sélection L'outil Sélection permet de sélectionner un ou plusieurs éléments dans leur totalité.

2 Cliquez sur le tracé. Les points sélectionnés sont représentés par des carrés pleins. Les carrés blancs indiquent qu'ils n'ont pas été pris en compte dans la sélection.

1 Cliquez sur l'outil Sélection dans la boîte à outils. C'est le premier de la liste. Il est représenté par une flèche noire. Vous pouvez utiliser son raccourci ((v)).

Avec l'outil Sélection directe, vous pouvez ajouter un point d'ancrage à une sélection existante. Pour cela, appuyez sur la touche (Ait], puis cliquez sur le point à prendre en compte.

2 Pour sélectionner un élément, choisissez l'une des deux méthodes suivantes :

Vous pouvez aussi supprimer le ou les points d'un tracé. Pour ce faire, cliquez sur le point, puis appuyez sur la touche (Suppr].

— Cliquez dessus. Un cadre de sélection muni de poignées apparaît.

L'outil Sélection directe progressive L'outil Sélection directe progressive permet de sélectionner et de détacher les tracés à l'intérieur d'un groupe d'objets, contrairement à l'outil Sélection directe. Pour effectuer une sélection avec cet outil, procédez comme suit : Y; Activez l'outil Sélection directe progressive. 2 Cliquez sur le tracé à sélectionner.

L'outil Lasso Figure 3.4 : Cadre de sélection Dessinez un cadre de sélection autour de ou des éléments à sélectionner.

L'outil Lasso est utilisé pour les sélections complexes quand plusieurs tracés se superposent, comme dans le cas du personnage créé précédemment. Il permet de sélectionner aussi les points d'ancrage, les segments ou les objets et groupes d'objets. 1

yi

Activez l'outil Lasso dans la boîte à outils.

2 Cliquez à l'endroit où vous souhaitez débuter la sélection. Cadre de sélection Si ce cadre de sélection vous gêne, vous pouvez le masquer. Sélectionnez, pour cela, le menu Affichage/Masquer le cadre de sélection. Seuls les points d'ancrage restent visibles.

REMARQUE

64

3. Transformer un dessin

3 Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur autour du tracé à sélectionner. Pour désélectionner un tracé avec l'outil Lasso, cliquez dessus ou sur une zone vide du plan de travail.

3.3. La sélection

65

Pour désélectionner un segment d'un tracé à l'aide de l'outil Lasso, maintenez enfoncée la touche [Ait] et faites glisser le pointeur autour de la zone à supprimer de la sélection.

— Pour sélectionner l'ensemble des tracés sur un calque, assurezv o u s que l'option L/f/V/serrous/esca/guesestsélectionnéedansIe menu local du panneau. 4 Cliquez sur OK.

Raccourci pour activer les outils de sélection ASTUCE La touche [ctiT] permet de basculer de l'outil Lasso ou de l'outil Sélection directe progressive vers l'outil Sélection.

Vous pouvez sélectionner les objets à partir du panneau Calques.

La sélection à partir du panneau Calques 1 Ouvrez le fichier

L'outil Baguette magique L'outil Baguette magique sélectionne les tracés en fonction de leurs caractéristiques (contours, couleur du f o n d , couleur du contour). 1 Réglez le comportement de l'outil Baguette magique. Double-cliquez sur son icône dans la boîte à outils pour accéder à sa boîte de dialogue d'options ou utilisez le menu Fenêtres/Baguette magique.

rideaux.ai.

2 Affichez le panneau Calques si celui-ci n'est pas visible (Fenêtre /Calques ou (f7)). 3 Affichez le calque de l'œuf. Chacun des tracés apparaît sur un sous-calque. 4 Cliquez sur le cercle de sélection de l'un des sous-calques. Cela a pour effet de le sélectionner. S^^^^^^^^^^^^^^^^^TM^ Catqpes fi|

ii_^

m' |

m

: £ j Calque î

iLi

Q

iwm^à

Figure 3.5 : Le panneau Baguette magique 2 Puis cochez l'option souhaitée : — Pour sélectionner les tracés d'après la couleur de leur contour, cochez l'option Coul. Cont. — Pour sélectionner les éléments en fonction de la couleur de remplissage, cochez Coul. Fond. — Pour sélectionner les tracés d'après leur épaisseur, cochez l'option Épaiss. Cont. Cliquez sur OK. Cet outil permet également de réaliser des sélections d'après deux autres critères : les paramètres Opacité et Mode de fusion : 1 Déroulez le menu local d u panneau Baguette

magique.

2 Sélectionnez la c o m m a n d e Afficher les options de transparence.

2 Casqués

.f-j

-4.;_jj

]y

-4g

Figure 3.6 : La cible de sélection

L'indicateur de sélection représenté par un carré plein à droite de ce cercle m o n t r e bien qu'il est sélectionné. Si vous observez le calque supérieur, un petit carré plein indique que certains tracés sont sélectionnés.

3 Cochez l'option Opacité ou Mode de fusion selon le cas. — Pour régler l'étendue de la sélection, entrez une valeur dans le c h a m p Tolérance. Une valeur élevée permet d'étendre la sélection des attributs des objets.

66

3. Transformer un dessin

Les méthodes de sélection Le panneau Calques permet de réaliser d'autres types de sélections : •

Pour ajouter un tracé à la sélection active, appuyez sur la touche |Ma]l tout en cliquant sur le calque concerné.

3.3. La sélection

67

• Pour désélectionner un tracé d'un groupe, tout en maintenant enfoncée la touche [Maj), cliquez sur le carré plein situé à droite de son calque.

3.4. Les techniques de sélection Les techniques de sélection permettent de réaliser une sélection plus élaborée des objets.

Pour déplacer par exemple les pattes du personnage sur un nouveau calque afin de les animer par la suite plus facilement, procédez comme suit :

Étendre la sélection

1 Ouvrez le fichier contenant les pattes du personnage.

Pour ajouter un objet à une sélection existante, procédez comme suit :

2 Créez un nouveau calque. Pour cela, déroulez le menu local du panneau Calques. Choisissez la commande Nouveau calque. Nommez-le mains, puis validez.

1 Maintenez enfoncée la touche |MaI). 2 Cliquez sur l'objet à ajouter.

3 Sélectionnez les mains sur le plan de travail avec l'outil Sélection.

Pour sélectionner tous les tracés d'un dessin, utilisez l'une de ces méthodes :

4 Dans le panneau Calques, cliquez sur l'indicateur de sélection du calque sur lequel figurent les mains.

• Allez dans le menu Sélection. Choisissez la commande Tout.

5 Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser cet indicateur de sélection sur le nouveau calque. Les mains sont désormais sur leur propre calque.

• Utilisez le raccourci [ctrT]+[Â").

Désélectionner un objet Une autre méthode permet de déplacer un objet d'un calque sur un autre :

Pour désélectionner un objet ou un groupe d'objets, utilisez l'une de ces méthodes :

Cliquez sur le tracé à déplacer avec l'outil Sélection.

• Cliquez sur une zone vide du plan de travail.

Déplacer un objet vers un autre calque 1

• Utilisez le menu Sélection/Désélectionner.

2 Dans le panneau Calques, cliquez sur le calque qui doit accueillir ce tracé. 3 Allez dans le menu Objet/Disposition. Sélectionnez la commande Envoyer vers le calque sélectionné.

• Appuyez sur les touches fclril+fMaJl+fÂ"].

Déplacer une sélection

Pour localiser un tracé, en particulier sur un croquis composé de plusieurs calques, voici la procédure à suivre :

Pour déplacer une sélection, suivez l'une de ces méthodes :

1 Sélectionnez le tracé avec l'outil Sélection.

• Utilisez les flèches de direction du clavier.

2 Déroulez le menu local du panneau Calques.

• Cliquez sur la sélection puis, sans relâcher le bouton gauche de la souris, faites-la glisser à un autre emplacement sur le plan de travail.

3 Choisissez la commande Rechercher l'objet. Le calque correspondant est automatiquement sélectionné. Une fois que l'élément a été sélectionné, vous pouvez ajouter, étendre ou supprimer la sélection. Les opérations sont possibles avec l'ensemble des outils de sélection.

68

Sélectionner plusieurs tracés Maintenez la touche [Map enfoncée, puis cliquez sur le tracé concerné.

3. Transformer un dessin

Z.U. Les techniques de sélection

ÉÊ

69

Masquer une sélection

Dans le panneau Contrôle, cliquez sur la flèche noire située en regard de l'icône Sélectionner des objets similaires.

La sélection dans un dessin complexe c o m m e celui d'un personnage peut vite se révéler difficile à réaliser. Pour faciliter l'opération, il suffit de masquer les tracés déjà sélectionnés. Deux méthodes sont à votre disposition : •

Utilisez le menu Objet/Masquer/Sélection.

• Appuyez sur les touches [ctrT)+f3]. Le tracé masqué est invisible à l'écran. Il ne pourra donc pas être déplacé ou modifié par erreur. Pour l'afficher de nouveau, allez dans le menu Objet et choisissez la c o m m a n d e Tout afficher.

3 Sélectionnez l'un des attributs dans la liste, par exemple Couleur de fond. Tous les éléments possédant cette couleur seront sélectionnés. Une autre méthode consiste à utiliser le menu Sélection. Choisissez les c o m m a n d e s Identique ou Objet, puis sélectionnez les attributs du dessin que vous souhaitez prendre en c o m p t e dans la liste proposée. Aspect

M o d e de fusion Contour et f o n d

Une fois la sélection réalisée, vous pouvez la sauvegarder.

Cduîeur de f o n d Opacité

Enregistrer une sélection

Couieur de contour Epaisseur de contour

Pour mémoriser une sélection, procédez c o m m e suit : 1 Sélectionnez votre objet avec l'un des outils de sélection. Figure 3.8 : Les options de la commande Identique

2 Allez dans le menu Sélection. Choisissez la c o m m a n d e Mémoriser la sélection.

Tout sur ies mêmes calques

3 Dans la boîte de dialogue qui apparaît, nommez votre sélection, puis cliquez sur OK. Celle-ci s'affiche en bas du menu Sélection. Il suffit de sélectionner son n o m pour la récupérer.

Poignées directrices Conteurs Masques d'écrètage Peints isolés

férr

Objets texte

• er is sélection

Texte dynamique Rash

Nom :

Sélection 1

OK Annuler

]

Texte d'entrée Flash

Figure 3.7 : La boîte de dialogue Mémoriser la sélection

La sélection de tracés ou d'objets peut se révéler vite fastidieuse si votre illustration est complexe. C'est pour cette raison qu'lllustrator vous donne la possibilité de sélectionner les éléments par attributs.

3.5. Les techniques avancées de sélection Pour sélectionner les éléments d'un personnage, vous pouvez effectuer une sélection par attributs c o m m u n s . En effet, la multiplication des f o r m e s rend la sélection plus difficile à accomplir.

La sélection par attributs

Figure 3.9 : Les options de la commande Objet

Pour modifier un tracé, lllustrator propose le mode

Isolation.

Le mode Isolation Le principe du mode Isolation a été introduit dans la version précédente d'Illustrator. Il consiste à modifier un tracé en l'isolant du reste de l'illustration. Ce mode facilite le travail sur des objets à l'intérieur d'un groupe. Vous pouvez isoler : •

les filets de dégradé ;

•

les masques d'écrètage ;

•

les images importées ;

•

les masques d'opacité ;

•

les tracés individuels.

1 Activez l'outil Sélection ou Sélection directe. 70

3. Transformer un dessin

3.5. Les techniques avancées de sélection

71

Pour quitter ce m o d e , utilisez l'une de ces méthodes : La sélection des tracés individuels REMARQUE

En utilisant le mode Isolation, vous évitez de sélectionner les tracés proches.

Pour activer le m o d e Isolation, il existe plusieurs méthodes : •

Double-cliquez sur l'objet.

• Cliquez du bouton droit sur l'élément à isoler. Dans le menu contextuel qui s'affiche, choisissez la c o m m a n d e Isoler le tracé sélectionné. Le reste de l'illustration est transparent mais reste visible. Cependant, vous ne pouvez effectuer aucune autre sélection par inadvertance. •

Dans le panneau Calques, ciblez le calque de l'élément à isoler puis, dans le m e n u local, choisissez la c o m m a n d e Passer en mode Isolation.

• Cliquez sur une zone vide du plan de travail. • Cliquez du bouton droit sur l'élément isolé. Dans le menu contextuel qui s'ouvre, sélectionnez la c o m m a n d e Quitter le mode Isolation. • Utilisez l'arborescence de la sélection effectuée située dans le coin supérieur gauche de la zone de travail. Figure 3.11 : L'arborescence de la sélection • Appuyez sur la touche [Echapl •

Dans le menu local du panneau Calques, sélectionnez la c o m mande Quitter le mode Isolation.

• Double-cliquez sur l'objet. Une fois un tracé sélectionné, vous pouvez le modifier. L'opération consiste à déplacer, à joindre ou à supprimer les points d'ancrage. Vous pouvez aussi changer l'ordre des tracés afin qu'ils se chevauchent correctement.

3.6. Remodeler un tracé Pour découvrir ce concept de remodelage de tracés, vous partirez du personnage créé précédemment. Pour que vous puissiez appliquer la couleur aux différents éléments qui composent ce personnage, vos formes doivent être fermées. De ce fait, il v o u s faudra joindre les segments qui ne le sont pas.

Joindre deux segments Pour joindre deux segments, il existe plusieurs méthodes. Voici la première : 1 Activez l'outil Sélection directe. 2 Faites glisser le pointeur en diagonale pour englober dans la sélection l'extrémité du premier segment et le point de départ du second segment. 3 Allez dans le menu Objet/Tracé. Choisissez la c o m m a n d e Joindre. Pour mettre œuvre la deuxième, suivez ces étapes : 1 Répétez la sélection de la première méthode. Figure 3.10: Le mode Isolation

72

3. Transformer un dessin

2 Ensuite, appuyez sur les touches [ctfT)+fj].

3.6. Remodeler un tracé

73

Quant à la troisième, voici comment procéder : 1 Cliquez sur le point de départ du second segment. 2 Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser sur l'extrémité du premier segment. Vérifiez que les deux points sont bien sélectionnés. Si ce n'est pas le cas, recommencez la sélection. 3 Allez dans le menu Objet/Tracé. Sélectionnez la commande Joindre. Une boîte de dialogue apparaît. Cochez le type de jointure à réaliser.

2 pFj Dans le panneau Contrôle, cliquez sur le bouton Convertir les points d'ancrage sélectionnés en angle. Lorsque vous cliquez sur un point d'un tracé, des poignées de Bézier, appelées aussi "lignes de direction", apparaissent. Elles permettent de modifier l'orientation du tracé.

Modifier l'orientation des courbes La modification de l'orientation d'un tracé est procédure très simple : 1 Avec l'outil Sélection directe, cliquez sur le tracé. 2 Cliquez sur l'un des points d'ancrage. Les poignées de Bézier s'affichent.

Joîfîdre

Type

r~"~"~QK

3 Pour modifier la direction du tracé, utilisez l'une de ces méthodes :

~i

S Sommet Inflexion

Annuler

— Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur dans le sens des aiguilles d'une montre ou dans l'autre sens. La forme du tracé se modifie instantanément.

]

Figure 3.12 : La boîte de dialogue Joindre

Vous avez le choix entre les options Sommet et Inflexion. La première ferme le tracé en appliquant une jointure de type sommet de tracé. À l'inverse, la seconde transforme les deux points d'ancrage en un point arrondi sur le tracé. Elle permet ainsi d'ajuster l'angle des poignées directrices de ce point. 4 Cliquez sur OK. Si vous avez appliqué une jointure de type sommet, vous pouvez convertir le point d'ancrage de cette jointure pour arrondir la courbe résultante.

— |QT]| Dans la boîte à outils, activez l'outil Conversion de point directeur. 4 Cliquez sur l'un des points du tracé. Les poignées de Bézier apparaissent. Tout en maintenant enfoncé le bouton gauche de la souris, faites pivoter le tracé. Pour remodeler un tracé, vous pouvez utiliser l'outil Modelage.

3.7. L'outil Modelage F^l L'outil Modelage modifie la forme d'un tracé.

Convertir des points Pour convertir un point sommet en un point arrondi (inflexion), effectuez les opérations suivantes : 1 Sélectionnez le point du tracé concerné. Dans le panneau Contrôle, cliquez sur le bouton Convertir les points d'ancrage sélectionnés en arrondis.

1 Sélectionnez le tracé avec l'outil Sélection directe. 2 Activez l'outil Modelage dans la boîte à outils. Il est situé dans le sous-menu de l'outil Mise à l'échelle. 3 Cliquez sur l'un des points d'ancrage à ajuster. 4 Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser à l'emplacement voulu.

Le point sommet devient alors un point arrondi. Vous obtenez de ce fait une courbe arrondie. Pour réaliser l'opération inverse, à savoir modifier un point inflexion en un point sommet, suivez ces étapes :

Déplacer plusieurs points Pour déplacer plusieurs points d'un tracé, tout en maintenant enfoncée la touche |Maj|, cliquez sur chacun des points, puis faites glisser le pointeur.

REMARQUE

1 Sélectionnez le point en question.

74

3. Transformer un dessin

3.7. L'outil Modelage

75

Cet outil vous permet également de dupliquer un tracé que vous repositionnerez ensuite :

_ Pour déplacer le tracé, entrez vos valeurs dans les champs X et Y.

1 Cliquez sur le tracé avec l'outil Sélection directe.

— Pour modifier la taille du tracé, saisissez vos valeurs dans les champs L et H. Vous pouvez par ailleurs verrouiller sa position en cliquant sur l'icône Conserver les proportions en largeur et en hauteur.

2 Créez une copie. Avec l'outil Modelage, cliquez sur le tracé. Appuyez sur la touche ( M ) puis, tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur jusqu'à la position voulue.

— À gauche de ces champs, un petit carré noir entouré d'un cadre de carrés blancs indique le point d'origine du tracé sélectionné. Cliquez sur l'un de ces carrés : cela a pour effet de modifier la position de ce point de référence. Utilisez cette option lorsque vous redimensionnez ou faites pivoter un objet par exemple. C o m m e vous travaillez en m o d e Contours, vous pouvez voir qu'il subsiste des points isolés issus des modifications de vos tracés.

Figure 3.13 : Dupliquer un tracé

-g' ASTUCE

Déplacer la copie d'un tracé Pour magnétiser le déplacement de la copie, activez la commande Magnétisme du point du menu Affichage.

Pour modifier un tracé, vous disposez également du panneau Transformation.

3.8. Les autres techniques de remodelage Le panneau Transformation rapport à l'outil Modelage.

offre des options supplémentaires par

1 Sélectionnez le tracé.

Figure 3.14 : Point isolé sur un croquis

2 Ouvrez le panneau Transformation (Fenêtre/Transformation). Celui-ci affiche les informations relatives au tracé (dimensions, orientation...).

Pour les supprimer définitivement, v o u s disposez d'une fonction disponible dans le m e n u Objet/Tracé.

76 | 3. Transformer un dessin

3.8. Les autres techniques de remodelage

77

3.9. Nettoyer un croquis 1 Vérifiez que v o u s êtes bien en m o d e Contours ([ctiï|+(Y])2 Sélectionnez tous les tracés avec l'outil Sélection. 3 Allez dans le menu Objet/Tracé. Choisissez la c o m m a n d e Nettoyage. 4 Dans la boîte de dialogue qui s'affiche, assurez-vous que les deux options Points isolés et Objets invisibles sont cochées. L'autre option Tracés de texte vides concerne, c o m m e son n o m l'indique, les textes.

^ Supprimer ^•Points isolés îïObjets invisibles

Annuler

E l Tracés de texte vides

Figure 3.15 : La boîte de dialogue Nettoyage 5 Cliquez sur OK.

LA COULEUR

Pour superposer correctement les tracés de votre personnage, vous disposez de deux solutions : • Soit vous réorganisez les calques par un cliquer glisser. • Soit vous utilisez le menu Objet/Disposition. Le premier cas de figure ne nécessite pas d'explications. Voyons la seconde solution.

3.10. La disposition des tracés Les c o m m a n d e s du menu Objet/Disposition permettent de modifier le chevauchement des tracés d'une illustration, c o m m e dans le cas du personnage. 1 Sélectionnez la f o r m e concernée. 2 Appliquez l'une des c o m m a n d e s du menu Objet/Disposition. Selon votre choix, la f o r m e passera au premier plan ou à l'arrière-plan.

Le panneau Nuancier Les groupes de couleurs Les bibliothèques de nuances Le panneau Couleur Le panneau Guide des couleurs Le sélecteur de couleurs LesiteKuler Appliquer les couleurs Modifier les couleurs avec le panneau Couleurs dynamiques

81 85 86 87 89 91 92 96 98

Vous avez appris dans ce chapitre les méthodes globales pour améliorer l'aspect d ' u n dessin. Dans les chapitres suivants, d'autres techniques seront abordées, vous permettant ainsi d'ajuster plus précisément l'apparence de vos tracés.

78

3. Transformer un dessin

79

Ce chapitre aborde les techniques de mise en couleur d'une illustration. La question qui peut se poser est pourquoi colorer dans lllustrator au lieu d'utiliser Adobe Photoshop. En fait, tout dépend du style de colorisation que vous souhaitez obtenir. Dans lllustrator, vous aurez plutôt un style manga ou cartoon. Le dessin pourra être agrandi à volonté. Ici il est question de formes et non de pixels. Dans Adobe Photoshop, l'illustration ressemble davantage à de la peinture. Par ailleurs, comme il s'agit d'une image bitmap, en la redimensionnant, vous perdez en qualité. Le but de ce chapitre est de colorer un comïc strip.

Le comic strip Un comic strip est une bande dessinée de trois cases au maximum dont l'histoire se poursuit dans d'autres numéros.

DEFINITION

La première étape consiste à créer un nuancier qui va répertorier les différentes couleurs que vous allez utiliser. La première difficulté réside dans le choix des couleurs. Plusieurs solutions s'offrent à vous. Tout d'abord, vous allez définir un nuancier d'après les couleurs d'une illustration ou d'une photographie que vous aimez bien.

4.1. Le panneau Nuancier Le nuancier propose un accès rapide à une liste de couleurs par défaut : unies, dégradés et motifs. Vous pouvez en créer d'autres selon vos besoins.

Créer un nuancier 1 Ouvrez le fichier nuancier.ai.

Figure 4.1 : L'illustration de référence

4.1, Le panneau Nuancier

81

2 Commencez par afficher le nuancier si celui-ci n'est pas visible (Fenêtre/Nuancier). Une fois ouvert, v o u s remarquerez qu'il contient déjà des couleurs et des groupes de couleurs par défaut.

Vous pouvez alors fermer votre illustration. L'étape suivante consiste à ouvrir le fichier comic.ai. Ensuite, importez le nuancier enregistré.

Ain l/ieOBIÉniQDIBÉ5 n _ ilippi BBIBIB •aiBiBa:] mmm 3DDPC l|LK J|U| • •IDID1Q1D[ _ l l l i :. . .' _ il i

a.

•*. o ci

il

s

Figure 4.2 : Le panneau Nuancier

Supprimez le contenu de ce panneau. Cliquez sur la couleur rouge puis, t o u t en maintenant enfoncée la touche [Mail, cliquez sur la dernière couleur. Cliquez sur le bouton Supprimer la nuance situé en bas du panneau ou utilisez la c o m m a n d e Supprimer la nuance dans le menu local. Avec l'outil Pipette, prélevez une couleur de l'illustration. 5 En bas de la boîte à outils, vous retrouvez la couleur choisie. Faites-la glisser vers le panneau Nuancier. 6 Répétez les étapes précédentes pour les autres couleurs de l'illustration.

Figure 4.4: Le comic strip à colorer o. •« >

Figure 4.3 : Le nuancier pour colorer le comic strip

Une fois que le nuancier est créé, enregistrez-le.

Ouvrir un nuancier 1 Affichez le panneau

Enregistrer un nuancier 1 Déroulez le menu local du panneau Nuancier. Choisissez la c o m mande Enregistrer la bibliothèque de nuances sous Al. 2 Dans la boîte de dialogue Enregistrer le nuancier comme bibliothèque, donnez un n o m à votre nuancier. Sauvegardez-le dans le dossier de votre choix. Par défaut, il s'agit du dossier Nuancier d'Illustrator. Si vous souhaitez le retrouver plus facilement par la suite, il est conseillé de conserver l'emplacement par défaut.

Nuancier.

2 Déroulez son menu local et choisissez Ouvrir la bibliothèque de nuances/Utilisateur. 3 Sélectionnez le nuancier créé. Celui-ci s'affiche dans son propre panneau. Vous pouvez alors ajouter les couleurs au nuancier par défaut.

Ajouter au nuancier 1 Sélectionnez les couleurs du nuancier enregistré.

3 Cliquez sur le bouton Enregistrer.

82

4. La couleur

4.1. Le panneau Nuancier

83

3 Sélectionnez dans le menu déroulant Type, le type de couleur. Vous avez le choix entre Couleur quadri et Ton direct. Indiquez le mode colorimétrique de la nuance. Ajustez la teinte de la couleur en utilisant les curseurs disponibles à cet effet. Cochez l'option Aperçu pour visualiser le changement effectué sur un objet sélectionné.

2 Déroulez son menu local. Choisissez la commande Ajouter au nuancier. Le contenu du nuancier sauvegardé s'affiche dans le panneau Nuancier. Les couleurs d'un nuancier peuvent être modifiées. Vous pouvez les dupliquer, les remplacer par d'autres couleurs, ou modifier leur teinte.

4 Cliquez sur OK. Il s'agit maintenant de créer un groupe de couleurs à partir des couleurs de ce nuancier.

Dupliquer les couleurs Pour dupliquer une couleur, procédez comme suit :

4.2. Les groupes de couleurs

1 Sélectionnez la couleur à dupliquer. 2 Utilisez l'une de ces méthodes :

Le principe des groupes de couleurs a été introduit dans la CS3 d'Illustrator. Il consiste à regrouper les couleurs que vous utiliserez lors de la mise en couleur d'une illustration.

— Faites-la glisser vers le bouton Nouvelle nuance. — Dans le menu local, choisissez la commande Dupliquer la nuance. &

Remplacer une couleur Pour remplacer une nuance dans un groupe de couleurs, suivez ces étapes :

Un groupe de couleurs Vous ne pouvez pas regrouper des dégradés ou des motifs. Les groupes de couleurs ne peuvent contenir que des couleurs unies.

1 Sélectionnez la nouvelle couleur. 2 Tout en maintenant enfoncée la touche (Ait), faites-la glisser vers l'ancienne couleur à remplacer.

Créer un groupe de couleurs Dans le panneau Nuancier, deux solutions s'offrent à vous :

Modifier la teinte d'une couleur

Cliquez sur le bouton Nouveau groupe de couleurs.

1 Double-cliquez sur la couleur à modifier ou sélectionnez la commande Nouvelle nuance dans le menu local du panneau. 2 La boîte de dialogue Options de nuance s'affiche. Dans le champ Nom de la nuance, donnez un nom à votre nouvelle couleur.

Nom de la nuance : =0 M=100 Y=100 K=0 copy Type: Couleurquadri

»

Pour l'instant, le groupe de couleurs est vide. Vous allez ajouter les couleurs du nuancier.

OK Annuler

Ajouter des couleurs

f Globale •

»;

Mode RVB BR

] Aperçu

1 Cliquez sur la première nuance créée.

•

2 Tout en maintenant enfoncé le bouton gauche de la souris, faites-la glisser sur l'icône du groupe de couleurs.

—i

B

• Utilisez la commande Nouveau groupe de couleurs dans le menu local du panneau. Une boîte de dialogue Nouveau groupe de couleurs s'affiche. Saisissez le nom de ce groupe. Cliquez sur OK. Celui-ci s'affiche dans le panneau Nuancier.

j

Figure 4.5 : La boîte de dialogue Options de nuance

3 Répétez l'opération pour les autres couleurs. Vous pouvez supprimer une couleur d'un groupe de couleurs.

84

U. La couleur

4.2. Les groupes de couleurs

85

Supprimer une couleur ou un groupe de couleurs

Pour accéder à ces bibliothèques, utilisez l'une de ces méthodes : • Sélectionnez le menu Fenêtres/Bibliothèque de nuances.

1 Cliquez sur la couleur.

"571 Dans le panneau Nuancier, cliquez sur le bouton Menu Bibliothèques de nuances.

2 Utilisez l'une des deux méthodes suivantes : _ Faites-la glisser sur l'icône Supprimer la nuance. — Dans le menu local du panneau Nuancier, sélectionnez la commande Supprimer la nuance.

• Dans le menu local du panneau Nuancier, choisissez la commande Ouvrir la bibliothèque de nuances. Sélectionnez une bibliothèque parmi celles proposées.

Nouvelle nuance... Nouveau groupe de couleurs... Dupliquer ta nuance

Accéder à d'autres bibliothèques de nuances Pour visualiser d'autres bibliothèques de nuances, allez dans le panneau de la bibliothèque de nuances choisie, cliquez sur les boutons Charger la bibliothèque de nuances précédente ou Charger la bibliothèque de nuances suivante.

REMARQUE Supprimer \s nuance

Sélectionner les nuances n o n utilisées Ajouter les couleurs utilisées Tri par n o m Tri par type Afficher le c h a m p Rechercher

Les couleurs d'une bibliothèque de nuances peuvent être ajoutées au panneau Nuancier par défaut.

Affichage par petites vignettes affichage par vignettes moyennes Affichage par grandes vignettes Liste de petites vignettes

Ajouter des nuances d'une bibliothèque de nuances au panneau Nuancier

Liste de grandes vignettes Options de nuance... Tons directs... Ouvrir ta bibliothèque de nuances

Utilisez l'une des méthodes suivantes :

Enregistrer la bibliothèque de nuances sous ASE... Enregistrer ta bibliothèque de nuances sous AI...

Figure 4.6 : Les commandes du panneau Nuancier

Pour supprimer un groupe de couleurs, procédez comme suit : 1 Cliquez sur son icône en forme de dossier pour le sélectionner. 2 Dans le menu local du panneau Nuancier, choisissez la commande Supprimer le groupe de couleurs ou cliquez sur le bouton Supprimer la nuance. En important le nuancier créé d'après une illustration, vous avez noté qu'lllustrator est fourni avec plusieurs bibliothèques de nuances classées par catégories et par thèmes. Elles sont particulièrement utiles lorsque vous hésitez dans le choix des couleurs.

4.3. Les bibliothèques de nuances Les bibliothèques de nuances sont des groupes de couleurs prédéfinis. Si vous n'excellez pas dans le choix des couleurs, ces bibliothèques peuvent vous aider.

86

4. La couleur

• Faites glisser la ou les couleurs de la bibliothèque vers le panneau Nuancier. m Sélectionnez une ou plusieurs couleurs puis, dans le menu local de la bibliothèque de nuances, choisissez la commande Ajouter au nuancier. Outre le nuancier et les bibliothèques de nuances, vous disposez du panneau Couleur.

4.4. Le panneau Couleur Le panneau Couleur permet d'ajuster avec précision la couleur de fond ou de contour d'un objet. La partie centrale du panneau affiche les composants de la couleur active sous la forme de curseurs. Dans le menu local du panneau, choisissez un autre modèle de couleurs {RVB, TSL, CMJN, RVB Web sécurisé, Niveaux de gris).

4.4. Le panneau Couleur

87

Si les couleurs du nuancier ne vous conviennent pas ou si vous ne trouvez pas votre bonheur parmi les bibliothèques de nuances, utilisez le panneau Guide des couleurs.

nr

Figure 4.7 : Le panneau Couleur

•

RVB est le mode d'affichage par défaut des écrans d'ordinateur.

•

TSL (Teinte, Saturation, Luminance) est le modèle colorimétrique qui se rapproche le plus de la perception humaine.

•

CMJN est utilisé en i m p r i m e r i e .

•

RVB Web sécurisé réunit 216 couleurs. Il est adapté pour les illustrations destinées au Web.

•

Niveaux de gris crée des couleurs allant de 0 % à 100 % du noir.

Pour créer une nuance, suivez ces étapes : 1 Dans le menu local du panneau Couleur, sélectionnez la c o m m a n d e Créer une nuance. 2 La boîte de dialogue Nouvelle nuance s'affiche. Définissez les différentes options de la couleur. 3 Cliquez sur OK. La nouvelle couleur apparaît dans le panneau Nuancier. Pour afficher sa couleur c o m p l é m e n t a i r e , dans le m e n u local du panneau Couleur, choisissez la c o m m a n d e Complément.

Couleur complémentaire Une couleur complémentaire est une couleur qui se situe à l'opposé dans la roue chromatique.

DEFINITION

Dans la partie inférieure du panneau, le spectre des couleurs vous permet de sélectionner rapidement une couleur. Figure 4.8 : Le spectre des couleurs

La boîte de dialogue Nouvelle nuance REMARQUE Cette boîte de dialogue est identique à la boîte de dialogue Options de nuance.

88

4. La couleur

4.5. Le panneau Guide des couleurs Si vous manquez d'inspiration au niveau des couleurs, le panneau Guide des couleurs introduit dans lllustrator CS3 peut répondre à vos attentes. Le panneau Guide des couleurs permet de rechercher, de personnaliser et d'enregistrer des groupes de couleurs. Vous pouvez l'utiliser pour appliquer rapidement différentes combinaisons de couleurs définies selon des règles d'harmonie. 1 Affichez le panneau Guide des couleurs si celui-ci n'est pas visible (Fenêtre/Guide des couleurs). 2 En haut du panneau, v o u s avez le groupe de couleurs actif. Vous pouvez le modifier en cliquant sur le m e n u situé à sa droite. Vous accédez alors à une liste de groupes de couleurs prédéfinis. Figure 4.9 : Le groupe de couleurs actif La couleur en regard du groupe de couleurs actif est la couleur de référence à partir de laquelle les autres couleurs seront définies. Pour la modifier, sélectionnez-la dans le panneau Guide des couleurs, puis choisissez-en une autre dans le panneau Nuancier. La couleur de référence se modifie instantanément. Pour redéfinir une combinaison de couleurs à partir de cette couleur de référence, cliquez sur cette dernière. Les couleurs du groupe actif se mettent à jour. Si une combinaison de couleurs dans le panneau Guide des couleurs v o u s intéresse, vous pouvez l'enregistrer dans votre nuancier : Dans le panneau Guide des couleurs, cliquez sur le bouton Enregistrer le groupe de couleurs dans le panneau Nuancier. 2 Pour le renommer, dans le menu local du panneau choisissez la c o m m a n d e Options de groupe de couleurs.

Nuancier,

En dessous du groupe de couleurs actif, v o u s avez une variation de ces couleurs avec, au centre, les couleurs de référence.

4.5. Le panneau Guide des couleurs

89

Ombres

M

Teintes

T

:

Couleur applique une couleur uniforme à un élément.

[~fj Dégradé attribue un dégradé de couleurs.

m\

• » •

Sans n'affecte aucune couleur de fond ou de contour.

Figure 4.10 : Variation des couleurs Pour modifier cette variation, suivez ces étapes : 1 Allez dans le menu local du panneau Guide des couleurs. 2 Choisissez les commandes Teintes Chaudes/Froides, Teintes/Ombres ou Vives/Éteintes. Vous pouvez également modifier le nombre de variantes de ce groupe de couleurs par le biais de la commande Options du guide des couleurs dans le menu local du panneau : 1 Dans la boîte de dialogue Options de variation, spécifiez le nombre de couleurs qui doivent apparaître à gauche et à droite des couleurs du groupe actif à l'aide de l'option Étapes. 2 Déplacez le curseur de l'option Variation vers la gauche pour diminuer l'étendue des variantes de couleur. Par défaut, elle est réglée sur Plus. Cliquez sur OK. Les utilisateurs de Photoshop connaissent le concept de couleur de premier plan et d'arrière-plan. Le principe est identique dans lllustrator.

Réinitialiser les couleurs par défaut Pour réinitialiser les couleurs par défaut (le noir pour le contour, le blanc pour le fond), appuyez sur les touches(ô) et (xT)

REMARQUE

Les couleurs de fond et de contour peuvent être modifiées. Ici, vous ne changerez que la couleur de remplissage. Pour cela, doublecliquez sur la case de fond blanche afin d'accéder au sélecteur de couleurs.

4.6.

Le sélecteur de couleurs

Le sélecteur de couleurs est très proche de celui de Photoshop, possède trois nuanciers de couleurs (TSL, RVB, CMJN).

Les couleurs de premier plan et d'arrière-plan Dans la boîte à outils, vous avez en bas, deux cases de couleur qui se superposent.

OK

Figure 4.11 : Les couleurs de premier plan et d'arrière-plan

Annuler Nuanciers

« T : 357

Elles vous permettent d'attribuer une couleur au fond et aux contours de vos éléments à colorer. Ici, il s'agit d'appliquer une couleur de remplissage et de laisser les traits en noir. Assurez-vous que le carré supérieur correspond à la couleur de premier plan pour pouvoir colorer l'intérieur de l'objet concerné. Si ce n'est pas le cas, inversez ces couleurs en utilisant l'une des méthodes suivantes :

90

©S:

100

?L:

76

R: 196

C: 1

V: 0

M 99

B: 9 *

% %

C40009

J:

99

N: 0

% % % %

• Cliquez sur la double flèche noire pour permuter la couleur de fond et de contour.

Figure 4.12 : Le sélecteur de couleurs

• Utilisez le raccourci [Maj)+fx].

1 Dans la zone de spectre, sélectionnez la couleur de votre choix.

Sous ces vignettes de couleur de fond et de contour, vous avez à votre disposition trois icônes colorées :

Adroite, le sélecteur vertical de couleurs permet de choisir une variante de couleur.

4. La couleur

4.6. Le sélecteur de couleurs

91

Vous avez aussi la possibilité d'entrer les valeurs des composantes de la couleur dans les champs numériques des modèles colorimétriques. L'option Couleurs web seules affiche uniquement les couleurs web. 2 Une fois votre choix effectué, cliquez sur OK. La couleur s'applique au fond de la forme sélectionnée. Si vous n'arrivez toujours pas à vous décider sur la couleur à utiliser, vous pouvez recourir à Kuler.

4.7.

REMARQUE

Kuler

Vous devez être connecté pour sauvegarder et publier vos palettes de couleurs.

Créer une palette de couleurs Dans la colonne de gauche de l'interface de Kuler, cliquez sur le lien hypertexte Create. Vous accédez alors à votre espace personnel de création de palettes.

Le site Kuler

Kuler est un site communautaire en ligne permettant de créer des combinaisons de couleurs et de les partager avec d'autres utilisateurs. Vous pouvez par ailleurs les importer dans lllustrator. La première étape consiste à vous identifier avec votre login Adobe si vous en possédez un ou à créer un compte. EBUttUffl

Figure 4.14 : L'espace personnel de création de palettes 1 Choisissez une couleur de base (base color). Cette base détermine les autres couleurs. 2 Au-dessus de chacune des couleurs du thème à l'écran, vous avez deux commandes : Set as Base et Remove Color. — Pour sélectionner l'une des couleurs comme couleur de référence, cliquez sur Set as Base. Les autres couleurs changent instantanément. Figure 4.13: L'interface de Kuler

L'enregistrement est gratuit. Une fois la procédure d'identification réalisée, créez vos propres palettes de couleurs.

92

| 4. La couleur

— Pour supprimer une couleur, cliquez sur Remove Color. Kuler vous donne la possibilité de créer vos palettes de couleurs depuis une photographie :

4.7. Le site Kuler

93

1 Cliquez sur le bouton Create From an Image. L'interface se modifie. Deux boutons font leur apparition. Ils vous permettent d'importer une image depuis Flickr ou depuis votre ordinateur (Upload).

2 Entrez les mots qui définissent le mieux votre palette dans le champ Tags.

2 Sélectionnez l'image en question. Quelques instants après, le thème de couleurs établi depuis la photographie s'affiche.

3 Cliquez sur le bouton Save pour enregistrer votre palette de couleurs. Pour la rendre publique ou privée, cochez les options Public ou Private.

Si le résultat ne vous satisfait pas complètement, vous pouvez encore modifier ces couleurs.

Vous pouvez aussi supprimer une palette de couleurs une fois que vous n'en avez plus besoin.

Modifier une palette de couleurs

Supprimer une palette de couleurs 1 Connectez-vous à http://kuler.adobe.com.

Plusieurs solutions s'offrent à vous. Vous devez être dans votre espace personnel.

2 Cliquez sur le lien hypertexte MyKuler. La liste de vos palettes de couleurs s'affiche.

• Modifiez les couleurs à l'aide de la roue des couleurs. Le plus grand marqueur représente la couleur de base. Déplacez les autres marqueurs de couleur pour changer les teintes. • Vous pouvez utiliser également l'un des agencements de couleur établis selon les règles colorimétriques situées à gauche de la roue des couleurs. Il est ainsi possible de créer une palette de couleurs sur la base des couleurs similaires, monochromes, complémentaires, etc. Il suffit de cliquer sur l'une d'entre elles pour la rendre active. Les couleurs situées dans le thème se modifient instantanément. • Une autre solution consiste à entrer d'autres valeurs hexagonales dans les zones réservées à cet effet en dessous de chacune des couleurs. Leurs valeurs sont représentées dans plusieurs modes colorimétriques : RVB, Lab, CMJN, HUBet HEX.

Figure 4.15 : La liste de vos palettes de couleurs Cliquez sur le bouton Delete this thème completely from Kuler, représenté par une corbeille.

Modifier une palette de couleurs La palette de couleurs enregistrée s'affiche dans la liste des thèmes que vous avez déjà créés. Pour modifier ces couleurs, procédez comme suit :

Kuler Le site kuler.adobe.com permet de concevoir des palettes de couleurs à partir des palettes des autres utilisateurs. Vous pouvez également rechercher les palettes ayant reçu les meilleures notations, les palettes les plus récentes, etc.

REMARQUE

REMARQUE

1 Cliquez sur le bouton Make changes to this thème in the create window représenté par trois flèches. 2 Vous retournez alors dans votre espace de création de thèmes. Faites vos modifications, puis cliquez de nouveau sur le bouton Save.

Une fois une palette de couleurs créée, vous pouvez l'importer dans lllustrator. Les thèmes Kuler sont en fait des fichiers au format Adobe Swatch Exchange. Celui-ci a été introduit dans la CS2. Il facilite le partage des couleurs entre les différents composants de la suite Adobe.

Enregistrer une palette de couleurs Une fois que la palette de couleurs vous satisfait, enregistrez-la 1 Saisissez un titre dans le champ Title.

94

4. La couleur

1

4.7. Le site Kuler

95

Importer une palette de couleurs dans lllustrator

2 Cliquez sur une couleur du panneau Nuancier par exemple, qui lui sera immédiatement affectée.

1 Connectez-vous à votre espace sur http://kuler.adobe.com, puis cliquez sur le lien hypertexte MyKuler. 2 Sélectionnez la palette de couleurs à importer. 3 Cliquez sur le bouton Download this thème as an Adobe Swatch Exchange file. 4 Dans la boîte de dialogue qui s'affiche, indiquez l'emplacement de sauvegarde de votre thème.

\

s Jà

0

( / /;N

5 Cliquez sur le bouton Enregistrer. 6 Lancez lllustrator. 7 Importez la palette de couleurs en suivant l'une de ces méthodes : — Allez dans le menu Fenêtres/Bibliothèques de nuances. Sélectionnez la commande Autre bibliothèque. Dans la boîte de dialogue qui s'affiche, cliquez sur le thème de couleurs enregistré par vos soins, puis sur le bouton Ouvrir. Celui-ci s'affiche dans son propre panneau. _ À partir du panneau Nuancier, ouvrez la liste déroulante des bibliothèques de nuances. Cliquez pour cela sur le bouton Menu Bibliothèques de nuances. Sélectionnez Autre bibliothèque. Une boîte de dialogue Bibliothèque à ouvrir s'affiche. Choisissez le thème de couleurs préalablement sauvegardé, puis cliquez sur le bouton Ouvrir. Celui-ci s'affiche dans un panneau avec l'intitulé du thème.

/

X

»A \

/.

^>

-' Wl à

Figure 4.16: Le comic strip coloré

4.8. Appliquer les couleurs Deux méthodes permettent de mettre en couleur le comic strip. Comme les différents éléments sont fermés, la tâche est facilitée. La première méthode ne nécessite aucune sélection d'éléments : 1 Ouvrez l'un des panneaux permettant de définir ou de sélectionner une couleur (Couleur, Guide des couleurs, Nuancier...). 2 Cliquez sur une couleur puis, sans relâcher le bouton gauche de la souris, faites-la glisser sur l'objet à colorer. La couleur s'applique au fond de cet élément. Concernant la seconde méthode, procédez comme suit : 1 Sélectionnez l'élément à colorer.

96

4. La couleur

Une couleur attribuée à une forme peut être affectée à une autre forme à l'aide de l'outil Pipette.

Copier les caractéristiques d'une forme avec l'outil Pipette 1 Sélectionnez une forme à laquelle vous souhaitez appliquer les attributs de l'autre forme. 2 Activez l'outil Pipette. 3 Cliquez sur la forme de référence. La seconde adopte les attributs copiés. Pour modifier les couleurs du comic strip en quelques clics, utilisez le panneau Couleurs dynamiques disponible depuis la version CS3 d'Illustrator. ù.8. Appliquer les couleurs

97

4.9.

Modifier les couleurs avec le panneau Couleurs dynamiques

Ce panneau permet de modifier très rapidement les couleurs :

Toutes les couleurs du comic strip sont indiquées en haut de ce panneau. Déroulez le menu situé à droite pour choisir une autre règle d'harmonie prédéfinie. À la place de l'une de ces règles, vous pouvez appliquer à la bande dessinée un autre groupe de couleurs.

1 Sélectionnez l'illustration.

Il existe un autre m o y e n pour changer les couleurs d'une illustration : Pour ce faire,

1 Cliquez sur le bouton Modifier. Une roue chromatique munie de marqueurs de couleur apparaît.

_ Allez dans le menu Edition/Modifier les couleurs. Choisissez la c o m m a n d e Redéfinir les couleurs de l'illustration.

2 Cliquez sur l'un d'entre eux pour le repositionner dans la roue. Le groupe de couleurs actif se met à jour instantanément.

— Dans le panneau Guide des couleurs, Modifier ou appliquer les couleurs.

Pour ne m o d i f i e r q u ' u n e seule couleur dans la roue, cliquez sur l'icône Rompre les liens des couleurs de l'harmonie en f o r m e de cadenas.

2 Ensuite, ouvrez le panneau Couleurs dynamiques. plusieurs méthodes sont à votre disposition :

cliquez sur le bouton

— Dans le m e n u local du panneau Guide des couleurs, sélectionnez la c o m m a n d e Modifier les couleurs. — Dans le Nuancier, double-cliquez sur le groupe de couleurs que vous avez utilisé. _ Dans le panneau Contrôle, cliquez sur l'icône Redéfinir les couleurs de l'illustration représentée par une roue chromatique. 3 Le panneau Redéfinir les couleurs de l'illustration

s'ouvre.

Vous pouvez ajouter une couleur à un groupe de couleurs : 1 Cliquez sur le bouton Outil Ajout de couleur. 2 Cliquez sur la roue chromatique. Pour attribuer les couleurs d'origine à une illustration, suivez ces étapes : 1 Cliquez sur le bouton Attribuer. 2 Cliquez sur l'icône Obtenir des couleurs sélectionnée en f o r m e de pipette.

> •

3 Groupe de c...

à partir

de

l'illustration

Il est également possible de réduire le n o m b r e de couleurs d'une illustration : déroulez le menu Couleurs et choisissez un n o m b r e de couleurs dans la liste proposée. Les autres couleurs du groupe sont a u t o m a t i q u e m e n t attribuées aux couleurs présentes. Vous pouvez également sélectionner une bibliothèque de couleurs dans le menu Paramètres prédéfinis. C o m m e v o u s le constatez, le noir figure dans la liste des couleurs mais n'intervient pas dans le calcul des combinaisons de couleurs. Vous pouvez choisir de l'inclure : 1 Cliquez sur le bouton Options de redéfinition des couleurs.

#

9,7S

à* à"

2 Dans la boîte de dialogue q u i s'affiche, cochez l'option Conserver Noir. Celui-ci devient alors une couleur de la règle d'harmonie choisie. Cliquez sur OK.

*

Figure 4.17 : La boîte de dialogue Modifier les couleurs

98

4. La couleur

4.9. Modifier les couleurs avec le panneau Couleurs dynamiques

99

CREER UN LOGO

Les étapes préalables L'outil Grille rectangulaire Les repères Les formes géométriques Diviser un objet Dupliquer un objet Répéter une action Le panneau Transformation L'outil Sélection et les repères commentés L'outil Transformation Les effets Pathfinder Les effets de déformation L'alignement des objets Trucs et astuces pour tracer des formes Dessiner une flèche Gestion des pointillés

103 104 107 110 114 114 115 116 116 117 117 118 119 121 121 122

101

Ce chapitre a pour objectif de vous expliquer les étapes pour créer le logo d'un magazine. Au lieu de le réaliser à partir d'un texte, vous apprendrez à utiliser les outils géométriques, les repères et les effets de déformation proposés par lllustrator. Un logo destiné à un magazine en ligne doit suivre quelques règles de conception : • Il doit être simple. • Il doit utiliser une à deux couleurs au maximum. • Il doit permettre d'identifier rapidement le contenu du magazine. Le logo est composé de trois parties : le crayon, un émoticon et le dessin du texte.

5.1. Les étapes préalables 1 Créez un nouveau document web (Fichier/Nouveau). 2 Dans la boîte de dialogue Nouveau document, saisissez dans le champ Nom, le texte logo. Laissez les autres options par défaut. Peu importe la taille puisque lllustrator dispose d'une fonction de recadrage. Cliquez sur OK.

Espace de travail Si votre espace de travail est un peu encombré suite à la réalisation du personnage, réinitialisez-le. Pour ce faire, dans la barre d'application, déroulez le menu des espaces de travail, puis sélectionnez celui que vous avez utilisé. L'interface est de nouveau ordonnée.

Ouvrez le panneau Calques. Double-cliquez sur le Calque 1. Renommez-le g r i l l e . Importez le fichier logo_2èmeversion.ai. Celui-ci se placera sur son propre calque. Il s'agit d'une première approche du logo. Allez dans le menu Fichier. Sélectionnez la commande Importer. Dans la boîte de dialogue qui s'affiche, cliquez sur le fichier, puis cochez l'option Modèle. Cliquez sur le bouton Importer. Une nouvelle boîte de dialogue Importer un fichier PDF s'ouvre. Définissez la manière d'importer ce fichier dans le document lllustrator. Ici, choisissez l'option Cadre de sélection pour recadrer selon ce cadre car le logo n'est pas contenu dans toute la page. Cochez l'option Aperçu pour visualiser le résultat. Cliquez sur OK.

5.1. Les étapes préalables

103

Options de l'outil Grille rectanguiair

M

rts

fA YJ

Taille par défaut Largeur :

3528

Hauteur :

35,28 mm

mm

u

OK Annuler

Séparateurs horizontaux Nombre : Bas

5

Inclinaison :

0%

Haut

0%

Droite

A séparateurs verticaux

Figure 5.1 : La première approche du logo

Nombre : Gauche

7 Renommez le calque du logo modèlejogo, puis déverrouillez-le en cliquant sur la case située à gauche du repère de la couleur de calque. 8 Cliquez sur la cible de sélection située à droite de son intitulé. Cela a pour effet de sélectionner la totalité du logo. 9 Affichez le panneau Transparence (Fenêtre/Transparence). Réduisez le paramètre Opacité à 39 %. 10 Verrouillez le calque

modèlejogo.

La prochaine étape consiste à dessiner une grille qui vous permettra de positionner correctement les composants du logo. Cette fois, vous n'utiliserez pas la commande Afficher la grille du menu Affichage, mais l'outil Grille rectangulaire.

5.2. L'outil Grille rectangulaire g H L'outil Grille rectangulaire est disponible dans le sous-menu de — l'outil Trait. La grille que vous allez dessiner servira de grille de référence 1 Activez l'outil Grille rectangulaire. 2 Double-cliquez dessus pour accéder à sa boîte de dialogue de configuration. 3 Dans la boîte de dialogue qui s'affiche, définissez les dimensions de votre grille, à savoir 40 mm pour les paramètres Largeur et Hauteur (voir Figure 5.2). À droite de ces options, vous pouvez définir le point de départ du tracé de la grille.

104

5. Créer un logo

5

Inclinaison :

"Utiliser le rectangle extérieur comme image ; Remplir la grille

Figure 5.2 : La boîte de dialogue des options de l'outil Grille rectangulaire

Spécifiez le nombre de séparateurs horizontaux et verticaux de la grille. Définissez la valeur d'inclinaison de ces séparateurs. Elle correspond à leur répartition entre le côté gauche et le côté droit de la grille. 4 Cliquez sur OK. 5 Faites glisser le pointeur en diagonale vers le bas à partir du coin supérieur gauche du plan de travail jusqu'à la taille voulue. Relâchez le tout. 6 Une fois la grille en place, diminuez son opacité. Sélectionnez la grille. Dans le menu Fenêtres, sélectionnez la commande Transparence. Le panneau s'affiche. Réduisez le paramètre Opacité à 27 %. (voir Figure 5.3) Pour positionner correctement les composants du logo, vous allez définir des repères : 1 Créez un nouveau calque que vous renommerez crayon. Celui-ci viendra se positionner au-dessus de la liste des calques existants. Affichez les règles (Affichage/Afficher les règles ou |ctrï]+[R]) sinon vous ne pourrez pas définir vos repères. L'unité de mesure des règles est affichée en fonction des réglages effectués dans le menu Préférences. Pour la modifier, vous avez trois méthodes à votre disposition :

5.2. L'outil Grille rectangulaire

105

_ Cliquez du bouton droit dans la règle horizontale ou verticale. Choisissez, dans le menu contextuel, l'unité de mesure voulue. _ Dans le panneau Contrôle, cliquez sur le bouton Configuration du document. Dans la boîte de dialogue qui s'affiche, choisissez, dans le menu déroulant Unités, l'unité désirée. Cliquez sur OK pour valider.

5.3. Les repères Il existe trois types de repères : • les repères de règle ; • les repères commentés ; • les repères d'objet. La prochaine étape consiste à définir des repères de règle.

Les repères de règle Les repères de règle facilitent l'alignement des objets. Figure 5.3: La grille

Les repères de règle

Ouvrez le menu Edition/Préférences. Sélectionnez la commande Unités et performances d'affichage. Choisissez, dans le menu déroulant Générales, l'unité que vous souhaitez.

Ce sont des lignes que vous placez sur les axes horizontal et vertical. Ils ne sont pas imprimables.

Pour créer les repères pour le logo, suivez ces étapes : Repères et grille

w

s

Couleur : i | Cyan Style: Traits continus

» »

_ Annuler

• Précédent

M

Couleur : AutreStyle : Traits continus Pas: Subdivisions :

Suivant

T

»

•

25,4 mm 8 !Ë Grilles en arrière-plan

Figure 5.4: Personnaliser la grille

1 Placez le pointeur sur la règle horizontale. Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser vers le bas jusqu'à la position V, -12 mm. Aidez-vous du panneau Contrôle pour cela. 2 Dupliquez ce repère. Sélectionnez-le avec l'outil Sélection. Tout en maintenant enfoncée la touche [Ait], déplacez-le vers le bas jusqu'à ce que, dans le panneau Contrôle, le champ Vaffiche la valeur de 120 mm. 3 Définissez les repères verticaux. Placez le pointeur dans la règle verticale. Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser vers la droite jusqu'à ce que la valeur 71 mm s'affiche dans le champ X d u panneau Contrôle. 4 Dupliquez ce repère et placez-le à 219 mm (position X).

Cliquez sur OK pour valider. 106

5. Créer un logo

5.3. Les repères

107

|55

lu»

t

|lSO

~\2Ki

••••'••

2 Tout en maintenant enfoncé le bouton gauche de la souris, faites-le glisser vers l'emplacement voulu. Ces repères ne sont plus bloqués par défaut comme dans la version précédente d'Illustrator. Une fois que vous les avez définis, vous pouvez les verrouiller. Il vous sera alors impossible de les supprimer ou de les déplacer par mégarde. Si vous avez créé plus de repères que nécessaire, supprimez-les : 1 Sélectionnez les repères concernés.

Figure 5.5 : La définition des repères

2 Activez l'outil Sélection.

Il existe une autre méthode pour définir ces repères. Elle consiste à les créer à partir d'objets géométriques. Ils sont alors appelés "repères d'objet'.

3 Effectuez un cadre de sélection autour des repères à supprimer. 4 Allez dans le menu Affichage/Repères. Sélectionnez la commande Annuler les repères. Les repères s'effacent instantanément. Pour les verrouiller, suivez ces étapes :

Les repères d'objet

1 Allez dans le menu Affichage/Repères.

1 Tout d'abord, activez l'outil Rectangle.

2 Choisissez la commande Verrouiller les repères.

2 Dans la boîte à outils, réglez la couleur de fond sur Aucun et la couleur de contour sur le noir.

Pour effectuer l'opération inverse, repassez par ce menu et sélectionnez cette fois la commande Déverrouiller les repères.

3 Dessinez un rectangle de la largeur du logo. 4 Allez dans le menu Affichage/Repères. Choisissez la commande Créer les repères. Le rectangle devient alors un repère. Ces repères peuvent être édités. Diverses opérations sont possibles.

Manipuler les repères Comme vous le constaterez, les repères sont des traits continus de couleur cyan. Pour la lisibilité, ce n'est pas toujours le bon choix. Pour changer cette couleur, procédez comme suit : 1 Rendez-vous dans le menu Edition/Préférences. Choisissez la commande Repères et grille. 2 Une boîte de dialogue s'affiche. Dans le menu déroulant Couleurs, sélectionnez une autre couleur dans la liste. 3 Vous pouvez également modifier le style de ces repères puis cliquez sur OK. Si vous n'êtes pas parvenu à positionner correctement vos repères, il est possible de les déplacer :

Une fois les repères définis, passons aux repères commentés. Ils fonctionnent avec tous les objets quel que soit l'outil actif.

Les repères commentés Si vous avez bien observé votre écran lors des cas pratiques, vous avez pu constater lors du déplacement du pointeur que des informations s'affichaient au fur et à mesure sur la zone de travail. Il s'agit des repères commentés. L'utilité de ces repères dans la CS3 était de connaître quel objet ou quel point du tracé vous survoliez avec le pointeur. Depuis la CS4, les repères commentés ont subi plusieurs améliorations qui permettent d'accroître votre productivité. Comme vous avez pu déjà le constater, ces repères se révèlent très pratiques à l'usage. Ils sont particulièrement utiles dans plusieurs cas de figure, comme l'alignement des objets ou des plans de travail. Ils permettent ainsi un meilleur contrôle des objets sur le plan de travail.

REMARQUE

Désactiver les repères commentés Pour les désactiver, utilisez le menu Affichage/Repères commentés.

1 Cliquez sur le repère en question.

108

5. Créer un logo

5.3. Les repères

109

Contrairement à la version précédente d'Illustrator, les repères c o m mentés sont plus discrets et plus intuitifs. Ils sont colorés et leur couleur peut être modifiée dans le m e n u Préférences :

du bâton apparaissent a u t o m a t i q u e m e n t et se modifient au fur et à mesure du déplacement du pointeur. Une fois la taille obtenue, relâchez le tout pour valider votre f o r m e .

1 Dans le panneau Contrôle, si aucun objet n'est sélectionné, cliquez sur le bouton Préférences ou passez par le menu Edition/Préférences /Repères commentés. 2 Choisissez une couleur dans le menu déroulant disponible à cet effet. Si les repères c o m m e n t é s affichent beaucoup t r o p d'informations à votre goût au m o m e n t où vous dessinez, allez dans le m e n u Edition /Préférences/Repères commentés et décochez celles que vous ne souhaitez plus voir apparaître. Après cette brève présentation des repères c o m m e n t é s , c o m m e n çons la réalisation du logo. Vous utiliserez les f o r m e s géométriques. Ne vous préoccupez pas de leur orientation ni de leur positionnement pour le m o m e n t .

Figure 5.6 : Le corps du crayon Il s'agit ensuite de dessiner la mine de ce crayon avec l'outil Polygone ou Étoile.

L'outil Polygone ~Tj L'outil Polygone est situé dans le sous-menu de l'outil Rectangle.

5.4. Les formes géométriques lllustrator propose un ensemble d'outils pour la création de formes géométriques : les outils Rectangle, Rectangle Arrondi, Ellipse, Polygone, Étoile.

L'outil Rectangle arrondi Vous allez dessiner le corps d u crayon. 1 I Q T ] Activez l'outil Rectangle arrondi qui est situé dans le sous*-—' m e n u de l'outil Rectangle.

1 Activez-le. 2 Cliquez sur le plan de travail. La boîte de dialogue de l'outil s'affiche. Définissez le paramètre Rayon à 15 m m et un n o m b r e de côtés de 3. Cliquez sur OK. 3 Placez votre pointeur près du bord gauche de votre bâton. Un repère c o m m e n t é s'affiche indiquant que la mine sera alignée par rapport au corps du crayon. 4 Cliquez puis faites glisser le pointeur en diagonale. 5 Relâchez le tout une fois que la f o r m e de la mine vous convient.

2 Pour dessiner le bâton du crayon, v o u s disposez de deux solutions : — Cliquez sur le plan de travail. La boîte de dialogue de l'outil s'affiche. Définissez les paramètres c o m m e suit : Largeur : 5 m m , Hauteur: 45 m m . Rayon : 4 m m . Puis validez. — Aidez-vous du modèle et des repères commentés. Vous désirez que le corps du crayon soit positionné à une certaine distance du texte du logo. Pour cela, appuyez sur la touche [Mifl. Les c o o r d o n nées du pointeur s'affichent. Cliquez puis faites glisser le curseur en diagonale vers le repère du bas déjà en place. Les dimensions

110

| 5. Créer un logo

Figure 5.7: Le crayon

5.4. Les formes géométriques

111

Vous désirez que la mine soit alignée par rapport au centre du bâton du crayon. Faites-la glisser jusqu'à ce qu'apparaisse une étiquette indiquant "Centre".

REMARQUE

L'outil Trait L'outil Trait permet de dessiner des segments rectilignes. Utilisez l'une des deux méthodes à votre disposition. Pour la première méthode, procédez comme suit :

Les repères commentés

Dans la version précédente d'Illustrator, les repères commentés apparaissaient uniquement entre deux objets que vous souhaitiez aligner.

La mine de crayon peut également être dessinée à l'aide de l'outil Étoile.

L'outil Étoile 1 j - H Activez-le dans la boîte à outils. Il est situé, comme les autres '—-l outils géométriques, dans le sous- menu de l'outil Rectangle. 2 Pour dessiner cette mine, vous disposez de deux solutions : — Cliquez sur le plan de travail. La boîte de dialogue de l'outil s'ouvre. Réglez les paramètres: Rayon!: 4 mm, Rayon 2: 6,5 mm. Le nombre de points est de 3. Puis validez. — Faites glisser le pointeur en diagonale. Vous pouvez en profiter pour lui donner sa bonne orientation. Une fois que la forme de la mine vous satisfait, relâchez le tout. Passez au texte du logo. Celui-ci est composé d'un ensemble de rectangles.

1 Activez-le. 2 Vérifiez dans la boîte à outils que la couleur du contour est réglée sur le noir. 3 Cliquez sur le plan de travail. Cela a pour effet de placer le premier point d'ancrage du L. 4 Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur vers le bas. Au fur et à mesure de votre déplacement, un repère commenté vous indique à quelle distance le prochain point d'ancrage sera positionné. 5 Relâchez le tout pour valider votre forme.

Figure 5.8: Le L

Pour la seconde méthode, suivez ces étapes : 1 Activez l'outil Trait. 2 Dans le panneau Contrôle, réglez la couleur de contour sur le noir. 3 Cliquez sur le plan de travail pour accéder aux options de l'outil. 4 Dans la boîte de dialogue qui s'affiche, définissez une longueur de 33,256 mm pour le trait. 5 Cliquez sur OK. La forme s'affiche.

L'outil Rectangle 1

EU Activez l'outil Rectangle.

2 Dans le panneau Contrôle, réglez sa couleur de fond sur le noir. 3 Cliquez sur le plan de travail, puis faites glisser le pointeur vers le bas. 4 Relâchez le tout pour valider.

112

Il s'agit maintenant de modifier la taille du trait : 1 Sélectionnez le trait. 2 Dans le panneau Contrôle, déroulez le menu Contour. Choisissez, dans la liste qui s'affiche, une épaisseur de 10 pt. L'étape suivante consiste à dessiner l'émoticon avec l'outil Ellipse.

L'outil Ellipse

5 Recommencez ces opérations pour dessiner les autres parties du texte du logo.

1

Pour finir avec le texte du logo, voyons comment dessiner le L de Artsyi avec l'outil Trait. Vous auriez pu utiliser l'outil Rectangle, mais ce sera pour vous l'occasion d'aborder le fonctionnement d'un autre outil de dessin et d'apprendre d'autres fonctionnalités d'Illustrator.

2 Dessinez une ellipse noire.

5. Créer un logo

Activez l'outil Ellipse.

5.4. Les formes géométriques

113

2 Allez dans le menu Objet/Transformation. Choisissez la c o m m a n d e Déplacement. Une boîte de dialogue s'affiche. Figure 5.9: L'ellipse Position

OK

3 Faites glisser le curseur en diagonale, puis relâchez le tout une fois la f o r m e voulue obtenue.

Horizontale : 502 mm

La prochaine étape consiste à séparer cette ellipse en deux parties. Pour cela, v o u s utiliserez l'outil Cutter.

Distance : 53,7323

Verticale :

Annuler -20.052Ç Copier H Aperçu

Angle : -21,913 '

;

Options

5.5. Diviser un objet Figure 5.11 : La boîte de dialogue Déplacement

Diviser un objet consiste à découper l'ellipse en deux morceaux. 1 Sélectionnez cette ellipse. T -

Activez l'outil Cutter, situé dans le sous-menu de l'outil Gomme.

3 Tracez un cadre de sélection e n globant la moitié de l'ellipse. Pour v o u s assurer que cette opération a bien été effectuée, sélectionnez chacune des parties de l'ellipse avec l'outil Sélection directe.

Figure 5.10 : L'émoticon

Votre logo est pour l'instant constitué majoritairement de rectangles, mais il en manque. Pour ajouter les autres rectangles, vous allez, non pas les dessiner, mais les dupliquer.

3 Cochez l'option Aperçu. Si v o u s observez votre plan de travail, vous remarquerez que l'emplacement de la copie que vous allez effectuer est symbolisé par un cadre de sélection. La position est correcte, donc inutile de modifier les valeurs de l'option Position dans les sections Horizontale et Verticale. Par contre, entrez une valeur dans le c h a m p Distance, qui peut varier selon la position du premier rectangle. Ne changez pas la valeur de l'option Angle. 4 Pour valider vos choix, cliquez sur le b o u t o n Copier au lieu de OK. Si vous cliquez sur ce dernier, vous n'obtiendrez pas de copie. Au lieu d'utiliser de nouveau cette c o m m a n d e , vous pouvez répéter l'opération que v o u s venez d'effectuer.

5.7. Répéter une action 5.6. Dupliquer un objet Dupliquer un objet permet d'en réaliser une copie. Deux méthodes

• Activez à plusieurs reprises le raccourci [ctiT)+[p].

s'offrent à vous.

• Passez par le menu Objet/Transformation/Répéter la transformation.

La première méthode est plus rapide :

Pour donner au logo sa f o r m e finale, v o u s allez utiliser :

1 Sélectionnez le rectangle du A par exemple.

• le panneau Transformation les rectangles ;

2 Tout en maintenant enfoncée la touche ( M ) , faites glisser le pointeur vers la droite. Une copie du premier rectangle apparaît. 3 Répétez les étapes 1 et 2 pour compléter le logo. Concernant la seconde méthode, suivez ces étapes : 1 Sélectionnez l'un des rectangles à dupliquer.

114

Pour réaliser cette opération, vous disposez de deux solutions :

| 5. Créer un logo

pour redimensionner ou faire pivoter

• l'outil Sélection et les repères c o m m e n t é s pour déplacer les différents éléments du logo ; • les effets Pathfinder pour combiner les f o r m e s ; • les effets Déformation et l'outil Déformation pour donner au logo un aspect moins rigide.

5.7. Répéter une action

j 115

Tous les rectangles sont orientés à la verticale. Il v o u s faut modifier leur orientation. Pour cela, le panneau Transformation va vous y aider.

5.8. Le panneau Transformation 1 Affichez le panneau Transformation

(Fenêtre/Transformation).

2 Sélectionnez le bâton du crayon.

Vous aurez besoin également de redimensionner vos rectangles. À cet effet, vous utiliserez l'outil Transformation.

5.10. L'outil Transformation L'outil Transformation permet d'effectuer des transformations manuelles sur vos objets. Ici, vous allez redimensionner le L :

Tram-fon ta*»

s*^ ^

MU

274yS04 px

T-

1 Sélectionnez la lettre L de A r t s y l avec l'outil Sélection.

» r^ » Z^: iO"

•*• »

2 H?îl Activez l'outil Transformation manuelle.

Ëî

Figure 5.12 : Le panneau Transformation

3 Cliquez sur l'une des poignées du cadre de sélection. 3 Définissez à - 20 le paramètre

Rotation.

4 Effectuez les opérations précédentes pour la mine du crayon réalisée avec l'outil Étoile. 5 Si vous avez choisi de dessiner la mine du crayon avec l'outil Polygone, il faut la faire pivoter. Déroulez le menu Rotation. Choisissez de la faire pivoter de 90°. 6 Passez cette mine au premier plan. 7 Pour le A du texte, choisissez une déformation de 20°. Par contre, pour le second bâton de la lettre, sélectionnez une déformation de -20°.

4 Faites glisser le pointeur vers le bas. Les repères commentés affichent les dimensions de la lettre au fur et à mesure de son redimensionnement. La prochaine étape consiste à combiner les différents rectangles qui composent ces lettres.

5.11. Les effets Pathfinder

8 Modifiez l'orientation des rectangles des autres lettres en jouant sur les valeurs des champs Rotation et Déformation.

À partir de deux tracés, vous pouvez obtenir une troisième f o r m e . Les tracés initiaux ne sont pas conservés. Le f o n c t i o n n e m e n t de ces effets diffère comparativement aux versions précédentes d'Illustrator, notamment au niveau de la première ligne des icônes du panneau.

Certains rectangles ont besoin d'être repositionnés. Pour cela, aidezvous de l'outil Sélection et des repères commentés.

Pour obtenir une f o r m e combinée destructive, v o u s avez plusieurs solutions. La première solution est la suivante : 1 Sélectionnez les formes à rassembler.

5.9. L'outil Sélection et les repères commentés Les repères c o m m e n t é s s'affichent également lors du déplacement des objets. 1 Sélectionnez les rectangles concernés. 2 Faites-les glisser à l'emplacement v o u l u . Des étiquettes avec les libellés dx et dy v o u s indiquent les coordonnées de ce déplacement.

116

5. Créer un logo

2 Ouvrez le panneau Pathfinder (Fenêtre/Pathfinder). "'; •ïrBfs;.; •"Iodes es a - c-rs-s

O

\.

JGtj

^sthfbders ;

% 3fe

O^

Figure 5.13 : Le panneau Pathfinder

Appuyez sur la touche ( M ) lorsque vous appliquez un mode Pathfinder. Cliquez sur le bouton Décomposer. L'opération est définitive. Les tracés initiaux disparaissent. La sélection vous montre un seul tracé.

5.11. Les effets Pathfinder

117

Pour la seconde solution, suivez ces étapes :

5

1 Sélectionnez les formes à combiner.

6 Sélectionnez la lettre L de Artsyl. Appliquez à son extrémité l'outil

C |iquez

sur les bords du Y.

Fronces.

2 Ouvrez le panneau Pathfinder. 3 Cliquez sur l'un des modes de la première ligne du panneau. Le résultat est définitif. Plus besoin de recourir au bouton Décomposer.

L'étape suivante consiste à compléter le dessin de l'émoticon. Pour le moment, vous n'avez que la base.

Si vous souhaitez intervenir de nouveau sur les tracés originaux, appuyez sur la touche [ÂiT|lorsque vous appliquez un effet Pathfinder.

1 Remplissez la partie inférieure de l'ellipse avec un dégradé linéaire.

Pour votre logo, appliquez les effets Pathfinder suivants : • pour les lettres A, R, Y : le mode Réunion ; • pour le T : le mode Réunion et l'effet Pochoir (situé dans la seconde ligne du panneau) ; • pour le s : l'effet Fusion et le mode Réunion.

2 Cliquez sur le bouton Dégradé situé en dessous des couleurs de fond et de contour dans la boîte à outils. 3 Tracez un rectangle arrondi allongé. Appliquez-lui un effet Tourbillon via la boîte à outils. 4 Dessinez des cercles noirs symbolisant les yeux de l'émoticon. 5 Ajoutez le texte Le mag de l ' a r t sous toutes ses formes avec l'outil Texte.

Le logo prend forme, mais son aspect est un peu rigide. Vous allez le modifier à l'aide des effets de déformation. RENVOI

Lisez le chapitre Le texte pour plus de détails sur son fonctionnement.

5.12. Les effets de déformation lllustrator propose une liste d'effets qui vont vous permettre de modifier l'aspect de la partie texte du logo. 1 Appliquez au R un effet Compression. Utilisez le menu Effet/Déformation. Choisissez la commande Compression. Cochez l'option Vertical, puis réglez le paramètre Inflexion sur 58 %. Cliquez sur OK. 2 Ajoutez un effet de déformation de type Onde pour le bas de la lettre T. Cochez l'option Vertical, puis réglez le paramètre Inflexion sur 58%. 3 Appliquez à la lettre S un effet de déformation Poisson. Cochez l'option Vertical, puis réglez le paramètre Inflexion s u r - 15 %. Vous pouvez ajouter à vos objets d'autres effets de déformation disponibles dans la boîte à outils. 1 Sélectionnez la lettre Y de Artsyl.

Figure 5.14: Le logo Pour finir ce logo, vous allez aligner et grouper les différents c o m p o sants.

5.13. L'alignement des objets

2 Cliquez sur l'outil Déformation pour rendre visible l'ensemble des outils de déformation.

Dans les versions précédentes d'Illustrator, vous pouviez déjà aligner des objets sur un objet-clé, mais l'objet de référence n'était pas repérable sur la page, lllustrator a corrigé ce problème.

3 Choisissez l'outil Feston. Double-cliquez dessus pour faire apparaître sa boîte de dialogue d'options.

Vous allez aligner l'émoticon sur son texte :

4 Dans la boîte de dialogue qui s'affiche, réglez les paramètres Largeur et Hauteur de l'effet sur 20 pt, puis validez.

118

Artsyl

5. Créer un logo

Sélectionnez les deux éléments en question.

5.13. L'alignement des objets

119

2 Cliquez sur l'émoticon, qui servira de référence. En d'autres termes, il ne bougera pas lors de l'alignement. Un contour épais apparaît autour de lui. Sa couleur est celle du calque sur lequel il se trouve.

5 14. Trucs et astuces pour tracer des formes Voici quelques trucs et astuces qui peuvent vous aider au niveau de la conception de votre logo.

Sur le panneau Contrôle, une petite icône en forme de clé indique que vous avez défini un objet-clé.

VI

Avec l'outil Étoile, vous pouvez spécifier le nombre de points de votre forme par le biais des flèches de direction. Vous évitez ainsi de passer par la boîte de dialogue de l'outil.

3 Déroulez le menu afférent et vérifiez que l'alignement est réglé sur cet objet de référence. 4 Dans ce panneau, choisissez l'une des icônes d'alignement. Le texte s'aligne automatiquement sur l'émoticon. J

W W H

J-'-J-J-AL

•••

w&

• Pour supprimer des points, servez-vous de la (T). Vous pouvez dessiner le bâton du crayon à partir de son centre :

Figure 5.15 : Les icônes d'alignement

5 L'espacement entre les deux éléments n'est pas suffisant. Vous allez définir sa valeur par le biais du panneau Alignement (Fenêtre/ Alignement), le panneau Contrôle ne proposant pas ce paramètre. iem»ft

• Pour ajouter des points à votre forme, utilisez la (T).

1 Activez l'outil Rectangle. 2 Maintenez enfoncée la touche [Ait]. 3 Faites glisser le pointeur en diagonale vers le bas jusqu'à obtenir la forme désirée, puis relâchez le tout. Aidez-vous des repères commentés.

A'gri^-.snt ss= points dfarseraç

Ces étapes sont aussi valables pour le dessin de la petite icône avec l'outil Ellipse.

Réparti *on des points rfancrag

M <§, \ j

:,,

«

•5]'

Figure 5.16 : Le panneau Alignement

6 Si les options d'espacement ne figurent pas dans le panneau Alignement, affichez-les via la commande Afficher les options, disponible dans le menu local. 7 Définissez de nouveau l'émoticon comme objet-clé. 8 Cliquez sur le bouton Distribution horizontale de l'espace.

Il est aussi possible de tracer des formes de type ellipse ou rectangle proportionnel. Pour cela, maintenez enfoncée la touche (Maj] tout en faisant glisser le pointeur. Vous obtenez alors un cercle et un carré. Pour clôturer ce chapitre, nous allons voir comment dessiner une flèche qui pourrait servir à la réalisation d'un logo.

5.15. Dessiner une flèche 1 Dans la boîte à outils, activez l'outil Trait.

Les autres types d'alignements Vous n'êtes pas obligé de définir un objet de référence pour aligner des objets. Vous pouvez aussi bien aligner d'après une sélection ou aligner les objets sur le plan de travail.

REMARQUE

Pour conclure ce chapitre, voici quelques trucs et astuces relatifs au dessin des formes géométriques.

2 Choisissez le noir comme couleur de premier plan. 3 Tracez votre trait sur la surface de travail puis sélectionnez-le avec l'outil Sélection. 4 Affichez le panneau Contour. 6

Dans le menu Flèches, choisissez l'un des modèles proposés. Modifiez la taille de l'extrémité de votre flèche. Pour cela, entrez une valeur dans le premier champ Echelle. Réduisez sa valeur si vous voulez diminuer ses dimensions. a

120

5. Créer un logo

our changer le corps de la flèche, sélectionnez un autre modèle ans le menu Profil. 5.15. Dessiner une flèche

121

8 Vous pouvez également lui ajouter une autre pointe de flèche. Pour ce faire, dans le second menu Flèche, sélectionnez un autre modèle de pointe. 9 Spécifiez une autre taille en indiquant sa valeur dans le second c h a m p Echelle.

Figure 5.17 : Le panneau Contour avec les options pour créer une flèche Si v o u s souhaitez modifier en m ê m e t e m p s les deux pointes de flèches, cliquez sur l'icône située à droite des champs Echelle puis entrez votre valeur de pourcentage.

MIXER LES MÉDIAS

Pour clôturer ce chapitre, voyons la gestion des pointillés par lllustrator.

5.16. Gestion des pointillés 1 Tracez un rectangle aux contours noirs et au f o n d blanc autour du logo avec l'outil Rectangle. 2 Sélectionnez-le avec l'outil Sélection. 3 Affichez le panneau

Contours.

4 Cliquez sur l'option Aligne les tirets sur les crénelés et les fins de tracé tout en ajustant les longueurs afin de modifier l'aspect du contour.

UyVtsyl

L'encrage Scanner un croquis Nettoyer un scan de croquis dans Photoshop Vectoriser une image Modifier une vectorisation Créer un groupe de peinture dynamique L'outil Sélection de peinture dynamique Peindre avec l'outil Crayon Dessiner les ombres Texturer une illustration

125 126 126 128 132 134 136 137 137 UO

Figure 5.18: Options de pointillés du panneau Contours

122

5. Créer un logo

123

Mixer les médias permet de créer des visuels attractifs. Dans ce hapitre, vous allez étudier les différentes techniques pour réaliser ce e j e projet. Tout d'abord, vous apprendrez à vectoriser les images. Ensuite, vous les mettrez en couleur avec l'outil Pot de peinture dynamique. Pour leur donner un peu plus de profondeur, vous ajouterez des textures. Les esquisses réalisées peuvent être encrées de manière traditionnelle avant d'être vectorisées dans Adobe lllustrator.

6.1. L'encrage Une fois le croquis terminé, vous pouvez retravailler les traits pour les rendre plus nets et ainsi obtenir un dessin très propre. L'opération est délicate et nécessite du temps et de la patience. Pour préserver le croquis original, il est recommandé d'effectuer son encrage sur une autre feuille en s'aidant d'une table lumineuse. Vous n'êtes pas obligé de suivre exactement le crayonné original. C'est l'occasion également de lui ajouter des détails supplémentaires et d'avoir un dessin plus expressif. Chaque encreur a son propre style, qui sera déterminé par le style et l'épaisseur des traits. Pour encrer un dessin, vous avez le choix entre plusieurs matériels. Tout dépend du résultat que vous souhaitez obtenir. Testez-les et prenez celui qui vous convient le mieux : • pinceau avec encre de chine ; • feutre noir ; • style à bille.

MARQUE

L'encrage Pour donner plus de relief à votre dessin, utilisez l'un de ces outils, mais avec des tailles différentes.

Si vous souhaitez conserver le crayonné de vos dessins, inutile de retravailler les traits. Vous pouvez passer directement au scan de votre croquis en jouant sur les contrastes pour conserver au mieux les traits originaux.

6.1. L'encrage

125

6.2. Scanner un croquis Scannez votre croquis en niveaux de gris avec une résolution minimale de 600 dpi (dot per inch), voire au-delà selon la sortie finale de votre dessin (papier, imprimeur...), mais aussi pour perdre le moins de détails possible. Par ailleurs, la netteté des traits dépend de ce choix. Rien ne vous empêche ensuite de modifier la résolution de l'image dans Photoshop.

REMARQUE

La résolution de l'image Plus la résolution est élevée, plus la taille de l'image augmente.

Les autres réglages dépendent de votre scanner. Sur certains d'entre eux, vous pouvez saisir directement la taille voulue du dessin. Une fois le dessin scanné, le résultat est loin d'être parfait. La netteté des traits n'est pas toujours conservée, tout comme le blanc de la feuille. Avant de procéder à sa mise en couleur, vous aurez besoin de corriger les défauts issus du scan dans un logiciel d'édition d'image comme Adobe Photoshop.

6.3. Nettoyer un scan de croquis dans Photoshop

Figure 6.1 : Le croquis de base

1 Allez dans le menu Sélection. Choisissez la commande Plage de couleurs. 2 Dans la boîte de dialogue qui s'affiche, réglez la tolérance de votre pipette au niveau de la sélection de votre blanc. Faites glisser le pointeur sur la vignette de votre image. Prenez en compte davantage de zones avec l'outil Pipette muni d'un signe +. Cliquez sur OK.

Pour corriger la netteté des traits, procédez comme suit : 1 Ouvrez le croquis mix_media.ai (voir Figure 6.1).

Sélection : ^

Ppette

•

: i • Clusters de couleurs localisés Tolérance :

2 Utilisez un calque de réglage de type Niveaux. Faites glisser les curseurs des tons clairs et moyens vers la gauche. Pour obtenir des traits noirs, déplacez le curseur des tons foncés vers la droite.

68

•'•"71 '•• w > -..

3 Si ce n'est pas suffisant, appliquez un calque de réglage Courbes.

'

Tf\î / !.. j Inverser

m

Si certains traits indésirables subsistent, vous pouvez utiliser l'outil Gomme : 1 Créez un nouveau calque que vous placerez en dessous du crayonné. 2 Remplissez-le de blanc. 3 Activez l'outil Gomme et effacez les traits inutiles. l

Il existe une autre technique qui permet de supprimer les défauts dus au scan :

126

6. Mixer les médias

# Sélection

: : Image

Figure 6.2 : Les options Plage de Couleurs

6.3. Nettoyer un scan de croquis dans Photoshop

127

3 Si des traits indésirables subsistent, peignez-les avec un pinceau aux contours flous de taille moyenne. Pour rectifier les traits discontinus, effectuez les opérations suivantes : 1 Activez l'outil Pinceau. 2 Dans le panneau Contrôle, déroulez le menu Formes. Choisissez un pinceau aux contours durs de taille moyenne. 3 Tracez les traits manquants de votre dessin. 4 Si ces opérations ne s'avèrent pas suffisantes, utilisez l'outil Plume.

(||i! Vectorisation dynamique DéFINITION . g v e c t o r i s a t i o n dynamique consiste à transformer un dessin aux traits en dessin vectoriel noir et blanc.

1 Lancez Bridge depuis la barre d'application d'Illustrator. 2 Dans le panneau Contenu, sélectionnez l'illustration à vectoriser. 3 Ouvrez le menu Outils. Sélectionnez la commande lllustrator /Vectorisation dynamique. Une boîte de dialogue s'ouvre pour vous permettre de régler les paramètres de la vectorisation.

L'étape suivante consiste à redimensionner le croquis : 1 Allez dans le menu Image. Sélectionnez la commande Taille de l'image. 2 Dans la boîte de dialogue qui s'affiche, saisissez une valeur dans le champ Largeur. 3 Cliquez sur OK. Pour finir, changez le mode colorimétrique de votre dessin. Si celui-ci est destiné à l'imprimerie, passez-le en mode CMJN ; utilisez le mode RVB si vous souhaitez simplement le sortir par exemple sur une imprimante de bureau.

Paramètre prédéfini :

[Par défaut]

»

[ ' Vectoriser en calques dans un seul document •/ Enregistrer et fermer les résultats Pro'% du document : CMJN de base Largeur ;

210,00 mm

Hauteur : Unités:

297,00 mm

Millimètres

»

Source :

1 Allez dans le menu Image/Mode. 2 Choisissez l'un des modes dans la liste qui s'affiche. Pour la mise en couleur de votre esquisse dans lllustrator, vous pouvez la vectoriser.

6.4. Vectoriser une image La vectorisation dynamique peut être réalisée depuis lllustrator, mais aussi depuis Adobe Bridge.

Destination :

Dénomination de fichier MyDocument.si Nom du document • .ai

w\

Vectoriser depuis Bridge Adobe Bridge permet de réaliser la vectorisation dynamique sans recourir au préalable à lllustrator.

128

6. Mixer les médias

Figure 6.3 : La boîte de dialogue Vectorisation dynamique Sélectionnez, via le menu déroulant Paramètres prédéfinis, la méthode de vectorisation voulue dans la liste proposée. Une fois dans lllustrator, il sera toujours possible de la modifier.

6.4. Vectoriser une image

129

5 Vous pouvez choisir de placer vos fichiers dans un unique document sur plusieurs calques ou dans différents documents. C'est la seconde solution qui est à envisager ici. 6 Dans la partie Destination, cliquez sur le bouton Sélectionner. 7 Cliquez sur le dossier dans lequel v o u s souhaitez ranger ces fichiers. 8 II est possible de modifier le f o r m a t du document. Pour cela, paramétrez les champs Largeur et Hauteur. Changez si besoin l'unité de mesure de votre d o c u m e n t dans le m e n u déroulant Unités. 9 Cliquez sur OK pour valider. 10 Lancez lllustrator en utilisant la c o m m a n d e Revenir à Adobe lllustrator du menu Fichier. Les différents fichiers de l'illustration s'affichent sous la f o r m e d'onglets. 11 Dans le panneau Contrôle, différents réglages permettent de modifier et de configurer le type de vectorisation.

. saisissez modèle dans le c h a m p Nom. 5 Cochez l'option Modèle, puis validez. 6 Insérez un nouveau calque que vous n o m m e r e z vectorisation 1. 7 Activez l'outil Plume. Dans le panneau Contrôle, réglez la couleur de contour sur le noir et la couleur de remplissage sur Aucun.

^ • 0 Dvae 10 pt ~ Styb : Figure 6.5 : Les options de l'outil Plume

8 Retracez le lampadaire qui constitue le décor de l'illustration. Pour vérifier le chevauchement des tracés, remplissez-les avec une couleur différente. 9 Affichez le panneau Formes. Son fonctionnement est décrit au chapitre La peinture. RENVOI

10 Cliquez sur le bouton Bibliothèque de formes. Figure 6.4 : Les options de vectorisation

Vectoriser dans lllustrator

11 Sélectionnez Artistiques/Artistiques_Calligraphiques. 12 Sélectionnez l'un des tracés.

Pour vectoriser un croquis dans lllustrator, procédez c o m m e suit :

13 Dans le panneau flottant Artistiques_Calligraphiques, cliquez sur l'un des pinceaux proposés. Celui-ci est a u t o m a t i q u e m e n t appliqué au tracé.

1 Créez un nouveau d o c u m e n t lllustrator.

14 Répétez les étapes 12 et 13 pour les autres tracés.

2 Importez un croquis (Fichier/Importer). 3 Sélectionnez-le avec l'outil Sélection. 4 Vectorisez le croquis en suivant l'une de ces méthodes : — Allez dans le menu Objet/Vectorisation dynamique. Choisissez la c o m m a n d e Créer. — Dans le panneau Contrôle, cliquez sur le bouton Vectorisation dynamique. Bien qu'lllustrator possède une fonction automatique de vectorisat i o n , vous pouvez v o u s - m ê m e retracer votre croquis si v o u s ne l'avez pas encré au départ, à l'aide des outils de dessin à votre disposition. Procédez c o m m e suit pour le décor de l'illustration : 1 Ouvrez le croquis dans lllustrator ([ctiT|+[ïï1). 2 Affichez le panneau Calques. 3 Double-cliquez sur le calque contenant le croquis.

130

6. Mixer les médias

J Figure 6.6: Le décor final

b.i. Vectoriser une image

131

6.5. Modifier une vectorisation

Atténuation : détermine la quantité de flou à appliquer à une image. ^échantillonnage : permet de changer la résolution de l'image (en pixels par pouce). Plus la valeur est basse, plus l'image perd en netteté.

Les réglages de la vectorisation dépendent de la source (photo noir et blanc, logo, dessin au trait...) et du résultat que vous souhaitez obtenir. À cet effet, lllustrator propose une boîte de dialogue d'options. Pour y accéder, utilisez l'une des deux méthodes suivantes : • Passez par le menu Objet/Vectorisation dynamique/Options de vectorisation. • Dans le panneau Contrôle, cliquez à droite du bouton Vectorisation dynamique. Dans la liste qui s'affiche, choisissez Options de vectorisation. La boîte de dialogue qui apparaît comprend plusieurs sections. • Cochez l'option Aperçu pour visualiser les changements effectués au fur et à mesure de votre paramétrage. Cependant, elle n'est utile que si vous réalisez un seul réglage. Si vous en effectuez plusieurs, cette option a tendance à ralentir le système. • Sous la case Aperçu, une liste d'informations relatives au croquis vectorisé s'affichera au fur et à mesure des paramètres appliqués (nombre de points d'ancrage, les tracés et les zones définies pour la peinture dynamique, la résolution de l'image...). • La section affichage permet de définir la manière dont le croquis vectorisé doit apparaître sur le plan de travail. • En haut de la boîte de dialogue, vous retrouvez les modes de vectorisation proposés par le menu déroulant Paramètres définis. m La section Réglages permet de traiter les pixels de l'image lors de la vectorisation. • Parmi les options présentes, le paramètre Seuil a pour but de transformer les pixels gris en pixels blancs. Plus sa valeur est élevée, plus vous obtenez de traits noirs indésirables. Cela a pour conséquence une perte de qualité au niveau de l'image vectorisée. À l'inverse, plus la valeur du seuil est basse, plus les traits disparaissent. • Le paramètre Mode convertit une image en couleur, en niveaux de gris ou en noir et blanc. • Palette : vous pouvez spécifier votre propre palette de couleurs lors de la vectorisation de l'image, qui se base sur la valeur du paramètre Couleurs maximales. Celui-ci correspond au nombre de couleurs de la palette à utiliser dans la vectorisation. L'option est active lorsque vous choisissez le mode de vectorisation Couleur. 132

| 6. Mixer les médias

t>»-

Rééchantillonnage

DéFINITION L e r ééchantillonnage permet de modifier la quantité de pixels contenus ' dans une image.

• La section Paramètres de vectorisation spécifie l'aspect des traits vectorisés. • Fonds : la vectorisation dynamique crée des tracés fermés. • Contours : cette option permet d'obtenir des tracés ouverts dont l'épaisseur ne dépasse pas la valeur du paramètre Épaisseur maximale du contour. m Longueur minimale du contour : il détermine le tracé le plus court à utiliser par la vectorisation. • Tracé ajusté : ce paramètre définit dans quelle mesure la vectorisation dynamique doit suivre les contours de l'image originale. Plus la valeur est basse, plus les tracés vectorisés reproduisent à l'identique les tracés initiaux. • Zone minimale: détermine le seuil à partir duquel une zone de l'image est vectorisée. • Angle arrondi : spécifie la valeur de la netteté des angles des objets vectorisés obtenus. Après avoir configuré les paramètres de vectorisation, vous pouvez les sauvegarder. 1 Cliquez sur le bouton Enregistrer la vectorisation prédéfinie. 2 Dans la boîte de dialogue qui s'affiche, saisissez un nom pour votre vectorisation. 3

Cliquez s u r O K .

REMARQUE

Paramètres de vectorisation

Le panneau Contrôle affiche les paramètres Seuil et Zone mini après la Première vectorisation effectuée.

6.5. Modifier une vectorisation

133

Il subsiste souvent, après une vectorisation, des traits indésirables. Voici c o m m e les supprimer : 1 Dans le panneau Contrôle, cliquez sur le bouton Décomposer. 2 Cliquez à l'extérieur du dessin pour le désélectionner. 3 Avec l'outil Sélection directe, tracez une sélection autour des traits à effacer. 4 Appuyez sur la touche |Supp7|. Vous pouvez à cette occasion modifier la couleur des contours : 1 Avec l'outil Sélection directe, sélectionnez les traits.

sélectionnée apparaît au centre, entourée des deux couleurs adjacentes dans le nuancier. Pour basculer de l'une à l'autre, utilisez la Q ou la Q 3 Vous pouvez également choisir votre couleur dans le panneau Guide des couleurs ou dans le panneau Couleur. Le pointeur se transforme en pot de peinture mais affiche uniquement la couleur sélectionnée. 4 Des lignes rouges indiquent la délimitation d'un groupe de peinture d y n a m i q u e . Cliquez à l'intérieur pour le remplir avec la couleur choisie.

2 Dans la boîte à outils, amenez la couleur de contour au premier plan. Choisissez-en une autre si besoin.

6.6. Créer un groupe de peinture dynamique Une fois la vectorisation effectuée, vous devez créer des groupes de peinture d y n a m i q u e . Vous pourrez ainsi appliquer les couleurs. Tout d'abord, sélectionnez les tracés avec l'outil Sélection. Ensuite, utilisez l'une de ces méthodes :

Délimitation en rouge des zones de peinture

• Allez dans le menu Objet/Peinture dynamique. Choisissez la c o m mande Créer. Activez l'outil Pot de peinture dynamique. • Cliquez sur le dessin. Une boîte de dialogue d'avertissement s'affiche vous indiquant que v o u s ne pourrez plus modifier les paramètres de vectorisation. Cliquez sur OK. • Sélectionnez le m e n u Objet/Vectorisation dynamique. Choisissez la c o m m a n d e Créer et convertir en peinture dynamique.

Appliquer la peinture L'outil Pot de peinture dynamique permet de peindre les groupes de f o r m e s créés ou leur contour. 1 Activez l'outil Pot de peinture dynamique. 2 Sélectionnez une couleur de f o n d dans le panneau Nuancier. Le pointeur s'affiche m u n i de trois icônes de couleur. La couleur

Figure 6.7: Appliquer la peinture

Fermer les espaces vides Souvent, la peinture d y n a m i q u e ne s'applique pas ou s'étend à l'ensemble du dessin. Cela vient du fait que les f o r m e s du dessin ne sont pas fermées. Il existe des espaces vides entre les tracés. Deux techniques permettent de pallier le problème. 1 Cliquez sur l'outil Trait. 2 Dans le panneau Contrôle, vérifiez que les couleurs de contour et de f o n d sont bien réglées sur Aucun.

134

6. Mixer les médias

6.6. Créer un groupe de peinture dynamique

135

3 Sur le dessin, tracez un segment à l'emplacement que vous souhaitez fermer. 4 Activez l'outil Pot de Peinture dynamique. 5 Cliquez sur la f o r m e à remplir. Cette fois, la peinture s'applique correctement. 6 Dans le panneau Contrôle, cliquez sur l'icône Options d'espace. Une boîte de dialogue s'affiche dans laquelle vous allez définir les options de fermeture des espaces des formes. 7 Dans le m e n u déroulant Limite de la peinture, choisissez Espaces moyens. C o m m e vous pourrez le constater, vous avez la possibilité de définir la taille de ces espaces si vous le désirez. Modifiez la couleur de ces espaces pour distinguer ceux qui doivent faire l'objet d'une fermeture des zones déjà sélectionnées. 8 Cliquez sur OK. Si vous avez toujours des difficultés pour remplir vos f o r m e s , essayez cette solution : 1 Sélectionnez le croquis avec l'outil Sélection. 2 Dans le panneau Contrôle, peinture dynamique.

cliquez sur le bouton Fusionner la

3 Appuyez sur la touche [Suppij.

6.8. Peindre avec l'outil Crayon La peinture d y n a m i q u e est très pratique, mais si v o u s souhaitez créer une illustration un peu m o i n s plate, v o u s pouvez peindre avec l'outil Crayon. Par ailleurs, vous n'êtes pas obligé de suivre les contours du dessin. Procédez c o m m e suit pour mettre en couleur le personnage : 1 Créez un nouveau calque et placez-le en dessous du calque contenant le dessin vectorisé. 2 Double-cliquez sur l'outil Crayon. Une boîte de dialogue s'affiche. 3 Cochez les deux premières options : Remplir les nouveaux au crayon et Conserver la sélection. Cliquez sur OK.

contours

4 Dans la boîte à outils, passez la couleur de f o n d au premier plan. Réglez la couleur de contour sur Aucun. 5 Remplissez la partie voulue. Inutile de fermer votre f o r m e puisque l'outil Crayon est réglé sur l'option Remplir les nouveaux contours au crayon. La prochaine étape consiste à créer les ombres du personnage.

3 Activez l'outil Pot de peinture dynamique. 4 Appliquez de nouveau la peinture. Cette fois, cela doit fonctionner. Vos f o r m e s se remplissent avec la couleur choisie.

6.7. L'outil Sélection de peinture dynamique L'outil Sélection de peinture dynamique permet de modifier le style des contours de l'illustration, mais aussi de supprimer des zones de groupes de peinture d y n a m i q u e . Pour le premier cas de figure, procédez c o m m e suit : 1

Sélectionnez l'un des tracés avec l'outil Sélection de peinture dynamique.

2 Dans le panneau Contrôle, cliquez sur le lien Contours. Un panneau flottant s'ouvre. Choisissez une autre épaisseur de trait. Pour supprimer une zone, effectuez les opérations suivantes : 1 Activez l'outil Sélection de peinture dynamique. 2 Cliquez sur la zone à effacer. 136

6. Mixer les médias

6.9. Dessiner les ombres Les o m b r e s ajoutent de la profondeur au dessin. Commencez par l'ombre portée.

Créer une ombre portée 1 Dans le panneau Calques, placez-vous sur le calque contenant la copie du personnage. 2 Dans le panneau Contrôle, choisissez la vectorisation de type Dessin à l'encre. Réglez les paramètres Seuil et Zone mini au m a x i m u m , (voir Figure 6.8) 3 Double-cliquez sur l'outil Forme de tache pour accéder à ses options. Changez la taille du pinceau. Cliquez sur OK. 4 Peignez les surfaces blanches qui restent sur le personnage. 5 Groupez l'ensemble. 6 Sélectionnez tous les traits avec l'outil Sélection. 7 Allez dans le menu Objet. Choisissez la c o m m a n d e Associer.

6.9. Dessiner les ombres

137

Ajouter des ombres 1 Insérez un nouveau calque que vous nommerez ombrespersonnage. 2 Activez l'outil Plume. 3 Pour déterminer la couleur de f o n d de l'ombre, aidez-vous du panneau Guide des couleurs. Celui-ci affiche les ombres des couleurs actives. 4 Cliquez sur le personnage pour placer le premier point d'ancrage. Continuez jusqu'à obtenir une f o r m e fermée.

Figure 6.8 : Vectorisation de la copie

8 Déformez l'ombre noire. Rendez-vous dans le menu Effet /Distorsion et transformation. Sélectionnez la c o m m a n d e Distorsion manuelle. Dans la boîte de dialogue qui s'affiche, faites glisser les poignées du cadre de sélection jusqu'à obtenir une f o r m e en perspective. Cliquez sur OK pour valider. 9 Affichez le panneau Transparence. Réduisez le paramètre 12 % environ.

Opacités

5 Ajustez ce tracé. Sélectionnez les points à convertir en points inflexion à l'aide de l'outil Sélection directe. Dans le panneau Contrôle, cliquez sur l'icône Convertir les points d'ancrage sélectionnés en arrondis. Faites glisser les poignées de Bézier qui apparaissent pour modifier l'orientation des courbes créées. Déplacez les points si besoin avec l'outil Sélection directe. 6 Affichez le panneau Transparence. Choisissez dans le menu déroulant Mode de fusion, le m o d e Produit. Réduisez légèrement le paramètre Opacité si vous trouvez que l'ombre est beaucoup trop accentuée. 7 Répétez ces étapes pour créer les autres o m b r e s .

Figure 6.9 : Le personnage avec l'ombre portée Figure 6.10 : Les ombres et les lumières La prochaine étape consiste à appliquer des ombres sur le personnage. Voici une technique qui permet d'accomplir cette tâche. Tout d'abord, décidez de la provenance de la lumière. Ici, elle vient de gauche.

138

6. Mixer les médias

Pour compléter l'illustration, ajoutez-lui des textures.

6.9. Dessiner les ombres

139

6.10. Texturer une illustration Texturer une illustration permet de la rendre plus attractive.

La technique de texturage Tout d'abord, vous devez télécharger des textures. Voici quelques adresses de sites Internet où vous pourrez en trouver : • www.textureking.com ; • www.texturewarehouse.com/gallery/index.php ; • www.cgtextures.com/; •

www.grungetextures.com/gallery/.

1 Créez un nouveau calque que vous renommerez texture. 2 Importez une première texture (Fichier/Importer). Ne cochez aucune option. Cliquez sur le bouton Importer. 3 Redimensionnez si besoin cette texture. Double-cliquez sur l'outil Mise à l'échelle.

4 Dans la boîte de dialogue qui s'ouvre, choisissez une mise à l'échelle Uniforme de 40 %. Cochez l'option Aperçu pour visualiser le résultat. Changez la valeur si besoin. Cliquez sur OK. 5 Placez cette texture à l'emplacement voulu. 6 Faites glisser vers le bas l'une des poignées du cadre de sélection pour diminuer sa taille. 7 Activez l'outil Plume. Celui-ci ne doit avoir ni couleur de contour, ni couleur de fond. 8 Retracez la forme devant accueillir la texture.

Figure 6.11 : Application de la texture

Créer des textures Il s'agit de créer la texture pour le lampadaire : 1 Ouvrez le document contenant le décor mis en couleur. 2 Insérez un nouveau calque que vous nommerez texture. 3 Avec l'outil Rectangle, tracez un rectangle allongé. Peu importe la taille puisque vous utilisez les masques d'écrêtage. 4 Remplissez-le avec une couleur bleue. Choisissez-en une dans le panneau Guide des couleurs, le panneau Nuancier ou le panneau Couleur. Sélectionnez la forme. Dans la boîte à outils, basculez la couleur de fond en premier plan. La couleur s'applique instantanément au rectangle.

9 Sélectionnez cette forme puis la texture à l'aide de la touche [Map.

5 Allez dans le menu Effet. Descendez jusqu'aux Effets Photoshop. Sélectionnez la commande Textures.

10 Allez dans le menu Objet/Masque d'écrêtage. Choisissez la commande Créer. La forme contient désormais la texture (voir Figure 6.11).

6 Amenez le pointeur à sa droite. Une liste de textures s'affiche. Choisissez Grain.

11 Répétez ces étapes pour appliquer d'autres textures. A u lieu d'importer des textures, vous pouvez les créer au sein d'Illustrator.

7 Dans la boîte de dialogue qui s'affiche, définissez les paramètres comme suit : Intensité : 40, Contraste : 50, Répartition des grains : Régulier. Dans la colonne de gauche, vous pouvez voir le résultat obtenu. 8 Une fois que le résultat vous satisfait, cliquez sur OK.

140

6. Mixer les médias

6.10. Texturer une illustration

M1

LA PEINTURE

Les bibliothèques de formes Créer un pinceau Créer une forme de motif L'outil Forme de tache Modifier la forme d'un pinceau artistique Mémoriser les pinceaux Supprimer un pinceau Créer une Pointe de pinceau

U5 U7 154 161 163 165 166 166

U3

Au cours de ce chapitre, plusieurs exercices vous permettront d'aborder le thème de la peinture dans lllustrator. Pour peindre, il est recommandé de travailler avec une tablette graphique. Vous pourrez ainsi mieux contrôler la peinture déposée. Pour débuter ce chapitre, vous réaliserez un arrière-plan abstrait à l'aide des pinceaux proposés par ces bibliothèques.

7.1. Les bibliothèques de formes lllustrator fournit une bibliothèque de pinceaux prêts à l'emploi que vous pouvez modifier à votre convenance. Adobe a inclus des pinceaux vectoriels issus du site Gomedia (www.gomedia.us/arsenal/). 1 Ouvrez la bibliothèque de formes Artistiques_encre. Pour cela, utilisez l'une des méthodes suivantes : _ Allez dans le menu Fenêtres/Bibliothèques de nuances. Dans le sous-menu qui s'affiche, sélectionnez Artistiques/Artistiques encre. — Ouvrez le panneau Formes. Dans son menu local, sélectionnez la commande Ouvrir la bibliothèque de formes/Artistiques Artistiques encre ou cliquez sur le bouton Menu bibliothèques de nuances situé en dessous de la liste des formes par défaut. 2 Un panneau flottant s'ouvre. Copiez la forme Lavis à l'encre claire dans le panneau Formes.

X

Figure 7.1 : La bibliothèque Artistiques_encre

7.1. Les bibliothèques de formes

U5

Deux solutions sont à votre disposition :

7.2. Créer un pinceau

— Faites glisser la forme choisie vers le panneau Formes. — Dans le panneau Formes, déroulez son menu local. Choisissez la commande Ajouter aux formes. 3 À l'aide de l'outil Pinceau, dessinez une courbe arrondie. 4 Attribuez-lui un contour. Dans le panneau Contrôle, sélectionnez une épaisseur de contour de 20 pt. 5 Modifiez la couleur de la forme. Ouvrez le panneau Guide des couleurs. Cliquez sur une couleur : elle s'applique instantanément au tracé. 6 Dupliquez la courbe. Tout en appuyant sur la touche {M}, faites glisser le pointeur vers la droite. 7 Dans le panneau Transparence, appliquez à la seconde courbe le Mode de fusion : Densité couleur +.

Créer un pinceau calligraphique Les tracés reproduits avec une forme calligraphique ressemblent aux traits obtenus avec une plume calligraphique classique. Vous vous servirez de ce pinceau pour encrer une esquisse réalisée à la main. 1 Ouvrez le croquis fantasy.psddans lllustrator. 2 Dans le panneau Formes, cliquez sur le bouton Nouvelle forme. 3 Dans la boîte de dialogue qui s'affiche, cochez l'option Nouv. forme calligraphique. Cliquez sur OK. Options de î

Nom : pinceau calligraphique !

c£

Annuler ttlll

!

Angle : -23"

Aléatoire

»

Variation

0°

Arrondi : 70%

Aléatoire

»

Variation a.

0%

Diamètre : 2 p t

Aléatoire

»

Variation

0 pt

Figure 7.3 : Les options du pinceau calligraphique

4 La boîte de dialogue Options de forme calligraphique apparaît. Nommez votre nouvelle forme. Spécifiez son diamètre et son arrondi. Réglez son angle. 5 Au fur et à mesure des changements que vous effectuez, vous pouvez observer le résultat dans la fenêtre Aperçu. Cliquez sur OK.

REHATOE

Figure 7.2 : L'arrière-plan abstrait Après ce tour d'horizon des bibliothèques de formes, vous allez apprendre à créer vos propres formes de pinceaux puis à les appliquer sur le plan de travail ou sur un tracé. Tout d'abord, voyons de quelle manière créer une forme calligraphique.

U6

7. La peinture

La forme calligraphique Le mode Coloration n'est pas disponible dans la boîte de dialogue Options de forme calligraphique. Cependant, vous pouvez colorer un trait calligraphique. Pour cela, sélectionnez une couleur dans l'un des panneaux disponibles à cet effet (Couleur, Guide des couleurs...).

7.2. Créer un pinceau

U7

15 Dessinez votre arbre.

Créer des pinceaux artistiques Cet exercice aborde une première méthode de création de f o r m e artistique. Vous dessinerez un décor composé d'un arbre et de l'herbe. Commencez par l'arbre : 1 Activez l'outil Ellipse.

Figure 7.5 : Le pinceau arbre

2 Tout en maintenant enfoncée la touche (Map, tracez un cercle. Remplissez-le avec du noir. 3 Avec l'outil Sélection directe, cliquez sur le point d'ancrage situé en bas du cercle. 4 Tirez-le vers le bas tout en maintenant enfoncé le bouton gauche de la souris. Vous obtenez cette première f o r m e .

La prochaine étape consiste à peindre et à colorer l'herbe du décor. Pour cela, il suffira d'effectuer au préalable quelques réglages dans la boîte de dialogue des options du pinceau que vous allez créer. Activez l'outil Etoile.

1

2 Cliquez sur le plan de travail. La boîte de dialogue Étoile s'affiche. Etoile Options

5 Ouvrez le panneau Formes. 6 Faites glisser le pinceau créé vers ce panneau. Une boîte de dialogue s'affiche proposant plusieurs types de pinceaux. Cochez l'option Nouv. forme artistique. Cliquez sur OK.

Rayon 1 : 25 px Rayon 2 : 50 px Points : : 3

Figure 7.4: La forme de base

7 La boîte de dialogue Options de forme artistique s'ouvre. N o m m e z votre f o r m e . Définissez le sens et la symétrie de ce pinceau si vous le désirez. Ici, laissez les paramètres par défaut. Cliquez sur OK.

Figure 7.6 : La boîte de dialogue Étoile

3 Indiquez 3 c o m m e n o m b r e de points. Cliquez sur OK. 4 Redimensionnez la f o r m e créée en tirant sur l'une des poignées de son cadre de sélection vers le bas.

9 Sélectionnez-le, puis cliquez sur le pinceau créé dans le panneau Formes.

5 Allez dans le menu Effet/Distorsion et transformation. Choisissez la c o m m a n d e Torsion. Sa boîte de dialogue s'affiche. Définissez une valeur d'angle de 45°. Cochez l'option Aperçu pour observer le résultat. Cliquez sur OK.

10 Faites glisser les poignées de Bézier des deux points d'ancrage pour modifier l'angle de la f o r m e .

6 Faites glisser le pinceau vers le panneau Formes.

11 Déposez ce nouveau pinceau dans le panneau Formes.

7 Dans la boîte de dialogue qui s'affiche, cochez l'option Nouv. forme artistique. Cliquez sur OK.

8

Tracez un arc de cercle avec l'outil Arc. Celui-ci ne doit posséder aucune couleur de contour ni de f o n d .

12 Nommez-le, puis validez vos choix. 13 Assurez-vous qu'il est bien sélectionné dans le panneau Formes. 14 Dans la boîte à outils, double-cliquez sur l'outil Pinceau pour accéder à ses options. Cochez uniquement l'option Conserver la sélection. Cliquez sur OK.

148

OK Annuler

7. La peinture

8 Une nouvelle boîte de dialogue s'ouvre dans laquelle v o u s définirez l'aspect de votre pinceau.

Figure 7.7: Le pinceau herbe de base

7.2. Créer un pinceau

149

Op*>

I

ferme artisi

Nom : Forme artistique 5 Largeur: 100%

OK '_ Proportionnelle

Annuler

T

rr

Symétrie .1 Horizontale -F 5 *-

Dessiner une illustration florale Cette section se propose de vous expliquer les étapes pour réaliser une illustration florale. Pour cela, vous utiliserez des pinceaux que vous allez créer à partir de f o r m e s géométriques :

Coloration Mode : Sans Couleur : f

Figure 7.10 : Le pinceau herbe final

H

1 Affichez la grille (Affichage/Afficher la grille). 2 Activez la c o m m a n d e Magnétisme du point disponible dans le menu Affichage.

Figure 7.8: Les options du pinceau La nouvelle f o r m e s'intitule par défaut Nouvelle forme artistique. Nommez-la herbe. Dans la section Coloration, réglez le paramètre Mode sur Teintes. Cela signifie que le noir du pinceau pourra être remplacé par la couleur du contour que vous choisirez par la suite. Cliquez sur OK pour valider. Faites pivoter la f o r m e avec l'outil Rotation. 10 Dans la boîte de dialogue de l'outil, définissez une rotation de 90°. Cliquez sur OK.

3 Activez l'outil Ellipse. Dans le panneau Contrôle, réglez la couleur de f o n d sur le noir et la couleur de contour sur Aucun. 4 Tout en maintenant enfoncée la touche (Map, tracez un cercle. 5 Activez l'outil Étoile. 6 Cliquez sur le plan de travail. Dans la boîte de dialogue q u i s'affiche, définissez une étoile à 3 points. Cliquez sur OK. 7 La f o r m e apparaît. Tirez l'une des poignées de son cadre de sélection vers le bas pour la redimensionner. 8 Passez en m o d e Contours (fctril+fY)).

OK Angle : 90

Options -

Annuler Copier H Aperçu

Figure 7.9 : La boîte de dialogue de l'outil Rotation

11 Activez l'outil Pinceau. Dans le panneau Contrôle, sélectionnez une épaisseur de contour de 0,5 pt. Dans le panneau Guide des couleurs, choisissez la bibliothèque de nuances Nature. Cliquez sur l'un des verts proposés.

Figure 7.11 : La forme du pinceau

12 Dessinez l'herbe avec votre stylet. 13 Faites varier les épaisseurs des tracés.

150

7. La peinture

9 Déplacez les points d'ancrage des coins supérieurs de la f o r m e sur le cercle.

7.2. C r é e r un pinceau

151

10 Basculez en m o d e Aperçu ((çtrij+Q)11 Avec l'outil Sélection directe, tracez un cadre de sélection autour des deux objets. 12 Affichez le panneau Pathfinder (Fenêtre/Pathfinder). Cliquez sur l'icône du mode Réunion. Il ne vous reste plus qu'une seule f o r m e .

20 Dans le panneau Formes, cliquez sur le pinceau que vous venez de créer. Il s'applique a u t o m a t i q u e m e n t sur la spirale. Le résultat n'est cependant pas celui escompté. 21 Pour arriver à vos fins, allez dans le panneau Contrôle et choisissez une épaisseur de trait de 0,5 pt ou de 0,25 pt.

hlsœ de ïa fan^e :

a

jt, a

A

Figure 7.12 : Le mode Réunion du panneau Pathfinder

Figure 7.14: Le pinceau final Il s'agit maintenant de créer un second pinceau floral : 1 Affichez la grille. 2 Activez la c o m m a n d e Magnétisme du point disponible dans le menu Affichage.

Figure 7.13: Le pinceau floral intermédiaire

13 Allez dans le menu Effet/Distorsion et transformation. Sélectionnez la c o m m a n d e Torsion. Une boîte de dialogue s'affiche. 14 Définissez un angle de torsion de 50°. Cliquez sur OK. 15 Convertissez le point d'ancrage arrondi du haut en un point s o m met. Pour cela, dans le panneau Contrôle, cliquez sur l'icône Convertir les points d'ancrage sélectionnés en angles. 16 Double-cliquez sur l'outil Rotation. Une boîte de dialogue s'ouvre. Définissez un angle de - 9 0 ° . Cliquez sur OK. 17 Faites glisser le pinceau dans le panneau Formes (Fenêtre/Formes). Dans la boîte de dialogue qui s'affiche, choisissez l'option Nouv. forme artistique. Cliquez sur OK. 18 Une nouvelle boîte de dialogue s'ouvre. N o m m e z votre pinceau. Dans la section Sens, cliquez sur le bouton Contour à gauche à droite. Cliquez sur OK. 191

152

1 Tracez une spirale avec l'outil Spirale qui se trouve dans le sous-menu de l'outil Trait.

7. La peinture

3 Sélectionnez l'outil Plume. Cliquez sur le plan de travail pour placer le premier point d'ancrage. 4 En vous aidant des repères commentés, amenez le pointeur vers le bas de façon à aligner le second point sur le premier. Cliquez pour le positionner. 5 Ne relâchez pas le bouton gauche de la souris. Faites glisser les poignées vers la gauche pour obtenir une f o r m e incurvée. 6 Cliquez sur le second point d'ancrage, puis amenez le pointeur sur le point de départ. Une icône en f o r m e de cercle apparaît en regard de l'outil Plume. Cliquez dessus pour f e r m e r la f o r m e , mais ne relâchez pas le pointeur. Faites glisser les poignées vers la droite. Vous venez de créer une feuille d'arbre.

Figure 7.15: La feuille d'arbre 7 Prenez à présent l'outil Arc. Réglez sa couleur de contour sur le blanc et sa couleur de f o n d sur Aucun.

7.2. Créer un pinceau

153

8 Tracez la nervure de la feuille. 9 Avec l'outil Sélection, sélectionnez les deux formes pour les grouper (fctrî]+[Gl).

1 Activez l'outil Trait. Cliquez sur le plan de travail pour accéder à sa boîte de dialogue d'options. Définissez une longueur de trait de 200 px. Réglez l'angle sur 0°. Vous pouvez modifier également l'échelle de la f o r m e . Ici, laissez la valeur par défaut. Cliquez sur OK.

10 Faites glisser le pinceau créé vers le panneau Formes. Dans la boîte de dialogue qui s'affiche, cochez l'option Nouv. forme artistique. La boîte de dialogue Options de forme artistique s'ouvre. Dans la section Sens, cliquez sur le bouton Contour de bas en haut. Réglez le paramètre Mode de coloration sur Teintes.

2 Allez dans le m e n u Effet/Distorsion et transformation. Choisissez la c o m m a n d e Zigzag. Une boîte de dialogue s'affiche. Spécifiez une taille de 5 px. Cochez l'option Absolue. Réglez sur 62 le champ Inflexions par segment. Dans la section Points, cochez l'option Crénelé, puis cliquez sur OK.

11 Activez l'outil Pinceau. Sélectionnez le pinceau créé dans le panneau Formes.

3 Retournez dans le menu Effet/Distorsion et transformation. Sélectionnez cette fois la c o m m a n d e Esquisse. La boîte de dialogue de l'effet s'ouvre. Spécifiez une taille Absolue de 5 %. Réglez l'option Détail sur 66 points. Dans la section Points, cochez l'option Crénelé, puis cliquez sur OK.

12 Faites glisser le pointeur sur le plan de travail. La feuille s'affiche automatiquement.

Figure 7.17 : Le pinceau ornemental Faites glisser le pinceau vers le panneau Formes. La boîte de dialogue Nouvelle forme s'affiche. Cochez l'option Nouv. forme de motif. Cliquez sur OK. La boîte de dialogue Options de forme de motif s'ouvre. Dans la section Symétrie, cochez Horizontale et Verticale. Dans la section Coloration, choisissez le Mode : Teintes. Cliquez sur OK. Tracez un cercle avec un contour noir et sans couleur de fond à l'aide de l'outil Ellipse. Dans le panneau Formes, cliquez sur le pinceau que vous venez de créer. Celui-ci s'applique a u t o m a t i q u e m e n t au contour du cercle.

Figure 7.16: Le résultat final Voyons à présent les pinceaux à motif.

7.3. Créer une forme de motif Dessiner des pinceaux ornementaux Les motifs ornementaux garnissent souvent les illustrations sur le Net. Procédez c o m m e suit pour créer un médaillon constitué de ces pinceaux :

154

7. La peinture

Figure 7.18 : Application du motif ornemental

7.3. Créer une forme de motif

155

Il s'agit à présent de créer un autre type de pinceau ornemental pour compléter le médaillon : 1 Avec l'outil Rectangle arrondi, tracez un rectangle noir sans contour de 214 px sur 10,6 px. Deux solutions sont à votre disposition : -

Cliquez sur le plan de travail. La boîte de dialogue Rectangle arrondi apparaît. Saisissez les dimensions dans les champs Largeur et Hauteur. Cliquez sur OK.

_ Grâce aux repères c o m m e n t é s , aidez-vous des informations qui s'affichent au fur et à mesure du déplacement du pointeur. 2 Appliquez deux fois l'outil Gomme sur le rectangle : activez l'outil Gomme ; tout en maintenant enfoncée la touche (Map, faites glisser le pointeur vers le bas à deux endroits. 3 Affichez la bibliothèque des nuances courbes élégantes et de formes florales.

Décoratif/Ensemble

de

4 Faites glisser le pinceau rosace vers l'un des emplacements vides

i Figure 7.20 : Le médaillon

du rectangle. 5 Dupliquez cette f o r m e et amenez-la au second emplacement. 6 Tracez une ligne droite blanche pour séparer le rectangle en deux parties. -dfth,

T„-

Créer un pinceau à partir d'un tracé manuel Les pinceaux peuvent être créés à partir de tracés manuels : 1 Réalisez le f o n d à l'aide de crayons de différentes duretés, de pastel et de fusain.

-tffc. Figure 7.19 : Le second pinceau ornemental

7 Groupez l'ensemble des f o r m e s (Objet/Associer). 8 Déposez ce groupe vers le panneau Formes. Dans la boîte de dialogue qui s'affiche, cochez l'option Nouv. forme de motif que vous renommerez à votre convenance. La boîte de dialogue Options de forme de motif s'ouvre. Dans la section Symétrie, cochez Horizontale et Verticale. Validez vos choix. 9 Sélectionnez le cercle avec l'outil Sélection.

Figure 7.21 : Le fond réalisé avec les médias traditionnels

10 Double-cliquez sur l'outil Mise à l'échelle. Optez pour un redimensionnement Uniforme de 80%, puis cliquez sur le bouton Copier. 11 Dans le panneau Formes, cliquez sur le second pinceau créé. 12 Dans le panneau Contrôle, réglez le contour sur 5 pt. Pour finir, ajoutez au centre du médaillon une silhouette de personnage.

2 Scannez-le en 300 dpi. 3 Importez ce f o n d dans Photoshop pour corriger les défauts. 4 Sauvegardez-le au f o r m a t Photoshop (Fichier/Enregistrer sous). 5 Ouvrez-le dans lllustrator (Fichier/Ouvrir). 6 Transformez ce f o n d en une image vectorisée. ^ Décomposez l'image (Objet/Décomposer).

156

7. La peinture

7.3. Créer une forme de motif

157

8 Éliminez les détails superflus qui peuvent encore subsister à l'aide de l'outil Gomme.

1 Avec l'outii Trait, tracez une ligne droite de 0,25 pt tout en maintenant la touche [Maj| enfoncée.

9 Faites glisser le pinceau vers le panneau Formes. l'option Nouv. forme de motif. Cliquez sur OK.

2 Dupliquez-la.

Sélectionnez

10 Dans la boîte de dialogue Options de forme de motif, sélectionnez les symétries Horizontale et Verticale. Cliquez sur OK.

3 Sélectionnez-la puis réduisez-la. Pour ce faire, cliquez sur l'une des poignées du cadre de sélection, puis faites glisser le pointeur vers la gauche.

11 Dans le panneau Formes, sélectionnez la f o r m e que vous venez de créer.

4 Répétez les étapes 2 et 3. Vous obtenez alors trois lignes de taille différente.

12 Dessinez une courbe à l'aide de l'outil Pinceau.

5 Groupez-les ((ctïï)+fG)). 6 Faites glisser l'illustration vers le panneau Formes. La boîte de dialogue s'ouvre. Choisissez l'option Nouv. forme diffuse, puis cliquez sur OK.

Jk

7 La boîte de dialogue des Options de forme diffuse s'affiche. Dans le c h a m p Nom, nommez votre f o r m e . Déroulez le menu déroulant de chacune des options. Il permet de définir le c o m p o r t e m e n t du stylet lors de l'application de la f o r m e diffuse sur le plan de travail. Réglez les options sur Pression. Vous avez quatre options : — Taille : permet de modifier le motif par rapport à l'illustration originale. — Pas : définit l'espace entre chaque motif. — Diffusion : détermine la distance maximale du motif par rapport au tracé que vous dessinerez ensuite une fois les paramètres définis.

#

>

Figure 7.22 : Le pinceau à partir d'un tracé manuel

— Rotation : concerne l'application de la f o r m e à une courbe. Elle spécifie le degré de rotation des motifs.

Après les pinceaux artistiques et à motif, voyons à présent c o m m e n t créer une f o r m e diffuse.

Créer un motif diffus

Cliquez sur OK pour valider.

J 1 Nom .

Forme diffuse :

Taille ;

62%

DEFINITION

( Pression

•r

100%

Pression

T

Diffusion: o%

0%

Pression

*

Rotation:

0*

Pression

T

as :

89%

rr

158

7. La peinture

]

*

Mode : Sans Couleur :

:• r ^ j

\

H Aperçu

i

T

Rotation relative à : Page

Vous allez symboliser un personnage qui court. Pour cela, vous appliquerez une f o r m e diffuse. Tout d'abord, vous devez créer une illustration de base :

QK Annuler

&

A p

Une forme diffuse Une forme diffuse permet de déposer des objets répétés sur un tracé.

100%

conseils

Figure 7.23: La boîte de dialogue Options de forme diffuse

7.3. Créer une forme de motif

159

8 Prenez l'outil Pinceau. 9 Cliquez sur le plan de travail à l'emplacement des pieds du personnage.

16 Dans le panneau Formes, cliquez sur la forme diffuse que vous venez de créer. Celle-ci s'applique à votre tracé.

Le prochain exercice consiste à créer le style rétro : 1 Activez l'outil Ellipse. 2 Dans la boîte à outils, réinitialisez les couleurs par défaut à l'aide des touches (x) et (ïï). Double-cliquez sur la couleur de fond pour accéder au sélecteur de couleurs. Une fois qu'il est ouvert, choisissez une couleur orangée, puis cliquez sur OK. Réglez la couleur de contour sur Aucun. 3 Tout en maintenant enfoncée la touche [Mijl, tracez un cercle. 4 Double-cliquez sur l'outil Mise à l'échelle. Définissez un redimensionnement de 80 %. Cliquez sur le bouton Copier. 5 Remplissez le cercle avec du blanc. 6 Double-cliquez de nouveau sur l'outil Mise à l'échelle. Dans la section Uniforme, l'échelle doit être de 90 %. Cliquez sur le bouton Copier. 7 À l'aide de l'outil Pipette, cliquez sur le cercle orange. La couleur s'applique automatiquement au cercle que vous venez de créer. 8 Répétez l'étape 6 jusqu'à obtenir un résultat semblable à cette image.

Figure 7.25: Le style rétro Pourterminer l'illustration, il ne reste plus qu'à ajouter une silhouette de personnage que vous allez réaliser avec l'outil Forme de tache.

7.4. L'outil Forme de tache Figure 7.24 : Le pinceau rétro 9 Groupez les cercles ((Ctiï|+|Gl). 10 Faites glisser le groupe vers le panneau Formes. 11 Choisissez un type de forme diffuse. Dans la boîte de dialogue qui s'affiche, réglez les différentes options sur Pression, puis la taille sur 80 %. Cliquez sur OK pour terminer. 12 Supprimez la forme sur le plan de travail. Vous n'en aurez plus besoin. 13 Tracez un rectangle rouge de la largeur de la page. 14 Insérez un nouveau calque.

L'outil Forme de tache permet de peindre en fusionnant les tracés. Pour le tester, vous allez créer une silhouette.

Créer une silhouette i

iJ

Activez l'outil Forme de tache.

C'est un outil de dessin, dérivé de l'outil Pinceau. Il se distingue par le fait qu'il produit des tracés vectoriels que vous pouvez modifier (déplacer les points d'ancrage, redimensionner, faire pivoter...). Les tracés que vous appliquez sur le plan de travail sont fusionnés pour ne former qu'un unique tracé.

15 Avec l'outil Crayon, tracez une courbe à main levée. 160

7. La peinture

l.U. L'outil Forme de tache

161

2 Comme les autres outils, il possède une boîte de dialogue d'options. Pour l'afficher, double-cliquez sur l'outil ou appuyez sur la touche 0 . 3 Dans la boîte de dialogue qui s'affiche, vous retrouvez les options de Fidélité et de Lissage des autres outils de dessin. Dans la section Options de forme par défaut, si vous travaillez avec une tablette graphique, vous avez la possibilité d'exercer une pression du stylet lors de l'utilisation de l'outil. Vous pouvez par ailleurs régler la forme de l'outil. Pour continuer un tracé, cochez l'option Conserver la sélection. Les tracés de couleur identique fusionnent. L'option Fusion des limites de la sélection ne réalise aucune fusion des tracés si le tracé précédent n'est pas sélectionné. Cliquez sur OK.

La fusion des tracés ne peut y avoir de fusion entre des tracés de couleurs différentes. Figure 7.26 : La silhouette de personnage

ASTUCE

Définir la taille de l'outil Forme de tache Comme pour l'outil Pinceau, vous pouvez régler sa taille à l'aide des parenthèses du clavier. La parenthèse ouvrante @ réduit les dimensions de l'outil. À l'inverse, la parenthèse fermante fj) augmente sa taille.

7.5. Modifier la forme d'un pinceau artistique 1 Affichez le menu Fenêtre/Bibliothèques de symboles puis ouvrez la bibliothèque Mode. 2 Faites glisser le symbole Robe sur la surface de travail.

ASTUCE

Lisser une forme Pour lisser un tracé, appuyez sur la touche (Aïï). L'outil Forme de tache se transforme en outil Arrondi. Repassez sur les contours du tracé pour le lisser.

4 Importez une image vectorisée (Fichier/Importer). 5 Peignez les zones restées vides.

3 Sélectionnez-le avec l'outil Sélection. 4 Ouvrez le panneau Formes (Fenêtre/Formes). 5 Faites glisser le symbole Robe vers le panneau Formes. 6 Dans la fenêtre Nouvelle forme qui s'affiche, cochez l'option Forme artistique puis cliquez sur OK. 7 Dans la fenêtre Options de forme artistique, nommez votre pinceau puis cliquez sur OK.

6 Sélectionnez l'ensemble des tracés, puis groupez-les (voir Figure 7.26).

8 Activez l'outil Pinceau.

Dans la section suivante, vous allez voir qu'il est désormais aisé de modifier la forme d'un pinceau artistique.

9 Faites glisser le pointeur sur la surface de travail puis sélectionnez votre forme. 10 Dans le panneau Formes, double-cliquez sur le pinceau que vous venez de créer.

162

7. La peinture

7.5. Modifier la forme d'un pinceau artistique

163

11 Dans la fenêtre Options de forme artistique, cochez l'option Etirer entre les repères. 12 Cochez l'option Aperçu afin de visualiser les changements effectués. Faites glisser les repères pointillés au centre de la robe. Seule cette partie sera déformée. 13 Vous pouvez affiner le résultat en jouant sur le paramètre Largeur puis cliquez sur OK. Options de forme artistique

OK

Nom : Mode Largeur : 9 7 %

Annuler

3 Sélectionnez le tracé avec l'outil Sélection. 4 Double-cliquez sur l'outil Mise à l'échelle pour accéder à la boîte de dialogue des options. Optez pour une échelle de 80 %. Cliquez sur le bouton Copier. 5 Ouvrez le panneau Transparence. Réduisez légèrement le paramètre Opacité. Choisissez un m o d e de fusion. 6 Groupez les tracés (fctîTl+fGl). 7 Faites glisser l'ensemble vers le panneau Formes. Dans la boîte de dialogue qui s'affiche, choisissez l'option Nouv. forme artistique, puis cliquez sur le bouton Contour de haut en bas. 8 Dans le panneau Formes, cliquez sur le pinceau créé.

y . Aperçu Options de mise a ï'echelle de forme

9 À l'aide de l'outil Pinceau, appliquez la f o r m e sur le tracé.

• •

:. Mettre à l'échelle proportionnellement .' Adapter à la longueur du contour # : Etirer entre les repères Début:

;• 39,983 mrr

Fin:

": 56,796 mrr

Longueur(X): 109,081 f

;

Sens

• 3 fr? î iT3 Horizontale -v-:r4Verticale

4J-

Figure 7.28 : Le pinceau aquarelle Une fois l'illustration terminée, vous pouvez sauvegarder vos pinceaux.

Mode : Sans Couleur : J?

Ml

7.6. Mémoriser les pinceaux

Chevauchement :

1 Dans le panneau Formes, vérifiez que vous n'avez que les pinceaux utilisés pour réaliser l'illustration. Supprimez les pinceaux inutiles. Figure 7.27 : Options de forme artistique

2 Dans le m e n u local du panneau, sélectionnez la c o m m a n d e Enregistrer la bibliothèque de formes.

Le prochain cas pratique v o u s permettra de créer un pinceau de type aquarelle.

3 Dans la boîte de dialogue qui s'affiche, n o m m e z votre bibliothèque de pinceaux. Choisissez un emplacement, puis cliquez sur le bouton Enregistrer.

Créer un pinceau aquarelle Pour créer un pinceau aquarelle, procédez c o m m e suit :

4 Pour l'utiliser de nouveau, cliquez sur le bouton Menu Bibliothèques déformes, sélectionnez Utilisateur, puis la bibliothèque que vous venez de sauvegarder.

1 Sélectionnez l'outil Forme de tache. 2 Dessinez quelques tracés les uns à la suite des autres. Dans la boîte de dialogue Options de l'outil Forme de tache, assurez-vous que les deux options du haut sont désactivées. Cliquez sur OK. 164

7. La peinture

7.6. Mémoriser les pinceaux

165

™

7.7. Supprimer un pinceau

; Options du module externe Pointe du pinceau

Pour supprimer un pinceau, commencez par le sélectionner dans le panneau Formes. Ensuite, suivez l'une de ces méthodes :

Nom :

jEESÏÏEgi

Forme: ,_. Point arrondi

• Faites glisser sa vignette sur l'icône Supprimer la forme en forme de corbeille. • Dans le menu local du panneau, choisissez la commande Supprimer la forme. Pour clôturer ce chapitre, nous allons voir comment créer un nouveau type de pinceau : une Pointe de pinceau.

Corps : Longueur de la pointe du pinceau : Densité de la pointe du pinceau : Epaisseur de la pointe du pinceau :

7.8. Créer une Pointe de pinceau

Opacité de la peinture :

3 mm

100

Courte

Lsrsgtjfi

*"•

Osvés

33

Drue

50

:

Opalin

75

S

fir>=

*•*•*

S

1 Affichez le panneau Formes (Fenêtre/Formes). 2 Cliquez sur la flèche située dans le coin supérieur droit du panneau pour afficher le menu local.

Figure 7.30 : Options du module externe Pointe du pinceau

3 Choisissez la commande Nouvelle forme. 4 Dans la boîte de dialogue qui s'affiche, cochez l'option Pointe du pinceau puis cliquez sur OK. Nouvelle forme

Sélectionner un nouveau type de forme : Forme calligraphique

OK f~ Annuler

:

y i 'astique Forme de motif * Pointe du pinceau

Figure 7.29: Nouvelle forme

5 Une nouvelle fenêtre Options du module externe Pointe du pinceau s'affiche. 6 Nommez votre pinceau. 7 Dans le menu Forme, choisissez un modèle de forme de pinceau. 8 Modifiez sa taille avec l'option Corps. 9 Vous pouvez également changer sa longueur ainsi que son épaisseur (voir Figure 7.30). 10 Une fois que vous avez défini le pinceau, cliquez sur OK.

166

7. La peinture

7.8. Créer une Pointe de pinceau

167

ILLUSTRATION EN DÉGRADÉ La bibliothèque de dégradés Créer un dégradé de couleurs L'outil Dégradé de couleurs Attribuer un dégradé à un autre objet Enregistrer un dégradé Les dégradés de formes Les filets de dégradé Les distorsions d'enveloppe

171 172 175 178 178 179 187 190

169

Dans ce chapitre, vous étudierez les dégradés sous toutes leurs formes. Vous apprendrez à : • créer un dégradé ; • modifier les couleurs d'un dégradé ; • définir un dégradé de formes ; • appliquer un filet de dégradé. En ce sens, vous réaliserez deux cas pratiques. Le premier consistera à créer et à appliquer des dégradés de couleurs sur un personnage. Dans le second, vous ajouterez des ombres et des lumières à une illustration. Vous débuterez par le personnage de la sorcière. 1 Ouvrez le fichier sorcière.ai (Fichier/Ouvrir). 2 Dans la boîte de dialogue qui s'affiche, localisez puis sélectionnez votre fichier. Cliquez sur le bouton Ouvrir. 3 Renommez le Calque 7 sorcière. 4 Créez un nouveau calque que vous renommerez sorcière. 5 Sélectionnez le haut du chaudron. L'étape suivante consiste à le remplir avec un dégradé de l'une des bibliothèques.

8.1. La bibliothèque de dégradés lllustrator est fourni avec une bibliothèque de dégradés prêts à l'emploi que vous pouvez modifier. Leur accès est identique aux autres bibliothèques : 1 Allez dans le menu Fenêtres/Bibliothèques de nuances/Dégradés/ Minérales. La bibliothèque s'ouvre dans un panneau flottant.

Figure 8.1 : La bibliothèque Minérales 2 Cliquez sur le dégradé Couleur terre 30.

8.1. La bibliothèque de dégradés

171

Accès aux bibliothèques de dégrades Vous pouvez passer également par le bouton Menu Bibliothèques de nuances disponible en bas du panneau Nuancier.

L'étape suivante consiste à créer et à appliquer des dégradés de couleurs aux différents éléments du croquis. Pour vous aider à définir un dégradé, vous disposez du menu Edition/Modifier les couleurs et du panneau Dégradé. Figure 8.2 : Les cheveux de la sorcière

8.2. Créer un dégradé de couleurs Les dégradés de couleurs permettent de remplir des objets avec un ensemble de couleurs mélangées les unes dans les autres.

Le menu Edition/Modifier les couleurs Dans cet exercice, vous allez créer et appliquer un dégradé de couleurs aux cheveux de la sorcière : 1 Sélectionnez les cheveux noirs de la sorcière avec l'outil Sélection directe, au lieu de l'outil Sélection. Vous éviterez ainsi d'englober les autres parties du personnage. 2 Cliquez sur l'outil Mise à l'échelle, puis appuyez sur la touche 0 . La boîte de dialogue des options s'affiche. Définissez respectivement une échelle Uniforme de :

Il s'agit à présent de créer un dégradé linéaire.

Créer un dégradé linéaire Le but de cet exercice est d'appliquer le dégradé aux bûches du feu. Tout d'abord, vous allez le créer. 1 Sélectionnez la bûche de gauche. 2 Ouvrez le panneau Dégradé. Si celui-ci n'affiche pas les options, déroulez son menu local et choisissez la commande Afficher les options.

Le panneau Dégradé Le panneau Dégradé est accessible depuis le menu Fenêtres ou par le biais de l'outil Dégradé de couleurs.

— 90 % pour la première copie ; — 80 % pour la seconde copie ; — 70 % pour la dernière copie.

Les copies des cheveux Dans la boîte de dialogue Mise à l'échelle, cliquez à chaque fois sur le bouton Copier, et non sur OK.

ATTENTION

3 Une fois les copies obtenues, sélectionnez-les en commençant par les cheveux d'origine de la sorcière. 4 Allez dans le menu Edition/Modifier les couleurs. Appliquez la commande Dégradé horizontal.

Figure 8.3 : Le panneau Dégradé

3 Dans le menu Type, choisissez Dégradé linéaire. Cliquez sur la barre de dégradé. La bûche se remplit avec un dégradé linéaire blanc vers noir. 4 Modifiez les couleurs du dégradé. En ce sens, affichez le panneau Nuancier. Cliquez sur un marron foncé. Faites-le glisser sur le carré blanc de la barre de dégradé. « 8.2. Créer un dégradé de couleurs

172

8. Illustration en dégradé

173

0 Dégradé

j^j^

•

—

0

étape, vous allez éditer le dégradé radial que vous venez de créer. Ensuite, vous modifierez le chapeau de la sorcière.

^ ,m 1

Q

MHS! m g <>pacftéi 103 Enspiacsrœni: s : 100

» :%

Û

r r%

Figure 8.4 : Le dégradé pour les bûches 5 Faites glisser un marron clair du panneau Nuancier vers le carré noir de la barre de dégradé. La bûche se remplit a u t o m a t i q u e m e n t avec ce nouveau dégradé.

Figure 8.5: Le chaudron

Dans la prochaine étape, vous appliquerez un dégradé radial au chaudron.

Créer un dégradé radial

8.3. L'outil Dégradé de couleurs

Un dégradé circulaire part du centre d'un objet pour aller vers l'exté-

L'outil Dégradé de couleurs permet de modifier un dégradé directement sur l'illustration.

rieur.

1 Sélectionnez le chaudron avec l'outil Sélection directe.

1 Sélectionnez le chaudron avec l'outil Sélection.

2 Ij l

Activez l'outil Dégradé de couleurs.

2 Affichez le panneau Dégradé (Fenêtre/Dégradé de couleurs). Cliquez sur le menu Fond en dégradé représenté par une vignette en haut du panneau. Une liste de dégradés prédéfinis apparaît. Choisissez Radial noir et blanc.

3 Cliquez sur le chaudron. La barre de réglage du dégradé apparaît ainsi q u ' u n cercle en pointillés. Celle-ci vous permettra de modifier le dégradé existant.

Dans la barre de dégradé, deux carrés représentent les couleurs qui le composent. Le carré blanc définit la couleur du point central qui s'étend jusqu'à la couleur la plus à droite. Double-cliquez sur la couleur blanche. Le panneau Nuancier s'ouvre. Sélectionnez une couleur marron foncé. 3 Pour la seconde couleur, choisissez un marron clair. 4 Modifiez l'étendue du marron clair. Faites glisser l'icône en f o r m e de losange au-dessus de la barre de dégradé vers la droite jusqu'à ce que la valeur de l'option Emplacement indique 69 %. Elle représente l'emplacement de la couleur sélectionnée du dégradé (voir Figure 8.5). Un dégradé n'est pas définitif. Vous pouvez changer les couleurs avec le panneau Dégradé ou l'outil Dégradé de couleurs. Dans la prochaine

174

8. Illustration en dégradé

Figure 8.6 : La barre de réglage du dégradé

8.3. L'outil Dégradé de couleurs

175

Faites glisser l'icône de cercle située à gauche de la barre de dégradé vers l'extérieur. Cela a pour effet d'agrandir l'étendue du dégradé. L'opération inverse consiste à réduire la taille du cercle. Pour cela, ramenez-le vers l'intérieur du dégradé.

5 Amenez le pointeur sur cette barre vers la couleur bleu ciel. Double-cliquez dessus. Une palette flottante apparaît dans laquelle vous allez pouvoir modifier sa couleur. Deux méthodes sont à votre disposition :

Approchez le pointeur sur l'icône en f o r m e de cercle noir. Faites-la glisser vers le bas. Cela a pour effet de modifier la f o r m e du dégradé et de lui donner un aspect elliptique.

Les dégradés Pour supprimer une couleur, faites-la glisser hors de la barre de dégradé. Pour dupliquer une couleur, suivez ces étapes : 1

Sélectionnez la couleur à copier.

2 Tout en gardant enfoncée la touche (Âjt), déplacez le pointeur vers un autre emplacement du dégradé, puis relâchez le tout. 3

Modifiez la teinte de la couleur dupliquée.

Figure 8.8: Modifier une couleur Toutes les modifications appliquées au dégradé se répercutent sur le chaudron.

— Choisissez un autre bleu dans le nuancier.

Le prochain exercice consiste à changer les couleurs du dégradé du chapeau de la sorcière :

— Cliquez sur l'icône Couleur en f o r m e de palette. Vous accédez alors au panneau Couleur. Changez la c o m p o s i t i o n de la couleur. Ici, /?: 57, V: 1 1 7 , 6 : 2 2 6 .

1 Cliquez sur le chapeau. La barre de dégradé apparaît.

6 Une fois la couleur déterminée, vous avez la possibilité de la déplacer à un autre endroit du dégradé. Utilisez, à cet effet, l'option Emplacement.

Figure 8.7 : Le chapeau avant les changements de couleur 2 Amenez le pointeur sur cette barre. Des options supplémentaires s'affichent au survol de la souris. Le cercle noir indique la couleur de départ du dégradé tandis que le losange noir représente la couleur d'arrivée. A u centre, vous avez un point médian que vous pouvez déplacer. 3 Commencez par faire pivoter le dégradé dans le sens inverse des aiguilles d'une m o n t r e . 4 Déplacez la barre de dégradé vers le centre du plan de travail.

176

8. Illustration en dégradé

7 Réduisez le paramètre Opacité à 84 %. Si vous observez la barre de dégradé, un petit carré a fait son apparition au-dessus de la couleur définie. Il indique qu'une opacité a été paramétrée.

8 Double-cliquez sur la couleur bleu moyen située en haut du dégradé pour afficher le panneau Couleur. Réglez les champs comme suit: fî:24, l / : 0 , B : 54. 9 Des couleurs intermédiaires peuvent être ajoutées au dégradé. Amenez la souris sur la barre de dégradé. Une icône + s'affiche en regard du pointeur. Vous pouvez alors cliquer sur la barre. La nouvelle couleur s'affiche instantanément. Modifiez-la en doublecliquant dessus et en définissant une autre couleur dans le panneau Couleur.

8.3. L'outil Dégradé de couleurs

177

2 Déroulez le menu des dégradés prédéfinis. d

Cliquez sur l'icône Enregistrer dans la bibliothèque de nuances en forme de disquette. Le dégradé apparaît dans le nuancier.

4 Dans le panneau Nuancier, supprimez les nuances présentes, excepté ce dégradé. 5 Double-cliquez sur le dégradé. La boîte de dialogue Options de nuance apparaît :

Figure 8.9: Le chapeau de la sorcière au final

L'opacité d'un dégradé REMARQUE L , o p a c j t é d e dégradé offre de nouvelles perspectives en matière de dégradés puisque vous pouvez, à présent, créer des dégradés transparents.

Figure 8.10 : La boîte de dialogue Options de nuance

Nommez-le dégradé_bleu_nuit. Cliquez sur OK. Tout comme pour une nuance, il est possible d'appliquer un dégradé à un autre objet.

8.4. Attribuer un dégradé à un autre objet Pour affecter un dégradé existant à un autre objet, procédez comme suit :

6 Ouvrez le menu local du panneau Nuancier. Sélectionnez la commande Enregistrer la bibliothèque de nuances sous Al. 7 Dans la boîte de dialogue qui s'affiche, nommez-la dégradésbieu, puis cliquez sur le bouton Enregistrer. Pour appliquer ce dégradé dans une autre illustration, suivez ces étapes : 1 Ouvrez le menu des bibliothèques.

1 Sélectionnez la seconde bûche du feu qui, pour le moment, ne possède aucune couleur.

2 Cliquez sur la catégorie Utilisateur. Survolez-la avec le pointeur. La bibliothèque de dégradés s'affiche à la droite de cette catégorie.

À l'aide de l'outil Pipette, cliquez sur la première bûche possédant déjà un dégradé. Celui-ci s'applique instantanément à la seconde bûche.

Dans les prochaines sections, vous vous attarderez sur un autre aspect des dégradés : les dégradés de formes.

La prochaine étape consiste à sauvegarder le dégradé que vous venez de créer.

8.5. Enregistrer un dégradé Pour enregistrer un dégradé dans une bibliothèque, procédez comme suit :

8.6. Les dégradés de formes mm

Un dégradé de formes Un dégradé de formes est un dégradé créé à partir de deux objets sélectionnés. Par défaut, lllustrator calcule automatiquement les étapes intermé-

1 Ouvrez le panneau Dégradé. 178

8. Illustration en dégradé

8.6. Les dégradés de formes

179

fc*P"

diaires. L'objet de départ se déforme progressivement jusqu'à la forme finale. Vous pouvez ensuite le définir vous-même.

Dans les cas pratiques qui vont suivre, vous allez créer un dégradé de formes de deux manières différentes. Tout d'abord, vous allez remplacer les bûches du feu existantes par de nouvelles bûches créées à l'aide de dégradés de formes. Ensuite, vous réaliserez un miroir.

3 Cliquez en haut de la bûche pour définir le point de l'axe de la symétrie. Le pointeur se transforme en flèche. Relâchez le tout. 4 Faites glisser le pointeur vers le bas tout en conservant la touche [Ait] enfoncée. 5 Placez les deux bûches convenablement. Pour cela, aidez-vous des repères commentés et des icônes d'alignement. Voyons à présent comme créer un miroir : 1 Créez un nouveau calque.

Créer un dégradé de formes Pour créer les bûches du feu, procédez comme suit : 1 Créez un cercle avec l'outil Ellipse. 2 Remplissez-le avec le dégradé de couleurs Cramoisi Automne disponible dans la bibliothèque de nuances Dégradés/Saisons.

2 Nommez-le miroir. 3 Tracez une ellipse sans contour avec l'outil Ellipse. 4 Dessinez un autre cercle au centre. Cliquez, puis tout en maintenant la touche (Âiï) enfoncée, faites glisser le pointeur en diagonale.

Figure 8.11 : La bibliothèque Cramoisi Automne

3 Dupliquez cette forme. 4 Ouvrez le menu Objet/Transformation. Choisissez la commande Déplacement. 5 Dans la boîte de dialogue qui s'affiche, réglez les positions horizontale et verticale à 8 mm. Assurez-vous que l'angle est défini sur 45°. Cochez l'option Aperçu pour visualiser en direct le déplacement de l'objet. Cliquez sur le bouton Copier une fois que le résultat vous convient. 6 Modifiez la transparence de la copie du cercle. Dans le panneau Contrôle, définissez le paramètre Opacité à 15 %. 7 Sélectionnez les deux formes avec l'outil Sélection. 8 Allez dans le menu Objet/Dégradé de formes. Choisissez la commande Créer. Si aucun dégradé de formes ne s'applique, appuyez sur les touches [Âiï|+[ct7T|+(Bl pour obtenir le résultat voulu. La dernière étape consiste à dupliquer la bûche : 1 Sélectionnez la bûche.

Figure 8.12 : La base du miroir Colorez les deux formes. En ce sens, ouvrez le panneau Nuancier. Affichez la bibliothèque des dégradés Minérales. Sélectionnez la première forme. Appliquez-lui le dégradé Couleur terre 19 Radial. Pour la seconde forme, prenez le dégradé Couleur terre 25 Radial. Sélectionnez les deux objets. Créez un dégradé de formes. Pour ce faire, allez dans le menu Objet/Dégradé de formes. Choisissez la commande Créer. Dégradé de formes

*\

Créa

Distorsion de l'enveloppe

•

àisrtyïer

Peinture dynamique

• I

„ . Options de dégradés,..

Vectorrsation dynamique

• i

Babillagedetexte

*\

Masque d'éerètage

>

Trscetransparent

M

Art+Orf*B Alt*-Maiuscyre*Cîd.E

Uetor*tptïH '

;

«wf^a

-

esens se « n s

Convertir en plans de travail

Figure 8.13 : La commande Dégradé de formes/Créer

2 Activez l'outil Miroir. 180

8. Illustration en dégradé

8.6. Les dégradés de formes

181

Modifier un dégradé de formes 1 Activez l'outil Dégradé de formes dans la boîte à outils. 2 Dans la boîte de dialogue qui s'affiche, déterminez un type de dégradés de formes. Dans le menu déroulant Pas, vous avez le choix entre : ons de dégradés Pas : Etapes

Sens : p**Hjl

Figure 8.14: Le miroir

^**tj,

:" " i

Le miroir peut être aussi réalisé avec l'outil Dégradé de formes.

Figure 8.16 : La boîte de dialogue de l'outil Dégradé de formes

— Couleur lissée : le calcul des étapes se fait automatiquement.

L'outil Dégradé de formes 1 Tracez une première ellipse verticale avec l'outil Ellipse.

_ Étapes : détermine le nombre d'étapes intermédiaires entre la première et la seconde couleur d'un dégradé de couleurs.

2 Double-cliquez sur l'outil Mise à l'échelle. Dans la boîte de dialogue qui s'affiche, définissez une échelle Uniforme de 80 %, puis cliquez sur le bouton Copier.

— Distance : spécifie la distance entre les différents composants d'un dégradé.

3 P3~l Activez l'outil Dégradé de formes.

Sélectionnez Étapes. Indiquez-en 4 dans le champ prévu à cet effet. Cliquez sur OK.

4 Amenez le pointeur à l'extrémité de la seconde ellipse. Une icône en forme de carré noir apparaît. Cliquez une fois sur la forme. Le dégradé de formes est créé instantanément.

REMARQUE

Les étapes d un dégrade de formes r , „, • ., Plus le nombre d étapes est eleve, plus le dégrade est lisse.

.„,„ ASTUCE

Saisir un nombre d'étapes •

Utilisez la (T) ou la (Tj pour augmenter ou diminuer le nombre d étapes intermédiaires.

«EK

Figure 8.15 : Le miroir avec l'outil Dégradé de formes

Un dégradé de formes Si vous passez en mode Tracés (Affichage/Tracé), vous constaterez que vous n'avez en fait que les deux formes dessinées.

Dans l'étape suivante, vous allez créer le collier de la sorcière.

Tout comme un dégradé de couleurs, vous pouvez modifier un dégradé de formes.

182

8. Illustration en dégradé

8.6. Les dégradés de formes

183

Adapter un dégradé de formes à un tracé 1 Dessinez un cercle avec l'outil Ellipse et dupliquez-le. 2 Alignez les deux cercles en vous aidant des repères commentés. 3 Appliquez-leur respectivement les dégradés Couleur terre 26 Radial et Couleur terre 29 Radial, disponibles dans la bibliothèque des dégradés Minérales. 4 Sélectionnez-les. 5 Allez dans le menu Objet/Dégradé de formes. Choisissez la commande Options de dégradés. Dans le menu déroulant Pas, sélectionnez l'option Étapes. Définissez un nombre d'étapes de 26. Cliquez sur OK.

Figure 8.19: Le collier

Adapter un dégradé de formes à un tracé Comme vous pourrez le constater, les perles du collier ne suivent pas entièrement le tracé. Cela est dû au fait qu'au départ, le cercle est un tracé fermé. Pour répartir harmonieusement les perles, ouvrez ce tracé à l'aide de l'outil Ciseaux et appliquez de nouveau la commande Changer le sens.

REMARQUE

Figure 8.17 : Le dégradé de formes 6 Tracez un troisième cercle plus grand avec l'outil Ellipse. Peu importe la couleur de fond. 7 Sélectionnez le dégradé de formes et le cercle. 8 Appliquez la commande Changer le sens dans le menu Objet /Dégradé de formes. Le principe consiste à adapter le dégradé de formes au tracé. Celui-ci sert désormais de référence à ce dégradé. Vous pouvez, si vous le désirez, inverser les formes qui ont servi au départ à la création de ce dégradé. Pour ce faire, appliquez la commande Inverser le sens du menu Objet/Dégradé de formes.

Transformer un dégradé de formes sur un tracé Vous pouvez modifier la forme du motif qui a servi au départ au dégradé de formes. Dans cet exercice, vous allez transformer la perle de base du collier en une goutte d'eau : 1 Sélectionnez l'outil Ajout de point d'ancrage. 2 Cliquez au sommet de la première perle pour positionner un point d'ancrage supplémentaire. 3 Faites-le glisser vers le haut pour donner à la perle la forme d'une goutte d'eau. Réajustez si besoin les autres points. La forme du collier se modifie instantanément.

Dégradé de formes Distorsion de [enveloppe

Annuler

Peinture dynamique

Options de dégradés...

A i t - Majuscule* Ctrl+B

Vectorisation dynamique Décomposer Habillage de texte Masque d'écrétage Inverser !e sens Tracé transparent Inversion avant - arrière Ccnyertir en plans de travail

Figure 8.18 : La commande du menu Objet/Dégradé de formes

Figure 8.20 : Le collier modifié Il est également possible de modifier les couleurs du collier : 1 Sélectionnez la goutte d'eau de base avec l'outil Sélection directe. 2 Dans le panneau flottant de la bibliothèque des dégradés de formes, cliquez sur le dégradé Couleur terre 7 Radial. Le collier change de couleur.

184

8. Illustration en dégradé

8.6. Les dégradés de formes

185

Chaque dégradé de f o r m e s que vous avez créé est constitué de plusieurs objets qui se chevauchent. Vous pouvez les modifier. Pour cela, v o u s devez le décomposer afin de modifier le rendu.

Les dégradés de couleurs ne permettent pas de rendre compte des ombres et des lumières. C'est pour cette raison que souvent, les filets de dégradé sont utilisés.

Décomposer un dégradé de formes

8.7.

Un dégradé de f o r m e s peut être modifié c o m m e v o u s avez pu le constater. Il est également possible de le décomposer pour obtenir un meilleur f o n d u entre les différents objets.

Les filets de dégradé

Les filets de dégradé ajoutent de la profondeur et du relief aux objets.

1 Sélectionnez le dégradé de f o r m e s du miroir.

Les filets de dégradé Les filets de dégradé sont des grilles constituées de points d'ancrage que vous pouvez déplacer.

DEFINITION

2 Allez dans le menu Objet. Choisissez la c o m m a n d e Décomposer. 3 Dans la boîte de dialogue qui s'affiche, acceptez les paramètres par défaut en cliquant sur OK.

Pour tester cette fonctionnalité, v o u s allez ajouter les ombres et les lumières sur un personnage : Décomposer

1 Ouvrez le fichier filets.ai.

H Objet J Fond

Cible Filet de dégradé * Décomposer en : 255

Objets

Figure 8.21 : La boîte de dialogue Décomposer

4 Cliquez sur l'une des étapes intermédiaires. 5 Dans le panneau de la bibliothèque des dégradés Minérales, choisissez une autre couleur. 6 Dans le panneau Contrôle, sélectionnez une autre épaisseur de trait. 7 Sélectionnez l'ensemble des f o r m e s décomposées. Groupez-les (Objet/Associer). Si un dégradé de formes ne vous convient pas, vous pouvez l'annuler. Figure 8.22 : Le personnage de base

Annuler un dégradé de formes

186

Pour supprimer un dégradé de f o r m e s , procédez c o m m e suit :

2 Dans la boîte à outils, assurez-vous que la couleur de f o n d est bien au premier plan et qu'il n'y a aucune couleur de contour.

1 Sélectionnez le dégradé de formes.

3 Déverrouillez le calque

2 Choisissez la c o m m a n d e Annuler du menu Objet/Dégradé de formes.

4 Veillez à ce que la couleur de remplissage corresponde à la couleur appliquée sur le pantalon. Pour cela, activez l'outil Pipette. Cliquez

pantalon.

8.7. Les filets de dégradé

8. Illustration en dégradé

_

187

sur le pantalon. La couleur de fond doit maintenant être identique à la couleur utilisée pour le pantalon. j~il Activez l'outil Filet.

9 Double-cliquez sur la couleur de fond pour accéder au sélecteur de couleurs. Choisissez une teinte plus foncée mais en restant dans le ton initial. Cliquez sur OK. La couleur s'applique immédiatement au filet créé.

6 Cliquez en haut de la jambe gauche. Celle-ci se divise en deux parties selon un axe vertical et un axe horizontal.

Figure 8.24 : Le filet de dégradé Une autre méthode consiste à créer un filet de dégradé en se basant sur une forme. Ici, vous partirez des cheveux du personnage. 1 Sélectionnez la chevelure avec l'outil Sélection directe. 2 Allez dans le menu Objet. Choisissez la commande Créer un filet de dégradé. Figure 8.23 : La composition d'un filet de dégradé 7 Cliquez cinq fois vers le bas sur l'axe vertical créé pour ajouter des points supplémentaires. Chacun d'entre eux définit une couleur et la manière dont elle devra se combiner aux autres couleurs du filet.

3 Une boîte de dialogue s'ouvre dans laquelle vous allez définir l'aspect du filet. Définissez 4 rangées et 4 colonnes. Comme la forme des cheveux est déjà remplie, spécifiez Éclaircissement : Vers le centre, Intensité : 80 %. Observez l'application de ces paramètres sur la chevelure en cochant l'option Aperçu. 4 Une fois que le résultat vous satisfait, cliquez sur OK.

8 Sélectionnez les points d'ancrage que vous venez de définir en utilisant la touche [Ma]], puis déplacez-les vers le bord de la jambe.

Identifier les points du filet Les points sélectionnés sont représentés par des carrés bleus tandis que les points non sélectionnés sont blancs à l'intérieur.

Figure 8.25 : Le filet de dégradé appliqué aux cheveux du personnage

188

8. Illustration en dégradé

8.7. Les filets de dégradé

189

Créez des filets de dégradé pour les autres éléments du personnage. Ces filets de dégradé peuvent servir à modifier une f o r m e . Voyons à présent c o m m e n t déformer le sac à m a i n de la f e m m e grâce aux fonctions d'enveloppe d'Illustrator.

8.8. Les distorsions d'enveloppe 1

Une enveloppe vectorielle Une enveloppe est une forme vectorielle qui englobe une illustration. Celle-ci prend la forme de l'enveloppe que vous voulez lui donner.

Il existe trois types d'enveloppes Objet/Distorsion de l'enveloppe.

accessibles depuis

le

menu

Voyons maintenant la méthode de création d'après un filet de dégradé. Vous allez l'appliquer sur le sac à main : 1 Sélectionnez le sac à l'aide de l'outil Sélection directe. 2 Allez dans le menu Objet/Distorsion de l'enveloppe. Choisissez la c o m m a n d e Créer d'après un filet. 3 Dans la boîte de dialogue qui s'affiche, définissez un filet de 4 lignes et de 4 colonnes. En fait, peu importe le chiffre saisi puisque vous pourrez toujours ajouter des points supplémentaires ultérieurement à l'aide de l'outil Ajout de point d'ancrage.

RÉALISER UN COLLAGE

4 Cliquez sur OK pour appliquer cette enveloppe. Illustrator crée un rectangle. La distorsion n'apparaît pas tout de suite. 5 Avec l'outil Sélection directe, déplacez les points du filet ou utilisez leurs poignées de Bézier. La distorsion s'applique instantanément au sac à m a i n .

Les styles graphiques Le panneau Aspect Les masques d'écrêtage Les masques d'opacité Ajouter un halo Les effets Photoshop

194 198 200 203 205 206

Figure 8.26 : Une distorsion d'enveloppe

190

8. Illustration en dégradé

191

Un collage peut être entièrement réalisé dans lllustrator. Pour cela, vous utiliserez des fonctionnalités avancées c o m m e les masques d'écrêtage et les styles graphiques. Pour réaliser le collage dont il est question dans ce chapitre, vous devez en premier lieu importer le sujet principal : 1 Importez le fichier d'une f e m m e dans lllustrator (Fichier/Importer). 2 Dans la boîte de dialogue qui s'affiche, ne cochez aucune o p t i o n , puis cliquez sur le bouton Importer. 3 Sélectionnez l'image. Dans le panneau Contrôle, cliquez sur le triangle noir situé en regard du bouton Vectorisation dynamique. Choisissez dans la liste Couleur6. 4 Une fois la vectorisation effectuée, cliquez sur le bouton Décomposer. 5 À l'aide de l'outil Sélection directe, sélectionnez le f o n d blanc. puis appuyez sur la touche [Suppr).

=— [Par défaut] VedonsaSon simple CsuferïS Photo ibasse fktësts PKstc hsuisfBéÉK tëivsaux d s gris Esgusse à !* maârt iJiLïi-ston détaiée Dessin technkajs Logo noir et feiarsc Logo fnonochrome Dsïsr à 'encra Lsttrage

Figure 9.1 : La méthode de vectorisation

6 Sélectionnez la f e m m e avec l'outil Sélection directe. 7 Copiez-la à l'aide du menu Edition/Copier. 8 Créez un nouveau d o c u m e n t au f o r m a t Paysage. 9 Collez l'image (Edition/Coller).

Figure 9.2 : Le résultat de la vectorisation 10 Supprimez les cheveux de la f e m m e : sélectionnez-les avec l'outil Sélection directe, puis appuyez sur la touche 1 Suppr).

193

11 Importez la nouvelle chevelure (cheveux.ai) dans ce document (Fichier/Importer). 12 Appliquez-lui un effet de déformation (Objet/Distorsion de l'enveloppe/Créer d'après un filet). 13 Ajustez la chevelure sur la tête de la femme avec l'outil Sélection directe. 14 Ajoutez des ailes à la femme. Pour cela, importez l'un des motifs disponibles dans le fichier gratuit vectorsample.eps mis à la disposition par le site gomediazine.

Au niveau de l'affichage des styles. Il est possible de visualiser le style choisi avant de l'appliquer à l'objet concerné. Pour ce faire, sélectionnez la chevelure de la femme. Cliquez du bouton droit sur l'effet Ombre. Vous avez alors un aperçu de la chevelure une fois l'effet appliqué.

Mode d'affichage des styles Le menu local du panneau Styles graphiques met à votre disposition un autre mode d'affichage des styles. Vous avez la possibilité de visualiser les styles sur un texte. Pour cela, dans le menu local, sélectionnez la commande Utiliser un texte d'aperçu.

REMARQUE

La prochaine étape consiste à appliquer plusieurs styles sur la chevelure. L'opération est non destructive.

9.1. Les styles graphiques Le panneau Styles graphiques a été modifié, notamment au niveau de son comportement, de l'affichage des styles et de leur application sur les objets.

4 Une fois que vous avez visualisé tous les styles de cette bibliothèque, cliquez sur l'effet Ombre. Celui-ci s'applique instantanément à la chevelure.

Application des styles graphiques Pour appliquer un style, faites-le glisser vers l'objet voulu.

ASTUCE

Appliquer un style graphique Vérifiez qu'elle est toujours sélectionnée.

Auparavant, lorsque vous ajoutiez un style graphique alors qu'un autre était déjà en place, celui-ci disparaissait au profit du nouveau. Vous pouvez les cumuler sans problème : 1 Sélectionnez la chevelure de la femme. 2 Rendez visible le panneau Styles graphiques (Fenêtre/Styles graphiques). 3 En bas de panneau, cliquez sur le bouton Menu Bibliothèques de styles graphiques. Une liste s'affiche. Sélectionnez Effets d'images. Le panneau de la bibliothèque s'ouvre.

Affichez une autre bibliothèque. Choisissez cette fois Effets de néon. Tout en gardant enfoncée la touche (M), cliquez sur l'effet Néon. Les attributs de cet effet viennent se placer à l'arrière-plan de l'effet existant. 8 Ajoutez un autre style graphique. Depuis le panneau de la bibliothèque Effets de néon, cliquez sur le bouton Menu Bibliothèques de styles graphiques. Choisissez Complément. Tout en maintenant la touche [Ait) enfoncée, cliquez sur le style Rotation/Copier- petit (voir Figure 9.4).

•••''••.} : -• V '•'•-;:--•-• -, : • • • . :•::• HH f 1

m

fflfi

D

REHARûUE

Application des styles

Les styles graphiques peuvent être appliqués à un calque, à un groupe d'éléments, à un symbole ainsi qu'à un élément individuel d'un groupe.

•

?' RENVOI

Reportez-vous au chapitre Les symboles pour en savoir plus à ce sujet.

Figure 9.3 : La bibliothèque Effets d'images

194

9. Réaliser un collage

9.1. Les styles graphiques

195

Vous pouvez créer un autre style graphique à partir du style que vous venez de sauvegarder. Il s'agit ici de définir un style pour les ailes de la femme.

Dupliquer un style graphique 1 Dans le panneau Styles graphiques, cliquez sur le style enregistré précédemment puis sur l'icône Nouveau style graphique. 2 Double-cliquez sur le nouveau style pour le renommer styleaiies. Cliquez sur OK. :<• /•••• Nom du style:

style_ai!es

Si ~~\ 1 Figure 9.5 : La boîte de dialogue Nouveau style graphique

Figure 9.4 : Le résultat intermédiaire (sans les ailes) A b o r d o n s la sélection des styles graphiques.

Sélectionner un style graphique Vous pouvez sélectionner un style appliqué à certains éléments d'une illustration, puis verrouiller cette sélection : 1 Assurez-vous de n'avoir aucune sélection à l'écran. 2 Dans le panneau Styles graphiques, cliquez sur l'un des styles appliqués. 3 Allez dans le menu Sélection/Identique. Choisissez la commande Aspect. Tous les éléments possédant les mêmes attributs sont sélectionnés. 4 Verrouillez cette sélection par le biais du menu Objet/Verrouiller. Sélectionnez alors la commande Sélection.

Il est également possible de combiner les styles graphiques de plusieurs éléments.

Combiner des styles graphiques Cette opération se réalise depuis le panneau Styles graphiques. 1 Sélectionnez les styles à combiner à l'aide de la touche fctrf). 2 Déroulez le menu local. Choisissez la commande Fusionner les styles graphiques.

3 Dans la boîte de dialogue qui s'affiche, renommez votre nouveau style, puis cliquez sur OK. Les styles graphiques que vous créez peuvent être supprimés.

Supprimer des styles graphiques Mémoriser un style graphique La chevelure de la femme possède désormais plusieurs styles graphiques que vous pouvez sauvegarder sous la forme d'un unique style graphique : 1 Sélectionnez les cheveux du personnage. 2 Tout en maintenant enfoncée la touche [Ait], cliquez sur le bouton Nouveau style graphique du panneau Styles graphiques. 3 Dans la boîte de dialogue qui s'affiche, nommez-le styie_chevelure, puis cliquez sur OK. Celui-ci s'affiche à la fin de la liste des styles déjà appliqués dans le panneau Styles graphiques. 196

9. Réaliser un collage

Dans le panneau Styles graphiques, effectuez les opérations suivantes : 1 Cliquez sur le style à supprimer. 2 Faites glisser sa vignette sur l'icône Supprimer le style graphique en forme de corbeille. Les attributs de ce style appliqués à l'objet seront conservés. Cependant, si vous éditez le style dans le panneau Aspect, l'objet ne sera pas mis à jour. L'étape suivante consiste-à éditer le s t y l e a i i e s et à modifier le styiechevelure par le biais du panneau Aspect.

9.1. Les styles graphiques

197

9.2.

Le panneau Aspect

Avec ce panneau, vous pouvez modifier un style directement. Vous allez appliquer un effet supplémentaire à votre illustration.

dans le menu local du nuancier. Il est également possible de créer un autre gris à votre convenance ou d'afficher un autre nuancier. 8 Cliquez sur le lien hypertexte Contour. Un panneau flottant apparaît. Vous pouvez modifier l'aspect du contour.

Modifier un style graphique 1 Sélectionnez les cheveux de la femme avec l'outil Sélection directe. 2 Ouvrez le panneau Aspect. Celui-ci contient la liste des styles et attributs que vous avez appliqués. 3 Cliquez sur la valeur située en regard de Contour. Le menu local Épaisseur de contour apparaît. Définissez une épaisseur de 1 pt. Pour ce faire, utilisez l'une des méthodes suivantes : _ Saisissez directement une valeur dans le champ Épaisseur de contour. — Cliquez sur son menu local. _ Cliquez sur les petits triangles situés à gauche du champ Épaisseur de contour. Aspect

Figure 9.7 : La femme avec les ailes stylisées

U

[i" Tracé traiîsparent: Style grap*.. *$M i •

Il est possible d'effectuer d'autres manipulations dans ce panneau.

s

•

> Fond :

â>pBg; O-.

Masquer, supprimer, attribuer un style graphique

'^LZI

Pour attribuer un style graphique à un autre objet, effectuez les manipulations suivantes :

J>..-. u "»* • p .Çr.ËïïL: H • |> 5=£HÏL; H 0

"1* 3

Sélectionnez l'élément possédant un style.

«*

Opac'Aè ; Par àéiauï

•

Q fit. a

3 3

Figure 9.6 : Le champ Épaisseur de contour

4 Sélectionnez les ailes de la femme. 5 Dans le panneau Aspect, tout en maintenant enfoncée la touche [Ait), cliquez sur le bouton Ajouter un contour. Les attributs du nouveau contour s'affichent en haut de la liste des styles appliqués. 6 Sélectionnez une épaisseur de contour de 1 pt. 7 Attribuez aux ailes un contour gris moyen. En ce sens, cliquez sur la vignette de la couleur active située en regard de Contour. Le nuancier s'affiche. Choisissez un gris moyen. Vous pouvez modifier ses paramètres par le biais de la commande Options de nuances

198

9. Réaliser un collage

Dans le panneau Aspect, faites glisser la vignette du style sur l'élément auquel vous souhaitez l'appliquer. Pour masquer un style ou un attribut, cliquez sur son icône en forme d'œil. Cette option est particulièrement utile si vous testez plusieurs styles graphiques. Vous pouvez afficher ou masquer ceux qui ne vous plaisent pas. Le panneau Contrôle vous indique par ailleurs le style que vous venez de rendre invisible par la présence d'un triangle jaune. Pour activer de nouveau un style, cliquez sur cette icône. — Pour supprimer un style ou un attribut, sélectionnez-le, puis cliquez sur l'icône Supprimer!'élément sélectionné situé dans le coin inférieur droit du panneau.

9.2. Le panneau Aspect

199

_ Pour supprimer l'ensemble des styles ou attributs appliqués à un objet, sélectionnez sa vignette dans le panneau Aspect. Déroulez le menu local et choisissez la commande Effacer l'aspect. L'étape suivante consiste à appliquer un motif au tee-shirt de la femme en utilisant les masques d'écrêtage.

9.3. Les masques d'écrêtage Un masque d'écrêtage est une fonctionnalité qui permet de recadrer une photographie ou une image à l'intérieur d'une forme vectorielle. Il agit en fait tel un pochoir. Un masque d'écrêtage nécessite deux ou plusieurs objets. Ici, vous allez placer le motif aquarelle sur le teeshirt. 1 Tout d'abord, isolez les autres parties de l'illustration pour éviter de les manipuler par mégarde. Pour cela, sélectionnez les éléments concernés avec l'outil Sélection directe. Allez dans le menu Objet/ Verrouiller. Choisissez la commande Sélection. 2 Prenez l'outil Plume. 3 Dans le panneau Contrôle, réglez la couleur de contour sur Aucun et la couleur de remplissage sur le blanc.

Figure 9.8 : Le motif appliqué

REMARQUE

Repères commentés et masque d'écrêtage

Les repères commentés n'apparaissent qu'à l'intérieur du masque.

4 Tracez la forme du tee-shirt.

Les masques «ARQUE

Tout objet, y compris le texte, peut servir de masque d'écrêtage.

5 Importez un motif aquarelle dans le document (Fichier/Importer). Dans la boîte de dialogue d'importation, décochez les options Lien et Modèle, puis cliquez sur le bouton Importer. Le motif sera incorporé, donc physiquement présent dans le document. 6 Placez les deux éléments l'un au-dessus de l'autre en vous assurant que le tee-shirt est au premier plan. Pour cela, utilisez la commande Premier plan du menu Objet/Disposition. Vous pouvez aussi le vérifier par le biais des calques et réorganiser les calques au besoin si vos deux éléments figurent sur un calque différent. 7 Sélectionnez le tee-shirt puis le motif à l'aide de l'outil Sélection. 8 Allez dans le menu Objet/Masque d'écrêtage. Choisissez la commande Créer. Le motif s'applique instantanément au tee-shirt. Vous ne visualisez que le masque. Les parties masquées restent invisibles à l'écran. 200

9 Modifiez le contenu du masque. Vous pouvez agir sur tout ce que vous voulez à l'intérieur d'un masque. Pour ce faire, deux solutions s'offrent à vous :

9. Réaliser un collage

— Éditez le masque en mode Isolation pour réduire la taille du motif du tee-shirt. En ce sens, utilisez l'outil Mise à l'échelle ou les poignées du cadre de sélection. Une fois que le résultat vous satisfait, double-cliquez sur le mode Isolation. rr'jftJ REMARQUE

Le mode Isolation

Lorsque vous êtes dans ce mode, vous pouvez facilement isoler un élément d'un groupe.

— Dans le panneau Contrôle, cliquez sur le bouton Modifier le contenu. À l'aide de l'outil Sélection directe, faites glisser le pointeur vers la droite pour modifier l'emplacement du motif. Vous êtes ainsi intervenu sur le contenu du masque sans toucher à sa taille.

9.3. Les masques d'écrêtage

201

10 Si le masque obtenu n'est pas celui escompté, vous avez la possibilité d'intervenir dessus par le biais du panneau Contrôle. Cliquez sur le bouton Modifier le masque d'écrêtage.

Modifier un masque d ecretage REMARQUE

,,

"

°,

_

,

,

.

.

,

.

.

vous pouvez aussi passer par les calques. Dans ce cas, sélectionnez I objet que vous souhaitez redimensionner, à savoir le masque ou l'objet masqué.

Pour appliquer un motif au tee-shirt, vous pouvez utiliser également cette solution : 1 Sélectionnez l'outil Plume. 2 Dans le panneau Contrôle, réglez la couleur de fond sur le blanc. 3 Sur un nouveau calque, redessinez la forme du tee-shirt. 4 Importez sur ce calque le motif aquarelle. 5 Cliquez sur le cercle situé en regard du calque pour en sélectionner le contenu. 6 Créez un masque d'écrêtage. Trois solutions s'offrent à vous : — Dans le menu local du panneau Calques, sélectionnez la commande Créer un masque d'écrêtage. — Cliquez sur le bouton Créer/Annuler Masque d'écrêtage situé en bas du panneau Calques. Le tee-shirt est listé dans le panneau Calques sous le nom Masque. Vous pouvez le renommer si vous le désirez comme n'importe quel calque. — Cliquez du bouton droit sur les deux éléments sélectionnés. Dans le menu contextuel qui s'affiche, sélectionnez la commande Créer un masque d'écrêtage.

Supprimer le second motif Pour supprimer le second motif du masque, allez dans le panneau Calques, puis faites glisser le second motif hors du groupe du masque.

REMAROUE

Pour annuler un masque d'écrêtage, vous avez deux solutions à votre disposition : • Sélectionnez le calque contenant le masque d'écrêtage. Cliquez sur le bouton Créer/Annuler Masque d'écrêtage situé en bas du panneau Calques ou choisissez la commande Annuler le masque d'écrêtage. • Sur le plan de travail, cliquez sur le masque. Allez dans le menu Objet/Masque d'écrêtage. Choisissez la commande Annuler. Les masques d'écrêtage sont particulièrement utiles dans les illustrations complexes, alors n'hésitez pas à vous en servir. La prochaine étape consiste à créer un cercle lumineux à l'aide d'un masque d'opacité et d'un style graphique.

9.4. Les masques d'opacité Un masque d'opacité permet de créer des effets de fondu, par exemple une ombre portée.

Créer un masque d'opacité 1 Activez l'outil Ellipse. 2 Dans le panneau Contrôle, réglez la couleur de fond sur le noir et la couleur de contour sur Aucun. 3 Tracez une ellipse allongée.

7 Déplacez le motif dans le tee-shirt. Pour cela, dans le panneau Calques, sélectionnez le masque. Faites glisser le motif à l'aide de l'outil Sélection directe. 8 Ajoutez un motif supplémentaire. Pour cela, importez un autre motif aquarelle (Fichier/Importer). Celui-ci se place sur son propre calque. Allez dans le panneau Calques. Faites glisser le motif dans le groupe du masque, qui s'ajoute ainsi au motif existant.

4 Donnez-lui un effet de perspective. Pour cela, allez dans le menu Effet/Distorsion et transformation, puis activez la commande Distorsion manuelle.

Annuler

•- • : ••

9 Pour combiner les deux motifs, sélectionnez le second motif. Ouvrez le panneau Transparence. Choisissez le Mode de fusion : Produit. Les deux motifs forment désormais un nouveau motif. Figure 9.9 : La boîte de dialogue Distorsion manuelle

202

9. Réaliser un collage

9.4. Les masques d'opacité

203

5 Dans la boîte de dialogue qui s'affiche, déplacez les poignées du cadre de sélection des coins supérieurs vers le centre du cercle. Cliquez sur OK une fois que le résultat vous satisfait. 6 Tracez un rectangle sans contour à l'aide de l'outil Rectangle.

1 Cliquez sur sa vignette dans le panneau Transparence.

La sélection dans le panneau Transparence La barre de titre du document indique si vous modifiez le masque ou l'illustration.

REMA

7 Sélectionnez-le avec l'outil Sélection. 8 Affichez le panneau Dégradé de couleurs. 9 Appliquez au rectangle le dégradé linéaire par défaut noir vers le blanc. 10 Modifiez le dégradé existant. Pour cela, activez l'outil Dégradé de couleurs. Déplacez le blanc vers le bas. Double-cliquez sur le noir pour ouvrir le nuancier. Sélectionnez un gris clair {R : 204, V : 204, 6:204). 11 Placez ce dégradé au-dessus de l'ellipse. 12 Sélectionnez les deux éléments sur le plan de travail ou directement dans le panneau Calques. 13 Ouvrez le panneau Transparence (Fenêtre/Transparence). La sélection apparaît sous la forme d'une vignette. Assurez-vous que les options Écrêtage et Inverser sont sélectionnées.

Figure 9.10 : Le masque d'opacité 14 Dans le menu local du panneau, choisissez la commande Créer un masque d'opacité. L'ellipse noire est devenue un fondu en dégradé. Vous obtenez un masque qui a utilisé les valeurs du dégradé créé.

Modifier un masque d'opacité

2 À l'aide de l'outil Sélection directe, faites glisser le pointeur de façon à amener le blanc vers le haut de l'ellipse. 3 Pour sortir de ce masque, cliquez à l'extérieur de son contenu. 4 Agrandissez la taille de l'ellipse. Dans le panneau Transparence, cliquez sur la vignette de la forme. Faites glisser les poignées du cadre de sélection de l'ellipse vers l'extérieur pour l'agrandir. Désélectionnez l'ellipse. 5 Pour finir, placez cette ellipse sous la femme, puis appliquez-lui le style Néon rouge de la bibliothèque Effets de néon.

L'affichage dans le panneau Aspect Le masque d'opacité est également listé dans le panneau Aspect. Sa présence est indiquée par des pointillés sous l'attribut Opacité. Si vous cliquez sur ce dernier, le panneau Transparence s'affiche.

REMARQUE

9.5. Ajouter un halo À présent, vous allez ajouter un halo. Cet effet est possible depuis la CS3.

DEFINITION

Halo Un halo s'apparente aux rayons du soleil.

Désormais, vous avez deux vignettes. La vignette de gauche représente l'ellipse tandis que la vignette de droite correspond au masque. : :.., • ysp< • • • :^;-ff£ T

fendis

L'oriainal î

Opacité % Vf,

m

' *s

2 Cliquez puis faites glisser le pointeur en diagonale pour définir l'orientation de la lumière. Le clic que vous effectuez correspond au centre du halo.

. J ï Biriter

Figure 9.11 : Le masque d'opacité et l'image originale

Vous allez retoucher le masque :

204

9. Réaliser un collage

Activez l'outil Halo, situé dans le sous-menu de l'outil Rectangle.

3 Ne relâchez pas le bouton de la souris. À l'aide de la @, passez le nombre de rayons du halo à 8.

9.5. Ajouter un halo

205

4 Relâchez le tout. Cela a pour effet de valider le halo. 5 Repositionnez-le si besoin avec l'outil Sélection.

Vous pouvez également éditer un effet Photoshop, comme un style graphique, puis lui ajouter d'autres attributs depuis le panneau Aspect, sans recourir aux panneaux ou outils extérieurs.

Appliquer un effet 1 Sur un nouveau calque, tracez un rectangle blanc sans contour avec l'outil Ellipse. 2 Allez dans le menu Effet/Esquisse/Plume calligraphique pour appliquer sur le rectangle blanc un effet griffonné. Les options de cet effet ont besoin d'être modifiées. Figure 9.12: Le halo Vous pouvez sans problème modifier le halo après son application : 1 Sélectionnez le halo avec l'outil Sélection. 2 Double-cliquez sur l'outil Halo dans la boîte à outils. La boîte de dialogue des options de l'outil s'affiche. Effectuez les réglages voulus. Pour visualiser les modifications au fur et à mesure des changements effectués, cochez l'option Aperçu. Cliquez sur OK.

:

Diamètre : :

IOO

pt

50%

•

Luminosité : , 3 0 %

>

Le plus long :

Expansion :

20%

>

Tolérance :

50%

•

T:r/-' /F'

\: ?'<-/'-,

M; Auréoles :

Tracé :

15

300%

Tolérance : 1 100%

|

300 pt

Nombre : :•:• 10

* *

La plus grande:

50%

Direction :

45=

*

l

J

Pour finir, il s'agit d'appliquer un effet Photoshop à l'arrière-plan de l'illustration.

9.6. Les effets Photoshop Les effets Photoshop figurent dans la partie inférieure du menu Effet. Ils s'appliquent aux objets vectoriels et bitmap.

9. Réaliser un collage

y

m

y "<••:•&* '.•/• >, • & ; / ' , / . , . ' • £ y

Figure 9.13 : La boîte de dialogue de l'outil Halo

206

2 Cliquez sur Plume calligraphique. Une boîte de dialogue s'affiche.

^ ' -'-t • "•• tf y-\ ' ,-v •*/*>>',/ % ]

••'_•/; Rayons Nombre :

1 Ouvrez le panneau Aspect.

Halo

Centre

Opacité :

Modifier un effet

/£. f/.y^U • •;-•••' .'• ~-S,„, .'/. Figure 9.14 : Les options de l'effet Plume calligraphique

3 Réduisez légèrement la longueur des traits. Cliquez sur OK. L'effet se met à jour automatiquement mais l'aspect des traits est encore un peu trop appuyé. 4 Ouvrez le panneau Transparence. Réduisez le paramètre Opacité à 11 %. Comme vous pourrez le constater, dans le fichier final collage.ai, un motif aquarelle a été ajouté. Pour le passer en dessous de la femme, utilisez les commandes du menu Objet/Disposition. 9.6. Les effets Photoshop

207

Les modes de fusion Pour fusionner ce motif avec le reste de l'illustration, utilisez les modes de fusion : 1 Dans le panneau Transparence, déroulez le menu des modes de fusion. 2 Sélectionnez le Mode de fusion : Incrustation. Le m o t i f est alors c o m b i n é au collage. D'autres couleurs font leur apparition du fait du mélange des deux éléments. Le choix d u m o d e de fusion dépend en fait de ce que v o u s souhaitez obtenir. Généralement, vous n'utiliserez que quelques modes, à savoir Produit, Incrustation ou Lumière tamisée. Les deux premiers ont pour effet de multiplier les couleurs entre elles : ce qui est parfait lorsque v o u s devez juxtaposer deux images vectorielles par exemple, c o m m e dans le cas du collage. Le troisième mode est à utiliser lorsque v o u s désirez, lors du chevauchement des images, que les couleurs restent vives ou soient éclaircies. Tout dépendra en fait de leur teinte de départ. Concernant les autres modes de f u s i o n , manipulez-les avec précaution. N'oubliez pas au cours de la réalisation de l'illustration, d'en enregistrer une copie au fur et à mesure de son avancement : 1 Allez dans le menu Fichier. Choisissez la c o m m a n d e Enregistrer une copie. 2 Dans la boîte de d i a l o g u e qui s'affiche, n o m m e z votre copie c o l l a g e v l , ensuite collage_v2, etc. Vous pourrez ainsi travailler à tout moment sur une version précédente du collage. Cliquez sur OK.

RÉALISER UNE RECETTE DE CUISINE EN 3D L'effet Révolution Modifier l'effet 3D L'effet Extrusion et biseautage Mapper un objet 3D L'effet Rotation Retoucher un objet 3D dans Adobe Photoshop

211 215 216 219 221 224

Figure 9.15 : Le collage final

208

9. Réaliser un collage

209

Jusqu'ici, les illustrations étaient en deux dimensions. Illustrator vous donne la possibilité d'y ajouter un peu de profondeur grâce à ses effets 3D. Bien qu'il ne dispose pas de paramètres très avancés à ce niveau, vous pouvez réaliser des objets très divers. Ce chapitre se propose de vous montrer les étapes pour illustrer une recette de muffins. Vous utiliserez à cette occasion les effets 3D mais aussi les outils standard d'Illustrator, comme les dégradés ou les effets Pathfinder, que vous avez précédemment testés.

10.1. L'effet Révolution L'effet Révolution consiste à faire pivoter un objet autour de son axe Y jusqu'à obtenir une forme 3D.

Créer un muffin Il s'agit de dessiner un muffin. Commencez par la partie inférieure : 1 Créez un nouveau document. Peu importe la taille. 2 Affichez la grille (Afficher/Afficher la grille). Ce sera beaucoup plus facile pour dessiner votre courbe. 3 Activez le magnétisme des points (Afficher/Magnétisme des points). 4 Munissez-vous de l'outil Plume réglé sur la contour #D1C711 et sur aucune couleur de fond.

couleur

de

5 Importez le modèle d'un muffin dans le document (Fichier/Importer). Ne cochez aucune option dans la boîte d'importation.

Figure 10.1 : Le modèle de muffin 6 Convertissez le calque contenant le gâteau en un calque modèle, puis créez un nouveau calque. ^ Tracez la courbe du muffin, qui comporte six points d'ancrage.

10.1. L'effet Révolution

211

8 Dans le panneau Contrôle, choisissez une épaisseur de trait de 20 pt.

Approchez le pointeur sur les arêtes du cube. Celles-ci se colorent soit en bleu, soit en rouge, soit en vert. Le rouge représente l'axe X, le vert l'axe Y, le bleu l'axe Z. Pour le muffin, les réglages sont X: -16°, Y: -30°, Z : 7°. Laissez le paramètre Perspective par défaut. Dans la section Révolution, l'angle doit être de 360° pour que vous obteniez une forme 3D complète. Réglez l'option Aspect sur Activer pour un aspect plein. En cliquant sur le bouton Désactiver pour un aspect évidé, vous obtenez un objet creux. Modifiez la position de l'axe de la révolution sur le bord droit. Définissez un décalage de 0 pt. Cette option a pour effet de laisser un espace vide au centre de l'objet. Cela vous permet de créer des formes de type anneau.

Figure 10.2 : La courbe du muffin

11 Cliquez sur OK.

9 Allez dans le menu Effet/3D. Sélectionnez la commande Révolution. Une boîte de dialogue s'affiche.

:$. -s*" •h

-2Ï--

'**)

4»

[

ex

[

Annuler Placage...

'. Plus d'options ]

Figure 10.4 : La partie inférieure du muffin

~li Aperçu

Pour réaliser le haut du muffin, appliquez également un effet Révolution : Rsv-obfen

Angh • [

C4c33gHS

im-

*

Opt

'

iîKCt

*

t^M

'f

* >

;

Surface : Ombrags plastique T

Figure 10.3 : La boîte de dialogue Révolution 10 Cliquez sur l'option Aperçu pour visualiser les modifications. Le menu déroulant Position propose une liste d'angles de vue de l'objet représentés juste en dessous par un cube. La face bleue correspond à la partie que vous voyez devant vous. Si vous faites pivoter ce cube, le muffin se déplace de la même manière.

212

10. Réaliser une recette de cuisine en 3D

1 À l'aide de l'outil Plume, tracez une courbe ouverte avec un contour marron (CCA646) de 20 pt et une couleur de remplissage réglée sur Aucune. 2 Allez dans le menu Effet/3D. Choisissez la commande Révolution. 3 Dans la boîte de dialogue correspondante, réglez les champs situés en regard du cube comme suit : X: -9°, V: -26°, Z : 4°. Réglez le décalage sur 0 pt. Définissez la position de l'axe de révolution sur le bord droit. Cochez l'option Aperçu. Cliquez sur OK. Pour compléter l'illustration, dessinez une cerise. Appliquez-lui un dégradé radial blanc vers le rose (R : 226, V: 0, B : 26).

10.1. L'effet Révolution

213

Réglez les paramètres des lumières de la surface : — Intensité lumineuse : 100 %. _ Lumière ambiante : 50 %. _ Intensité des tons clairs : 61 %. _ Taille des tons clairs : 90 %. — Étapes de dégradé : 200. Ajoutez deux lumières supplémentaires. 10 Cliquez sur OK.

Figure 10.5 : Le muffin complet L'exercice suivant consiste à créer un mesureur. Cette fois, vous partirez d'un tracé fermé. Figure 10.7: Le mesureur

Créer le mesureur

La prochaine étape consiste à modifier l'apparence du mesureur.

1 Affichez la grille. 2 Activez l'outil Plume. 3 Dans le panneau Contrôle, réglez la couleur de f o n d sur le blanc. 4 Cliquez sur le plan de travail pour positionner le premier point d'ancrage. 5 Placez un second point d'ancrage, puis déplacez le pointeur vers le bas.

7 Amenez le pointeur vers la gauche, puis cliquez de nouveau encore quatre fois jusqu'à obtenir ce type de tracé.

2U

10. Réaliser une recette de cuisine en 3D

2 Faites glisser le premier point d'ancrage vers le bas pour créer un creux au centre de la f o r m e . Les modifications s'appliquent automatiquement au mesureur.

4 Dans la boîte de dialogue qui s'affiche, réglez la Quantité horizontale: 10 % et la Quantité verticale: 1 0 % . Définissez le paramètre Quantité relative. Cochez les trois options Points d'ancrage, Points intérieurs, Points extérieurs. Cliquez sur OK.

8 Sélectionnez-le puis allez dans le menu Effet/3D. Choisissez la c o m m a n d e Révolution.

Dans le menu Position, choisissez Hors axe avant (X: - 1 8 ° , V: - 2 6 ° , Z: 8°).

1 Avec l'outil Sélection directe, cliquez sur le tracé du mesureur.

3 Allez dans le menu Effet/Distorsion et déformation. Choisissez la c o m m a n d e Peaufinage.

6 Positionnez un troisième point.

9 Dans la boîte de dialogue qui s'affiche, activez l'aperçu. Le tracé a été converti en récipient. Ajustez-le.

10.2. Modifier l'effet 3D

5 Ajoutez une o m b r e portée par le biais du panneau Aspect. Cliquez sur l'icône Fx. La liste des effets disponibles apparaît. Allez dans la catégorie Spécial. Sélectionnez Ombre portée. Une boîte de dialogue d'options apparaît. Figure 10.6: La courbe du mesureur

6 Faites les réglages s u i v a n t s : Mode de fusion: Produit, Opacité: 38 %, Décalage sur l'axe X : 1 px. Décalage sur l'axe V : 2 px. Laissez les autres paramètres par défaut. Cochez l'option Aperçu pour visualiser l'ombre portée. Cliquez sur OK.

10.2. Modifier l'effet 3D

215

A

Réglages de I ombre portée

ATTENTION .,

.

, j -

„

•

„

- -x

,

j-x-

5 Cochez l'option Aperçu pour visualiser le résultat. Le livre commence déjà à prendre du volume mais pour l'instant, le résultat n'est pas celui escompté.

Ne cochez pas des le départ I option Aperçu pour éviter que les modifica| tions apportées au fur et à mesure de vos tests ralentissent votre ordinateur.

Les axes sont définis ainsi : X: -33°, Y: -24°, Z : 14°.

Il s'agit à présent de dessiner le livre de recettes. Pour cela, vous utiliserez la fonction Extrusion et biseautage.

Réglez la Profondeur d'extrusion : 400 pt. En définissant cette option, vous indiquez le nombre de fois que vous désirez copier l'objet de départ. Plus la valeur est élevée, plus la forme est reproduite et, bien entendu, l'opération risque d'être longue.

10.3. L'effet Extrusion et biseautage 1 Activez l'outil Rectangle arrondi. 2 Dans la boîte à outils, assurez-vous que la couleur de fond est au premier plan. Double-cliquez dessus pour ouvrir le sélecteur de couleurs. Choisissez un orange (#E5841A).

Concernant l'aspect, l'option est identique à celle de l'effet Révolution. Ici, votre forme sera pleine. Réglez le Biseau sur Aucun. Cette option permet d'avoir une forme avec des bords personnalisés. Cliquez sur OK.

3 Cliquez avec l'outil Rectangle arrondi sur le plan de travail. La boîte de dialogue de l'outil s'affiche. Définissez les paramètres Largeur: 318 px et Hauteur : 34 px. Laissez la valeur de Rayon par défaut.

Figure 10.8 : La courbe du livre Cliquez sur OK. 4 Allez dans le menu Effet/3D. Choisissez la commande Extrusion et biseautage. Une boîte de dialogue s'ouvre.

Figure 10.10 : Le livre de recettes La dernière section Surface permet de définir l'aspect général et les lumières à appliquer sur le livre.

Définir les lumières

OK

Cette section est également présente dans la boîte de dialogue de l'effet Révolution, mais pour le muffin, les lumières par défaut suffisaient.

Placage.. Plus d'options

1 Choisissez un style pour le livre dans le menu déroulant Surface. Ici, sélectionnez Ombrage plastique. Vous l'utiliserez pour réaliser une surface métallisée ou un verre par exemple.

WJ Aperçu

Parmi les types de surfaces disponibles, vous avez : • Structure filaire : permet d'obtenir une forme en fil de fer. Il requiert moins de calculs et, par conséquent, l'aperçu est obtenu plus rapidement et de façon plus fluide. Figure 10.9 : La boîte de dialogue Extrusion et biseautage

216

10. Réaliser une recette de cuisine en 3D

10.3. L'effet Extrusion et biseautage

217

•

Sans ombrage: la f o r m e apparaît sans aucune lumière, ni o m brage. Vous n'avez q u ' u n objet plat.

•

Ombre diffus : les ombres sont ajoutées à l'objet. Dans ce cas de figure, les options d'intensité des tons clairs et de taille des tons clairs ne sont pas disponibles.

2 Si aucune de ces surfaces ne vous convient, vous pouvez créer vos propres lumières. Pour cela, cliquez t o u t d'abord sur le bouton Plus d'options. Le cercle qui est à gauche des options de lumières permet de positionner les lumières : Figure 10.11 : Le cercle lumineux

| Pour en supprimer, cliquez sur la troisième icône, Supprimer la lumière. + Pour placer une lumière à l'arrière de l'objet, cliquez sur

l'icône Amener la lumière sélectionnée

La prochaine étape consiste à plaquer une image et une texture sur le livre.

10.4. Mapper un objet 3D

Pour en ajouter, cliquez sur l'icône Nouvelle lumière.

•

4 Vous avez aussi la possibilité de définir la couleur de chacune des lumières que vous appliquerez. Pour cela, cliquez sur la lumière concernée sur le cercle. Choisissez l'option Personnalisée dans le menu déroulant Couleur d'ombrage. Cliquez sur le carré coloré pour sélectionner une autre nuance. Ici, laissez le paramètre Couleur d'ombrage sur le noir.

derrière

l'objet.

3 Pour repositionner la source de la lumière déjà présente sur le cercle, cliquez dessus, puis faites-la glisser légèrement sur la gauche vers un nouvel emplacement. Les options situées à droite permettent de paramétrer l'interaction entre les lumières et la surface. Vous avez le choix entre : •

Intensité lumineuse : contrôle la force de la lumière. Plus la valeur est élevée, plus la lumière est claire. À l'inverse, vous obtenez davantage d ' o m b r e lorsque la valeur de l'intensité d i m i n u e .

•

Lumière ambiante : détermine la lumière globale de l'objet.

•

Intensité des tons clairs: contrôle la force de la réflexion de la lumière sur la surface de l'objet. Cette option est à utiliser lorsque vous souhaitez créer un verre par exemple.

Tout d'abord, vous devez créer les éléments à appliquer. Commencez par la texture : 1 Tracez une ligne avec l'outil Plume. Dans le panneau Contrôle, réglez la couleur de contour sur le noir et la couleur de fond sur Aucun. 2 Dupliquez cette ligne. Tout en maintenant enfoncée la touche ( M ) , faites glisser le pointeur vers le bas. 3 Alignez les lignes. Pour cela, sélectionnez-les avec l'outil Sélection. Dans le panneau Contrôle, cliquez sur l'icône Alignement horizontal au centre. 4 Allez dans le menu Objet/Dégradé de formes. Choisissez la c o m mande Options de dégradés. Dans la boîte de dialogue qui s'affiche, choisissez l'option Étapes dans le menu déroulant Pas. Définissez 20 étapes dans le c h a m p correspondant. Cliquez sur OK. 5 Appuyez sur les touches fM)+fctri]+fB) pour appliquer ce dégradé de formes. 6 Ouvrez le panneau Symboles (Fenêtre/Symboles). Faites glisser la texture que vous venez de créer vers le panneau Symboles. Cliquez sur l'icône Options de symbole.

•

Taille des tons clairs : définit la taille des lumières les plus claires.

7 Une boîte de dialogue s'ouvre dans laquelle vous allez paramétrer le symbole. Donnez-lui le n o m de t e x t u r e l i v r e . Cochez l'option Graphique. Cliquez sur OK.

•

Étapes de dégradé: spécifie la transition entre les couleurs de l'objet. Par défaut, lllustrator n'utilise que 25 étapes. Cela est suffisant pour des raisons de performances. Néanmoins, vous pouvez augmenter cette valeur si l'objet que vous créez est destiné à être i m p r i m é et si son aspect n'est pas lisse.

figure 10.12: La texture duivre I

Concernant le livre, définissez 50 étapes de dégradé.

218

10. Réaliser une recette de cuisine en 3D

10.4. Mapper un objet 3D

219

8 Importez la couverture du livre (Fichier/Importer). Comme pour la texture, faites-la glisser vers le panneau Symboles. 9 Dans la boîte de dialogue Options de symbole, nommez-la couverture livre. Cliquez sur OK.

Sur la première surface, vous allez placer le symbole texture livre. Pour cela, déroulez le menu Symbole. Choisissez le symbole en question dans la liste. Redimensionnez le symbole. Utilisez l'une des deux méthodes suivantes : _ Faites glisser les poignées de sélection. _ Cliquez sur le bouton Ajuster. Le redimensionnement se fait automatiquement. Naviguez jusqu'à la surface 6 à l'aide des flèches de navigation. Dans le menu Symbole, sélectionnez la couverture du livre qui apparaît sur la surface choisie. Ajustez-la. Votre couverture est désormais à la taille de la surface choisie du livre. Cliquez sur OK pour terminer.

Figure 10.13 : La couverture du livre

11 Ouvrez le panneau Aspect. 12 Cliquez sur le lien hypertexte Extrusion et biseautage 3D pour accéder aux options de l'effet. Dans la boîte de dialogue qui s'affiche, cliquez sur le bouton Placage. Cette fonction va vous permettre d'appliquer vos motifs sur différentes parties du livre. 13 Une nouvelle boîte de dialogue s'affiche. Les surfaces du livre apparaissent au départ en fil de fer car l'option Aperçu est décochée. Le tracé rouge que vous pouvez voir sur le livre représente la face sélectionnée pour l'application du symbole.

svpto* ;

Surfit : H -4 io dis 13 *• *-t

Placage de symbole Si vous avez une forme complexe, vos surfaces sont de ce fait plus nombreuses et le placage devient alors difficile. Par conséquent, essayez de rester simple dans la conception de vos formes.

REMARQUE

10 Sélectionnez le livre avec l'outil Sélection.

Placage de symbole Vous ne pouvez pas appliquer un même symbole à plusieurs surfaces.

Le dernier effet qui sera vu est l'effet Rotation.

10.5. L'effet Rotation

OK_ Annuler

Cet effet ne transforme pas proprement dit un objet 2D en objet 3D, mais lui applique un effet de perspective. Vous allez faire pivoter une table de cuisine sur laquelle un effet Révolution a été appliqué.

t M -• : jHr -.ii i:~-r.--=> A.'.îiï <=. _;•' "•?:- :y":-t-: -•

e SvkraohT

1 Ouvrez le fichier table.ai. 2 Allez dans le menu Effet/3D. Choisissez la commande Rotation.

Figure 10.14: La boîte de dialogue Placage

220

10. Réaliser une recette de cuisine en 3D

3 Dans la boîte de dialogue qui s'affiche, vous retrouvez les principales options des autres effets 3D bien qu'elles soient un peu limitées. Vous ne pouvez pas plaquer d'image. L'option Biseau n'existe pas. Comme Type de surface, vous n'avez qu'Ombrage diffuset Sans ombrage.

10.5. L'effet Rotation

221

QK

j

Annuler \

-1S1

Pour terminer sur les effets 3D, vous allez représenter la pâte des muffins. Il s'agit de créer la cuillère et de la placer dans le plat présent.

La technique avancée pour un effet 3D

Plus d'options

1 Ouvrez le fichier plat.ai.

-2S£

;.„...] Aperçu

2 Créez un nouveau calque.

*•

3 Tracez un rectangle de 42 pixels sur 49 pixels. Attribuez-lui une couleur de fond mauve. : Qe Perspectif ; 0

* :

4 Sélectionnez le manche. Appliquez-lui un effet Extrusion et biseautage (Effet/3D/Extrusion et biseautage).

Figure 10.15 : La boîte de dialogue Rotation

5 Une boîte de dialogue s'affiche. Réglez les paramètres : X : - 2 0 ° , Y: -10°, Z : 8°, Profondeur d'extrusion : 10 pt. Choisissez un Biseau de type Corniche d'une Hauteur de 4 pt. Laissez la Perspective sur 0°. Cliquez sur OK.

Réglez les champs des axes de la manière suivante : X : -1°, V: -33°, Z : 0°. Cochez l'option Aperçu pour visualiser le résultat. Cliquez sur OK une fois que le résultat vous satisfait.

6 Dessinez une ellipse allongée. 7 Allez dans le menu Fenêtres/Bibliothèques de styles graphiques /Effets de griffonnage.

i... M ... "a

x

Figure 10.16: La table de cuisine

Les effets 3D Évitez d'appliquer un dégradé à vos objets avant de les transformer en une forme 3D. Vous risqueriez de ralentir votre ordinateur mais aussi de ne pas obtenir ce que vous souhaitez au final. Par ailleurs, comme vous avez pu le constater, pour créer un objet 3D, vous pouvez aussi bien partir d'un tracé ouvert ou fermé. Les effets 3D ont deux limites. D'une part, les objets 3D ne peuvent être combinés. D'autre part, chacun possède ses propres attributs.

I Figure 10.17: Les effets de griffonnage

8 Appliquez à la cuillère un effet Griffonnage9. 9 Dupliquez l'ellipse. Pour cela, double-cliquez sur l'outil Mise à l'échelle. Dans la boîte de dialogue qui s'affiche, définissez une échelle Uniforme de 80 %, puis cliquez sur le bouton Copier. 10 Remplissez l'objet avec du noir. H Alignez les ellipses avec le manche. Groupez l'ensemble (fctri]+fG|). 2 Faites pivoter le tout.

1

13 Sélectionnez le plat. Ensuite, verrouillez cette sélection (Objet/ Verrouiller/Sélection). M Placez la cuillère sur le plat.

222

10. Réaliser une recette de cuisine en 3D

10.5. L'effet Rotation

223

15 À l'aide de l'outil Gomme, supprimez l'extrémité de la cuillère. Vous devez faire en sorte que la cuillère soit dans le plat.

7 Un cadre de sélection apparaît autour de l'objet. Tout en maintenant enfoncée la touche [Map, faites glisser la poignée du cadre en diagonale. 8 Une fois que le résultat vous satisfait, cliquez sur l'icône en forme de coche dans le panneau Contrôle. Cela signifie que vous validez la forme importée. 9 La taille du mesureur n'est pas encore parfaite. Pour la corriger, utilisez le menu et les outils 3D. Allez dans le menu 3D. Choisissez la commande Nouvelle carte postale 3D d'après un calque. Les outils 3D de déplacement et de transformation deviennent alors disponibles.

Figure 10.18: Le plat

Dans le coin supérieur gauche de la fenêtre de travail, une icône formée de 2 axes symbolisés par des couleurs apparaît. L'axe X est représenté par du rouge tandis que c'est la couleur verte qui correspond à l'axe Y.

Les objets que vous venez de créer peuvent être retouchés dans Adobe Photoshop CS5 Extended.

10.6. Retoucher un objet 3D dans Adobe Photoshop Vous allez changer l'éclairage du mesureur et lui appliquer un motif : 1 Ouvrez le document contenant le mesureur dans lllustrator. 2 Sélectionnez-le avec l'outil Sélection. 3 Allez dans le menu Edition. Choisissez la commande Copier. 4 Lancez Photoshop. 5 Créez un nouveau document Photoshop par défaut ([ctiï|+(TJ]). 6 Dans le menu Edition, sélectionnez la commande Coller. Le mesureur s'affiche sur le plan de travail. Une boîte de dialogue d'importation s'ouvre à ce moment-là dans laquelle vous devez choisir la méthode d'importation. Cochez l'option Coller en tant qu'Objet dynamique. Cliquez sur OK.

Objet dynamique Vous pouvez ainsi redimensionner votre mesureur sans affecter la qualité de l'image.

DEMARQUE

224

10. Réaliser une recette de cuisine en 3D

Figure 10.19 : Les axes de repositionnement !

"*i

Dans la boîte à outils, activez l'outil Orbite 3D.

Dans le coin supérieur gauche de la zone de travail, cliquez sur le carré blanc. Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur vers le haut pour augmenter la taille du mesureur ou vers le bas si vous souhaitez au contraire la diminuer. 10 Importez le motif du mesureur (Fichier/Importer). Celui-ci se place sur son propre calque. 11 Dans le panneau Calques, passez ce calque en Mode de fusion : Produit. 12 Cliquez sur le bouton Ajouter un masque vectoriel. Ce masque vous permettra d'effacer les parties du motif que vous ne souhaitez pas conserver. Dans la boîte à outils, cliquez sur l'outil Pinceau. Dans le panneau Contrôle, déroulez le menu Formes. Sélectionnez un Pinceau aux contours durs d'une taille moyenne.

10.6. Retoucher un objet 3D dans Adobe Photoshop

225

• Assurez-vous dans la boîte à outils que la couleur de premier plan est le noir. Si ce n'est pas le cas, réinitialisez les couleurs. La manipulation est identique à celle opérée dans lllustrator. Appuyez sur les touches (x) et (D). Appliquez de la peinture p o u r f a i r e disparaître les parties non voulues du motif. 13 Une fois que le résultat vous satisfait, fusionnez les calques du motif avec celui du mesureur. Pour cela, masquez le calque Arrièreplan : cliquez sur son icône en f o r m e d'œil. Utilisez le menu Calque/Fusionner les calques visibles (fMiD+[ctri]+[¥[). 14 Pour compléter l'illustration, changez l'éclairage du mesureur. Pour ce faire, dans le panneau Réglages, déroulez le menu Niveaux. Choisissez l'option Plus foncé. 15 Une boîte de dialogue de réglage s'ouvre. Faites glisser le curseur des tons foncés (triangle noir) vers la droite. Les modifications s'appliquent instantanément au mesureur. Cliquez sur OK. 16 Sauvegardez l'illustration via le m e n u Fichier/Enregistrer sous. Dans la boîte de dialogue d'enregistrement du fichier, sélectionnez le f o r m a t Photoshop.

LES SYMBOLES

Fusion des calques

Pensez toujours à enregistrer une copie au format Photoshop pour y revenir ultérieurement en vue d'éventuelles modifications. Dans ce cas de figure, évitez de fusionner les calques sinon ce ne sera d'aucune utilité. Vous n'effectuerez cette opération que lors de l'enregistrement final de l'illustration. Les bibliothèques de symboles Créer un symbole Modifier un symbole Colorer un symbole noir et blanc Remplacer un symbole Supprimer les symboles Enregistrer des symboles Les opérations de transformation Les outils de symbolisme L'outil Rotation de symboles Amélioration de l'aspect visuel des symboles pour le web

226

10. Réaliser une recette de cuisine en 3D

229 229 232 234 235 236 236 237 241 246 247

227

Ce chapitre se propose de vous expliquer l'utilisation des symboles par le biais des illustrations de la couverture et du sommaire du magazine Artsyl. Leur usage offre plusieurs avantages. Tout d'abord, ils permettent de gagner du temps. En effet, chaque copie de symbole que vous déposez sur le plan de travail n'est en fait qu'un lien vers le symbole initial. De ce fait, le recours à ce type de dessin évite d'augmenter la taille des fichiers. Pour que vous puissiez répartir et modifier l'aspect de ces symboles, lllustrator met à votre disposition les outils de symbolisme. Tout d'abord, vous allez réaliser la couverture du magazine. Vous commencerez par appliquer un symbole de l'une des bibliothèques.

11.1. Les bibliothèques de symboles lllustrator propose par défaut une quantité importante de symboles répartis dans différentes bibliothèques. Pour y accéder, procédez comme suit : 1 Allez dans le menu Fenêtres/Bibliothèques de symboles/Ensemble de vecteurs à motif floral. Les bibliothèques de symboles sont rangées par thèmes. 2 Placez le symbole Floride groupe vectorie!08 sur le plan de travail. 3 Appliquez-lui un effet de symétrie vertical à l'aide de l'outil Miroir. Dans la prochaine étape, vous allez créer plusieurs symboles.

11.2. Créer un symbole La couverture du magazine est entièrement réalisée avec des symboles. Vous avez déjà vu précédemment comment créer rapidement un symbole. Voyons à présent plus en détail les techniques à votre disposition. Comme vous pourrez le constater, définir un symbole est relativement simple. Tout graphique peut devenir un symbole. Tout d'abord, vous allez dessiner un premier symbole à partir d'une photographie.

Créer un symbole depuis une image La couverture du magazine est composée d'une silhouette de personnage. Dans les chapitres précédents, vous avez mis en œuvre deux techniques qui permettent de réaliser ce type de dessin. Voyons à présent une troisième méthode : 11.2. Créer un symbole

229

— 1 Dans Photoshop, détourez la photographie d'un personnage à l'aide de l'outil Sélection rapide. 2 Convertissez l'image en noir et blanc. Pour cela, appliquez-lui un calque de réglage noir et blanc. 3 Enregistrez le résultat au format Photoshop (Fichier/Enregistrer sous). 4 Ouvrez le fichier dans Adobe lllustrator. 5 Munissez-vous de l'outil Plume. Réglez sa couleur de contour sur Aucun et sa couleur de fond sur le noir. 6 Créez un nouveau calque. Verrouillez celui qui contient le modèle de référence. 7 Tracez le contour du personnage.

La prochaine étape consiste à créer un crâne. 1 Allez sur le site www.sxc.hu. 2 Cliquez sur l'onglet Advanced search. Dans le champ Search for, saisissez skull, puis sélectionnez no dans le menu déroulant Restricted OK. Cliquez sur le bouton Submit pour lancer la recherche.

~i-

£• stocfcxcfang - acl.'sr>ced search

Çj} * •' /

gjjj

"

9|fi *

; * Psqe

f f Le mode protégé est actuellement désactivé pour ia zone Intranet local. Cliquez ici pour ouvrir les paramètres de sécurité.

2 MILLION IMAGES

stockxpert

stock.xchng

byjupiîenmaoes.

Browse / Advanced search

date, cescending

-r

20 par page T

Advanced search box Saarchfcr

« 0

wo

TypsÉ

skuJI ïn cstegsry Wy accotant

0

T

3

0

Sy ?h2tsï ; :ff.~ ; -

P>5=;ri«£s OK

- im*ge caMfBftM

2 CC8-12-16 Mfer 2DQ1-01-0I

'••'•'g iih-:i:y-

• w;-;-

@ Internet [ MâÉB protégé : activé

Figure 11.1 : La silhouette Figure 11.2: Lesitesxc.hu 8 Réajustez les points d'ancrage à l'aide de l'outil Sélection directe. La silhouette est prête. 9 Appuyez sur la touche (rë). La boîte de dialogue d'options de symbole s'affiche. 10 Donnez-lui un nom. Cochez l'option Graphique. Les autres options concernent les symboles qui sont importés dans Adobe Flash. 11 Cliquez sur OK. La silhouette apparaît dans le panneau Symboles.

Créer un symbole ,ARQUE

Vous ne pouvez pas créer un symbole à partir d'une image liée. Par contre, une image incorporée peut être définie comme symbole.

230

3 Ouvrez la photographie du crâne dans lllustrator (Fichier/Ouvrir). 4 Réduisez-la avec l'outil Mise à l'échelle. 5 Appliquez-lui un effet Contour postérisé (Effet/Artistiques/Contour postérisé). 6 Dans la boîte de dialogue qui s'affiche, définissez les paramètres comme suit : Épaisseur : 2, Intensité : 1, Postérisation : 2. Cliquez sur OK (voir Figure 11.3) ^ Dans le panneau Contrôle, sélectionnez la méthode de vectorisation Dessin à l'encre. 8 Affichez le panneau Symboles.

11.2. Créer un symbole 11. Les symboles

231

Figure 11.4 : Vectorisation du bouquet de fleurs

Figure 11.3 : Le crâne postérisé

9 Faites glisser le crâne vers ce panneau. La boîte de dialogue Options de symbole s'ouvre. 10 Nommez votre symbole. Cochez l'option Graphique, puis cliquez surOK. Vous pouvez supprimer l'illustration présente sur le plan de travail.

11.3. Modifier un symbole Lorsque vous effectuez des changements sur le symbole original, toutes les instances de ce symbole sont mises à jour. Si au contraire, vous souhaitez modifier uniquement une copie du symbole sans toucher au symbole original, vous devez rompre le lien entre les deux.

Rompre le lien

7 Supprimez le dessin de départ. 8 Le symbole est créé mais, pour l'illustration, vous avez besoin de l'appliquer verticalement. Faites glisser le symbole sur le plan de travail. 9 Dans le panneau Contrôle, cliquez sur le bouton Rompre le lien. Vous conservez ainsi le symbole original qui sera utilisé plus tard dans une autre illustration. 10Double-cliquez sur l'outil Rotation. Dans la boîte de dialogue qui s'ouvre, définissez un angle de rotation de -45°, puis cliquez sur OK.

ASTUCE

Mettre à jour le symbole Même si vous avez rompu le lien avec le symbole original, vous pouvez quand même le mettre à jour : 1

Cliquez sur le symbole.

2

Tout en maintenant enfoncée la touche (M), faites-le glisser sur le symbole original dans le panneau Symboles. Celui-ci se met automatiquement à jour.

Procédez comme suit pour modifier une instance de symbole. Il s'agit de créer et de modifier un tapis de fleurs : 1 Ouvrez l'image d'un bouquet de fleurs que vous aurez détouré au préalable dans Adobe Photoshop. 2 Appliquez-lui un effet Barbouillage (Effet/Artistiques/Barbouillage). Dans la boîte de dialogue qui s'affiche, acceptez les paramètres par défaut. 3 Vectorisez l'image (voir Figure 11.4).

Modifier le symbole original Il s'agit à présent de modifier le symbole de la silhouette : 1 Tout d'abord, sélectionnez le symbole sur le plan de travail.

4 Sélectionnez-la. 5 Dans le menu local du panneau Symboles, choisissez la commande Nouveau symbole. 6 Dans la boîte de dialogue qui s'affiche, nommez-le, puis cochez l'option Graphique. Pour finir, cliquez sur OK. 232

11. Les symboles

REMARQUE

La sélection du personnage Si vous avez quelques problèmes pour sélectionner ce personnage, utilisez !e panneau Calques.

1

Déroulez le calque supérieur contenant l'ensemble des composants de l'illustration.

11.3. Modifier un symbole

233

REMARQUE

2 Verrouillez tous les sous-calques, excepté celui du personnage. Cliquez sur l'icône en forme de cible pour le sélectionner.

2 Pour modifier ce symbole, vous disposez de plusieurs solutions : _ Dans le panneau Contrôle, cliquez sur le bouton Modifier l'original. Un message d'avertissement s'affiche vous indiquant que vous risquez de modifier l'ensemble des instances de ce symbole. Contentez-vous de cliquer sur OK. _ Double-cliquez sur le symbole. Cliquez sur OK lorsque la boîte de dialogue d'avertissement surgit. — Dans le menu local du panneau Symboles, choisissez la commande Modifier le symbole.

4 Ouvrez par exemple la bibliothèque de dégradés Couleurs vives. Cliquez sur le dégradé Jaune vert. 5 Une fois que vous avez terminé la coloration, quittez le mode Isolation. 6 Faites glisser le symbole vers le panneau Symboles. 7 Cliquez sur le bouton Options de symbole. Dans la boîte de dialogue qui s'affiche, nommez-le, puis cochez l'option Graphique. Vous disposez maintenant de deux versions du même symbole. Cliquez surOK. Options de symb

|

Nom : • Bouquet Type :

Graphique

j •

Enregistrement :

fiS

OK

1

1

Annuler

L'Activer les repères pour la mise à l'échelle en 9 tranches

3 Le mode Isolation est activé. Prenez l'outil Sélection directe. 4 Sélectionnez la main droite du personnage. Appuyez sur les touches [Ctrï]+|C~|5 Collez cette main par le biais du raccourci clavier [ctril+fv]. 6 Double-cliquez sur l'outil Miroir. Effectuez une symétrie de la main sur l'Axe Vertical, puis cliquez sur OK. 7 Déplacez la main sur le bras gauche à l'aide de l'outil Sélection. 8 Sélectionnez la main gauche, puis le corps du personnage. 9 Ouvrez le panneau Pathfinder. Cliquez sur le mode Réunion pour combiner les deux éléments. 10 Quittez le mode Isolation en utilisant le chemin de navigation en haut de votre zone de travail.

Aligner sur le grille en pixels

\

Flash, li r =x ".i ; - ; . f 5 r-tfsrarrse e r t r t cas deux symboles dam Ilustreter.

Figure 11.5: La boîte de dialogue Options de symbole Parfois, vous devrez remplacer un s y m b o l e par un autre. L'opération est relativement simple à réaliser.

11.5. Remplacer un symbole Comme vous avez dû le constater, lorsque vous avez appliqué le symbole du tapis des fleurs, il existait déjà un symbole à cet emplacement. Vous allez donc le remplacer par ce tapis et le supprimer de ce fait :

Les modifications apportées au symbole sur le plan de travail se sont répercutées sur le symbole original. Pour le vérifier, faites glisser de nouveau le symbole sur l'illustration.

2 Sélectionnez le symbole en place.

Les symboles que vous venez de créer sont en noir et blanc. Vous pouvez les colorer si vous le souhaitez.

3 Dans le panneau Contrôle, déroulez le menu Remplacement. La liste des symboles présents dans votre illustration s'affiche.

11.4. Colorer un symbole noir et blanc 1 Sélectionnez le symbole sur le plan de travail. 2 r^r.ï'ii~1 Dans le panneau Contrôle, cliquez sur le bouton Rompre le lien.

1 Supprimez le tapis de fleurs.

4 Cliquez sur le symbole du tapis des fleurs. Celui-ci apparaît en lieu et en place de l'ancien symbole.

Remplacer un symbole Pour remplacer un symbole existant, vous pouvez cliquer directement sur u n symbole dans le panneau Symboles.

3 Double-cliquez sur le symbole. Le mode Isolation est activé. 234

11. Les symboles

11.5. Remplacer un symbole

235

11.6. Supprimer les symboles Vous pouvez supprimer un symbole, à l'instar d'une forme ou d'une nuance. Cependant, cette opération a des conséquences différentes selon ce que vous souhaitez en fait réaliser. Pour supprimer un symbole, effectuez les étapes suivantes : 1 Sélectionnez le symbole en question dans l'illustration. 2 Dans le panneau Symboles, faites glisser la vignette du symbole sur l'icône Supprimer le symbole. 3 Un message d'avertissement s'affiche. Deux boutons vous sont proposés. Leur effet est différent : Le premier bouton, Décomposer les instances, permet de conserver sur le plan de travail les instances de ce symbole. Décomposer les instances

Supprimer les instances

Le second bouton. Supprimer les instances, efface les instances du symbole ainsi que le

symbole original.

Les symboles peuvent recevoir des styles graphiques. Vous pouvez également leur appliquer des déformations. Dans le prochain cas pratique, vous réaliserez l'image de la page sommaire. Elle représente un chat stylisé.

11.8. Les opérations de transformation Appliquer des opérations de transformation à un objet consiste à le déformer. Vous commencerez par le corps du chat.

Créer la forme de base 1 Créez un nouveau document de la taille que vous souhaitez. 2 Activez la grille. 3 Munissez-vous de l'outil Plume. Dans le panneau Contrôle, réglez sa couleur de contour sur du noir et la couleur de fond sur Aucun. 4 Cliquez sur le plan de travail pour positionner le premier point d'ancrage.

4 Cliquez sur l'un d'entre eux.

5 Amenez le pointeur vers le bas, puis cliquez de nouveau mais ne relâchez pas le bouton de la souris.

Les symboles créés peuvent être enregistrés dans une bibliothèque de symboles.

6 Donnez à votre ligne la forme d'une courbe. Une fois que le résultat vous satisfait, relâchez le tout.

11.7. Enregistrer des symboles L'opération de sauvegarde des symboles se réaiise dans le panneau Symboles. Il s'agit donc de conserver les symboles que vous venez de créer : 1

-a.

Cliquez sur le bouton Menu Bibliothèques de symboles.

2 Dans le menu qui s'affiche, sélectionnez la commande Enregistrer les symboles. La boîte de dialogue Enregistrer les symboles comme bibliothèque s'ouvre. Nommez votre bibliothèque couverture mag. Cliquez sur le bouton Enregistrer. Pour ouvrir de nouveau cette bibliothèque, procédez comme suit : 1 Déroulez le menu local du panneau Symboles. Choisissez la commande Ouvrir la bibliothèque de symboles/Utilisateur/couverture _mag.

7 Sélectionnez ce tracé avec l'outil Sélection, puis dupliquez-le via la boîte de dialogue de l'outil Miroir. Pourcela, appliquez au tracé une symétrie sur l'Axe Vertical. Cliquez sur le bouton Copier. 8 Sélectionnez les deux courbes. 9 Allez dans le menu Objet/Dégradé de formes. Choisissez la commande Options de dégradés. 10 Dans la boîte de dialogue qui s'affiche, sélectionnez Étapes dans le menu Pas. Réglez le nombre d'étapes à 20. Cliquez sur OK. 11 Appuyez sur les touches [Âit1+[ctri1+[B] pour appliquer ce dégradé de formes (voir Figure 11.6). 12 Ouvrez le panneau Symboles. Faites glisser la forme créée à l'intérieur de ce panneau. Dans le menu local, sélectionnez la commande Options de symbole. 13 Une boîte de dialogue s'ouvre. Nommez-le corps, puis cochez l'option Graphique. Cliquez sur OK.

2 La bibliothèque s'affiche dans un panneau flottant.

236

11. Les symboles

11.8. Les opérations de transformation

237

7 Une boîte de dialogue s'affiche. Définissez une taille Absolue de 10 px. Réglez sur 4 le champ Inflexions par segment. Dans la section Points, cochez l'option Crénelé. Cliquez sur OK.

11.9. Les outils de symbolisme Les outils de symbolisme permettent d'appliquer et de modifier plusieurs instances de symboles que vous pulvérisez sur le plan de travail.

L'outil Pulvérisation de symboles La première étape consiste à créer un jeu de symboles : 1 Activez l'outil Pinceau.

Figure 11.8 : Les yeux du chat

Appliquer un style graphique Les styles graphiques transforment l'apparence d'un objet. Pour ce qui est du chat, il s'agit de lui appliquer des styles graphiques : 1 Sélectionnez le corps du chat. Appliquez-lui un style graphique Demi-teinte couleur de la bibliothèque des styles graphiques Effets artistiques. 2 Cliquez sur la tête du chat. Attribuez-lui le style graphique Gouache RVB situé dans la même bibliothèque.

2 Ouvrez le panneau Formes. Sélectionnez Artistiques/Artistiques _Encre comme bibliothèque de formes. 3 Sélectionnez la forme Eclaboussure d'encre3, puis appliquez-la sur le plan de travail. 4 Modifiez sa couleur pour un bleu clair. Faites glisser la forme obtenue vers le panneau Symboles. Le symbole est créé. 5 Sélectionnez ce symbole, puis activez l'outil Pulvérisation de symboles.

L'outil Pulvérisation de symboles L'outil Pulvérisation de symboles agit à la manière d'un aérographe.

6 Faites glisser le pointeur sur la surface de travail.

Figure 11.9: Le chat stylisé Pour compléter cette illustration, il ne vous reste plus qu'à créer le décor à l'aide des outils de symbolisme.

240

11. Les symboles

Figure 11.10 : Pulvériser un symbole

11.9. Les outils de symbolisme

241

mm

Suppression de symboles Pour supprimer des copies du jeu de symboles que vous venez d'appliquer, cliquez sur l'instance de symbole à effacer tout en maintenant enfoncée la touche [Ait],

Pour le moment, le décor est constitué de taches d'encre unies. Appliquez-lui un effet de transparence. Pour cela, utilisez l'outil Transparence de symboles.

L'outil Transparence de symboles L'outil Transparence de symboles applique une opacité au jeu de symboles appliqué. 1 Activez-le dans la boîte à outils. 2 Cliquez à l'emplacement où vous souhaitez diminuer la transparence des symboles. Répétez l'opération à différents endroits. Pour réduire davantage l'opacité de ces symboles, maintenez enfoncée la touche (§ tout en cliquant sur les symboles en question.

L'illustration du chat est à présent terminée. Comme vous avez pu le constater, il existe d'autres outils de symbolisme. Vous allez créer un décor champêtre.

L'outil Glissement de symboles Tout d'abord, vous allez créer les nuages : 1 Tracez une ellipse blanche à l'aide de l'outil Ellipse. 2 Dupliquez la forme deux fois. Pour cela, tout en maintenant enfoncée la touche {m\, faites-la glisser vers la droite. Recommencez l'opération. 3 Sélectionnez les trois ellipses. 4 Combinez-les. Pour cela, ouvrez le panneau Pathfinder. Cliquez sur le mode Réunion. 5 Faites glisser le nuage vers le panneau Symboles. 6 Cliquez sur le bouton Options de symbole. Dans la boîte de dialogue qui s'affiche, nommez-le nuages, puis cochez l'option Graphique. Cliquez sur OK pour valider. 7 Sélectionnez-le. 8 Activez l'outil Pulvérisation de symboles. 9 Cliquez à différents endroits sur la surface de travail. Pour appliquer un groupe de nuages, faites glisser le pointeur sur l'illustration.

Figure 11.12 : Les nuages 10 Appliquez à chacun des nuages ou au groupe de nuages un effet de perspective pour donner un peu de profondeur à votre illustration. Pour cela, utilisez l'outil Miroir ou le panneau Transformation.

Diminuer la taille des outils de symbolisme Pour diminuer la taille de ces outils, utilisez la parenthèse ouverte 0 située en dessous du chiffre [¥) sur le clavier. À l'inverse, la parenthèse fermée Q] permet d'augmenter la taille de ces outils. Figure 11.11: Le décor avec le chat

242

11. Les symboles

11.9. Les outils de symbolisme

243

I l f p c j l Activez l'outil Glissement de symboles. Celui-ci permet de iÂ=â déplacer les jeux de symboles qui ont été appliqués sur le plan de travail.

6 Activez l'outil Coloration de symboles. 7 Cliquez sur l'une des fleurs. Répétez les étapes 5 et 6 pour les autres fleurs.

12 Cliquez sur ces derniers puis, tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le jeu de symboles vers l'emplacement où vous souhaitez le positionner. Répétez l'opération pour les autres jeux de symboles. Si cette répartition ne vous convient pas, vous pouvez toujours la modifier avec l'outil Espacement de symboles.

L'outil Espacement de symboles p ~ l L'outil Espacement de symboles permet de rapprocher ou d'éloi•—-^ gner un jeu de symboles. 1 Activez-le dans la boîte à outils. 2 Cliquez sur les nuages. Tout en maintenant enfoncé le bouton gauche de la souris, faites glisser le pointeur dans la zone où vous souhaitez rapprocher les nuages les uns des autres.

Figure 11.13: Les fleurs pulvérisées La prochaine étape consiste à leur donner un effet de perspective. Pour cela, vous utiliserez l'outil Redimensionnement de symboles.

L'outil Redimensionnement de symboles

À l'inverse, si vous désirez les éloigner les uns des autres, maintenez enfoncée la touche [Ait] lorsque vous faites glisser le pointeur sur le plan de travail.

1 l; - v;| Activez l'outil Redimensionnement des symboles dans la boîte 1 -^1 à outils. Comme son nom l'indique, il permet de modifier la taille d'un jeu de symboles.

Poursuivons la réalisation du décor. Vous allez appliquer le symbole d'une fleur sur le champ, puis le colorer, le redimensionner. Pour finir, vous lui attribuerez un style graphique.

2 Pour réduire la taille des fleurs, maintenez la touche (M) enfoncée, puis cliquez sur les fleurs dont vous souhaitez réduire la taille.

L'outil Coloration de symboles L'outil Coloration de symboles modifie la couleur de la teinte des symboles. 1 Importez le fichier fleur_symbole.aidans le document. Décochez les options Lien et modèle inutiles ici. 2 Faites glisser la fleur vers le panneau Symboles. 3 Ouvrez la boîte de dialogue Options du symbole. Nommez le symbole fleur, puis cochez l'option Graphique. Cliquez sur OK. 4 Pulvérisez le symbole sur la surface du champ à l'aide de l'outil Pulvérisateur.

À l'inverse, pour augmenter leur taille, cliquez ou faites glisser l'outil sur le jeu de symboles. Une fois que le résultat vous convient, il ne vous reste qu'à appliquer aux nuages et aux fleurs un style graphique grâce à l'outil Stylisation de symboles.

L'outil Stylisation de symboles L'outil Stylisation de symboles permet d'appliquer un style graphique à un jeu de symboles. Commencez par les nuages : 1 Sélectionnez l'effet Ombre disponible dans la bibliothèque des styles graphiques Effets d'image.

5 Sélectionnez une couleur dans le Guide des couleurs.

2U

11. Les symboles

11.9. Les outils de symbolisme

245

2 Sélectionnez les nuages concernés. 3 Double-cliquez sur l'outil Stylisation de symboles dans la boîte à outils pour accéder à sa boîte de dialogue d'options. 4 Réduisez l'option Densité qui a pour effet de réduire ou d ' a u g m e n ter la quantité du style graphique que vous appliquez. Diminuez le diamètre de l'outil. Cliquez sur OK. 5 Appliquez-leur le style graphique choisi. 6 Si l'intensité de l'effet est t r o p forte, tout en maintenant enfoncée la touche [Ait], cliquez avec l'outil sur le s y m b o l e pour d i m i n u e r l'effet appliqué. 7 Répétez ces étapes pour les fleurs. Pour compléter ce décor, vous appliquerez l'un des symboles de la bibliothèque de symboles consacrée à la nature. Ensuite, v o u s m o d i fierez leur orientation à l'aide de l'outil Rotation de symboles.

11.11. Amélioration de l'aspect visuel des symboles pour le web 1 Dans un nouveau document, affichez le panneau Symboles (Fenêtres/Symboles). 2 Faites glisser le symbole de votre choix sur votre document. 3 Cliquez dessus pour le sélectionner. 4 Afin de visualiser l'aspect qu'aura le s y m b o l e dans un navigateur w e b , appliquez la c o m m a n d e Aperçu en pixels du menu Affichage. 5 Dans le panneau Symboles, cliquez sur la flèche dans le coin supérieur droit pour ouvrir le menu local. 6 Choisissez la c o m m a n d e Options de symbole. 7 Dans la fenêtre qui s'affiche, cochez l'option Aligner sur la grille en pixels. Cela vous permettra d'améliorer les contours de votre s y m bole.

11.10. L'outil Rotation de symboles

Il

L'outil Rotation de symboles permet de faire pivoter les instances des jeux de symboles.

! Nom : ; m p Type : ;

1 Activez-le dans la boîte à outils.

Graphique

»

Activer les repères pour la mise à l'échelle en 9 tranches Aligner sur la grille en pixels

2 Ouvrez la bibliothèque de symboles Nature. 3 Placez le symbole Abeille sur la surface de travail. C o m m e vous le constatez, celui-ci se présente sur un axe vertical. Vous allez m o d i fier sa direction. 4 Cliquez sur le symbole, puis faites-le glisser dans le sens inverse horaire. Une flèche bleue vous indique l'orientation du symbole.

Figure 11.15 : Panneau Options de symbole Pour améliorer ces contours, vous avez également la possibilité d'activer l'option Aligner sur la grille en pixels depuis le panneau Transformation.

m Figure 11.14 : Le symbole Abeille Pour clôturer ce chapitre, v o y o n s de quelle manière lllustrator améliore l'aspect des symboles destinés à être lus par un navigateur w e b .

246

11. Les symboles

Figure 11.16 : Le panneau Transformation

11.11. Amélioration de l'aspect visuel des symboles pour le web

247

REALISER UNE BROCHURE Les modes de couleurs Les profils de couleurs L'outil Plan de travail Manipuler les plans de travail Pixelliser une illustration Enregistrer pour l'impression offset Enregistrer au format EPS Importer un document sur un plan de travail Les traits de coupe Imprimer un plan de travail Enregistrer au format lllustrator CS3

251 254 255 256 262 263 263 264 265 266 267

249

Il est possible de définir plusieurs plans de travail. L'intérêt de cette fonctionnalité réside dans le fait que vous pourrez gérer plusieurs illustrations au sein d'un même document. Cette opération se révèle particulièrement utile dans la réalisation d'une brochure que les maquettistes préféraient auparavant concevoir entièrement dans Indesign. Vous verrez au cours de ce chapitre qu'il est à présent possible de créer une brochure dans Adobe lllustrator sans recourir à une tierce application d'Adobe. Par ailleurs, la gestion d'un projet est facilitée grâce à ces plans de travail multiples. Ces derniers s'apparentent en fait à des planches de travail. Les illustrations sur les différents plans de travail peuvent très facilement partager les symboles, les couleurs ou les formes de pinceau que vous créez. Les illustrations sont indépendantes les unes des autres. Les modifications que vous apportez à l'une ne se répercutent pas sur les autres.

Les plans de travail Vous pouvez importer le plan de travail de votre choix dans les applications tierces d'Adobe, à savoir Indesign, Photoshop ou Flash. Dans la boîte de dialogue Importation, il est possible de choisir le plan de travail que vous souhaitez afficher.

REMARQUE

Selon la destination finale de votre travail, il vous faut décider dès le départ du mode de couleurs à utiliser.

12.1. Les modes de couleurs L'opération consiste à attribuer un profil ICC (colorimétrique) à un document. S'il s'agit d'une illustration pour le Web, le mode RVB est préférable. Par contre, pour une impression offset (chez un imprimeur), utilisez le mode CMJN. lllustrator propose deux modes de couleurs : • Le mode RVB (Rouge, Vert, Bleu) : c'est le mode d'affichage des écrans d'ordinateur. Utilisez ce mode pour les images destinées à être diffusées sur le Web ou affichées. • Le mode CMJN (Cyan, Magenta, Jaune, Noir) : c'est le mode utilisé pour l'impression offset. Vous l'emploierez pour la brochure.

12.1. Les modes de couleurs

251

Définissez une seule rangée. Cette option agit sur le sens de la numérotation.

La prochaine étape consiste à créer un nouveau document avec plusieurs plans de travail.

5 Ces plans pourront être espacés les uns par rapport aux autres. Pour cela, réglez à 5 mm le champ Espacement.

Créer un document Dans la CS5, vous pouvez créer jusqu'à 99 plans de travail. Ils peuvent être de forme identique, de tailles différentes, se chevaucher ou bien encore d'aspect divers.

6 Définissez la taille de la brochure. Celle-ci est donc un format A4. Par conséquent, sélectionnez l'entrée ad hoc dans le menu déroulant Taille, qui propose par ailleurs d'autres options.

1 Créez un nouveau document (Fichier/Nouveau). La boîte de dialogue correspondante s'affiche.

Si la taille de la brochure est une taille que vous avez définie vous-même, entrez ses dimensions dans les champs Largeur et Hauteur.

__OK__

Nom : brochure

T

Nouveau profil de document : Nombre de pians de travail : : Espacement : 1 Taille :

Rangées :

5 mm

Avancées

:

î-: 3 mm

Millimètres

Orientation: Inférieur

Supérieur

â

2

• Unités :

Z î f l mm

Hauteur . 297 mm

Fond perdu

:: .:î~_

A4

Largeur.

Annuler Modèles...

4

H

3 mm

jjji]]

Gauche § 3 mm

• jjj

Mode

Mode d'aperçu

8 En dessous, une autre option vous permet d'ajouter des fonds perdus qui peuvent avoir la même taille ou une taille différente. Ces fonds perdus s'affichent sur le document sous la forme de rectangle rouge. Ils seront contenus dans le fichier final pour l'impression.

Droite *

X

3 mm

DEFINITION

-

Effets de pixellîsation

7 Déterminez une orientation Portrait pour ces plans de travail. L'autre choix, Paysage, permet de visualiser votre document à la verticale.

CMJN Elevés (300 ppp) Surimpression

• » *

Les fonds perdus

Lorsque vous ajoutez des fonds perdus, le contenu de l'illustration déborde en dehors du format initial d'impression. Généralement, il est préférable de prévoir au minimum des fonds perdus de 2 mm. Cela évite les problèmes de coupe et de pli au final. Si vous ne définissez pas de fonds perdus, vous risquez de voir s'afficher un liseré blanc entre l'image et les bords du document.

Figure 12.1 : La boîte de dialogue Nouveau document

2 Dans le menu déroulant Profil de document, choisissez le profil Impression. Les options de ce profil s'affichent. Vous allez les modifier. 3 Par défaut, un seul plan de travail est proposé. La brochure sera composée de quatre pages. Il s'agit en fait d'une feuille A4 pliée en deux. Pour définir le nombre de plans de travail souhaité, cliquez sur les flèches situées en regard de l'option Nombre de plans de travail ou saisissez 4 dans la zone de texte correspondante. 4 Ensuite, spécifiez la disposition de ces plans de travail. Vous disposez de cinq choix. Vous pouvez les disposer en Colonnes ou en Rangées mais aussi sur une Seule rangée ou une Seule colonne. En ce qui concerne la brochure, cliquez sur l'icône Grille par rangée.

252

12. Réaliser une brochure

9 Cliquez sur le bouton Avancées pour afficher les autres options disponibles. 10 Vérifiez que le paramètre Mode colorimétrique est réglé sur CMJN et le paramètre Résolution sur 300 dpi. Avec une résolution inférieure, vous risquez d'obtenir une image pixellisée. 11 Laissez Mode d'affichage sur Par défaut. 12 Une fois les paramètres définis, cliquez sur OK. Vous avez donc vos quatre plans de travail. Le plan de travail actif est celui qui est entouré d'un cadre. Pour activer un autre plan, cliquez dessus. Avant de débuter le travail, il faudra faire en sorte que les couleurs à l'écran coïncident avec les couleurs à l'impression. Cette opération consiste à choisir le bon profil de couleurs. Si vous ne l'avez pas fait

12.1. Les modes de couleurs

253

dans la boîte de dialogue Nouveau document, vous pouvez effectuer cette tâche après.

Désynchronisation : vos applications Creative Suite ne sont pas synchronisées ppur une gestion des couleurs homogène. Pour les synchroniser, sélectionnez les options de couleurs Creative Suite rtanç Rririnp

12.2. Les profils de couleurs

Paramètres :

Personnalisés

RVB:

Attribuer un profil

r

A t o u t moment, vous pouvez indiquer à lllustrator la destination finale de l'image par le biais du menu Edition/Attribuer un profil ou de la commande Couleurs.

RVB :

Dans la boîte de dialogue qui s'affiche, vous retrouvez la liste des profils colorimétriques de la boîte de dialogue Couleurs d'Adobe Bridge (voir Figure 12.2). La brochure est destinée à être imprimée. Par conséquent, vous choisirez dans le menu déroulant Paramètres, Prépresse pour l'Europe 2. L'espace de travail pour l'affichage est donc Adobe RGB (1998). Pour les couleurs CMJN, il est défini sur Coated FOGRAF27. Pour une brochure mise en ligne, il faut sélectionner Web/Internet pour l'Europe dans le menu déroulant Paramètres.

•

Adobe RGB (1998) Euroscale Coated v2

a

CMJN :

Conserver les profils incorporés Conserver les numéros (Ignorer tes profils liés)

Non-concordances des profils : H Choix à l'ouverture B Choix au collage Profils manquants.

•/ choix à l'ouverture

Description :

• Soit vous décidez de ne gérer aucun profil de couleurs (Ne pas appliquer la gestion des couleurs). • Soit vous utilisez le profil de l'espace de travail actif (Espace de travail CMJN). • Soit vous sélectionnez un profil parmi ceux de la liste (Profil).

Cependant, vous pouvez paramétrer vos logiciels séparément. Comme chacun d'entre eux, lllustrator intègre cette gestion de la couleur à l'aide des profils. Le choix s'effectue avec la commande Couleurs dans le menu Edition.

—

Règles de gestion des couleurs

Dans la boîte de dialogue qui s'affiche, trois cas de figure sont possibles :

Le menu Edition/Couleurs

Enregistrer.,

Espaces de travail

CMJN :

Annuter"

[ ChargerTT

[ Mode avancé

Vous pouvez créer un nouveau document sans spécifier au départ le profil de couleurs à utiliser.

OK [

Figure 12.2 : La boîte de dialogue des profils de couleurs

Les profils de couleurs Adobe RGB (1998) est utilisé par les professionnels de l'impression offset car il offre une gamme étendue de couleurs.

REMARQUE

Coated FOGRAF27 est la norme CMJN européenne. "Coated' signifie "couché". Le terme qualifie le papier utilisé au final.

Une fois vos plans de travail définis, vous pouvez en créer d'autres. Pour cela, lllustrator met à votre disposition l'outil Plan de travail.

12.3. L'outil Plan de travail 1 Fjj] Activez l'outil Plan de travail dans la boîte à outils. Dès que vous activez cet outil, vous entrez dans le mode Plan de travail. Les plans de travail s'affichent avec leur numéro. Le plan de

254

12. Réaliser une brochure

12.3. L'outil Plan de travail

255

travail actif est en pointillés. Dans le panneau Contrôle, des options ont fait leur apparition. Ce sont en fait les caractéristiques des plans de travail que vous pouvez modifier. 2 Pour créer un nouveau plan de travail, vous avez deux possibilités : — La première méthode consiste à créer un plan de travail à main levée. Cliquez sur un emplacement gris, puis faites glisser le pointeur en diagonal. Les repères c o m m e n t é s vous aident à le positionner correctement par rapport aux autres plans de travail. Relâchez le tout pour le valider. — La seconde méthode est à utiliser si vous souhaitez créer un plan de travail de la taille d'un plan existant. Activez le plan de travail de référence. Dans le panneau Contrôle, cliquez sur l'icône Nouveau plan de travail. Cliquez à côté du plan de travail initial. Pour quitter le mode Plan de travail, appuyez sur la touche [Echap].

4 Dans la fenêtre qui s'affiche, différentes options sont à votre disposition. Vous pouvez le renommer, changer sa position ainsi que modifier ses dimensions. Pour personnaliser votre plan de travail, vous avez également une seconde solution. 1 Dans le panneau Plans de travail, cliquez sur celui dont vous voulez modifier les caractéristiques. 2 Dans la boîte à outils, double-cliquez sur l'outil Plan de travail. 3 Dans la fenêtre Options du plan de travail, effectuez les changements voulus.

Nom:

ÎB@

Paramètre prédéfini : A4

12.4. Manipuler les plans de travail La gestion des plans de travail a été améliorée. Vous disposez désormais d'un panneau Plans de travail qui affiche la liste de vos plans.

Largeur:

210 mm

Hauteur :

297 mm

Sens: j j i ] i

Logo

Proportions actuelles : 0,71

; Conserver les proportions Position |§f

i

j j

X:

322,06 mm

Y:

-148,5 mm

Affichage LJ Afficher le repère du centre

JÊ

.1..! Afficher le réticule LJ Afficher les zones vidéo sécurisées

Figure 12.3 : Le panneau Plans de travail Les plans de travail peuvent être personnalisés.

Format des pixels de la règle vidéo :

1

Globale SB Zone de fondu hors du plan de travail BMise à jour en faisant glisser

Personnaliser un plan de travail Pour réaliser cette opération, deux solutions s'offrent à vous, La première méthode est la suivante : 1 Dans le panneau Plans de travail, cliquez sur le n o m de votre plan de

#

Plans de travail : 2

v Pour créer un plan de travail au sein d'un autre pian de travail, touche Maj. Pour dupliquer, Alt et faire glisser le plan de travail.

travail. Ce qui aura pour effet de le sélectionner. 2 Affichez son menu local accessible depuis l'icône en f o r m e de flèche. 3 Choisissez la c o m m a n d e Options du plan de travail.

256

12. Réaliser une brochure

Figure 12.4: Options du plan de travail Dans la section suivante, vous allez voir c o m m e n t créer un plan de travail.

12.4. Manipuler les plans de travail

257

Définir un plan de travail

Largeur:

1 Créer un plan de travail. 2 Affichez le panneau Plans de travail. Cliquez sur l'icône Nouveau plan de travail située en bas du panneau. 4 Pour le renommer, sélectionnez dans le menu local du panneau Plans de travail, la c o m m a n d e Options du plan de travail. Une fois le plan créé, vous pouvez l'adapter à la taille de l'illustration devant en faire partie.

Adapter un plan de travail à une illustration 1 Sélectionnez l'illustration avec l'outil Sélection.

230 mm Ajuster aux limites de l'illustration Ajuster à l'illustration sélectionnée Hauteur : 297 mm Lettre Conserver lesprop Légal Tabloïd. VWÊËÊk ^itinn Srf^^M A3 B5 X : 322,06 r NT5CDV Affichage NTSCDV Ecran large Afficher le repère c NTSC D1 NTSCD1 Grand écran Afficher le réticule . PALD1/DV • Afficher les zones \ PAL DI /DV Ecran large HDWHDTV 720 Format des pixefe de !; HDV 1030 DVCPROHD720 __.„ DVCPROHDI030 Globate HDTV ,080 \^ Zone de fondu non Cineon (moitié) . Cheon (entier) ' Mise a jour en' Film (2 Ko) Film (4 Ko) Plans de travail : : , ? 6

2 Dans le panneau Plans de travail, cliquez sur l'icône située en regard du n o m du plan créé. La fenêtre Options du plan de travail s'affiche. 3 Dans le menu Paramètre prédéfini, choisissez l'option Ajuster l'illustration sélectionnée.

•

Paramètre prédêfhi : A4

x 2 gg

Pour créer un pfâ ' 7 6 * 2 2 0 Pour dupliquer. A 208 x 320 230 X 240 240 X 252 240x266

à

4 Cliquez sur OK pour appliquer votre choix. Si vous devez réaliser une page internet avec lllustrator, votre travail est désormais simplifié. Vous pouvez à présent copier/coller des éléments d'un plan de travail vers un autre.

Copier/Coller d'un plan de travail vers un autre

VSA (640 X 480) SVGA (800 X 600) XGA( 1024x768)

Figure 12.5: Menu Col 1er dans les plans de travail

Modifier sa position Tout d'abord, vous devez activer l'outil Plan de travail. Le plan actif est entouré de pointillés. Pour en sélectionner un autre, cliquez dessus.

1 Sélectionnez les éléments à copier avec l'outil Sélection. 2 Dans le menu Edition, choisissez la c o m m a n d e Coller dans les plans de travail. Les éléments sont alors collés sur les autres plans au m ê m e emplacement initial. Si vous désirez modifier un élément, les autres ne seront pas affectés (voir Figure 12.5). Vous pouvez effectuer d'autres opérations sur les plans de travail. Elles peuvent se réaliser par le biais du panneau Contrôle ou manuellement. Figure 12.6: Le plan actif Dans le panneau Contrôle, v o u s retrouvez des informations sur le plan de travail actif, n o t a m m e n t sa position dans les champs X e t V. Saisissez une autre valeur dans ces zones de texte ou déplacez les plans de travail manuellement à l'aide des flèches de direction ou par un simple cliquer-glisser. A u fur et mesure de votre déplacement, les

258

12. Réaliser une brochure

12Â. Manipuler les plans de travail

259

repères c o m m e n t é s v o u s indiquent l'alignement avec les autres plans de travail.

ASTUCE

Déplacement des plans de travail Pour contraindre un plan de travail à se déplacer sur un axe vertical ou horizontal, sélectionnez-le dans un premier temps, puis maintenez enfoncée la touche (Mâj). Si vous faites l'opération inverse, vous risquez de créer un autre plan de travail.

Vous avez la possibilité de déplacer le plan de travail dans sa totalité ou uniquement son contenu. Dans le second cas de figure, désactivez l'option Déplacer/Copier l'illustration avec le plan de travail.

— Double-cliquez sur le plan de travail. — Dans le panneau Contrôle, cliquez sur l'icône Options du plan de travail. 3 La boîte de dialogue Options du plan de travail s'affiche. Vous pouvez modifier les champs Largeur et Hauteurtout en conservant les proportions si vous le désirez, son orientation mais aussi sa position. Cliquez sur OK. Vous pouvez redimensionner un plan de travail manuellement. Pour ce faire, tirez sur l'une des poignées latérales et faites-la glisser.

ASTUCE

Vous pouvez également modifier l'orientation de ces plans de travail par le biais des icônes Portrait et Paysage disponibles dans la boîte de dialogue Nouveau document.

Redimensionner un plan de travail Pour augmenter proportionnellement un plan de travail, maintenez enfoncée la touche (MgQ lorsque vous déplacez les poignées du plan de travail.

Si un plan de travail se révèle inutile, supprimez-le en cliquant sur l'icône Supprimer le plan de travail en f o r m e de corbeille.

Il est possible de réaliser une copie du plan de travail avec ou sans son contenu :

Dans le panneau Contrôle, vous avez la possibilité de choisir une autre taille pour votre plan de travail parmi les modèles proposés.

1 N'oubliez pas d'activer ou de désactiver l'option l'illustration avec le plan de travail.

Pour recadrer le plan de travail sur l'illustration, sélectionnez dans le menu Paramètres prédéfinis, Ajuster le plan de travail aux limites de l'illustration.

2 Pour copier le contenu du plan de travail, cochez l'option Déplacer/ Copier l'illustration avec le plan de travail. Tout en maintenant enfoncée la touche (Ait], faites glisser le pointeur à droite.

Déplacer/Copier

3 Pour quitter le m o d e Plan de travail, choisissez l'une de ces méthodes : Recadrer un plan de travail sur une illustration Pour recadrer le plan de travail sur une illustration en mode normal, procédez comme suit :

— Utilisez la touche [Echapl. — Activez un autre outil.

1 Activez l'outil Plan de travail. 2 Recadrez l'illustration. 3 Cliquez sur l'outil Sélection. Le plan de travail est automatiquement recadré sur l'illustration.

Pour redéfinir les dimensions d'un plan de travail, procédez c o m m e suit : 1 Sélectionnez le plan de travail concerné. 2 Ouvrez la boîte de dialogue de ses options. Trois solutions vous sont offertes : — Appuyez sur la touche 0 .

260

12. Réaliser une brochure

La sélection Vous pouvez sélectionner tous les contenus des plans de travail par le biais du menu Sélection/Tout. Cependant, il est possible de sélectionner uniquement les éléments d'un plan de travail actif. Choisissez alors, dans le menu Sélection, la c o m m a n d e Tout dans le plan de travail.

L'affichage Quand un d o c u m e n t a plusieurs plans de travail, vous pouvez choisir de n'afficher que le plan de travail actif ou d'afficher l'ensemble des Plans définis.

12.4. Manipuler les plans de travail

261

Pour le premier cas de figure, procédez comme suit : 1 Activez l'outil Plan de travail. 2 Sélectionnez le plan de travail voulu. 3 Allez dans le menu Affichage. Choisissez la commande Ajuster le plan de travail à la fenêtre. Vous ne verrez alors que le plan de travail actif dont le numéro est indiqué dans la barre d'état. Par ailleurs, utilisez ce menu pour basculer d'un plan à l'autre. Pour revenir à l'écran avec l'ensemble des plans de travail, appuyez sur les touches [ctfil+fÂitl+fo].

ASTUCE

Afficher un plan de travail Pour afficher un seul plan de travail, cliquez dessus, puis appuyez sur les touches fctrTl+[ïï].

Pour afficher tous les plans de travail, suivez ces étapes : 1 Cliquez sur le menu Affichage. 2 Sélectionnez la commande Tout ajuster à la fenêtre. Tous les plans de travail sont alors visibles.

12.5. Pixelliser une illustration Avant d'importer la couverture de la brochure, vous devez la pixelliser car sa résolution est de 72 ppp. Pour une impression offset, vous avez besoin d'une résolution de 300 ppp. 1 Ouvrez le fichier couverture_brochure.ai.

2 Dans le menu Effet, choisissez la commande Pixellisation. Une boîte de dialogue s'affiche. Vérifiez que le modèle de couleurs est CMJN. Sélectionnez une Résolution: Haute (300ppp). Cliquez sur OK. Vous êtes ainsi assuré d'avoir un bon rendu à l'impression.

Pixelliser une illustration REMARQUE

Les fichiers créés dans lllustrator possédant des effets ou de la transparence doivent être impérativement pixellisés (aplatis) en haute résolution (300 ppp) avant la génération du document au format PDF. Cette opération garantit un rendu conforme de l'illustration à l'impression.

La prochaine étape consiste à enregistrer la couverture dans l'un des formats du prépresse.

12.6. Enregistrer pour l'impression offset Si une illustration est destinée à l'impression offset, vous avez le choix entre ces formats, qui sont les plus répandus : • Le TIFF convient à l'impression haute résolution, mais ne prend pas en charge les tracés vectoriels, contrairement au format EPS. • L'EPS produit des fichiers lourds car il écrit toutes les informations contenues dans une image bitmap ou vectorielle. Une image de prévisualisation TIFF basse résolution est par ailleurs générée lors de l'enregistrement, ce pour faciliter la mise en page dans les logiciels tiers de type Indesign.

12.7. Enregistrer au format EPS Pour enregistrer un fichier au format EPS, procédez comme suit : 1 Allez dans le menu Fichier. Choisissez la commande Enregistrer sous. Une boîte de dialogue s'affiche. 2 Dans la section Aperçu, choisissez un format TIFF (couleur 8 bits). 3 Si le fichier contient de la transparence ou des effets de style, cochez l'option Transparent. 4 Dans le menu déroulant Paramètres prédéfinis, sélectionnez Haute résolution.

Figure 12.7 : La couverture de la brochure

262

12. Réaliser une brochure

5 Cliquez sur le bouton Personnalisé pour paramétrer la résolution des effets. Une boîte de dialogue Options d'aplatissement des transparences personnalisées s'ouvre. 12.7. Enregistrer au format EPS

263

6 Assurez-vous que les deux options Résolution des dessins au trait et du texte et Résolution des dégradés et filets sont définies sur 1 200 ppp et 300 ppp. Cliquez sur OK.

4 Dans la boîte de dialogue Importer, localisez votre fichier. Ne cochez pas les options Lien et Modèle. Cliquez sur le bouton Importer.

Vous pouvez, si vous le souhaitez, enregistrer une copie de l'illustration au f o r m a t TIFF.

La boîte de dialogue Importer un fichier PDF s'affiche. Importer un fichier PDF

Enregistrer au format TIFF

Recadrer selon : Illustration

Pour enregistrer un fichier au f o r m a t TIFF :

ftrteyj

1 Allez dans le menu Fichier/Exporter. Une boîte de dialogue s'affiche.

w

OK

1

Annuler

j

^Aperçu

2 Choisissez une Résolution : Élevée. 3 Vérifiez que le modèle de couleurs est C M J N . 4 Vous avez deux options : Lissage et Compression LZW. La première permet de supprimer les bords crénelés par suréchantillonnage. La seconde compresse le fichier tout en conservant la qualité initiale de l'image. Cela vous permet d'avoir un document d'une taille réduite. 5 Dans la section Format, cochez l'option IBM/PC qui facilite les échanges des fichiers entre les plateformes Mac et PC. 6 La dernière o p t i o n . Incorporer le profil ICC, permet de prendre en compte la gestion des couleurs du fichier. 7 Cliquez sur OK pour valider.

Enregistrement des plans de travail Dans la boîte Enregistrer sous, une option en dessous du menu Format permet de spécifier s'il faut prendre en compte dans l'enregistrement l'ensemble des plans de travail ou uniquement certains d'entre eux.

La prochaine étape consiste à importer la couverture dans la brochure sur le premier plan de travail.

12.8. Importer un document sur un plan de travail 1 Dans le panneau Calques, renommez le Calque 1 p l a n d e t r a v a i l l .

H 4

: dêï

1 M

Figure 12.8 : La boîte de dialogue Importer un fichier PDF 5 Choisissez de recadrer votre fichier selon l'illustration. Cliquez sur OK.

Importer un document multiplan Si votre document possède plusieurs plans de travail, vous pouvez sélectionner le plan de travail voulu à l'aide des flèches de navigation. Cochez l'option Aperçu pour visualiser celui que vous souhaitez importer.

6 À l'aide de l'outil Sélection, déplacez la couverture sur le plan de travail 1, puis verrouillez son calque.

12.9. Les traits de coupe Si vous souhaitez imprimer un plan de travail en particulier, vous pouvez lui appliquer des traits de coupe. La fonction se trouve dans le menu Effets. Les traits de coupe sont alors a u t o m a t i q u e m e n t générés.

num .

Traits de coupe Les traits de coupe permettent de délimiter la zone de travail à imprimer.

2 Activez le plan de travail 1. 3 Allez dans le menu Fichier. Sélectionnez la c o m m a n d e Importer.

264

12. Réaliser une brochure

12.9. Les traits de coupe

265

12.10. Imprimer un plan de travail

12.11 • Enregistrer au format lllustrator CS3

Comme chaque plan de travail est indépendant, vous pouvez imprimer celui que vous voulez.

Pour enregistrer un document ayant plusieurs plans de travail dans une version précédente d'Illustrator, procédez comme suit :

1 Allez dans le menu Fichier. Choisissez la commande Imprimer.

1 Allez dans le menu Fichier. Choisissez la commande Enregistrer sous. Une boîte de dialogue s'ouvre. Indiquez l'emplacement de sauvegarde de votre document, le format d'enregistrement lllustrator et son nom. Appuyez sur le bouton Enregistrer.

2 Dans la boîte de dialogue Imprimer qui s'affiche, sélectionnez le plan de travail que vous désirez imprimer.

Impression prédéfinie :

[Par défaut]

Imprimante :

Adobe PDF

PPD :

2 La boîte de dialogue Options lllustrator s'affiche. Choisissez, dans le menu Version, lllustrator CS3. Dans la section Options, vous avez la possibilité d'avoir un fichier avec tous les plans de travail ou plusieurs fichiers indépendants avec soit tous les plans, soit les plans voulus indiqués dans le champ Étendue. Cliquez sur OK.

a

Par défaut (Adôtê PDF 9.0)

Général Copies:

Repères et fond pefdu Sort» GntMqMi Avancés Mfauni

*

r

i

] Copies ass

-J l'ordre

%• Tout

G Ignorer les plans de travail

0 Etendue :

M ; ignorer les plans de travail vides

Support -

Ce chapitre vous a permis de découvrir les plans de travail multiples et d'avoir un aperçu de certains aspects du prépresse.

•Format :

Défini par pilote

Largeur :

Position:

â â Êâ

Hauteur :

g

X:

3,0141 rr

RENVOI

Le chapitre Imprimer des fichiers vous donnera davantage de détails.

Y:

# Ne pas mettre à l'échelle £ Page entière ;; Echelle personnalisée :

L: ! YP

H:

' %

m

Chevauchement : e . U : . ;û;

Imprimer les calques :

Calques visibles et imprimables

1

H:

T

Figure 12.9 : La boîte de dialogue Imprimer Vous pouvez également indiquer le numéro du plan de travail concerné dans le champ Étendue. Tout comme n'importe quel document, il est possible de modifier la taille d'un plan de travail à imprimer dans la section Optionset de changer l'orientation du papier dans la section Support. Vous pouvez, si vous le désirez, imprimer l'ensemble des plans de travail pour avoir une vision globale de votre projet. Pour ce faire, cochez les options Ignorer les plans de travail et Page entière. 3 Cliquez sur le bouton Imprimer.

266

12. Réaliser une brochure

12.11. Enregistrer au format lllustrator CS3

267

•••

LE TEXTE

Créer du texte Importer du texte Créer un texte en colonnes Mettre en forme du texte Les styles de texte Styliser un texte Habiller un texte Vectoriser un texte Déformer un texte Améliorer un texte

271 273 274 276 279 281 286 288 288 291

269

Dans les chapitres précédents, le dessin constituait l'élément essentiel des compositions. L'ajout d'un texte permet d'attirer l'œil du lecteur et apporte à une illustration une autre dimension.

13.1. Créer du texte Pour créer du texte, lllustrator met à votre disposition plusieurs outils. Pour accéder à chacun d'entre eux, cliquez sur l'outil Texte, puis maintenez enfoncé le bouton gauche de la souris. Les autres outils apparaissent.

L'outil Texte La première étape consiste à saisir du texte sur la couverture de la brochure. 1 Activez l'outil Texte dans la boîte à outils. 2 Pour entrer votre texte, cliquez sur le plan de travail. Le curseur clignote vous indiquant le début de votre texte. Saisissez : Artsyi, l e magazine qui répond à vos a t t e n t e s e t conjugue l ' a r t sous t o u t e s l e s formes. Que vous soyez un mordu de l a décoration ou de l a c u i s i n e ou bien encore l e gourou de l ' i n f o r m a t i q u e , ce magazine mensuel e s t f a i t pour vous. Découvrez l ' a r t du v e c t o r i e l ! Animez vos images 2D. Restez au courant des d e r n i è r e s tendances. N ' h é s i t e z p l u s . Cela se passe dans A r t s y l .

Figure 13.1 : Le texte de la couverture

13.1. Créer du texte

271

Saisie du texte Avec l'outil Texte, faites glisser le pointeur en diagonale pour dessiner une zone de saisie. Ensuite, écrivez votre texte à l'intérieur.

REMARQUE

L'outil Texte captif Le deuxième outil. Texte captif, permet de saisir du texte à l'intérieur d'une forme : 1 Tracez une forme avec l'outil Ellipse. 2 Activez l'outil Texte captif. Cliquez sur le tracé, puis saisissez votre texte. Celui-ci prend l'aspect de la forme. Ajustez les différents points d'ancrage du tracé avec l'outil Sélection directe. L'aspect du texte se modifie au fur et à mesure des changements que vous effectuez sur la forme.

Figure 13.3: Le texte curviligne

8'

L'outil Texte La touche [Mail permet de basculer de l'outil Texte vers l'outil Texte vertical.

13.2. Importer du texte Vous pouvez importer du texte dans Adobe lllustrator provenant de Microsoft Word (97 à 2008). Les formats RTF et Texte brut (ASCII) sont également pris en charge. Pour importer le texte, suivez ces étapes : 1 Avec l'outil Texte, créez une zone de texte.

Figure 13.2: Le texte captif

L'outil Texte curviligne 1 Créez un cercle avec l'outil Ellipse. 2 Activez l'outil Texte curviligne. 3 Cliquez sur le bord extérieur de la forme, puis saisissez votre texte. Les trois autres outils Texte possèdent les mêmes fonctions que les outils vus précédemment, mais le texte est saisi sur l'axe vertical.

2 Allez dans le menu Fichier. Choisissez la commande Importer. Sélectionnez le fichier voulu. 3 Une boîte de dialogue Options Word s'ouvre. Si le texte à importer est un chapitre d'un livre, vous avez la possibilité d'y inclure la table des matières, les notes de bas de page/de fin de document ou le texte d'index. Vous pouvez choisir de supprimer tous les styles du texte. En ce qui concerne le texte de la brochure, cochez uniquement l'option Supprimer la mise en forme du texte, puis cliquez sur OK. Le texte se place dans la zone de texte définie. Il existe une seconde méthode d'importation : 1 Dans votre logiciel de traitement de texte, sélectionnez votre texte, puis appuyez sur les touches [ctfT)+fc).

272

13. Le texte

13.2. Importer du texte

273

2 Ouvrez le fichier de la brochure. 3 Collez votre texte. Pour cela, allez dans le menu Edition et choisissez la commande Coller (fctrO+fv)).

DEFINITION

La gouttière Une gouttière correspond à l'espace entre deux colonnes.

La mode dans toute sa splendeur lilustrator accompagne vos rêves les plus fous. Faites vos propres défilés de mode. Dessinez vos vêtements- Ajustez-les selon vos besoins. Chaque saison, découvrez les dernières tendances. Apprenez à mettre sur papier vos idées.

Figure 13.4 : Le texte de la deuxième page

Les options de texte captif Les autres options contrôlent l'aspect du texte en colonnes ou en lignes. Vous pouvez également intervenir au niveau de la marge intérieure, des dimensions du bloc principal ou de la répartition du texte à l'intérieur du bloc défini.

REMARQUE

Le texte doit être mis en colonnes. Une fois le texte en colonnes, une partie est masquée car la zone de texte est trop petite pour accueillir le texte dans sa totalité.

13.3. Créer un texte en colonnes Pour créer un texte en colonnes, suivez ces étapes : 1 Sélectionnez votre texte à l'aide de l'outil Sélection ((ctri]+(Â)).

Répartir le texte en excès Une zone de texte a un port d'entrée et un port de sortie.

2 Allez dans le menu Texte. Choisissez la commande Options de texte captif. Une boîte de dialogue s'affiche. 3 Cochez l'option Aperçu pour visualiser le résultat au fur et à mesure de votre paramétrage. 4 Indiquez un nombre de 2 colonnes. Définissez une gouttière de 4 mm. L'option Bloc vous permet de spécifier les dimensions de vos colonnes. Cliquez sur OK.

Texte en excès

Figure 13.6 : Le texte en excès

Le port d'entrée est l'emplacement où figure le début du texte importé tandis que le port de sortie indique s'il existe encore du texte une fois que le texte est importé. Comme vous pourrez le constater, un signe + rouge indique que le bloc de texte contient du texte supplémentaire appelé "texte en excès". Pour le rendre visible, vous avez deux solutions :

Figure 13.5 : Le texte en colonnes

274

13. Le texte

• La première consiste à redimensionner le bloc de texte en colonnes. Faites glisser l'une des poignées du cadre de sélection vers l'extérieur pour agrandir le bloc de texte. Vous pouvez aussi modifier le nombre de colonnes dans la boîte de dialogue Options de texte captif.

13.3. Créer un texte en colonnes

275

La seconde solution est plus efficace. Avec l'outil Sélection, cliquez sur le port de sortie. Le curseur se transforme en icône de texte en excès. Cliquez sur une zone vide ou faites glisser le pointeur sur le plan de travail, puis relâchez le tout. Les blocs sont maintenant liés entre eux.

Les blocs liés Pour supprimer le lien entre les blocs, utilisez l'une des méthodes suivantes : • Appliquez l'une des commandes Supprimer le lien du menu Texte/Texte lié. • Cliquez deux fois sur l'icône du port de sortie du bloc précédent. Les blocs sont désormais indépendants. • Si vous utilisez la commande Annuler la sélection du menu Texte/Texte lié, le texte est de nouveau en excès.

Il est temps de mettre en forme le texte que vous venez d'importer. Pour ce faire, vous disposez des panneaux Contrôle, Caractère et Paragraphe.

13.4. Mettre en forme du texte Mettre en forme un texte consiste à le mettre en page et à lui appliquer des attributs de couleur, des polices de caractères ou du style.

Le panneau Contrôle L'outil Texte, dans le panneau Contrôle, propose des options qui vous permettent de contrôler l'aspect du texte. Vous disposez notamment d'une liste de polices de caractères. !-:X-

1 Sélectionnez le texte. S'il s'agit de paragraphes, utilisez les touches [Çtrj]+(A). 2 Déroulez le menu Caractères, puis choisissez l'une des polices de caractères proposées.

Les polices de caractères Vous pouvez appliquer une police de caractères à partir du menu Texte/ Police.

REMARQUE

Naviguer dans le menu Caractères Pour afficher une à une les polices de caractères, procédez comme suit :

ASTUCE

1

Cliquez dans le menu Caractères sur l'une des polices.

2 Appuyez sur la touche (T) pour afficher la police suivante ou la touche Ff] pour rendre visible la police précédente.

3 Ensuite, vous pouvez modifier la taille de votre texte dans le menu déroulant Corps. 4 Outre la taille, il est possible de changer la couleur du texte à savoir sa couleur de fond et de contour. Pour cela, sélectionnez le texte concerné. Cliquez sur le bouton Fond ou sur le bouton Contour. Le panneau Nuancier apparaît. Cliquez sur l'une des nuances. La couleur sera automatiquement appliquée au texte. 5 Jouez aussi sur la transparence du texte en réduisant le paramètre Opacité.

Le panneau Caractère Le panneau Caractère permet de contrôler l'apparence du texte en proposant des options supplémentaires par rapport au panneau Contrôle.

Figure 13.7 : Le panneau Contrôle

DEFINITION

La police de caractères Une police de caractères est constituée d'un ensemble de caractères.

T

M

Figure 13.8 : Le panneau Caractère

Pour modifier le texte que vous avez déjà saisi, effectuez les manipulations suivantes : 276

13. Le texte

1 Ouvrez le panneau Caractère en suivant l'une des deux méthodes :

13.4. Mettre en forme du texte

277

— Pour avoir un texte justifié, cliquez sur l'une des trois icônes du panneau : Justifier avec la dernière ligne centrée, Justifier avec la dernière ligne alignée à droite, Justifier toutes les lignes.

_ Dans le panneau Contrôle, cliquez sur le lien Caractère. — Allez dans le menu Fenêtres/Texte. Choisissez la c o m m a n d e Caractère. 2 Sélectionnez le texte à modifier. 3 Parmi les attributs de texte proposés, vous pouvez modifier l'inter-

Jusqu'ici, vous avez mis en f o r m e manuellement votre texte, mais vous pouvez, c o m m e dans un logiciel de mise en page tel Indesign, créer et enregistrer des styles.

ligne. Il s'agit de l'espace entre deux lignes de texte. — En ce sens, entrez une valeur dans le c h a m p Définir Appuyez sur la touche j+^lpour valider. — Ou bien, ouvrez le menu de l'option Définir l'interligne tionnez l'une des valeurs prédéfinies.

l'interligne. et sélec-

4 Vous pouvez aussi définir l'espacement entre les caractères. Pour ce faire, cliquez entre les deux lettres concernées. Saisissez une valeur dans le c h a m p Définir le crénage entre deux caractères. Vous retrouvez les autres attributs de texte disponibles dans le panneau Contrôle (polices de caractères, style et corps du texte).

13.5. Les styles de texte Les styles de texte permettent de mettre rapidement en forme du texte. Ils facilitent les mises à jour. Deux types de styles sont proposés par A d o b e lllustrator : •

les styles de caractère ;

• les styles de paragraphe.

Les styles de caractère Pour créer un style de caractère, procédez c o m m e suit :

Le panneau Paragraphe

1 Ouvrez le panneau Caractère.

Le panneau Paragraphe permet de contrôler l'aspect des zones de texte, à savoir leur alignement ou leur retrait.

2 À l'aide de l'outil Texte, sélectionnez le texte v o u l u . 3 Choisissez une police de caractères. Définissez sa taille et son style. 4 Affichez le panneau Styles de caractères (Fenêtre/Texte/Styles de caractères). 5 Créez un style en utilisant l'une des deux méthodes suivantes :

Figure 13.9 : Le panneau Paragraphe 1 Affichez le panneau Paragraphe. Deux moyens sont à votre disposition : — Passez par le menu Fenêtres/Texte. Choisissez la c o m m a n d e Paragraphe. — Dans le panneau Contrôle, cliquez sur le lien

Paragraphe.

2 Sélectionnez le texte (Sélection/Tout). — Pour attribuer un retrait global à votre texte, entrez une valeur dans les zones Retrait à gauche et Retrait à droite. — Pour définir uniquement un retrait de première ligne, saisissez une valeur dans le c h a m p Retrait de Ve ligne à gauche. — Vous pouvez également spécifier le type d'alignement que vous souhaitez pour votre texte. 278

13. Le texte

— Tout en appuyant sur la touche ( M ) , cliquez sur le b o u t o n Créer un nouveau style. — Déroulez le menu local du panneau. Choisissez la c o m m a n d e Nouveau style de caractère. 6 Si vous avez utilisé la première solution, la boîte de dialogue Options de caractères s'ouvre dans laquelle v o u s pouvez appliquer d'autres attributs à votre texte. Si vous avez recouru à la seconde solution, une boîte de dialogue s'affiche dans laquelle vous pouvez indiquer uniquement le n o m de votre style. Pour accéder à la boîte de dialogue Options de caractères, double-cliquez sur le style dans le panneau que v o u s venez de créer. Pour appliquer ce style de caractères à un autre texte, procédez c o m m e suit :

13.5. Les styles de texte

279

1 Sélectionnez le texte.

_ Tout remplacer : les instances du m o t sont toutes corrigées.

2 Avec l'outil Pipette, cliquez sur le texte auquel vous avez appliqué des attributs. Le style de caractère s'applique alors au second texte.

_ Ajouter: vous donne la possibilité d'ajouter un m o t au dictionnaire d'Illustrator.

La seconde méthode part également d'un texte sélectionné. Ensuite, tout en appuyant sur la touche [Ait), cliquez sur le style créé dans le panneau Styles de caractères.

Pour affiner la vérification du texte, cliquez sur le bouton Options. D'autres paramètres apparaissent que vous pouvez choisir d'activer ou de désactiver. Un simple texte peut devenir une illustration à part entière. C'est ce que vous allez voir par le biais de plusieurs exemples.

Les styles de paragraphe Pour créer un style de paragraphe, aucune sélection au préalable n'est requise. Il suffit s i m p l e m e n t de placer le curseur dans le paragraphe auquel vous souhaitez appliquer un style.

13.6. Styliser un texte

1 Dans le panneau Paragraphe, cliquez sur l'icône Justifier toutes les lignes. Définissez un Retrait de Ve ligne à gauche de 2 pt.

La première tâche à réaliser est de créer le dégradé des lettres de l'illustration.

2 Affichez le panneau Styles de paragraphe (Fenêtre/Texte/Styles de paragraphe^. Cliquez sur le bouton Créer un nouveau style. Doublecliquez sur le nouveau style pour le renommer, puis appliquez d'autres attributs de paragraphe si vous le désirez.

1 Tout d'abord, créez le dégradé.

Pour appliquer un style de paragraphe à un autre bloc, procédez c o m m e suit : 1 Sélectionnez le paragraphe en question. 2 Dans le panneau Styles de paragraphe, venez de créer.

cliquez sur le style que vous

2 Tracez une f o r m e de la longueur du plan de travail à l'aide de l'outil Rectangle. 3 Dans le panneau Contrôle, attribuez-lui une couleur de f o n d rose. 4 Ouvrez le panneau Dégradé. Dans la liste des dégradés prédéfinis, choisissez un dégradé radial. Ensuite, modifiez les couleurs. Le dégradé est composé d'un rose foncé ( C : 35, M: 100, J: 35, N: 10), d'un rose clair ( C : 22, M: 34, J: 18, N: 0), puis de deux autres teintes (C : 35, M : 5 1 , J : 24, N : 0 - C : 5 1 , M : 7 1 , J : 3 1 , N : 0). JKM

Corriger le texte Avant de fournir le texte à son destinataire, il est préférable de vérifier l'orthographe des mots : 1 Allez dans le menu Edition. Sélectionnez la c o m m a n d e Orthographe. Une boîte de dialogue s'ouvre.

--•

,r ' -

Trwsf - .-

KTV*..—

V

WËmËSÊtJs

«1

** o

A

° o

û Opacité s 100

* §

Il est possible d'ignorer cette suggestion. Pour cela, cliquez sur le bouton Ignorer. D'autres options sont à votre disposition. Vous pouvez : — Tout ignorer:

280

13. Le texte

les copies du m o t vérifié ne sont pas corrigées.

H

ï

2 Cliquez sur le bouton Commencer. 3 Lorsqu'lllustrator rencontre un m o t à l'orthographe incertaine, une suggestion vous est faite. Pour corriger le m o t concerné, cliquez sur le bouton Remplacer.

! tèf wô %

Figure 13.10: Le dégradé du texte La prochaine étape consiste à créer un texte 3D.

Le texte 3D Pour réaliser ce type de texte, il existe trois techniques. La première consiste à passer par le menu Effet/3D : 1 Saisissez les lettres A et s.

13.6. Styliser un texte

281

2 Allez dans le menu Effet/3D. Choisissez la c o m m a n d e Extrusion et biseautage. La boîte de dialogue des options s'ouvre. _ Pour le A :X: 11°, V : - 1 6 ° e t Z : 19°. Laissez les autres paramètres par défaut. Choisissez une Surface : Ombrage diffus. — Pour le s : X: 15°, Y: -25° et Z : -6°. Choisissez une Ombrage plastique.

Surface:

3 Cliquez sur OK. La seconde technique pour créer un texte 3D est relativement s i m ple : 1 Activez l'outil Texte. Dans le panneau Contrôle, prenez une couleur de contour blanc. Réglez la couleur de f o n d sur Aucun. 2 Saisissez les lettres A et s. 3 Dupliquez-les puis affectez-leur une autre couleur. Placez les copies sur les textes originaux. Décalez-les à l'aide des flèches de direction. Pour compléter l'illustration, ajoutez les éléments suivants :

2 Avec l'outil Crayon, tracez une f o r m e de ruban. Effacez les parties dont vous n'avez pas besoin avec l'outil Gomme. Incrustation.

La troisième technique fait appel aux dégradés de f o r m e : 1 Tout d'abord, saisissez la lettre A. Attribuez-lui une couleur de f o n d , puis dupliquez-la. 2 Dans le panneau Contrôle, réduisez légèrement le paramètre Opacité de la seconde lettre. 3 Sélectionnez les deux lettres. 4 Allez dans le menu Objet/Dégradé de formes. Choisissez la c o m mande Options de dégradés. Dans la boîte de dialogue qui s'affiche, indiquez un nombre d'étapes de 20, puis cliquez sur OK. 5 Pour appliquer le dégradé de f o r m e s , appuyez sur les touches [Âitl+fctiTl+fB]. 6 Avec l'outil gure 13.11).

Sélection directe, ajustez

la f o r m e 3D

(voir

Fi-

Le texte peut être aussi à la base d'une illustration abstraite. Voici c o m m e n t procéder.

282

13. Le texte

Créer un arrière-plan abstrait 1 Avec l'outil Texte, saisissez du texte. Peu importe sa taille et sa police de caractères. 2 Redimensionnez-le à l'aide de l'outil Mise à l'échelle ou faites glisser les poignées du cadre de sélection. 3 Conservez la sélection de votre texte.

1 Créez une spirale blanche et attribuez-lui une f o r m e de type Encre.

3 Définissez pour la lettre A un Mode de fusion :

Figure 13.11 : Le texte 3D

4 Appliquez-lui un effet de déformation Esquisse (Effet/Distorsion et déformation/Esquisse). Une boîte de dialogue s'affiche. Dans la section Options, définissez une taille Relative de 89 % et l'option Détail sur 96/po. Cliquez sur OK. 5 Dans le panneau Transparence, réduisez le paramètre Opacité de l'effet à 26 %. Choisissez le Mode de fusion : Produit. 6 Dupliquez l'arrière-plan que vous venez d'obtenir. Laissez le Mode de fusion sur Normal. 7 Ajoutez du texte blanc avec un contour bleu. Prenez la police de caractères Stencil Std Bold réglée sur le style Bold (gras) avec une taille égale à 151 pt. Pour compléter l'illustration, créez une o m b r e portée. Deux solutions s'offrent à vous. La première consiste à appliquer au texte la c o m mande Ombre portée du menu Effet/Spécial. Pour la seconde solution, procédez c o m m e suit : 1 Dupliquez le texte. 2 Appliquez-lui une distorsion manuelle (Effet/Distorsion et transformation/Distorsion manuelle). Dans la boîte de dialogue qui s'ouvre, donnez à votre texte une f o r m e en perspective, puis cliquez sur OK.

13.6. Styliser un texte

283

3 Placez l'ombre derrière le texte initial (Objet/Disposition/Arrièreplan). 4 Dans le panneau Transparence, réduisez le paramètre Opacité de l'ombre à 1 8 % .

Pour finir cette partie sur la stylisation du texte, voici c o m m e n t créer trois autres effets.

Créer un texte fourrure 1 Activez l'outil Texte. 2 Saisissez un texte. 3 Allez dans le menu Effet/Distorsion et déformation. Choisissez la c o m m a n d e Esquisse. 4 Dans la boîte de dialogue qui s'affiche, définissez une taille Relative de 5 %. Réglez l'option Détail sur 100/po. Cliquez sur OK.

Figure 13.12 : L'arrière-plan abstrait

Créer un symbole Vous pouvez également créer un symbole à partir d'un texte : 1 Saisissez votre texte avec la police de caractères et la taille de votre choix. 2 Allez dans le menu Effet/Distorsion et transformation. Choisissez la c o m m a n d e Contraction et dilatation. Dans la boîte de dialogue qui s'affiche, faites glisser le curseur vers la droite jusqu'à ce que le c h a m p Dilatation affiche 153 %. Cliquez sur OK.

Figure 13.14: Le texte fourrure

Peindre un texte

3 Vectorisez le texte (Texte/Vectoriser).

1 Saisissez votre texte, puis sélectionnez-le.

4 Déplacez la lettre voulue avec l'outil Sélection directe.

2 Dans la boîte à outils, réglez la couleur de f o n d sur le blanc et la couleur de contour sur le noir.

5 Activez l'outil Lasso et effectuez un cadre de sélection autour de la première lettre par exemple. 6 Déplacez-la avec l'outil Sélection, puis appliquez-lui une nuance choisie dans l'un des panneaux prévus à cet effet (Guide des couleurs, Nuancier, Couleur...). 7 Faites glisser cette f o r m e vers le panneau Symboles. Dans la boîte de dialogue qui s'affiche, nommez-le symboletexte, puis cochez l'option Graphique. Pour terminer, cliquez sur OK. Le s y m b o l e est prêt à l'emploi.

3 Vectorisez le texte (Texte/Vectoriser). 4 Dupliquez le texte. 5 Appliquez sur la copie la f o r m e Grunge groupe vect.04 disponible dans la bibliothèque des f o r m e s Ensemble de vecteurs de formes de traces.

fi- n JÀ

4 M S k

ieJJÊÊKÊÊ^--^ f—• V~i—rc^V

KWJJI

«tSÈwWraBl; 1/îï

fi

«g'' \*L-

feS* w '«y?

Vvà^

Figure 13.15: Letextepeint Figure 13.13: Le texte symbole

284

13. Le texte

13.6. Styliser un texte

285

Créer un texte avec plusieurs contours 1 Entrez votre texte. 2 Allez dans le m e n u Objet/Tracé. Choisissez la c o m m a n d e Simplifier. Une boîte de dialogue s'affiche. Dans la section Simplifier le tracé, réglez les paramètres Précision des courbes à 43 % et Seuil d'angle à 54°. Cliquez sur OK.

9 Allez dans le menu Objet/Habillage de texte. Choisissez la c o m mande Créer. Le texte se place autour de l'image. 10 Pour augmenter ou réduire le décalage entre le texte et l'image, retournez dans le menu Objet/Habillage de texte. Cette fois, sélectionnez la c o m m a n d e Options d'habillage de texte. 11 Dans la boîte de dialogue qui s'affiche, entrez une valeur dans le champ Décalage, puis cliquez sur OK.

3 Attribuez au texte une couleur de f o n d orangée et une couleur de contour de la m ê m e teinte mais plus foncée. 4 Ouvrez le panneau Aspect. Cliquez sur le b o u t o n Ajouter un contour. Définissez un contour de 3 pt. Cliquez de nouveau sur le bouton Ajouter un contour. Faites glisser ce second contour en dessous du premier. Choisissez une couleur de contour rouge avec une épaisseur de contour de 9 pt.

s U ^ M Us Figure 13.16: Le texte avec plusieurs contours

convient de ne dramatiser aucun rendezvous,. Je suis libre e n t a n t q u e président de la République française de m o n agenda», a dedans Nicolas Sarkozy, avant sa rencontre avec le dalaï larna q u i devrait durer trente minutes cet après-midi. Les d e u x hommes sont à Gdansk, en Pologne, à l'occasion de la cérémonie organisée p o u r le 25e anniversaire d e la remise d u prix Nobel d e la paix à Lech Walesa, ancien président polonais et ancien dirigeant du syndicat Solidarnosc <e£n tant que président d u Conseil de l'Europe, )e porte des valeurs, des convictions. C'était m o n devoir de le faire, je le fais bien volontiers», a-t-il ajouté. Cette rencontre suscite fa colère des Chinois, q u i menacent de boycotter les produits français. Pour Pékin, le chef spirituel tibétain en exil est u n agitateur cta ngereux. Apres avoir annulé un sommet avec PUE i Lyon le 1 er décembre et, dans la foulée, l e sommet France-Chine prévu h lendemain à Paris, Pékin a maintenu la pression sur Paris. Le porte-pa rote d u ministère des Affaires étrangères, Liu Jianchao, a ainsi affirmé que les relations commerciales bilatérales pourraient en souffrir, tandis q u e les

appels à français

boycotter les produits o n t ressurgi sur i n t e r n e t colère chinoise, Nicolas Sarkozy a déclaré à Gdansk: «Il faut v o i r :hoses tranqu^lemeiït, serefnement m o n d e a besoin d'une Chine ouverte qui partid p e a la gouvernance mondiale. La Chine a besoin d'une Europe puissante U ï nous avons le devoir de travailler ensemble.* Les relations s'étaient refroidies au printemps après la sévère répression par Pékin de manifestations tibétaines, qui avait «choqué* le chef de l'Etat français, puis d u sage mouvementé de la femme olympique a Paris, En Nicolas Sarkozy avait renoncé rencontrer le dalaï lama en en France. Le chef spirituel

Figure 13.17 : Le texte habillé

13.7. Habiller un texte

À l'instar des graphiques, vous pouvez créer des textes masqués : 1 Importez une image (Fichier/Importer).

Habiller un texte consiste à faire glisser le texte autour d'une f o r m e importée.

2 Activez l'outil Texte.

1 Ouvrez le fichier contenant le texte en colonnes.

3 Saisissez votre texte. Placez-le sur l'image.

2 Ouvrez le fichier femme.ai.

4 Allez dans le menu Objet/Masque d'écrêtage. Choisissez la c o m mande Créer. L'image est alors contenue dans le texte.

3 Vectorisez l'image, puis cliquez sur le b o u t o n Décomposer. 4 À l'aide de l'outil Sélection directe, supprimez l'arrière-plan. 5 Sélectionnez l'image. Copiez-la ([ctri]+(c]). 6 Rendez visible le fichier avec le texte en colonnes. 7 Collez l'image (fctrT)+(v]). Assurez-vous qu'elle est bien au premier plan. Pour cela, réorganisez les calques si besoin ou utilisez la c o m m a n d e Premier plan du menu Objet/Disposition. 8 Sélectionnez l'image puis, tout en appuyant sur la touche fMaj], cliquez sur le texte.

ARTSYl Figure 13.18 : Le texte masqué Il ne vous reste plus qu'à lui appliquer des styles.

286

13. Le texte

13.7. Habiller un texte

287

13.8. Vectoriser un texte La vectorisation d'un texte permet de le déformer ou de lui appliquer des styles ou des filtres.

ATTENTION

Vectorisation d'un texte

Avant d'effectuer la vectorisation du texte, conservez-en une copie car une fois vectorisé, le texte n'est plus éditable.

1 Activez l'outil Texte. 2 Saisissez votre texte, puis sélectionnez-le. 3 Allez dans le menu Texte. Choisissez la commande Vectoriser.

Figure 13.19 : Le texte déformé

Les effets de déformation 13.9. Déformer un texte Le texte peut, comme un graphique, être déformé. Deux techniques sont à votre disposition. Tout dépend du résultat que vous souhaitez obtenir. Vous allez compléter l'illustration de la troisième page de la brochure. Commencez par appliquer une distorsion de l'enveloppe.

La distorsion de l'enveloppe 1 Activez l'outil Texte. 2 Dans le panneau Contrôle, choisissez la police Impact. 3 Dessinez le tee-shirt sans couleur de fond avec l'outil Plume. Placez-le au-dessus du texte. Si vous n'êtes pas sûr que le tracé soit au premier plan, aidez-vous du menu Objet/Disposition. 4 Sélectionnez les deux éléments.

1 Activez l'outil Texte. Avant d'opérer la saisie, choisissez, dans le panneau Contrôle, une police de caractères. Utilisez de préférence une police grasse comme Impact. L'effet en sera plus intéressant. 2 Choisissez également une couleur de fond. 3 Tout d'abord, sélectionnez le personnage. Verrouillez cette sélection (Objet/Verrouiller/Sélection). Cette opération évite d'appliquer par erreur des déformations aux éléments existants. 4 Saisissez LA MODE. À l'aide de l'outil Sélection, placez le texte audessus de la femme. 5 Allez dans le menu Effet/Déformation. Choisissez la commande Déformation/Arc supérieur. Acceptez les paramètres par défaut.

LAMODè

5 Allez dans le menu Objet/Distorsion de l'enveloppe. Choisissez la commande Créer d'après l'objet au premier plan. Le texte se déforme selon le tracé (voir Figure 13.19). Le texte peut être déformé grâce aux déformations proposées dans le menu Effet. Il s'agit maintenant de réaliser le tatouage de la femme.

Figure 13.20: Le texte déformé Pour compléter l'illustration, vous allez plaquer un motif sur le ballon que tient le personnage.

288

13. Le texte

13.9. Déformer un texte

289

Appliquer un texte sur un objet 3D Pour appliquer un texte à un objet 3D, vous devez tout d'abord dessiner et décorer le ballon. La première étape consiste à créer le motif : 1 Activez l'outil Texte. 2 Dans le panneau Contrôle, choisissez une police de caractères grasse avec une couleur de fond bleue. 3 Saisissez votre texte. Appliquez-lui des styles graphiques. 4 Faites glisser le texte vers le panneau Symboles. Dans la boîte de dialogue Options de symbole, nommez-le, puis cochez l'option Graphique. Cliquez sur OK.

Figure 13.21 : Le texte sur le ballon

Il s'agit maintenant de dessiner le ballon : 1 Affichez la grille (Fenêtre/Afficher la grille).

2 Activez l'outil Plume. Dans le panneau Contrôle, choisissez une couleur de fond gris clair. Désactivez la couleur de contour.

13.10. Améliorer un texte 1 Dans un nouveau document, saisissez votre texte.

3 Cliquez sur le plan de travail pour positionner le premier point d'ancrage.

2 Sélectionnez-le avec l'outil Sélection.

4 Descendez le pointeur, puis cliquez pour placer le second point.

4 Dans le menu Définir une méthode de lissage, choisissez celle qui vous convient. Testez-les toutes puis observez le résultat au niveau des contours du texte.

5 Amenez la souris sur le point de départ pour fermer la forme. Formez une courbe, puis relâchez le tout. 6 Allez dans le menu Effet/3D. Choisissez la commande Révolution. Une boîte de dialogue s'affiche. Réglez les paramètres :X:-18°, V: -26°, Z : 8°, Perspective : 0°, Décalage : 0 pt. Choisissez une Surface : Ombrage plastique. 7 Cliquez sur le bouton Placage. Une boîte de dialogue d'options s'ouvre. Dans le menu déroulant Symbole, sélectionnez le texte que vous avez créé. Placez-le sur la surface 1 et ajustez-le manuellement. Faites-le glisser pour modifier son emplacement ou redimensionnez-le en tirant sur l'une des poignées du cadre de sélection. Cochez l'option Aperçu pour visualiser le résultat. Une fois que le résultat vous convient, cliquez sur OK. 8 De retour sur la boîte de dialogue initiale, cliquez sur OK (voir Figure 13.21).

3 Affichez le panneau Caractères ainsi que les options.

4 Caractère

r^riuric^

"
-

Myrinj Prz Reguisr

T

: 72

m -•

Mega

«y : AUta T

X : m% &f : D , t

ï

T

JX : 103%

-

¥

Langue : FiMlçm

a,i Précis

Z:

Sans

""Kl A vanszè

Figure 13.22 : Les méthodes de lissage

Si votre texte est destiné à être publié sur le w e b ou sur mobile, lllustrator CS5 permet d'en améliorer son aspect.

290

13. Le texte

13.10. Améliorer un texte

291

IMPRIMER DES FICHIERS Le format d'épreuve La séparation des couleurs La surimpression L'impression d'une épreuve papier L'impression de la transparence Imprimer un fichier en bichromie (deux tons directs) Imprimer sur une imprimante locale Exporter un document Les métadonnées Exporter pour Microsoft Office

295 296 297 298 300 302 303 305 310 311

293

Ce chapitre a pour objectif de vous donner toutes les informations nécessaires pour que vous obteniez un rendu correct de vos illustrations sur une imprimante de bureau ou chez un imprimeur. Illustrator propose à cet effet un ensemble de fonctionnalités que ce chapitre s'efforcera de vous expliquer. Tout d'abord, avant d'imprimer, il convient de procéder à quelques vérifications d'usage pour éviter les mauvaises surprises lors l'impression (couleurs absentes, trop ternes...).

14.1. Le format d'épreuve Avant de procéder à l'impression finale de vos fichiers, vous devez vérifier la manière dont sera imprimée l'illustration sur un papier d'imprimante ou lue sur un autre périphérique de sortie, comme le Net. C'est la fonction Format d'épreuve d'Illustrator qui permet de réaliser cette opération. 1 Ouvrez votre fichier. 2 Allez dans le menu Affichage/Format d'épreuve. Sélectionnez la commande Personnaliser. La boîte de dialogue Personnaliser le format d'épreuve s'ouvre. Personnaliser le format d'épreuve

Périphérique de simulation :

I

Euroscale Coated v2

•»

QDnserver IQS numéros CMJN Mode de rendu :

Perception

. ,,

( (

•»

:

QK.:~I Annuler

l

: Aperçu

OSsimuler la teinte du papier

I

„

:

Figure 14.1 : La boîte de dialogue Format d'épreuve

3 Dans le menu déroulant Périphérique de simulation, choisissez un profil de sortie selon votre cas : — Si vous souhaitez sortir l'illustration sur votre imprimante de bureau, sélectionnez le profil correspondant à cette dernière. _ Si l'illustration est destinée à un imprimeur, choisissez l'option Euroscale Coated v2. 4 Dans le menu déroulant Mode de rendu, sélectionnez celui qui sera adapté à la sortie d'épreuve que vous souhaitez réaliser :

K . l . Le format d'épreuve

295

— Colorimétrie absolue privilégie un rendu exact des couleurs sur le papier ou à l'écran.

Le mode de rendu Le mode de rendu spécifie la manière de convertir une couleur d'un espace colorimétrique à un autre.

REMARQUE

tration. Ce panneau vous évite les problèmes de défonce ou de recouvrement des couleurs pouvant survenir lors de l'impression des fichiers. 1 Pour le rendre visible, allez dans le menu Affichage. Sélectionnez Aperçu des séparations.

— Perception est adapté aux photographies. Ce mode cherche à faire correspondre au mieux les couleurs de l'image à la perception de l'œil de l'utilisateur. — Saturation modifie les couleurs tout en privilégiant leur saturation. Au final, vous obtenez des couleurs plus vives, mais moins précises. Il est adapté à l'affichage sur écran. _ Colorimétrie relative met davantage l'accent sur la perception des couleurs que sur leur rendu. Pour une couleur non imprimable, ce mode cherche sa correspondance la plus proche dans l'espace de sortie. Dans la partie Options d'affichage (à l'écran), cochez Simuler la teinte du papier. Cette option vous permet de simuler à l'écran le rendu des couleurs telles qu'elles sortiront sur le papier au final. Vous pouvez ainsi corriger les teintes qui vous apparaissent ternes ou saturées par exemple.

Figure 14.2 : Le panneau Aperçu des séparations

Activez l'option Aperçu de la surimpression. Cet affichage peut s'effectuer également par le menu Affichage/Aperçu de la surimpression.

Cliquez sur OK. L'affichage simule la manière dont le document apparaîtra au final lors de l'impression. Au besoin, ajustez les couleurs.

Une fois cet affichage obtenu, activez ou désactivez les couleurs que vous souhaitez imprimer. Pour cela, cliquez sur leur icône en forme d'œil. Les zones qui restent blanches sont des zones où le blancdu papier apparaîtra car il n'ya aucune encre ou parce qu'elle a été masquée.

Couleurs d'épreuve Dans le menu Affichage, la commande Couleurs d'épreuve est activée. Cette fonction permet de simuler à l'écran l'espace de travail que vous avez choisi dans le menu Edition/Couleurs.

REMARQUE

Affichage des encres Pour afficher une seule couleur, maintenez enfoncée la touche (Ait] lorsque vous cliquez dessus.

REMARQUE

14.2. La séparation des couleurs lllustrator CS5 permet d'améliorer la gestion des couleurs de vos documents avant de les imprimer. Vous disposez désormais d'un panneau Aperçu des séparations déjà présent dans Indesign ou Photoshop. Celui-ci affiche les différentes couleurs utilisées dans l'illus-

296

14. Imprimer des fichiers

14.3. La surimpression Pour les objets noirs, il est nécessaire d'effectuer quelques réglages avant de procéder à l'impression.

14.3.

La surimpression

297

Si vous avez choisi d'imprimer certaines encres, excepté le noir, celui-ci sera imprimé en défonce, c'est-à-dire qu'un liseré blanc apparaîtra lors de l'impression. Il faut alors imprimer ce noir en surimpression : 1 Allez dans le menu Fenêtres. Choisissez la commande Options d'objet.

Figure 14.3 : Le panneau Options d'objet 2 Cochez l'option Surimpression fond. Si vous observez votre illustration, vous constaterez que la zone blanche a disparu. La couleur située en dessous apparaît. Dans le panneau Aperçu des séparations, ajoutez le noir. Cette surimpression permettra de compenser les problèmes pouvant survenir lors du positionnement du film noir par rapport aux autres plaques, comme l'apparition d'un liseré blanc. Si votre illustration contient un Pantone et que vous masquiez cette encre, vous remarquerez qu'il y a une défonce à ce niveau. Si vous cochez l'option Surimpression du fond, vous constaterez que la teinte de la couleur est totalement différente. Le Pantone se mélange aux encres de l'arrière-plan.

simulation utilise les paramètres que vous avez définis au préalable dans la boîte de dialogue Format d'épreuve.

L'épreuve papier DEFINITION

Une épreuve papier est une sortie réalisée sur une imprimante de bureau. C'est une simulation de ce que donnera le document sur le périphérique d'impression finale. Les valeurs des teintes ne sont pas converties définitivement. Vous pouvez les modifier si besoin afin qu'elles correspondent au résultat que vous souhaitez obtenir.

1 Pour simuler l'encre noire, ouvrez la boîte de dialogue du menu Edition/Couleurs. Cochez l'option Mode avancé. Désélectionnez l'option Utiliser la compensation du point noir. Cliquez sur OK. Charger v : Mode avance

; Enregistrer...

Espaces de travail RVB: CMJN :

;

Adobe RGB (1998) Euroscale Coated v2

Règles de gestion des couleurs RVB : â

CMJN:

—

•

Conserver les profils incorporés Conserver les numéros (Ignorer les profils liés)

Non-concordances des profils : V] Choix à l'ouverture ffl Choix au collage Profils manquants : g j Choix à l'ouverture Options de conversion

Pour obtenir une surimpression d'un Pantone, ajoutez un contour à l'objet de la même couleur que sa couleur de fond. Ensuite, dans le panneau Options d'objet, cochez l'option Surimpression contour. De cette façon, le contour compensera les éventuels décalages entre les couleurs. Concernant le texte noir, vous constaterez, si vous masquez le noir dans le panneau Aperçu des séparations, que votre texte est blanc. Pour remédier au problème, dans le panneau Options d'objet, cochez l'option Surimpression du fond. Le texte disparaît à l'écran. Cochez le noir dans le panneau Aperçu de la surimpression.

14.4. L'impression d'une épreuve papier Avant de procéder à la sortie finale de votre document, il est recommandé d'imprimer une épreuve papier sur votre imprimante. Cette

298

14. I m p r i m e r des fichiers

Moteur : Mode :

Adobe (ACE) Colorimétrie relative

'••/. Utiliser la compensation du point noir Description : Spécifie te façon dont îes c--r versons d espèces coonn-.strkîiies sons effectuées.

Figure 14.4 : Le mode avancé du menu Edition/Couleurs

2 Allez dans le menu Fichier. Sélectionnez la commande Imprimer. 3 Dans la boîte de dialogue qui s'affiche, cliquez sur la catégorie Gestion des couleurs. Dans le menu Imprimante, sélectionnez la vôtre dans la liste proposée. — Dans la partie Méthode d'impression, le profil du document est affiché par défaut.

U . 4 . L'impression d'une épreuve papier

299

_ Sélectionnez Colorimétrie absolue dans le menu Mode de rendu. Cette option vous permet de simuler la teinte du papier et l'encre noire.

1 Rendez-vous dans le menu Fenêtres. Sélectionnez la c o m m a n d e Aperçu de l'aplatissement. Un panneau flottant apparaît.

4 Une fois que vos choix sont effectués, cliquez sur le bouton Imprimer pour i m p r i m e r votre épreuve papier.

14.5. L'impression de la transparence lllustrator propose trois modèles d'aplatissements des transparences disponibles dans le menu Edition/Aplatissements prédéfinis des transparences. Ces derniers ont été conçus pour optimiser l'aplatissement des transparences et des effets de style des objets. Pour plus de détails, lisez le chapitre Réaliser un collage. RENVOI

Haute résolution : utilisez cette option pour les impressions offset (sur presse) ou quand vous imprimez un d o c u m e n t avec une séparation des couleurs. Résolution moyenne : sélectionnez cette option si vous souhaitez i m p r i m e r sur une i m p r i m a n t e couleur PostScript.

PostScript Le langage Postscript a été initié par Adobe. Il décrit les éléments de votre document dans un fichier indépendamment du périphérique d'impression. Pour enregistrer ce type de fichier, procédez comme suit : 1

Allez dans le menu Fichier.

2

Choisissez la commande Imprimer. Dans la boîte de dialogue qui s'affiche, choisissez dans le menu Imprimante, Fichier PostScript.

3

Cliquez sur le bouton Enregistrer pour valider vos choix. Le fichier est éditable avec le Bloc-notes ou Notepad.

• Basse résolution : cette option est utilisée pour les impressions en noir et blanc sur des imprimantes de bureau ou pour les documents destinés à être publiés sur le Net. Si aucun réglage d'aplatissement ne vous convient, vous pouvez les personnaliser. Effectuez les opérations suivantes :

300

H . Imprimer des fichiers

Figure 14.5 : Le panneau Aperçu de l'aplatissement Dans le menu Aperçu, choisissez l'option Objets transparents rendre visibles.

pour les

2 Allez dans le menu Objet. Choisissez la c o m m a n d e Aplatissement des transparences. 3 Une boîte de dialogue s'affiche. Elle vous permet de spécifier la part de pixels et de vecteurs que doit contenir votre document. Vous pouvez définir également les options et la résolution de la pixellisation de vos traits. 4 Faites glisser le curseur de l'option Équilibre PixellisationA/ectorisation vers la droite pour vectoriser tous les objets. Cinq valeurs sont à distinguer : — 0 pixellise tous les objets. Cette valeur convient parfaitement pour les documents destinés à être publiés sur le Net. — 25 pixellise seulement les zones complexes de l'objet. Ce réglage est utilisé pour les illustrations contenant peu d'objets transparents. — 50 laisse en vectoriel les objets simples, c'est-à-dire sans effet. La pixellisation concerne uniquement les zones les plus complexes. — 75 maintient la majorité des objets vectoriels et pixellise les zones les plus complexes. — 100 conserve un m a x i m u m d'objets vectoriels. 5 L'option Résolution des dessins aux traits et du texte permet de définir la résolution des objets vectoriels pixellisés. Une résolution de 600 ppp i m p r i m e correctement les traits fins et les textes.

U.5. L'impression de la transparence

301

6 L'option Résolution à l'impression des dégradés et des filets concerne les illustrations auxquelles vous avez appliqué des styles graphiques, ombres portées ou autres. 7 II est également possible de vectoriser tous les contours. Cette manipulation permet de transformer les contours des objets en tracés remplis d'un fond. 8 Si votre illustration contient du texte, cochez l'option Vectoriser tout le texte. Cette opération transforme le texte en vecteur. Elle garantit une régularité de la taille du texte lors de l'aplatissement.

A

imprimées ou non par un simple clic en face de leur intitulé. Ici, sélectionnez uniquement les trois couleurs Pantone.

Impression des encres Pour désactiver une encre à l'impression, cliquez sur l'icône en forme d'imprimante.

REMARQUE

3 Cliquez sur le bouton Imprimer une fois vos choix effectués.

La vectorisation du texte Ne choisissez pas des polices trop petites, qui apparaissent dans les logiciels comme Adobe Acrobat légèrement plus épaisses.

9 L'option Aperçu ne donne pas un aperçu de l'aplatissement. Pour cela, il faut afficher le panneau Aperçu de la surimpression.

Impression de fichiers Pantone avec de la transparence Les options définies précédemment sont valables pour les fichiers Pantone.

10 Selon la complexité de votre illustration, il est préférable de cocher l'option Écrêter les zones complexes. Vous limitez ainsi les problèmes de raccord qui peuvent survenir entre les parties vectorielles et les parties pixellisées. 11 Validez vos choix en cliquant sur OK.

14.6. Imprimer un fichier en bichromie (deux tons directs)

14.7. Imprimer sur une imprimante locale Une fois l'épreuve sur papier réalisée, les ajustements de couleurs effectués, vous pouvez procéder à l'impression de votre document.

Imprimer le résumé

Pour imprimer un fichier avec deux couleurs Pantone, procédez comme suit :

Avant de débuter l'impression, il est recommandé de vérifier dans la catégorie Résumé qu'il ne subsiste aucun problème.

1 Allez dans le menu Fichier. Sélectionnez la commande Imprimer.

1 Pour cela, regardez la partie Avertissements qui liste les problèmes rencontrés (voir Figure 14.7).

2 Dans la boîte de dialogue qui s'affiche, cliquez sur la catégorie Sortie. Dans la partie de droite, choisissez le mode Impression Séparations (sur hôte). Les options d'encre du document deviennent alors accessibles. Il s'agit de la liste des encres utilisées dans le document. Vous pouvez choisir les encres qui doivent être 302

Figure 14.6: Le fichier bichromie

14. Imprimer des fichiers

2 Corrigez-les.

14.7. Imprimer sur une imprimante locale

303

Impression prédéfinie : Imprimante : PPD :

Dans la colonne de gauche, vous avez la liste des rubriques. Dans la partie droite de la boîte de dialogue, figurent les options que vous configurerez selon vos besoins.

- a

Personnalises Adobe PDF

2 Dans le menu Impression prédéfinie, sélectionnez l'un des modèles prédéfinis.

Par défaut (Adobe PDF 9.0)

Résumé Impression prèd4f[r~ : [P;r d s ' s ^ Imprimants ; Oécbe PDF PPD ; Par défaut ÎAdcie PDF 5,0}

Repères et ferai perdu Sertie Grapkï^es Gestwfi des ceu«urs

3 Spécifiez dans le menu Imprimante le type de périphérique que vous possédez. 4 Si vous possédez une imprimante PostScript, choisissez le pilote correspondant dans le menu PPD. 5 Cliquez sur chaque catégorie pour définir vos options d'impression. 6 Une fois vos choix effectués, cliquez sur le bouton Imprimer.

Avertissements :

Les :ws:r3».oisdecedcaiff»pînepess-L="- :.r =patsssn-s^:.

Impression prédéfinie ; Imprimante :

Enregistrer le résume..

PPD :

Personnalisée Adobe PDF Par défaut (Adobe PDF 9.0)

Général tnprrner

Annuler

j [

Terminer

\

Figure 14.7 : La section Avertissements de la catégorie Résumé

Repères et fend perdy

Copies:

Scifïhiques Geàkm d«s cm; Surs

i

Résumé

i

Copies assi

Ignorer les plans de travail

Support Format :

Défini par pilote

Largeur :

Imprimer le résumé d'impression Pour imprimer le résumé de votre future impression, cliquez sur le bouton Enregistrer le résumé. Dans la boîte de dialogue qui s'affiche, nommez votre sauvegarde, puis cliquez sur le bouton Enregistrer.

Position:

4 Pour insérer un document dans un autre, vous devez procéder à son exportation. Différents formats sont à votre disposition.

i i i J

Hauteur :

X;

W

?3,6932 p Y :

233,7698

% Ne pas mettre a l'échelle . Page entière '; Echelle personnalisée :

3 Une fois les problèmes résolus, cliquez sur le bouton Imprimer.

Inverser l'ordre

Tout

Mosaïque

L:

IM

'

%

Pagesa

i. m S

H:

1^0

Chevauchement : L:

LM

Imprimer les calques : Calques visibles et imprimables

•:

H:

ir/'o

-r

Imprimer le document Pour imprimer votre document, procédez comme suit : 1 Allez dans le menu Fichier. Choisissez la commande Imprimer. Une boîte de dialogue s'ouvre dans laquelle vous définirez le type d'impression que vous souhaitez.

304

14. Imprimer des fichiers

Figure 14.8 : La boîte de dialogue d'impression

14.8. Exporter un document Le choix du format dépend de la destination finale du fichier. Si celui-ci doit être ouvert dans Photoshop, vous pouvez l'exporter au format PSD. Par contre, s'il s'agit d'une image pour le Web, utilisez le 14.8. Exporter un document

305

f o r m a t JPEG. La plupart des formats préservent les plans de travail multiples durant l'exportation du document. Concernant les documents destinés à un i m p r i m e u r ou proposés en téléchargement sur votre site, vous devez fournir une version PDF.

10 Activez l'option Incorporer le profil ICC. Elle permet d'incorporer le profil colorimétrique de votre document. 11 Cliquez sur OK.

Pour exporter un document, procédez c o m m e suit : 1 Allez dans le menu Fichier. Choisissez la c o m m a n d e Exporter. 2 Dans la boîte de dialogue qui s'affiche, indiquez le n o m et l'emplacement de votre fichier.

Modèle de couleur : CMJN Résolution

OK Annuler

C Ecran /'Moyenne

3 Dans le menu Type, choisissez le f o r m a t désiré. Si votre document contient des plans de travail, cochez l'option Utiliser les plans de travail ou spécifiez celui que vous souhaitez prendre en compte. 4 Cliquez sur le bouton Enregistrer.

: Elevée • Autre 300

PPP

B Lissage LJ Compression LZW

5 Une boîte de dialogue d'options propres au f o r m a t choisi s'ouvre. Configurez les différentes options, puis cliquez sur OK.

Format » IBM PC ;

Voyons le cas du f o r m a t TIFF. Les fichiers au f o r m a t TIFF peuvent être ouverts dans la plupart des p r o g r a m m e s d'image et de mise en page. C'est l'un des formats utilisés en PAO (publication assistée par ordinateur).

Macintosh

'i Incorporer le profil ICC : Co.fetf FOGRA2?{ISO

Figure 14.9 : La boîte de dialogue d'enregistrement du format TIFF

Passons au f o r m a t PDF, utilisé pour l'exportation de documents.

Exporter au format TIFF Pour exporter au f o r m a t TIFF, procédez c o m m e suit :

Exporter un fichier PDF

3 Nommez votre fichier.

Le f o r m a t PDF est utilisé pour les fichiers destinés à l'imprimeur ou proposés en téléchargement sur un site. Le fichier est la réplique exacte de votre document, que ce soit au niveau des polices utilisées, du profil de couleurs défini ou des illustrations incorporées.

4 Cliquez sur le bouton Enregistrer.

Pour créer un fichier PDF pour un imprimeur, procédez c o m m e suit :

5 La boîte de dialogue Options TIFF s'ouvre. Dans le menu Modèle de couleurs, choisissez-en un dans la liste proposée.

1 Allez dans le menu Fichier. Choisissez la c o m m a n d e Enregistrer sous.

6 Dans la section Résolution, spécifiez celle qui vous convient. Si vous devez importer votre fichier dans un logiciel de mise en page, sélectionnez une résolution Élevée ou Autre (indiquez, dans le c h a m p correspondant, la résolution voulue).

2 Une boîte de dialogue s'affiche. N o m m e z votre fichier.

1 Ouvrez la boîte de dialogue du menu Fichier/Exporter. 2 Dans le menu Type, sélectionnez TIFF.

7 Cochez l'option Lissage, qui permet de lisser les contours de votre image. 8 Laissez décochée l'option Compression LZW. C o m m e son n o m l'indique, elle permet de compresser une image.

3 Sélectionnez le f o r m a t Adobe PDF, puis cliquez sur Enregistrer (voir Figure 14.10). 4 Dans le menu Paramètres prédéfinis Adobe PDF, choisissez l'un des modèles PDF prédéfinis. Si votre i m p r i m e u r prend en charge la norme PDF/X, sélectionnez l'une des variantes proposées, sinon choisissez le modèle Qualité optimale. Pour chaque modèle, une description s'affiche en dessous.

9 Dans la section Format, cochez l'option IBM PC. Elle assure que les images produites sur Mac seront lues correctement sur PC.

306

H . I m p r i m e r des fichiers

14.8.

Exporter un document

307

5 Dans le panneau de gauche, sélectionnez la catégorie Compression.

Paramètre prédéfini Adobe PDF : [Qualité optimale](Modifie) Compatibilité : Acrobat 5 (PDF 1.4)

Norme : Sans Général Comprassion (rss et fonds perdus Sortis Avance Proiec&cn Résume

Description : [D'après 'Qualité optimale'] Utilise: ces options afin de créer des documents Adobe PDF pour une qualité d'impression prepresse. Les documents PDF créés peuvent être ouverts dans Acrobat, ainsi qu'Adobe Reader 5 0 et versions ultérieures.

Options •-••-

7 Configurez à présent les paramètres de la catégorie Repères et fonds perdus. Dans la section Repères, cochez l'option Tous les repères d'impression pour imprimer les repères et les traits de coupe définis au préalable. Vous pouvez désactiver les options inutiles.

••

10 Conserver les fonctions d'édition d'Illustrator Î..3 incorporer les vignettes de page §B Optimiser pour l'affichage rapide des pages Web • Afficher le fichier PDF après l'enregistrement

rer le style prédéfini..

6 Réglez les trois paramètres Images bitmap couleur, Images bitmap en niveaux de gris et Images bitmap monochromes sur Ne pas sous-échantillonner, puis sélectionnez Sans dans le menu Compression.

Enregistrer en PDF

Figure 14.10 : La boîte de dialogue d'enregistrement au format PDF

La norme PDF/X La norme PDF/X est l'une des méthodes les plus fiables en matière de création de fichiers PDF.

8 Si vous n'avez pas spécifié de fonds perdus dans la boîte de dialogue Nouveau document, vous pouvez le faire dans la partie Fonds perdus en indiquant vos valeurs dans les champs Haut, Bas, Gauche et Droite. Par contre, si vous les aviez définis et que vous souhaitiez les prendre en compte, cochez l'option Utiliser les paramètres de fond perdu du document. Ces derniers apparaîtront lors de l'impression. 9 Passez à la catégorie Sortie. Dans le menu Conversion de la couleur, conservez les paramètres par défaut. Sélectionnez Convertir vers la destination ou Convertir vers la destination (conserver les numéros). 10 Dans le menu Règle d'inclusion de profil, sélectionnez Inclure les profils de destination. En procurant votre profil de couleurs, vous évitez ainsi toute conversion de couleurs indésirable. 11 Cliquez sur le bouton Enregistrer en PDF pour valider vos choix.

Créer un fichier PDF multiplan Les modèles PDF lllustrator par défaut : le contenu du document sera préservé lorsque vous l'importerez dans d'autres logiciels comme Indesign ou Photoshop. Qualité supérieure : crée un fichier PDF pour une impression en haute résolution ou pour une impression nécessitant la séparation des couleurs. Taille de fichier minimale : crée un fichier PDF à destination du Web ou pour une distribution par e-mail. Qualité optimale : option adaptée pour les impressions offset. PDF/X-1a:2001/2003: crée un fichier PDF CMJN ou en tons directs sans données RVB. PDF/X-4:2008 : prend en charge la gestion des couleurs et préserve la transparence et les effets de style des éléments. PDF/X-3:2002/2003 : prend en compte la gestion des couleurs. •

308

U . Imprimer des fichiers

Vous allez enregistrer la brochure créée précédemment : 1 Allez dans le menu Fichier. Choisissez la commande Enregistrer sous. 2 Une boîte de dialogue s'affiche. Dans le menu Format, sélectionnez le format Adobe PDF (.pdf). 3 Définissez les plans de travail à exporter. Si vous souhaitez les exporter tous, cochez l'option Tout. Pour ne sélectionner que celui qui vous intéresse, indiquez-le dans le champ Étendue. eauverture_cd .eps

Nom eu fichier : Type:

Wj. Utiliser les plans de travail

:

Hiuslf3io!-Er:3r.EPS; %•- Tout

"' Etendue :

Figure 14.11 : Les options des plans de travail

U.8. Exporter un document

309

14.10. Exporter pour Microsoft Office

4 Cliquez sur le bouton Enregistrer.

Le format lllustrator n'est pas compatible avec les versions précédentes de Microsoft Office (97 à 2003). Néanmoins, vous pouvez exporter vos images. Pour cela, vous devez les enregistrer au format PNG.

14.9. Les métadonnées Lors de l'enregistrement de vos documents, vous avez la possibilité d'enregistrer, outre leur nom, d'autres informations. Le tout sera sauvegardé au format XMP et contenu dans le fichier. Ces métadonnées pourront être affichées dans les applications comme Adobe Bridge. 1 Ouvrez le document auquel vous souhaitez ajouter des informations. 2 Cliquez sur le menu Fichier. Choisissez la commande Informations. La boîte de dialogue qui s'affiche a été remaniée. Désormais les catégories se présentent sous la forme d'onglets. Pour aller de l'une à l'autre, cliquez sur leur intitulé. Dans les différents champs présentés, entrez vos informations selon le type de votre fichier (image, vidéo...). Cliquez sur OK.

1 Allez dans le menu Fichier. Sélectionnez la commande Exporter pour Microsoft Office. Dans la boîte de dialogue qui s'affiche, nommez votre fichier et choisissez son emplacement. 2 Dans le menu Type, sélectionnez Fichiers PNG (*.png). 3 Cliquez sur le bouton Enregistrer. Pour insérer cette image dans Word par exemple, procédez comme suit : 1 Créez un document (Fichier/Nouveau). 2 Allez dans le menu Insertion/Image. Choisissez la commande À partir d'un fichier. 3 Sélectionnez votre image. Celle-ci s'affiche.

Sans titre - i De&aiptiQn

ÏPTC

FTC Extension

Données de Sa caméra

Données vidéo

Données auéo

•

Fifre du document : Impression

- ' ; I

Auteur :

Importer une image lllustrator dans Word 2007 et 2008 (Mac) Pour importer une image lllustrator dans Word 2007/2008, vous n'avez plus besoin de passer par le menu Fichier/Exporter pour Microsoft Office. Un simple enregistrement au format lllustrator suffit.

REMARQUE

Fonction de fauteur : Description :

Note :

•••

k

Auteur de la description : Mots-dés :

(X) Les valeurs multiples peuvent éfre séparées par une virgule ou un point-virgule

Etat du copyright : j Inconnu

•* j

Notice de copyright : j

URL d'informations sur le copyright :

Date de création : 07/06/2310 - 10:45:49 Date de modification : 04/02/2010-07:48:4?

Atteindre FURL...

Application : Adobe lllustrator CS5 Format: application/pdf

Figure 14.12 : Les métadonnées

310

14. Imprimer des fichiers

14.10. Exporter pour Microsoft Office

311

A Adobe Bridge Connect Now Photoshop RGB (1998) Affichage dessins encres plan de travail Aplatir les transparences Appliquer couleurs effet.! motif peinture style graphique texte à un objet 3D Attribuer un dégradé à un autre objet un profil un style graphique

37 26 81 255 45 297 262 300 96 207 202 134 194 290 178 254 199

B Bibliothèque de dégradés de formes de nuances de symboles Biseautage Blocs liés Boîte de dialogue Format de document Nouveau document Options d'importation TIFF Options de calque Options de format Photoshop Options de forme artistique Options de nuance Options de symbole Brochure

171 145 86,180 229 216 276 33 31 37 38 35 148 84,179 232 249

c Calque Coated FOGRAF27

Colorer un symbole noir et blanc 234 Collage 191 Combiner les couleurs 92 les styles graphiques 197 Comic strip 81 Commande Ajouter au nuancier 83 Options d'objet 298 Peaufinage 215 Compression 118 Contour 45 Corriger netteté des traits 126 texte 280 Couleur 79,85,96 calque 43 complémentaire 88 d'épreuve 296 de premier plan et d'arrière-plan 90 Créer arrière-plan abstrait 283 calque 39 dégradé de couleurs 172 dégradé de formes 180 document 31,252 éléments à appliquer 219 forme de motif 154 groupe de couleurs 85 groupe de peinture dynamique 134 logo 101 masque d'opacité 203 nuancier 81 ombre portée 137 pinceau 147 pinceau à partir d'un tracé manuel 157 pinceau aquarelle 164 pinceau artistique 148 pinceau calligraphique 147 silhouette 161 sous-calques 43 style de caractère 279 style de paragraphe 280 symbole depuis une image 229 texte 271 texte fourrure 285 textures 141

39 255

Index

313

D Décomposer un dégradé de formes.. 186 Défonce 298 Déformer un symbole 238 un texte 288 Dégradé 176 adapter un dégradé de formes à un tracé 184 bibliothèque 171 déformes 179,183 radial 174 Déplacer des plans de travail 260 une sélection 69 Désactiver les repères commentés.. 109 Désélectionner un objet 69 Dessin 51 Dessiner ombres 137 pinceaux ornementaux 154 Distorsion d'enveloppe 190,288 manuelle 203 Diviser un objet 114 Dupliquer calque 42 couleur 84,176 objet 114 style graphique 197

E Effet 3D de déformation Extrusion et biseautage Photoshop Révolution Rotation Tourbillon Encrage Enregistrer dégradé format EPS format lllustrator CS3

3U

Index

207 215 118,238,289 216 206 211 221 119 125 178 263 267

format TIFF nuancier palette de couleurs plans de travail pour l'impression offset symboles Épreuve papier Espace de travail Étendre la sélection

264 82 94 264 263 236 299 21,103 69

Exporter document format PDF format TIFF pour Microsoft Office Extrusion et biseautage

305 307 306 311 216

F Fermer les espaces vides Fichier lié Filet de dégradé Fond perdu Format d'épreuve Forme bibliothèque calligraphique diffuse géométrique Fusionner calques tracés

135 34 187 253 295 145 147 158 110 42 162

I Illustration en dégradé 169 florale 151 Importer documents 33,264 fichier PDF 103 palette de couleurs dans lllustrator 96 texte 273 Imprimer document 304 encres 303 épreuve papier 298 fichier 293 fichier en bichromie 302 fichier Pantone avec de la transparence 302 plan de travail 266 résumé d'impression 303-304 sur une imprimante locale 303 transparence 300 Interface 15

Joindre deux segments

73

K Kuler..

92

G Gomme Gouttière Grille de référence Groupe de couleurs

61 275 46 104 84-85

H Habiller un texte Halo

286 205

Lumière de la surface

215,217

M Magnétisme du point Manipuler plans de travail repères Mapper un objet 3D Masque d'écrêtage

151 256 108 219 42,200 200

d'opacité Mémoriser sélection style graphique Menu Caractères contextuel des dégradés prédéfinis Edition/Couleurs Effet Rotation Métadonnée Méthode de sélection Mettre à jour le symbole Mettre en forme un texte Mixer les médias Mode CMJN Coloration Contours d'affichage des styles de couleurs de fusion de rendu Isolation Réunion RVB Modèle PDF Motif forme du motif

203 70 196 277 18 179 254 206 116 310 67 233 276 125 251 147 77 195 251 208 296 71,201 118 251 308 202 185

N Nettoyer un croquis 78 un scan de croquis dans Photoshop 126 Norme PDF7X 308 Nuancier 81 bibliothèque 86,180 de couleurs 91

o Objet 3D aligner des objets dynamique

290 119 224

Index

315

lumière sélectionnée derrière l'objet Ombrage plastique Ombre Onde Opacité de dégradé Opération de transformation Orientation d'un tracé

218 217 139 118 178 237 75

Outil Arc 148,153 Arrondi 53 Baguette magique 64,66 Coloration de symboles 244 Crayon 51 Cutter 114 de symbolisme 241 Déformation 118 Dégradé de couleurs 175 Dégradé de formes 182 Ellipse 113 Espacement de symboles 244 Étoile 112 Feston 118 Filet 188 Forme de tache 161 Glissement de symboles 243 Gomme 61 Grille rectangulaire 104 Lasso 64-65 Modelage 75 Orbite 3D 225 Pipette 97,187 Plan de travail 255 Polygone 111 Pot de peinture dynamique 134 Pulvérisation de symboles 241 Rectangle 108,112 Rectangle arrondi 110 Redimensionnement de symboles 245 Rotation de symboles 246 Sélection 63,65 Sélection de peinture dynamique 136 Sélection et repères commentés 116 Stylisation de symboles 245 Texte 271 Texte captif 272 Texte curviligne 272 Trait 113 Transformation 117 Transparence de symboles 242 Zoom 48

316

Index

Ouvrir un fichier un nuancier

37 83

P Panneau Calques Caractère Couleur Couleurs dynamiques Formes Guide des couleurs Navigation Paragraphe Pathfinder Styles graphiques Transformation Transparence Palette de couleurs

67 277 87 98 149 89 48 278 117 194 76,116 104,165 94

PAO Pathfinder

306 117

PDF Peindre outil Crayon peinture dynamique texte Personnaliser format d'épreuve grille Pixelliser une illustration Placage de symbole Plan de travail Points (convertir) Police de caractères

307 143 137 135 285

Port d'entrée/sortie PostScript

275 300

Profil de couleurs Euroscale Coated v2 ICC

254 295 264

Recadrer un plan de travail sur une illustration

260

Rééchantillonnage

133

295 47 262 221 251 74 277

Règle 46 Régler une ombre portée 216 Réinitialiser les couleurs par défaut... 91 Remodeler un tracé 73 Réorganiser les calques 41 Répartir le texte en excès 275 Repère commenté masque d ecrêtage Répéter une action Résolution de l'image Retoucher masque objet 3D dans Adobe Photoshop Révolution Rotation Rompre le lien

107 201 115 126 204 224 211 221 232

S Scanner un croquis Sélecteur de couleurs Sélection par attributs style graphique Séparation des couleurs Style de texte graphique rétro Supprimer

126 91 63,70 70 196 296 195 279 194,240 160

calque couleur dégradé de formes opération palette de couleurs pinceau styles graphiques symboles Surimpression

40 86,176 186 63 95 166 197 236,242 297

Symbole bibliothèque

227 229

T Table lumineuse Taille du trait Technique de remodelage de sélection Teinte d'une couleur Texte 3D captif Texturer une illustration Tourbillon

125 113 76 69 84 269 281 275 140 119

Tracés (disposition) 78 Trait de coupe 265 Transformer un dégradé de formes sur un tracé 185 Transparences 300 Type de surface 217 ombre diffus 218 sans ombrage 218 structure filaire 217

V Vectoriser depuis Bridge un croquis dans lllustrator un texte une image Verrouiller un calque

132 128 130 288 128 41

z Zoom

49

Index

317

LE GUIDE COMPLET

ILLUSTRATOR® CS5 le tour du suj

• LTA^*J

LE TOUR COMPLET

LA PRATIQUE

L'APPROFONDISSEMENT A

DU SUJET TRAITÉ

PAR L'EXEMPLE

TRAVERS DES CAS PRATIQUES

ureez un motit tiorai ou raye

Transformez

Adobe Bridge

Vectorisez une image

un dessin

Les outils Gomme

Dessinez les ombres

Créez un logo

Le panneau Nuancier

Créez un pinceau et

Les formes géométriques

une forme de motif

légradés de formes . jtyles graphiques

Manipulez les plans de travail

Le dessin de mode Mixez les médias Réalisez un collage, une recette de cuisine en 3D,

L'effet Révolution

Stylisez et déformez

Les outils de symbolisme

un texte

Les modes et les profils de couleurs

Créez un graphe

Colorez un croquis

Imprimez vos fichiers

Créez un fond d'écran

une brochure...

diplômée dans le domaine de l'Internet et du multimédia, S y l v i e L é s a s a exercé durant 5 ans la profession de maquettiste PAO, webmaster. Depuis plusieurs années, elle met ses compétences au service des entreprises et de sociétés désireuses d'assurer leur présence sur le marché national et international.

Prix France: 15€ • 01009

f : 2637/ 65 6068 ' ISBN : 978-2-300-026379

19 "782300 026379

www.microapp.com

Prix Belgique : 16,50€