Résumé

Illustrator en 43 recettes

Tout graphiste qui se respecte passe forcément par l’apprentissage d’Illustrator, l’irremplaçable logiciel de dessin vectoriel d’Adobe, qui permet de concevoir logos, schémas, diagrammes, polices de caractères et illustrations en tous genres. Cet ouvrage 100 % pratique en présente les principales fonctionnalités pour PC et Mac, à travers 43 exercices où chaque étape est illustrée par une capture d’écran.

Véritables pas à pas, ces ateliers fournissent des méthodes infaillibles pour mettre en valeur ses illustrations, traitant aussi bien les bases du dessin (tracés, courbes, formes géométriques) que la couleur, la perspective, le texte, les effets, ou encore l’exportation de fichiers. En complément de cette formation, l’extension web du livre sur www.editions-eyrolles.com contient les images initiales et finales de chaque atelier, ainsi que toutes les captures d’écran figurant dans l’ouvrage, afin que le lecteur puisse tester par lui-même toutes les manipulations décrites.

Sur l’extension web du livre : @

• les images initiales et finales des ateliers

• toutes les captures d’écran figurant dans l’ouvrage

À qui s’adresse ce livre ?

• À tous les graphistes souhaitant découvrir Illustrator par la pratique

• À tous ceux qui veulent aller à l’essentiel d’Illustrator (versions CC et antérieures)

Biographie auteur

Graphiste et webdesigner depuis plus de 20 ans, Éric Sainte-Croix travaille en agence de communication et au sein de son propre atelier graphique, en France et en Suisse romande. Formateur certifié expert et instructeur Adobe pour Illustrator et InDesign, il enseigne le graphisme dans une école à Genève.

www.design-of-mars.com

Dans la collection des Cahiers

www.editions-eyrolles.com

ÉRIC SAINTE-CROIX

Cahier

Illustrator CC

Spécial débutants

Attention : la version originale de cet ebook est en couleur, lire ce livre numérique sur un support de lecture noir et blanc peut en réduire la pertinence et la compréhension.

En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présent ouvrage, sur quelque support que ce soit, sans l’autorisation de l’Éditeur ou du Centre Français d’exploitation du droit de copie 20, rue des Grands Augustins, 75006 Paris.

Atelier 03 : Monsieur Patate © Playskool

Atelier 19 : © Andrew Jabs

Atelier 29 : © Anton Belovodchenko

© Groupe Eyrolles, 2014

61 bd Saint-Germain – 75240 Paris Cedex 05

ISBN : 978-2-212-13886-3

Concevoir un logo, construire un histogramme, déformer une police, créer un dégradé, écrire en calligraphie… vous n’imaginez pas tout ce dont est capable Illustrator, l’incontournable logiciel de dessin vectoriel ! Cet ouvrage 100 % pratique vous le prouve avec ses 43 ateliers simplissimes et efficaces, qui vous feront découvrir ses principales fonctionnalités, pour Windows et pour Mac.

Véritables pas à pas complets, illustrant chaque étape par une capture d’écran, ces ateliers sont regroupés en sept grands thèmes : les bases, la couleur, les transformations, le texte, les effets, le dessin, l’exportation et l’impression. En tête de chaque atelier figurent son degré de difficulté, son temps de réalisation, ainsi que la liste des principaux outils abordés. Dans les ateliers ne sont mentionnés que les raccourcis clavier pour PC : pour connaître les équivalences sur Mac, il suffit de savoir que la touche Ctrl et le clic droit sur PC correspondent respectivement à la touche Cmd et à un Ctrl + clic sur Mac (pour les souris à un bouton).

Afin que vous puissiez tester par vous-même toutes les manipulations décrites dans cet ouvrage, vous trouverez les images initiales et finales de chaque atelier, ainsi que l’ensemble des captures d’écran correspondant aux étapes, sur la fiche du livre sur www.editions-eyrolles.com. Toutes ces captures ont été réalisées avec la version CC d’Illustrator.

À vous de jouer maintenant !

Très facile

Réalisation : 15 min

Outils utilisés : Plan de travail Modifier le mode écran Palettes

Commercialisé pour la première fois en 1987, bien avant Photoshop, Illustrator a connu de nombreuses évolutions depuis, pour devenir aujourd’hui le logiciel de création graphique vectorielle de référence. Les utilisateurs d’InDesign ou de Photoshop y reconnaîtront l’interface et l’ergonomie caractéristiques des logiciels de la suite Creative Cloud. Cette interface offre beaucoup de souplesse puisqu’il est possible de créer des plans de travail multiples et configurables à volonté. Depuis la version CS6, on peut en outre choisir dans les Préférences une couleur de fond sombre ou claire, à sa convenance. Dans cet atelier, vous allez vous familiariser avec l’interface d’Illustrator, en découvrant à cette occasion les repères commentés, qui apparaissent en bougeant la souris. Ces repères aident à positionner un tracé ou un plan de travail.

@

Fichier initial : imagedepart01.ai

Fichier final : imagearrivee01.ai

Une fois Illustrator installé sur votre ordinateur, lancez-le en double-cliquant sur l’imagedepart01.ai, figurant dans le dossier Atelier 01 de l’extension web du livre. L’interface du logiciel apparaît alors : un plan de travail au centre, des palettes (ou panneaux) amovibles sur les côtés, et une barre de menus tout en haut.

À gauche se trouve la palette d’outils (ou boîte à outils). Cliquez sur la zone sombre située en haut de cette palette et, tout en maintenant enfoncé le bouton de la souris, amenez-la vers le centre. Par simple cliquer-glisser, vous pouvez ainsi placer la palette d’outils où cela vous arrange.

Effectuez la même opération avec le groupe de palettes situé à droite du plan de travail.

La palette de contrôle, située juste au-dessus du plan de travail, est également amovible : pour la détacher, cliquez sur la zone sombre située à son extrémité gauche et déplacez-la librement.

Pour remettre la palette de contrôle à sa place, glissez-la vers son emplacement d’origine. Une ligne bleue apparaît quand la palette se trouve sur la zone d’ancrage : relâchez alors le bouton de la souris. Replacez pareillement le groupe de palettes et la palette d’outils.

Cliquez sur l’une des icônes de palettes figurant à droite : la palette correspondante apparaît. Pour la déplacer, il suffit de cliquer-glisser sur la zone sombre supérieure. Toutes ces palettes sont « flottantes », mais également ancrables entre elles.

Située au-dessus du plan de travail, la barre de menus permet d’accéder à toutes les commandes et tous les menus d’Illustrator.

Le plan de travail est matérialisé par un contour noir. Pour zoomer ou dézoomer, utilisez les raccourcis Ctrl + + ou Ctrl + –, ou l’outil Loupe de la palette d’outils, ou encore le niveau de zoom figurant en bas à gauche. Dézoomez autour du plan de travail : un espace de travail gigantesque apparaît.

Si, en travaillant avec un outil de dessin, vous ne souhaitez conserver que le plan de travail, sans les palettes, ni les menus et autres accessoires, cliquez sur l’icône située en bas de la palette d’outils ou appuyez sur la touche F : vous passez alors dans différents modes d’écran.

Pour modifier votre plan de travail, cliquez sur l’outil Plan de travail dans la palette d’outils ou utilisez le raccourci Maj + o. Le plan de travail se trouve alors délimité par un contour en pointillés et des traits de coupe, et doté d’un numéro.

Tous les paramètres modifiables du plan de travail figurent dans la palette de contrôle. Vous pouvez également modifier ses dimensions en tirant sur les poignées du cadre en pointillés. Pour l’agrandir par exemple, glissez la poignée centrale inférieure vers le bas.

  Notre suggestion

Il est préférable de paramétrer au tout début les Préférences d’Illustrator pour qu’il affiche les mesures en millimètres. Pour cela, allez dans le menu Édition>Préférences>Unités, puis choisissez Millimètres dans la rubrique Générales.

Depuis la version CS5 d’Illustrator, une nouvelle palette nommée Plan de travail facilite la gestion des différents plans de travail.

Les paramètres de la palette de contrôle indiquent alors les nouvelles dimensions du plan de travail. Vous allez maintenant le dupliquer.

Pour dupliquer seulement le plan de travail mais pas son contenu, commencez par cliquer dans la palette de contrôle sur l’icône en forme de croix, juste à droite de l’icône de la corbeille.

Via le raccourci Ctrl + U, activez les repères commentés (en vert), qui aident à positionner des tracés mais également à créer des plans de travail alignés. Puis, tout en maintenant la touche Alt enfoncée, cliquez-glissez le plan de travail n° 1 vers la droite pour le dupliquer.

De la même manière, créez un troisième plan mais cette fois avec l’illustration qu’il contient, en cliquant donc sur l’icône en forme de croix dans la palette de contrôle pour la réactiver.

Vous pouvez supprimer un plan de travail en cliquant sur la petite croix située dans son angle supérieur droit. Ici, faites-le pour le plan de travail n° 2.

  Notre suggestion

Pour quitter le mode de modification du plan de travail, sélectionnez un autre outil dans la palette d’outils, par exemple l’outil Sélection (flèche noire située en haut à gauche), ou appuyez sur la touche Échap. L’existence de multiples plans de travail facilite la présentation d’illustrations ayant plusieurs déclinaisons. Photoshop et InDesign reconnaissent également ces différents plans lors de l’importation de dessins multiples créés dans Illustrator.

Très facile

Réalisation : 5 min

Outils utilisés : Gestion des espaces de travail Nouvelle fenêtre Réorganiser les documents

Vous voici maintenant familiarisé avec l’interface du logiciel Illustrator puisque dans l’atelier précédent, vous avez découvert ses menus et ses palettes, ainsi que la possibilité de créer des plans de travail multiples. Mais pour gagner du temps et travailler de manière optimale, il est recommandé de personnaliser son espace de travail afin de retrouver facilement ses outils familiers. Illustrator propose plusieurs espaces de travail prédéfinis correspondant à différentes utilisations (Web, typographie, peinture, etc.). Dans cet atelier, vous allez découvrir comment paramétrer l’affichage de certaines palettes, enregistrer un espace de travail personnel et travailler avec deux fenêtres d’un même fichier, pour disposer d’aperçus différents de son travail, gros plan ou plan éloigné.

@

Fichier initial : imagedepart02.ai

Fichier final : imagearrivee02.ai

Si vous avez fermé l’imagedepart01.ai, réouvrez-la via le menu Fichier>Ouvrir situé dans la barre de menus supérieure d’Illustrator. Dans cette même barre, cliquez ensuite sur la petite flèche à droite pour dérouler le menu de gestion des espaces de travail et choisissez Typographie.

Des palettes apparaissent, notamment les palettes Caractère et Paragraphe destinées au travail du texte. Tout en cliquant sur l’onglet de la palette Styles de caractère, déplacez cette dernière avec la souris sur la zone de travail (zone non imprimable), puis supprimez-la en cliquant sur la croix en haut à droite.

Supprimez de même les palettes Styles de paragraphe et OpenType. Cliquez ensuite sur la double flèche en haut à droite pour réduire les autres palettes. Ouvrez le menu de gestion des espaces de travail et choisissez Enregistrer l’espace de travail. Nommez cet espace « Mon espace de travail ».

Votre espace est ainsi enregistré ; il est accessible dans la liste des espaces de travail via le menu Fenêtre>Espace de travail. À présent, vous allez créer un espace de travail en double fenêtre. Créez une nouvelle fenêtre via le menu Fenêtre>Nouvelle Fenêtre.

Cliquez sur l’icône Réorganiser les documents et choisissez 2 vignettes en vertical. Les deux fenêtres apparaissent ainsi en vis-à-vis.

Zoomez sur la fenêtre de droite (voir atelier 01) et sélectionnez une partie du dessin à l’aide de l’outil Sélection de la palette d’outils : l’action a lieu également dans l’autre fenêtre. Vous pouvez ainsi travailler avec deux vues différentes, un gros plan et un...

Très facile

Réalisation : 5 min

Outils utilisés : Trait Plume

Avec un logiciel de dessin vectoriel comme Illustrator, tracer une ligne droite est bien évidemment un jeu d’enfant. Pour ce faire, vous avez deux principaux outils à votre disposition : l’outil Trait, permettant de dessiner des segments facilement paramétrables, et l’outil Plume, plus complet, utilisé pour créer des tracés continus avec l’angle que vous souhaitez, mais également des lignes courbes (voir atelier 06). Les outils Forme de tache (depuis la version CS4) et Pinceau peuvent également jouer ce rôle en y ajoutant des formes diverses : ils seront abordés dans les ateliers 32 et 33 de cet ouvrage. Dans cet exercice, vous allez manipuler les outils Trait et Plume pour tracer une figure connue. Vous découvrirez alors que la touche Maj s’avère très pratique pour garantir un tracé linéaire.

@

Fichier final : imagearrivee04.ai

Créez un document via le menu Fichier>Nouveau. Vous allez tracer un premier segment avec l’outil Trait. Activez-le dans la palette d’outils et cliquez sur le plan de travail : une boîte de dialogue apparaît, permettant de fixer la longueur du tracé et son angle. Saisissez 50 mm et 45°.

Cliquez-glissez : dès que vous relâchez le bouton de la souris, le tracé apparaît. Notez qu’un segment comporte au moins deux points d’ancrage, sa longueur et son orientation pouvant être modifiées avec l’outil Sélection directe. Pour vous aider, affichez les repères commentés via le raccourci Ctrl + U.

Activez ensuite l’outil Plume dans la palette d’outils. Quand vous approchez le pointeur de la souris d’un point d’ancrage, vous noterez qu’une barre oblique apparaît. Cela signifie que si vous cliquez dessus, vous prolongez le tracé existant à partir de ce point.

Cliquez sur le point d’ancrage inférieur du segment. Puis, tout en restant sur la même ligne horizontale et tout en maintenant la touche Maj enfoncée pour garantir un trait droit, cliquez sur le point aligné verticalement avec le milieu du segment, en vous aidant des repères commentés.

Continuez de tracer des segments, comme indiqué, tout en maintenant enfoncée la touche Maj. La figure à obtenir représente, vous l’aurez compris, le chiffre 1.

Pour finir, approchez le pointeur de la souris du point d’ancrage supérieur : un petit cercle apparaît à côté de la plume. Cliquez : le tracé est automatiquement fermé.