T A. MARIVET Cré@ ARNAUD MARIVET Arnaud Marivet Travaux pratiques avec Illustrator avec Devenez un pro du dessin vectoriel ARNAUD MARIVET est un professionnel de l infographie, responsable du prépresse au sein de Microcompo, son entreprise de PAO, formateur sur les logiciels Adobe dans de nombreuses entreprises et centres de formation des industries graphiques. Retrouvez aussi Réservés aux lecteurs de l ouvrage, les fichiers des travaux pratiques peuvent être téléchargés gratuitement sur www.dunod.com 66 90 6 ISBN 978--0-0537-8 www.dunod.com Travaux pratiques avec ILLUSTRATOR Cet ouvrage tout en couleurs est un recueil de travaux pratiques destiné aux graphistes, étudiants et professionnels qui souhaitent approfondir leurs connaissances d Illustrator et découvrir les astuces d un utilisateur expérimenté : Maîtriser les techniques de base : vectorisation, création et mise en couleur de tracés, duplication de motifs, mise en forme de textes Ajouter des effets : dégradés de nuances et de formes, ombres portées, effets brossés, effets animés Gérer les symboles : création de symboles, utilisation du placage en distorsion, intégration dans une image, utilisation dans des variables Associer Illustrator à d autres outils de travail : importation de tableaux Excel, exportation en flash et en pdf, utilisation de codes en XML, préparation d images sous Photoshop Travaux pratiques TÉ OUS CE AVE L L L C GR ÉC ES IVRE AT HA FIC : UI RG HI TE EA ER M BL S EN E T! S Illustrator Devenez un pro du dessin vectoriel
@ Table des matières Avant-propos.... IX Remerciements... XI Introduction Raccourcis clavier... 3 Présentation du logiciel.... 4 Présentation des cas pratiques.... 6 Présentation des.... 7 Cas pratique Mise en couleur de tracés... 9 3 4 Choisir ses couleurs...0 Appliquer des couleurs...3 Reproduire les attributs de couleurs...5 Modifier les couleurs de l illustration...7 Cas pratique Visuel en dégradé... Création des tracés de base... Répétition des tracés....3 @V
3 4 5 6 7 8 Génération des formes...4 Application de dégradés...5 Création d une forme de motif...7 Création du texte...30 Création du texte en dégradé...3 Finalisation...33 Cas pratique 3 Bandeau internet animé... 35 3 4 5 6 7 Cahier des charges...36 Mise en place du projet...37 Mise en place des éléments...38 Création du dégradé de couleurs...40 Mise en place des calques...4 Mise en place de l animation...45 Création de l animation...46 Cas pratique 4 Vectorisation, mise en couleur d images... 49 3 Préparation de l image (Photoshop)...50 Réglages de vectorisation... 5 Création des zones vectorielles... 53 @VI
4 5 Mise en couleur....54 Finalisation et effets....56 Cas pratique 5 Placage en distorsion... 59 3 4 5 Création des tracés....60 Distorsion et placage des éléments...6 Fusion sur l image originale dans Illustrator...63 Mise en place des variantes dans Illustrator...64 Fusion du placage dans photoshop - Mise en place des variantes...66 Cas pratique 6 Effet brossé vectoriel... 69 3 Mise en place des éléments de base...70 Mise en place de la bordure du CD par dégradé de formes...73 Vectorisation et peinture dynamique...76 Cas pratique 7 Effet brossé en bichromie...8 3 4 Traitement du fond progressif...8 Traitement bichromique de la bordure du CD.................... 86 Traitement bichromique de l effet métal...90 Remplacement des couleurs dans la bichromie...9 @VII
Cas pratique 8 Graphes avec variables............................. 95 3 4 5 6 7 8 9 0 3 4 5 6 Préparation des formes...96 Mise en couleur du bâton...97 Mise en couleur du tube...98 Déclinaison des couleurs de tube...99 Déclinaison des couleurs de bâton...00 Préparation du graphe... 0 Personnalisation du graphe...0 Déclaration des symboles de graphe...03 Mise en place de la carte...04 Création des masques régionaux...05 Assemblage final du document...06 Déclaration des variables...07 Récupération du code XML de l ensemble de données...08 Préparation de la base de données des variables sous Excel...09 Fusion de la base de données dans le code XML... 0 Intégration des ensembles variables Production des documents... @VIII
@ Mise en couleur de tracés La mise en couleur est un processus récurrent du métier d illustrateur et représente une part signifi cative de son travail. Sans reprendre toutes les étapes d un cas pratique de production, cette partie vous apprendra à choisir correctement les couleurs, à les mémoriser, à les modifi er et à utiliser les fonctionnalités de base de mise en couleur de tracés. En outre, vous y découvrirez les principaux outils et menus du logiciel. Cet exercice se déroule en 4 étapes distinctes : le choix des couleurs, leur application sur un tracé, la manipulation des attributs de couleurs, et la modifi cation des couleurs d un tracé colorisé. Logiciel : Illustrator Source : Couleur.zip Nombre de : 4 @9
MISE EN COULEUR DE TRACÉS Choisir ses couleurs Dans ce premier, nous allons apprendre à paramétrer puis mémoriser notre espace de travail avant de découvrir l utilisation des panneaux utiles, et notamment le nuancier de couleurs. On ouvre le document dans Illustrator. Dans le menu Fenêtre, les commandes Couleurs, Guide des Couleurs, Nuancier, Aspect (uniquement affi ché pour le contrôle des sélections) seront activées pour affi - cher les panneaux successivement. Par un clic glissé sur le nom dans son onglet, le premier panneau appelé est détaché de son groupe et du dock et rendu indépendant au relâché de clic dans une zone libre de l interface 3. Le panneau suivant est affi ché puis glissé en bas du premier panneau jusqu à l apparition d une barre horizontale bleue 4 avant le lâcher de clic pour accrocher le panneau au premier 5. Les autres panneaux sont affi chés et accrochés de la même manière 6.. Les panneaux sont détachés ou rattachés aux docks selon leur position dans l espace de travail.. Le menu Fenêtre permet d affi cher les panneaux nécessaires à la séquence de travail en cours dans le logiciel. 3. Le panneau est séparé du dock par un clic glissé avec le relâché de clic dans une zone libre de l interface. La touche esc du clavier peut être utilisée pour annuler l opération en cours de clic glissé. @0
l Choisir ses couleurs 4. Les panneaux sont accrochés à la même barre de titre 5. Les deux panneaux sont pour être déplacés ensemble sans masquer les informations de accrochés ensemble. l un ou l autre. Le lâché de clic s effectue à l apparition du trait horizontal bleu pendant le clic glissé. 6. Tous les panneaux souhaités sont accrochés. Un clic glissé sur la barre supérieure du jeu de panneaux vers le dock jusqu à l apparition d une barre verticale bleue 7, crée un second dock avec le jeu de panneaux 8. MISE EN COULEUR DE TRACÉS 7. Le jeu de panneaux est ensuite déplacé vers les 8. Le jeu de panneaux est converti en docks existants ou vers un bord droit ou gauche d écran. dock de panneaux au lâché de clic. Le lâché de clic s effectue à l apparition d un trait vertical La touche esc du clavier peut être utilisée bleu. pour annuler l opération en cours de clic glissé. @
l Choisir ses couleurs MISE EN COULEUR DE TRACÉS La commande de menu Fenêtre > Espace de travail > Enregistrer l espace de travail 9 permet de nommer et de mémoriser les positions de docks et de panneaux. Un clic sur la double flèche en haut du dock permettra de développer les panneaux ou de les réduire selon les besoins 0. Les commandes de sous-menu du panneau Nuancier Sélectionner les nuances non utilisées, puis Supprimer le nuancier éliminent la majorité des nuances par défaut. Les autres nuances peuvent être supprimées par un clic glissé vers le bouton Supprimer la nuance en bas à droite du panneau ; le noir, le blanc et le repérage sont conservés. 9. La commande de mémorisation de position des éléments d interface à l écran. 0. Le dock de panneaux est réduit à sa représentation en icône par un clic sur la double flèche en haut du dock. le clic suivant redéveloppera les contenus de panneaux.. Toutes les nuances mémorisées, non utilisées dans le document sont sélectionnées dans le panneau.. Le bouton Supprimer la nuance en bas du panneau permet de supprimer une ou plusieurs nuances sélectionnées. @
@ Visuel en dégradé Pour créer des illustrations enrichies, nous utilisons souvent les dégradés de couleurs qui permettent d atteindre rapidement un résultat graphique satisfaisant. Cette démonstration détaillera quelques types de dégradés (sur des tracés, sur des textes ou encore sur des formes de motif), ainsi que les principales fonctions de tracés du logiciel. Nous verrons donc au cours des 8 prochains travaux pratiques : la création de tracés de base, la répétition de tracés, la génération de formes, l application de dégradés simples, la création d une forme de motif, la création de texte, la mise en place de dégradés de couleurs dans le texte, et la création d ombre portée. Logiciel : Illustrator Nombre de : 8 @ ILLUSTRATOR_CAS_PRATIQUES_BAT_08_DEC.indd 8//09 0:3:54
Création des tracés de base VISUEL EN DÉGRADÉ Dans ce, nous allons mettre en place les tracés de base en utilisant notamment des tracés provisoires et l option Repères commentés. 3 Avec l outil Ellipse, avec la touche Shift (majuscule temporaire) maintenue pendant le clic glissé pour contraindre la proportion, et la touche Alt (Option) maintenue simultanément pour forcer la création du cercle à partir de son centre, le premier cercle est créé. Si les repères commentés sont actifs (Affichage > Repères commentés), le second cercle peut être créé directement à la bonne place sur le centre du premier en répétant l opération précédente. Sans les repères commentés, le panneau Alignement permet de positionner les deux cercles via l alignement horizontal et vertical des deux centres.. L utilisation de touches clavier avec l outil Ellipse permet d obtenir des options supplémentaires pendant la création en clic glissé dans le document.. Repères commentés activés dans le menu Affi chage. Toujours grâce aux repères commentés, l outil Rectangle 3 permet de créer un carré (touche Shift (majuscule temporaire) maintenue pendant le clic glissé), de la taille de la largeur entre les deux cercles 4. Le centre de ce carré permet d identifi er l axe moyen entre les deux cercles pour créer le troisième cercle en position 5. Ce carré est supprimé ensuite. 3. L outil rectangle est utilisé pour créer un carré permettant de détecter la moitié de la distance entre les deux cercles avec les repères commentés. 5. Le carré créé est utilisé avec les repères commentés pour placer précisément le cercle suivant pendant sa création. 4. Les repères commentés affi chent les positions signifi catives pendant le clic glissé avec l outil rectangle. 3 Avec l outil Plume 6, un tracé ouvert est créé aligné à droite sur l axe vertical des cercles. 6. L outil Plume est utilisé pour créer un tracé aligné à droite sur l axe vertical des grands cercles. @
Vectorisation, @ 4 mise en couleur d images Dans Illustrator, le travail de vectorisation et de colorisation d illustrations scannées permet d envisager un grand nombre de variations possibles, tant au niveau de la récupération des tracés vectoriels que de la mise en couleur. Au cours des cinq prochains, nous verrons l acquisition et le nettoyage éventuel de l image dans Photoshop, l importation de l image dans Illustrator, le réglage et la validation de vectorisation, le passage en peinture dynamique et la création des tracés fermés, la mise en couleur avec ses réglages et enfi n la décomposition du groupe de peinture dynamique pour fi naliser le rendu dans le document. Logiciels : Illustrator, Photoshop Sources : Processor.psd Nombre de : 5 @49
Préparation de l image (Photoshop) VECTORISATION Une fois l acquisition de l original effectuée, l image va être traitée dans Photoshop. Après redressement, la texture du papier d origine sera supprimée et les dernières retouches seront effectuées avec l outil Pinceau. L image de base acquise au scanner, est en mode niveaux de gris et à 600 pixels par pouce de résolution. La commande de menu Fichier > Automatisation > Rogner et désincliner les photos est utilisée pour cadrer et redresser l image.. Si les contrastes entre les bords d image et le fond scanné sont suffi sants, la. L image est redressée, les bords noirs commande de rognage et de désinclinaison d image permet d obtenir rapidement le sont supprimés. cadrage et le redressement d une ou plusieurs images scannées. Un calque de réglage Niveaux 3 (menu Calques > Nouveau calque de réglage > Niveaux ) permet avec le panneau Réglages 4 de supprimer les variations de tons clairs du visuel et de renforcer légèrement les demi-tons et les tons foncés du document. L outil Pinceau de couleur blanche est utilisé sur le calque ou sur un nouveau calque, pour supprimer les dernières imperfections dans le blanc du document 5. Après enregistrement, le fi chier peut être conservé à l écran pour tester différentes valeurs de résolutions d image au cours de l étape suivante. 3. Un calque de réglage permet de mettre en blanc le gris dans le document en préservant les tons sombres. 4. Le réglage de niveaux dans son panneau. La plage des tons clairs a été ramenée au blanc. 5. L outil Pinceau, réglé au blanc, permet de nettoyer rapidement les dernières imperfections restant dans les pixels clairs du document. @50
@ 5 Placage en distorsion Le placage d illustrations virtuelles pour leur mise en situation sur des éléments réels permet de valider facilement les différentes propositions retenues avant de passer en réalisation. Si le tracé de détourage est réalisé dans Photoshop, les placages et distorsions sont effectués dans Illustrator. De plus, l utilisation des calques dynamiques de Photoshop permet de changer rapidement la couleur et le motif de l illustration. Cette partie sera découpée en cinq détaillant les points suivants : la création des tracés de détourage et de distorsion, la mise en place des symboles et de la nuance globale, la distorsion du symbole, la fusion de la couleur dans la matière du vêtement. Logiciels : Illustrator, Photoshop Sources : Placage.zip Nombre de : 5 @59
Création des tracés PLACAGE EN DISTORSION Dans ce, nous allons tout d abord utiliser Photoshop pour réaliser le tracé de détourage du buste à partir de la photographie originale. Ce tracé sera ensuite copié dans Illustrator et modifi é pour obtenir la surface de distorsion. Nous préparerons ensuite le motif avant de lui appliquer l effet de distorsion dans le prochain. 3 Les tracés du tee-shirt sont réalisés avec l outil Plume sur une image importée comme modèle dans un document Illustrator. Les tracés sont sélectionnés et combinés par la commande de menu Objet > Tracé transparent > Créer, ou le bouton Exclusion du panneau Pathfi nder 6. Les tracés peuvent aussi être réalisés directement sur l image dans Photoshop dans un tracé, un masque vectoriel, ou un calque de forme 3. La récupération dans Illustrator se fera par Copier-Coller, ou clic glissé (selon l interface) du tracé sélectionné du document Photoshop vers le document Illustrator. Le bouton Forme composée (correspondant à tracés combinés, en mode de la forme Exclusion, non décomposés dans le panneau Pathfi nder) est sélectionné dans les options de collage 4. À noter : dans Photoshop les zones de tracé «creuses» s obtiennent par paramétrage de l outil Plume dans le panneau Options 5.. L outil Plume est utilisé pour réaliser le détourage du tee-shirt, dans Illustrator ou Photoshop.. Le panneau Calques d Illustrator avec l image importée «case Modèle» cochée dans les options du calque. 3. Le panneau Tracés de Photoshop avec un tracé mémorisé et un autre utilisé comme masque vectoriel. 4. Les options proposées lors de la récupération d un tracé Photoshop par Coller dans Illustrator. 5. Les options pour paramétrer les modes de tracés de l outil Plume dans Photoshop. 6. Dans Illustrator Le bouton Exclusion des Modes de la forme du panneau Pathfi nder permettra d obtenir les zones creuses dans les tracés. @60
l Création des tracés Le tracé qui servira de profi l de distorsion est réalisé sur le modèle dans Illustrator ou dans Photoshop. Pour conserver la partie à droite du tracé dans le profi l à l identique à celle du tracé de détourage, on peut préférer modifi er une copie du tracé dans Photoshop, ou dans Illustrator, dans ce cas les fonctions de tracés transparents appliquées précédemment doivent être annulées sur la copie (menu Objet > Tracé transparent > Annuler 7). 7. Pour obtenir le tracé de distorsion à partir d une copie du tracé de détourage, les fonctions de tracé transparent doivent être annulées pour supprimer l interaction fabriquant les vides dans les tracés constituant le détourage. PLACAGE EN DISTORSION Dans Illustrator, l outil Pipette 8 permet de prélever la couleur dans le fond du motif. Du panneau Couleur 9 3 vers le panneau Nuancier 0, la couleur est glissée en maintenant les touches Commande (pomme) + Alt (Option) + Shift (majuscule temporaire) pour la rendre Globale à la mémorisation. Un rectangle sans fond ni contour positionné à l arrière-plan est utilisé autour du motif pour limiter l effet de distorsion sur les bords de l enveloppe. Le motif et son cadre sans fond ni contour sont sélectionnés et glissés dans le panneau Symboles. Les Options de symboles sont validées 3. Dans le document, le motif et son cadre sont convertis en symbole. 8. L outil Pipette va permettre de prélever au clic la couleur utilisée dans le fond du motif. 9. La couleur prélevée avec l outil Pipette s affi che dans le panneau Couleurs, dans le mode colorimétrique du document. 0. La nuance globale mémorisée dans le panneau Nuancier.. La couleur affi chée dans le panneau Couleurs une fois mémorisée en nuance globale dans le panneau Nuancier.. Le panneau Symbole affi che les motifs disponibles pour le document. Les tracés glissés dans le panneau sont convertis en symbole. 3. Le motif à plaquer est converti en symbole. @6
@ 6 Effet brossé vectoriel Les exécutions faisant appel uniquement à des fonctions vectorielles créées à partir de modèles bitmap sont souvent demandées par les services de fabrication dans le cas d utilisations en packaging ou pour des logos multitailles et multisupports. Dans cette partie où nous allons réaliser un CD avec son effet brossé, nous utiliserons principalement les dégradés de forme pour créer les effets de bord et de diffusion de couleur, les fonctions de vectorisation et de peinture dynamique, et enfin les masques d écrêtage pour afficher ou masquer les différents effets. Logiciel : Illustrator, Photoshop. Sources : Effet_brosse.zip Nombre de : 3 Fichier modèle en bitmap Réalisation vectorielle en quadri 69 @ ILLUSTRATOR_CAS_PRATIQUES_BAT_08_DEC.indd 69 8//09 0:34:48
T A. MARIVET Cré@ ARNAUD MARIVET Arnaud Marivet Travaux pratiques avec Illustrator avec Devenez un pro du dessin vectoriel ARNAUD MARIVET est un professionnel de l infographie, responsable du prépresse au sein de Microcompo, son entreprise de PAO, formateur sur les logiciels Adobe dans de nombreuses entreprises et centres de formation des industries graphiques. Retrouvez aussi Réservés aux lecteurs de l ouvrage, les fichiers des travaux pratiques peuvent être téléchargés gratuitement sur www.dunod.com 66 90 6 ISBN 978--0-0537-8 www.dunod.com Travaux pratiques avec ILLUSTRATOR Cet ouvrage tout en couleurs est un recueil de travaux pratiques destiné aux graphistes, étudiants et professionnels qui souhaitent approfondir leurs connaissances d Illustrator et découvrir les astuces d un utilisateur expérimenté : Maîtriser les techniques de base : vectorisation, création et mise en couleur de tracés, duplication de motifs, mise en forme de textes Ajouter des effets : dégradés de nuances et de formes, ombres portées, effets brossés, effets animés Gérer les symboles : création de symboles, utilisation du placage en distorsion, intégration dans une image, utilisation dans des variables Associer Illustrator à d autres outils de travail : importation de tableaux Excel, exportation en flash et en pdf, utilisation de codes en XML, préparation d images sous Photoshop Travaux pratiques TÉ OUS CE AVE L L L C GR ÉC ES IVRE AT HA FIC : UI RG HI TE EA ER M BL S EN E T! S Illustrator Devenez un pro du dessin vectoriel