Modification de la couleur et des contours

Pour commencer, nous allons nous intéresser aux contours et aux fonds, puis nous appliquerons les couleurs disponibles dans chaque document, et nous en créerons une nouvelle à l’aide du sélecteur de couleurs. Pour suivre, ouvrez l'un de vos fichiers ou celui-ci, issu des fichiers d'exemple. Pour étudier les contours et les fonds, il faut sélectionner une illustration. L'outil Sélection étant activé, cliquez sur cette forme verte. Dans Illustrator, les formes, les illustrations vectorielles et le texte peuvent avoir un fond et un contour. Dans cette forme, le vert correspond au fond et le rouge au contour, c'est-à-dire à la bordure entourant le fond. Vous pouvez appliquer une couleur unie comme le rouge ou le vert, un dégradé, c'est-à-dire un fondu d'une couleur à l'autre, ou un motif pour le fond ou le contour des objets dans Illustrator. Le panneau Propriétés à droite du document affiche les couleurs de fond et de contour de l'illustration sélectionnée. Cliquez sur la couleur de fond pour ouvrir un panneau des couleurs par défaut enregistrées : le Nuancier. Ce dernier comprend une option de création et de mélange de couleurs. Vérifiez que l'option Nuancier est bien sélectionnée. Chaque nouveau document contient plusieurs nuances par défaut. Essayez de cliquer sur quelques couleurs pour les appliquer au document. La palette contient aussi quelques motifs et différentes nuances de dégradé. Pour colorer cette forme, choisissez une nuance de rouge. Pour modifier la couleur de contour de la forme sélectionnée, vous allez la supprimer. Appuyez sur Echap pour fermer cette fenêtre. Cliquez sur la couleur de contour dans le panneau Propriétés et vérifiez que l'option Nuancier est toujours sélectionnée. Choisissez [Sans] pour supprimer le contour rouge. Appuyez sur Echap pour fermer la fenêtre. Les couleurs par défaut sont très pratiques pour démarrer un projet. Mais comment faire pour créer ses propres couleurs ? Il existe plusieurs méthodes, notamment le sélecteur de couleurs. Vous allez créer une couleur pour la forme rouge à droite. Cliquez dessus pour la sélectionner. Tout d'abord, il faut décider quelle couleur modifier dans l'illustration sélectionnée, fond ou contour. En bas du panneau Outils sur la gauche il y a deux cases. Elles représentent le fond et le contour. Pour modifier le fond, double-cliquez sur sa case. Le sélecteur de couleurs s'affiche. Il permet de créer des couleurs de différentes façons : visuellement, en saisissant des valeurs numériques ou encore en choisissant dans les bibliothèques de couleurs intégrées à Illustrator. Créons une couleur visuellement. En faisant glisser le curseur sur le spectre de couleurs, vous pouvez en choisir une, par ex. une teinte bleu clair. Pour choisir une couleur précise, cliquez ensuite dans cette zone. La couleur choisie apparaît ici. Pour l'appliquer au fond de la forme sélectionnée, cliquez sur OK. Le sélecteur de couleurs est pratique pour créer des couleurs, mais celles-ci ne sont pas enregistrées automatiquement. Cette forme rouge doit avoir pour couleur de fond le bleu que vous avez créé. Pour appliquer la mise en forme d'un objet à un autre, par exemple ce bleu, sélectionnez la forme à modifier, puis cliquez sur un autre objet avec l'outil Pipette pour appliquer la couleur. Cliquez sur la forme rouge pour la sélectionner, sélectionnez l'outil Pipette dans le panneau Outils à gauche, puis cliquez sur la forme bleue pour appliquer les couleurs de fond et de contour de la forme rouge. Vous avez prélevé la couleur, en quelque sorte. Pour désélectionner l'illustration, choisissez Sélection > Désélectionner. Des couleurs adéquates peuvent faire toute la différence dans un design. Maintenant que vous savez appliquer et créer des couleurs, expérimentez librement pour trouver les couleurs idéales dans vos designs.

Pour plus d'efficacité dans Illustrator , vous pouvez enregistrer une couleur créée dans un document comme nuance pour la réutiliser ultérieurement. Vous gagnez ainsi du temps et obtenez un rendu homogène des couleurs. Pour terminer ce design, vous allez enregistrer en tant que nuance une couleur créée dans le document, puis l'appliquer à l'illustration. Ouvrez un de vos fichiers ou ce document issu des fichiers d'exemple du tutoriel. L'outil Sélection étant déjà activé, cliquez sur le bâtiment vert. Pour pouvoir appliquer facilement cette couleur à d'autres objets comme les autres bâtiments, nous allons enregistrer le vert dans un document sous forme de nuance. Dans le panneau Propriétés à droite, cliquez sur la couleur de fond et vérifiez que l'option Nuancier est activée pour afficher les couleurs enregistrées comme nuances dans le document. Pour enregistrer cette nouvelle couleur comme nuance, cliquez sur le bouton Nouvelle nuance au bas du panneau. Dans la boîte de dialogue Nouvelle nuance, saisissez un nom comme « Bâtiments » ou autre. Choisissez un nom parlant qui sera facilement identifiable à l'avenir. Pensez au fait que cette couleur pourra servir à d'autres formes que des bâtiments. Notez cette option Global qui est sélectionnée par défaut. Elle signifie que si vous modifiez la nuance ultérieurement, tous les éléments auxquels elle était appliquée seront modifiés. Décochez Ajouter à ma bibliothèque pour éviter d'enregistrer la couleur dans la Bibliothèque Creative Cloud, puis cliquez sur OK. La couleur devrait maintenant être visible dans le Nuancier. La bordure de la nuance est en surbrillance pour indiquer qu'il s'agit de la couleur de fond de l'illustration sélectionnée. Les nuances que vous créez sont seulement enregistrées dans le document ouvert La couleur étant enregistrée comme nuance, vous pouvez facilement l'appliquer à d'autres illustrations. Cliquez sur l'un des bâtiments bleus, maintenez la touche Maj enfoncée, puis cliquez sur les deux autres pour sélectionner les trois. Cette touche permet de modifier la sélection en cours. Pour appliquer votre nuance, cliquez sur la couleur de fond dans le panneau Propriétés. Le petit triangle blanc dans l'angle de la nuance indique qu'elle est globale. Si vous la modifiez, tout le contenu auquel elle est appliquée sera modifié. Cliquez sur la nuance que vous avez créée pour l'appliquer aux formes sélectionnées. Appuyez sur Echap pour fermer la fenêtre, puis cliquez dans une zone vierge pour désélectionner les bâtiments. Vous allez maintenant modifier la nuance de vert. La modification de cette nuance globale créée par défaut modifiera tous les bâtiments simultanément, sans même qu'ils soient sélectionnés. L'outil Sélection étant actif, cliquez sur une forme verte. La couleur s'affiche dans le panneau Propriétés. Pour la modifier, cliquez sur la couleur de fond dans le panneau Propriétés, puis double-cliquez sur la nuance verte que vous avez créée. Les nuances que l'on crée se composent généralement de plusieurs couleurs. Les couleurs créées pour les projets d'impression associent les quatre encres utilisées par une imprimante type : cyan, magenta, jaune et noir ou CMJN. Pour changer la nuance, vous pouvez modifier chaque couleur CMJN séparément, en augmentant ou en réduisant sa quantité dans la couleur globale. Déplacez un curseur, celui du jaune par exemple, pour modifier sa quantité dans le mélange global. Si on vous indique des valeurs précises, vous pouvez les saisir ici. Faites glisser le curseur Cyan vers la gauche pour supprimer le cyan et obtenir une teinte jaune-vert. Pour voir le changement sur l'illustration, cochez Aperçu. Si nécessaire, déplacez la fenêtre en cliquant sur sa barre de titre en haut. Tous les bâtiments auxquels la nuance a été appliquée ont changé. Cliquez sur OK. Cliquez sur une zone vierge pour tout désélectionner. L'enregistrement de couleurs en tant que nuances fait gagner du temps, et garantit un rendu plus homogène des couleurs dans les illustrations. En plus, c'est très amusant. Prenez le temps de faire quelques essais de couleur sur cette illustration ou les vôtres. 

Tout en finalisant ce logo, nous allons voir comment travailler sur le contour d'un objet. Nous apprendrons aussi à créer et modifier des lignes pointillées, puis à ajouter des flèches à ces tracés. Pour suivre, ouvrez ce document issu des fichiers d'exemple du tutoriel. La première modification concerne l'apparence du contour ou de la bordure de cette forme. L'outil Sélection étant activé dans le panneau Outils, cliquez sur le cercle bleu pour le sélectionner. Notez que l'épaisseur - ou la taille - du contour indiquée dans le panneau Propriétés à droite du document est de 15. Pour la modifier, vous pouvez cliquer sur les flèches à gauche du chiffre 15, choisir une valeur dans le menu ou la saisir directement. Pour réduire le contour, optez pour une épaisseur de 13 en cliquant plusieurs fois sur la flèche vers le bas. Outre l'épaisseur, vous pouvez modifier diverses propriétés d'apparence d'un contour. Dans le panneau Propriétés, cliquez sur Contour pour afficher le panneau correspondant. Il contient de nombreuses options permettant d'aligner le contour sur un tracé et d'ajouter des pointillés ou des flèches notamment. Pour aligner le contour différemment sur le tracé, cliquez sur Contour aligné sur l'extérieur. L'alignement sur l'extérieur place le contour en dehors de la forme, laissant ainsi davantage d'espace pour le texte à l'intérieur, par exemple. Cliquez sur Contour centré pour centrer le contour par rapport au bord du cercle. Pour appliquer des pointillés à la sélection, activez l'option Pointillé. Vous pouvez créer différents types de pointillés pour former un motif qui se répète le long du tracé. Par exemple, saisissez une taille de 7 pour le tiret, puis cliquez sur le champ Espace immédiatement à droite. Illustrator crée un tiret d'une longueur de 7 points suivi d'un espace de 7 points, puis répète ce motif sur tout le tracé. Pour l'espace, saisissez 9 et cliquez dans le champ suivant pour visualiser la modification sur la forme. À présent, un tiret de 7 points est suivi d'un espace de 9 points, et ainsi de suite sur toute la forme. Pour réduire le contour, sélectionnez une épaisseur de 1 pt. Appuyez sur Echap pour fermer la fenêtre. Si vous voulez supprimer le fond de cette forme, cliquez sur la couleur de fond dans le panneau Propriétés, vérifiez que l'option Nuancier est activée en haut, puis choisissez [Sans]. Les flèches sont un autre moyen d'agrémenter une illustration. Vous allez en ajouter aux extrémités de ces lignes. Pour les sélectionner, l'outil Sélection étant activé, cliquez au milieu d'une des lignes, appuyez sur Maj et cliquez sur l'autre. Pour ajouter des flèches, cliquez sur Contour dans le panneau Propriétés pour rouvrir le panneau Contour. Vous pouvez choisir d'ajouter une flèche au début du tracé, à la fin ou aux deux. Cliquez sur le menu Flèches à gauche pour ajouter une flèche au début du tracé, là où vous avez commencé à le dessiner. Vous le voyez, le choix est vaste. Ici, choisissez la flèche 14. Par défaut, l'échelle de la flèche équivaut à 100 % de l'épaisseur du contour. Si vous sélectionnez une épaisseur de contour de 3 points, vous voyez que l'échelle de la flèche augmente proportionnellement à l'épaisseur. Pour réduire ou agrandir une flèche, vous pouvez modifier le champ Échelle qui lui est associé. Nous allons maintenant ajouter une flèche à la fin de ces deux traits. Cliquez sur le menu Flèche à droite, puis choisissez la flèche 18. Si les flèches ne sont pas du bon côté du tracé, cliquez sur ce bouton pour les intervertir. Revenez à cette orientation avant de poursuivre. Appuyez sur Echap pour fermer le panneau Contour et cliquez sur une zone vierge du document pour tout désélectionner. Maintenant que vous savez comment modifier l'aspect des contours, vous pouvez en tester différents types dans vos illustrations. Vous pourriez, par exemple, créer un effet de « piqûre » avec une ligne en pointillés, ou encore ajouter des flèches à une infographie ou un diagramme.  

Illustrator permet d'exprimer pleinement sa créativité avec la couleur, notamment grâce aux dégradés applicables aux illustrations. Un dégradé est un mélange d'au moins deux couleurs, comme sur cette forme. Pour finaliser cette icône, vous allez appliquer un dégradé, puis vous le modifierez en fonction de vos besoins de design. Pour suivre, ouvrez ce document issu des fichiers d'exemple du tutoriel. Vous allez d'abord appliquer un fond en dégradé à cette forme. L'outil Sélection étant actif, cliquez sur la forme d'arrière-plan pour la sélectionner. Pour appliquer un fond en dégradé, cliquez sur la couleur de fond dans le panneau Propriétés à droite et vérifiez que Nuancier est activé pour voir les nuances par défaut disponibles. Les documents Illustrator incluent des nuances de dégradé par défaut. Cliquez sur ces nuances successivement pour voir ce qu'elles donnent sur le fond de la forme. Les dégradés renforcent l’impact et la profondeur d’une illustration. Dans Illustrator, ils peuvent être appliqués au fond ou au contour de la plupart des objets. Après avoir testé différents dégradés, sélectionnez celui-ci, intitulé Blanc, Noir. Une fois le dégradé appliqué, vous pouvez modifier ses couleurs ainsi que son apparence sur l'illustration sélectionnée. Pour modifier le dégradé, cliquez sur le bouton du bas Options de dégradé pour ouvrir le panneau Dégradé. Si nécessaire, vous pouvez le déplacer en le faisant glisser par sa barre de titre. Ce panneau contient de nombreuses options de modification du dégradé, mais concentrons-nous sur la modification des couleurs. Comme vous avez appliqué le dégradé au fond de cette forme, c'est cet élément qu'il faut modifier à l'aide du panneau, et non le contour. Cliquez sur le fond pour le faire passer au premier plan si nécessaire. L'élément au premier plan, le fond ou le contour, est celui qui sera modifié dans l'illustration sélectionnée. La barre de couleurs affiche le dégradé global de l'illustration. Les deux petits cercles de couleur représentent les étapes du dégradé. Il doit y en avoir un blanc et un noir. Faites glisser le cercle blanc vers la droite, puis relâchez le bouton de la souris pour voir le résultat. En rapprochant le blanc de l'autre couleur, vous raccourcissez la transition du blanc vers le noir. Replacez le cercle blanc complètement à gauche. Si vous souhaitez changer les couleurs du dégradé, modifiez-les séparément. Double-cliquez sur le cercle blanc. Afin d'afficher les nuances du document, cliquez sur le bouton Nuancier, puis sélectionnez la couleur « Crème ». Pour changer l'autre couleur, cliquez sur le panneau Dégradé afin de masquer le nuancier, puis double-cliquez sur le cercle noir. Sélectionnez la nuance « Bleu » dans le panneau. Les couleurs étant définies, vous pouvez modifier le dégradé à l'intérieur de la forme à l'aide de l'outil Dégradé. Cliquez sur la croix en haut du panneau Dégradé pour le fermer. Dans le panneau Outils à gauche, cliquez sur l'outil Dégradé. Une barre doit apparaître sur le fond de la forme : elle indique la direction et la longueur du dégradé. Chaque couleur à une extrémité correspond à une étape du dégradé. Pour modifier la direction et la longueur du dégradé, vous allez faire glisser sur l'objet. Cliquez dans la partie inférieure et faites glisser quasiment jusqu’en haut de la forme. Relâchez le bouton de la souris. Vous venez ainsi de modifier la direction du dégradé, mais aussi sa longueur ou, en d'autres termes, la distance nécessaire pour passer de la couleur « Crème » à la couleur « Bleu ». Pour désélectionner l'illustration, choisissez Sélection > Désélectionner. Les dégradés dans les illustrations multiplient les possibilités créatives. Utilisez-les par exemple pour créer un effet de relief sur un bouton ou encore l'arrière-plan d'une affiche.  

Quand il faut modifier les couleurs d'une illustration, par exemple pour éclaircir les couleurs d'une affiche ou créer différentes versions d'un logo, l'ajustement des couleurs une par une peut s'avérer fastidieux. L’option Redéfinir les couleurs de l’illustration simplifie et accélère l’opération. Pour suivre, ouvrez ce document issu des fichiers d'exemple du tutoriel. Pour redéfinir les couleurs, il faut d'abord sélectionner l'illustration souhaitée, comme ce logo. Le but est ici d'ajuster les couleurs de l'affiche tout entière. Pour sélectionner tous les éléments de l'affiche, choisissez Sélection > Tout. Si vous voulez modifier simultanément toutes les couleurs du contenu sélectionné, dans le panneau Propriétés à droite du document, cliquez sur le bouton Redéfinir les couleurs pour ouvrir la boîte de dialogue associée. À la fois puissant et convivial, l’outil Redéfinir les couleurs permet de modifier les couleurs d’une illustration de manière globale. Cliquez sur l'onglet Modifier pour afficher une roue chromatique. Cette roue présente toutes les couleurs identifiées par Illustrator dans l’illustration sélectionnée. Elles sont représentées par ces petits cercles : le violet de l’arrière-plan, le vert des feuilles, etc. Pour modifier ces couleurs, choisissez la méthode qui vous convient le mieux. Vous pouvez, par exemple, les ajuster séparément. Placez le cercle violet à un autre endroit de la roue chromatique. Notez que le violet de l'illustration change lorsque vous relâchez la souris. Si nécessaire, déplacez la boîte de dialogue en faisant glisser sa barre de titre. Vous pouvez aussi modifier toutes les couleurs simultanément, de manière à les éclaircir ou à les décaler de la même manière. Pour rétablir les couleurs d'origine, avant la modification du violet, cliquez sur cette pipette. Très pratique pour faire des essais, puis revenir aux couleurs d'origine. Afin que toutes les couleurs changent lorsque vous faites glisser l'une d'elles, cliquez sur Lier les couleurs de l'harmonie. Faites glisser le violet vers une autre partie de la roue chromatique. Cette fois-ci, toutes les couleurs sont modifiées. Faites glisser le violet pour obtenir un vert semblable à celui-ci. Vous pouvez aussi régler la luminosité des couleurs pour les assombrir ou les éclaircir de façon globale en déplaçant le curseur Luminosité vers la gauche ou la droite. Lorsque les couleurs vous conviennent, cliquez sur OK. Au lieu de modifier les couleurs d'une illustration une par une, l'outil Redéfinir les couleurs offre un moyen efficace d'ajuster une série de couleurs de manière rapide et visuelle. Testez les options de modification des couleurs dans vos propres projets à l'aide de l'outil Redéfinir les couleurs en créant plusieurs versions d'un logo, par exemple.