Attributs

Introduction

Fondamentalement, le principe du dessin vectoriel est basé sur deux éléments : le fond et le contour, ce qui se détecte au premier coup d’œil en bas de la barre des outils avec les réglages communs à tous les outils.

images/04ILL003_v25.png

Nous retrouvons ce même principe de fond et contour sur tous les panneaux de réglages : Propriétés, Nuancier, Couleur

images/04ILL004_v25.png

Dans ce chapitre nous verrons comment intervenir sur ce qui stylisera ces éléments de base : couleurs, dégradés, motifs et comment optimiser ces réglages d’attributs avec l’aspect et les styles prédéfinis.

Découvrir le panneau Nuancier

Différents nuanciers sont à votre disposition. Nous avons développé ci-après le nuancier Couleur, se joignent à lui un nuancier de Dégradés et un nuancier de Motifs.

 Pour afficher le panneau Nuancier, faites Fenêtre - Nuancier.

images/04ILL005_v25.png

 Pour modifier le type d’affichage du nuancier, ouvrez le menu images/202SFILL21_002.png du panneau Nuancier, puis choisissez l’affichage par liste ou vignettes et leurs tailles respectives.

 Pour choisir les nuances à afficher dans le panneau Nuancier (couleurs, motifs, dégradés ou groupes de couleurs), cliquez sur le bouton Afficher le menu de types de nuancesimages/402SFILL21_003.png puis cliquez sur une des options proposées ; l’option Afficher toutes les nuances est active par défaut.

Rechercher dans les couleurs

 Dans le menu contextuel du panneau Nuancier, sélectionnez Afficher le champ Rechercher. Celui-ci figurera alors en haut du panneau et vous pourrez y saisir au choix un nom de couleur ou des valeurs numériques (par exemple C=100 affichera les couleurs contenant 100 % de Cyan). Cette recherche est assistée : en saisissant jau les couleurs contenant du jaune s’afficheront.

images/04ILL006_v25.png

 Pour annuler la recherche, cliquez sur la croix à droite du champ.

Pour retrouver cette fonctionnalité de recherche à partir du Sélecteur de couleurs (accessible en...

Les attributs de couleurs

L’attribut de couleur représente les couleurs figurant sur le contour et le fond de vos objets. Vous pouvez appliquer une couleur à un contour d’objet ou à son fond soit en passant par le panneau Nuancier, soit en passant par le panneau Couleur.

 Il existe deux témoins de couleur pour vos objets que vous visualisez sur le panneau Couleur et au bas de la barre d’outils.

IMAGES/07SF09N.png

Le témoin qui se situe au premier plan est celui sur lequel vous travaillez : le Contour ou le Fond de l’objet.

 Pour basculer du fond au contour et inversement, cliquez sur le témoin sur lequel vous souhaitez travailler dans la barre d’outils ou le panneau Couleur ou appuyez sur la touche X.

 Pour inverser les couleurs de fond et de contour, cliquez sur la petite double flèche noire Permuter le fond et le contour images/coulperm.png visible à côté des témoins de couleurs dans la barre d’outils ou utilisez le raccourci-clavier Shift X.

Appliquer une couleur à l’aide du panneau Nuancier

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur votre objet pour le sélectionner.

 Cliquez sur le témoin Contour ou Fond selon que vous souhaitez appliquer une couleur au contour ou au fond de l’objet (les couleurs par défaut sont le noir pour le contour et le blanc pour le fond).

 Fenêtre - Nuancier

 Cliquez sur le bouton images/402SFILL21_003.png puis sur l’option Afficher les nuances de couleur.

 Cliquez sur la couleur que vous souhaitez appliquer.

images/04ILL007_v25.png

 Pour supprimer le fond ou le contour de l’objet sélectionné, cliquez sur le témoin Contour ou Fond selon que vous souhaitez supprimer la couleur du fond ou du contour de l’objet puis cliquez sur Sans images/ics79.png dans la barre d’outils ou le panneau Nuancier.

Les prochains objets créés conservent les attributs du dernier objet créé. S’ils ne vous conviennent pas, vous pourrez les modifier par la suite.

Appliquer une couleur à l’aide du panneau Couleur

Par cette méthode, vous pourrez choisir plus finement une couleur que vous définirez dans le spectre des couleurs.

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur votre objet pour le sélectionner.

 Cliquez sur le témoin Contour...

Les groupes de couleurs

Plusieurs couleurs peuvent être regroupées dans un groupe de couleurs à l’aide du panneau Nuancier ou du panneau Guide des couleurs. Chaque groupe de couleurs créé est stocké dans le panneau Nuancier qui, par défaut, contient deux groupes de couleurs.

Créer un groupe de couleurs à partir du panneau Nuancier

Pour regrouper plusieurs couleurs du panneau Nuancier ou les couleurs appliquées à un ou plusieurs objets de votre document, vous devez alors les ajouter à un groupe de couleurs. Les dégradés et les motifs ne peuvent pas faire partie d’un groupe de couleurs.

 Si les couleurs devant constituer le groupe de couleurs font partie du panneau Nuancier, sélectionnez-les dans celui-ci à l’aide des touches Ctrl et/ou Shift. Si les couleurs devant constituer le groupe sont appliquées à un ou plusieurs objets du document, sélectionnez ces objets à l’aide de la touche Shift.

 Cliquez sur le bouton Nouveau groupe de couleurs images/13SF005.png visible dans la partie inférieure du panneau Nuancier.

IMAGES/07SF19N.png

Les options liées à la zone Créer d’après sont visibles uniquement si des objets sont sélectionnés dans le document.

 Saisissez le Nom du groupe dans le champ de saisie correspondante.

 Si des objets sont sélectionnés dans le document, activez l’option Nuances sélectionnées pour ajouter au groupe les couleurs sélectionnées dans le panneau Nuancier ou l’option Illustration sélectionnée si ce sont les couleurs des objets sélectionnés qui doivent être ajoutées au groupe de couleurs.

Ces options ne sont pas visibles si aucun objet n’est sélectionné ; aussi, les couleurs sélectionnées dans le Nuancier seront donc ajoutées au groupe de couleurs.

 Si vous avez activé l’option Illustration sélectionnée, choisissez si vous souhaitez Convertir les couleurs quadri en couleurs personnalisées et/ou Inclure les nuances de teintes en cochant les options correspondantes.

 Cliquez sur le bouton OK pour créer le groupe de couleurs.

Le nouveau groupe de couleurs s’ajoute au panneau Nuancier. Si le groupe de couleurs...

Les attributs de motifs

Un motif est un ensemble d’objets qui va se répéter en mosaïque autant de fois que cela sera nécessaire pour remplir la forme que vous aurez dessinée.

Appliquer un motif

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur votre objet pour le sélectionner.

 Dans le panneau Couleurs dans la barre d’outils, cliquez sur le témoin Contour ou Fond selon que vous souhaitez appliquer un motif au contour ou au fond de l’objet.

 Dans le panneau Nuancier, cliquez sur le bouton images/SF402_06.png puis sur l’option Afficher les nuances de motif.

 Cliquez sur le motif à appliquer à la sélection.

images/ep174a.png

Créer un motif

 Créez les objets qui constitueront votre motif.

images/c7ics_020.png

 Activez l’outil Sélection IMAGES/icp90.PNG.

 Cliquez sur vos objets tout en maintenant la touche Shift enfoncée pour les sélectionner.

images/c7ics_021.png

 Dans le panneau Nuancier, cliquez sur le bouton images/SF402_06.png puis sur l’option Afficher les nuances de motif.

 Faites glisser l’ensemble d’objets dans le nuancier.

images/08ILL06.png

 Pour donner un nom à votre motif, cliquez sur ce nouveau motif dans le panneau Nuancier, ouvrez le menu local du panneau Nuancier puis cliquez sur Options de nuance. Tapez le Nom de la nuance puis cliquez sur le bouton OK.

Vous ne pouvez pas créer de nouveau motif avec des objets contenant des attributs de motifs.

images/logoNouveaute.png

Générer un motif avec l’IA (Beta)

Vous pouvez désormais créer un motif rapidement avec l’intelligence artificielle générative.

 Pour bénéficier de la nouvelle fonction qui permet de créer rapidement des motifs, cliquez sur le bouton images/04ILL008_v25.png en haut du panneau Nuancier. Vous pouvez également procéder à...

Les attributs de dégradés

Un dégradé est le passage d’une couleur à une autre. C’est un attribut d’objet au même titre que la couleur ou le motif.

Les types de dégradés

Illustrator propose trois types de dégradé :

  • Linéaire : les couleurs sont réparties selon une ligne qui constitue l’axe du dégradé.

  • Radial : les couleurs sont réparties concentriquement autour d’un centre.

  • Forme libre : les étapes sont placées librement à l’intérieur d’une forme matérialisées par des points ou des lignes. Cette approche est similaire à celle de l’outil Filet.

Appliquer un dégradé à un objet

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur votre objet pour le sélectionner.

 Dans le panneau Nuancier, cliquez sur le bouton IMAGES/07SF06N.png puis sur l’option Afficher les nuances de dégradé.

 Cliquez sur le dégradé à appliquer à la sélection.

images/04ILL012_v25.png

Instantanément l’objet apparaît avec un fond dégradé dans la nuance choisie. Remarquez qu’à aucun moment, nous n’avons demandé à activer l’outil Fond. Choisir un dégradé l’active instantanément.

Lorsque l’objet n’est pas sélectionné, vous pouvez aussi faire glisser le dégradé vers l’objet.

Appliquer un dégradé sur un ensemble d’objets

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur les objets concernés en maintenant la touche Shift enfoncée.

 Si besoin est, cliquez sur le bouton IMAGES/07SF06N.png du panneau Nuancier puis sur l’option Afficher les nuances de dégradé.

 Cliquez sur le dégradé à appliquer à la sélection.

Le dégradé s’applique tel quel sur chacun des objets sélectionnés.

images/07ep25a.png

 Si vous souhaitez que le dégradé s’étale sur tous les objets, cliquez sur l’outil Dégradé de couleurs IMAGES/07SF45N.png de la barre d’outils puis réalisez un cliqué-glissé de part et d’autre de l’ensemble des objets.

images/07ep25b.png

Le dégradé s’étend du début...

Les filets de dégradé

Cet outil permet de donner un effet de relief aux objets. Par un système de maillage de lignes horizontales et verticales, vous allez appliquer des couleurs diverses qui vont créer des dégradés sur votre objet pour donner cet effet de relief.

Créer un filet de dégradé

 Sélectionnez l’objet pour lequel vous souhaitez créer un filet de dégradé.

 Objet - Créer un filet de dégradé

 Cochez l’option Aperçu pour visualiser vos modifications au fur et à mesure que vous les définissez.

 Spécifiez le nombre de Rangées et de Colonnes dans les zones de saisie correspondantes.

 Définissez l’Aspect du filet de dégradé à l’aide de la liste correspondante :

Plat

La couleur de fond seulement est appliquée uniformément.

Vers le centre

Le dégradé va de la couleur de fond qui est à l’extérieur vers le blanc qui se trouve au centre.

Vers l’extérieur

Le dégradé va du blanc qui est à l’extérieur vers la couleur de fond qui est à l’intérieur.

 Modifiez, si besoin, le pourcentage d’Intensité dans la zone correspondante.

IMAGES/07SF56N.png

 Cliquez sur le bouton OK.

Le dégradé se fait toujours entre la couleur de fond...

Modifier les contours d’un objet

 Sélectionnez le tracé concerné.

 Affichez le panneau Contour : Fenêtre - Contour ou CtrlF10 (PC).

 Ouvrez, si besoin, le menu images/202SFILL21_002.png du panneau puis cliquez sur Afficher les options.

images/SF402_19.png

 Modifiez la Graisse (épaisseur) de votre contour en utilisant une des méthodes suivantes :

  • Cliquez sur les boutons d’incrémentation pour faire défiler les valeurs disponibles.

  • Sélectionnez une valeur dans la liste déroulante liée à cette option.

  • Saisissez la valeur de l’épaisseur souhaitée puis appuyez sur la touche Entrée.

Vous pouvez définir des valeurs dans une unité quelconque en faisant suivre la valeur de p pour pouces, mm pour millimètres, pt pour points, cm pour centimètres... La valeur sera automatiquement convertie en points.

 Sélectionnez le style d’extrémité à l’aide des boutons Aspect et le type d’Angle souhaité.

Pour bien appréhender la notion d’extrémités et de sommets, regardez l’illustration d’exemple présentée ci-après. Sur cet exemple, portez attention aux marques de sélection pour bien distinguer les extrémités carrées des extrémités projetées.

images/52ec08.png

 Si l’objet est un tracé fermé, choisissez l’alignement...

Les attributs d’aspect

Modifier les attributs de contour ou de fond d’un objet

Le panneau Aspect affiche les attributs de contour, de fond, de transparence et les effets appliqués à la sélection.

images/04ILL015_v25.png

 Sélectionnez l’objet concerné.

 Fenêtre - Aspect ou ShiftF6

 Pour modifier les attributs de contour et de fond, cliquez sur Contour ou sur Fond du panneau Aspect.

 Pour modifier la couleur du Contour et du Fond, cliquez sur le sélecteur de couleurs correspondant puis choisissez une des couleurs proposées.

Pour modifier l’épaisseur du Contour, veillez à ce que l’attribut soit sélectionné puis spécifiez une valeur ou sélectionnez-la dans la liste Epaisseur de contour.

 Activez ou désactivez la visibilité des différents attributs en cliquant sur images/202SFILL21_005.png.

Modifier la transparence d’un objet

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur l’objet ou le groupe d’objets concerné.

 Fenêtre - Aspect ou ShiftF6

Grâce à ce panneau, vous pouvez appliquer une transparence aux objets graphiques, à une image bitmap ou à du texte. La transparence peut s’appliquer à l’ensemble d’un bloc de texte ou à une lettre en particulier. De même, vous pouvez jouer sur la transparence de votre objet en entier, ou seulement sur le contour ou seulement sur le fond.

 Pour appliquer une transparence sur le contour ou sur le fond de l’objet sélectionné, cliquez sur la flèche IMAGES/07SF61N.png située à gauche de l’attribut Contour ou Fond pour faire apparaître l’option Opacité si celle-ci n’est pas visible.

 Cliquez sur Opacité puis sur la flèche d’opacité. Faites ensuite glisser...

Combiner les effets sur du texte

En appliquant plusieurs effets combinés à un texte qui restera modifiable, vous pouvez créer des typographies riches pouvant servir à la création de logos ou d’éléments d’identité visuelle. Voyons un exemple ensemble.

 Commencez par saisir un texte.

À ce stade, le panneau Aspect est vierge.

images/04ILL016_v25.png

 Supprimez fond et contour pour le texte par exemple depuis le panneau Propriétés.

images/04ILL017_v25.png

 Depuis le menu images/ic_page384.PNG du panneau Aspect, cliquez sur Ajouter un nouveau fond.

images/04ILL018_v25.png

 Sélectionnez le fond dans le panneau Aspect et cliquez sur le bouton des effets images/04ILL024_v25.png pour dérouler le menu et choisir Déformation - Renflement.

images/04ILL019_v25.png

 Paramétrez cet effet en sachant que vous pourrez toujours le modifier par la suite, puis cliquez sur le bouton OK.

images/04ILL020_v25.png

 Ouvrez le menu du panneau Aspect et cliquez sur Ajouter un contour.

 Spécifiez la couleur et l’épaisseur du Contour puis convertissez-le en ellipse en cliquant sur le bouton Ajouter un effet images/04ILL024_v25.png et en choisissant Convertir en Ellipse.

images/04ILL021_v25.png

Vous obtenez alors obtenu l’effet voulu et vous pourrez modifier le texte ensuite à volonté. Notez que l’ellipse suivra le texte.

images/04ILL022_v25.png
images/04ILL023_v25.png

Vous pourrez ensuite appliquer facilement cet aspect en glissant la vignette vers un autre texte.

images/04ILL025_v25.png
images/04ILL026_v25.png

Comme vous pouvez l’imaginer, les effets possibles sont infinis, la seule limite étant...

Copier les attributs d’un objet sur un autre

Cet outil permet de récupérer des attributs d’un objet déjà créé.

 Sélectionnez les objets pour lesquels vous souhaitez copier les attributs.

 Si besoin est, faites un double clic sur l’outil Pipette IMAGES/07SF29N.png pour paramétrer les options de cet outil : dans la zone La pipette prélève, cliquez sur les pointes de flèche pour afficher, si besoin est, les attributs d’Aspect, puis cochez ceux que vous souhaitez prélever et décochez les autres.

IMAGES/07SF58N.png

Cliquez sur le bouton OK.

 Veillez à ce que l’outil Pipette IMAGES/07SF29N.png soit toujours sélectionné.

 Cliquez sur l’objet dont les attributs doivent être copiés.

Vous récupérez les attributs de cet objet.

 Pour appliquer les attributs que vous venez de récupérer avec votre pipette sur un autre objet, appuyez sur la touche Alt (PC) ou Option (Mac) puis cliquez sur l’objet concerné.

Utiliser l’outil Maquette

Illustrator se dote de nouveaux outils basés sur l’IA et c’est le cas de l’outil Maquette, qui n’est pas à proprement parler un outil de dessin, mais un dispositif précieux pour les graphistes. En effet, il permet de placer rapidement une illustration sur un objet, voire de l’appliquer à toute une catégorie d’objets pour en vérifier la pertinence.

 Ouvrez le panneau Maquette avec le menu Fenêtre - Maquette et sélectionnez une illustration sur le plan de travail.

 Cliquez sur Prévisualiser la maquette sur une des vignettes.

images/03ILL003_v25.png

Les vignettes affichent alors l’illustration appliquée aux différents visuels.

images/03ILL004_v25.png

 Dans la liste Explorer différentes catégories, vous pouvez choisir entre les catégories d’objets suivantes :

Habillement : vêtements en situation

Images de branding : éléments de papeterie d’entreprise

Appareils numériques : smartphone, tablettes, écrans divers

Packaging : boitages produits

Vos maquettes : maquettes personnalisées.

Créer une maquette

 Pour créer une maquette, placez ses éléments constitutifs, image de fond et motif à appliquer, sur le plan de travail et sélectionnez-les. Cliquez sur Créer une maquette.

images/03ILL007_v25.png

Une fois créée, la maquette sera présente...

Les styles

Les styles sont des attributs d’aspect qui sont enregistrés dans un panneau. Vous pouvez en créer, en modifier, en supprimer.

Appliquer un style

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur l’objet sur lequel le style doit être appliqué. 

 Fenêtre - Styles graphiques ou ShiftF5

 Cliquez sur le style que vous souhaitez appliquer ou faites-le glisser du panneau Styles graphiques sur l’objet cible.

images/402SFILL21_025.png

Créer un style

 Créez un objet et apposez-lui tous les attributs que vous désirez.

 Sélectionnez l’outil Sélection IMAGES/icp90.PNG puis cliquez sur votre objet pour le sélectionner.

 Ouvrez le menu images/202SFILL21_002.png du panneau Styles graphiques puis cliquez sur l’option Nouveau style graphique.

La boîte de dialogue Options de style graphique s’ouvre.

 Tapez le Nom du style dans la zone de saisie correspondante.

 Validez en cliquant sur OK.

Votre nouveau style apparaît dans le panneau Styles graphiques.

images/402SFILL21_026.png
Pour créer un style, vous pouvez aussi cliquer sur le bouton Nouveau style graphiqueimages/102SFILL21_007.png du panneau Styles graphiques ou faire glisser votre objet dans le panneau Styles graphiques. Double cliquez ensuite sur l’icône du style pour afficher la boîte de dialogue permettant de le nommer.

Créer un style par fusion

Pour créer un style par fusion, vous allez sélectionner...

Appliquer un aspect à un calque

L’utilisation de l’attribut Aspect sur un calque engendre une modification de tous les objets situés sur le calque et non pas de l’objet ou du groupe d’objets sélectionné.

 Cliquez sur le rond de sélection IMAGES/12SF07N.png associé au calque.

Les objets présents sur le calque sont sélectionnés.

images/402SFILL21_030.png

 Effectuez les modifications à partir des différents panneaux : Transparence, Couleur...

Le rond de sélection du calque change d’aspect et devient IMAGES/12SF16N.png.

Les nouveaux attributs s’appliquent à l’ensemble des objets.

Assombrir/éclaircir les couleurs d’un objet

 Sélectionnez l’objet concerné.

 Edition - Modifier les couleurs - Saturation

IMAGES/10SF07N.png

 Tapez l’Intensité attendue ou faites glisser le curseur correspondant.

Cette valeur doit être comprise entre -100 % (désaturation) et 100 % (saturation). Une valeur positive assombrit la couleur tandis qu’une valeur négative l’éclaircit.

 Cochez l’option Aperçu si vous souhaitez visualiser le résultat.

 Cliquez sur le bouton OK.

images/c10ics_009.png

Inverser des couleurs

Cette manipulation sert à créer une couleur négative (inversée) pour l’objet sélectionné :

images/c10ics_010.png

 Sélectionnez l’objet pour lequel les couleurs doivent être inversées.

 Edition - Modifier les couleurs - Inversion

Cette manipulation ne fonctionne pas sur les dégradés et les motifs.

Créer un tracé transparent

Grâce à cette fonction, les zones de superposition d’objets deviennent transparentes.

 Placez les objets à rendre transparents devant l’objet que vous souhaitez voir en transparence. 

Il doit y avoir au moins deux objets : c’est l’intersection de ces deux objets qui va devenir transparente.

 Sélectionnez les objets dont l’intersection doit être rendue transparente.

 Objet - Tracé transparent - Créer ou Ctrl 8 (PC) ou Cmd 8 (Mac)

images/c8067.png

La zone située à l’intersection des deux ellipses est maintenant transparente, laissant voir le fond du rectangle.

Vous pouvez aussi superposer plusieurs tracés transparents : créez un nouvel objet que vous placez devant, sélectionnez les objets puis créez un nouveau tracé transparent (Objet - Tracé transparent - Créer).

images/c8068.png

Appliquer une couleur à une image en niveaux de gris

Pouvoir mettre de la couleur sur une image en niveaux de gris peut être très intéressant si vous faites une composition avec des bitmaps et des vecteurs et que cette illustration doit au final comporter un nombre restreint de couleurs, pour une question de coût d’impression par exemple.

 Importez une image en niveaux de gris.

 Sélectionnez votre image.

 Cliquez, dans le nuancier, sur la couleur de fond à appliquer.

images/c11ics2_043.png