Construisez des palettes de couleurs impressionnantes sans effort dans Illustrator

Chez Design Shack, nous ne pouvons pas nous passer de bonnes combinaisons de couleurs. Nous avons récemment discuté de lieux géniaux et inhabituels pour voler des palettes de couleurs. Aujourd'hui, nous allons suivre cette discussion en vous donnant des conseils sur la création de vos propres jeux de couleurs impressionnants dans Adobe Illustrator.

Nous allons passer en revue les bases élémentaires du travail sur les couleurs dans Illustrator et expliquer comment utiliser l'excellent guide des couleurs intégré pour vous permettre de générer et de manipuler rapidement des schémas de couleurs personnalisés.

Outils de couleur: Pas besoin de chercher loin et large

Nous avons consacré beaucoup de temps et discuté à la création de palettes de couleurs. C'est un aspect extrêmement important de vos conceptions qui a le pouvoir de façonner toute la personnalité de ce que vous créez. Inutile de dire que vous ne voulez pas tout gâcher.

Sur les blogs de conception, les utilitaires qui se concentrent beaucoup sont généralement des outils Web gratuits qui vous aident à créer de superbes palettes de couleurs à partir de votre navigateur. Il existe même des applications natives dédiées vraiment géniales, telles que ColorSchemer, qui vous offrent cette fonctionnalité en dehors du navigateur. Chose intéressante, Adobe Creative Suite intègre des outils très puissants.

L'une de mes applications préférées pour cette tâche est Adobe Illustrator, qui a fait l'objet de mises à niveau impressionnantes dans le domaine des palettes de couleurs dans les dernières versions. Jetons un coup d'oeil à ce qu'il a à offrir.

Travailler avec les couleurs en Ai

Avant d’entrer dans les fonctionnalités les plus avancées, vous devez vous assurer de bien comprendre les bases. Le système de couleurs dans Illustrator est similaire à celui de Photoshop, mais il n’est certainement pas le même.

Pour commencer, au lieu des couleurs de premier plan et d’arrière-plan, vous avez des couleurs de remplissage et de contour. L’interface utilisateur ressemble, mais la différence est très importante. Toute forme que vous créez aura à la fois la couleur de remplissage et de contour que vous avez sélectionnée.

Remarquez tous les petits extras sous les couleurs que vous avez choisies. En cliquant sur les petits carrés blancs et noirs, vous revenez au remplissage par défaut et au contour noir par défaut. Vous pouvez également appuyer sur la touche «D». clé à tout moment pour y parvenir.

Les trois boutons en bas vous permettront de choisir entre «solide», «dégradé». et? aucun? pour votre remplissage. Frapper le? /? La touche ne vous remplira pas et vous obtiendrez le. la clé vous donnera un dégradé. Dans l'image ci-dessus, le fond est à l'avant et donc actif, si je change de couleur, je changerai le fond, pas le trait. Pour basculer le trait vers l'avant, appuyez sur le bouton? X? clé. Pour permuter le trait et remplir les couleurs, appuyez sur "x".

Palette de couleurs

Aller à Fenêtre> Couleur apparaîtra la palette de couleurs. Ici, vous pouvez non seulement choisir vos couleurs pour le fond et le contour, mais également basculer entre les couleurs en niveaux de gris, RVB, HSB, CMJN et Web Safe en cliquant sur le petit menu déroulant.

Vous pouvez également basculer entre les modes de couleur en maintenant la touche Maj enfoncée et en cliquant sur le spectre de couleurs situé en bas. Parfois, Illustrator vous jettera de manière inattendue en niveaux de gris si vous effectuez une action particulière telle que l’application d’un dégradé. Suivez simplement cette astuce pour revenir en mode RVB ou CMJN.

Le guide des couleurs

Les chances sont, vous saviez déjà comment tout ça a fonctionné. C'est assez intuitif, fonctionne beaucoup comme Photoshop et a été une partie de Illustrator pour la plupart de ma vie. Cependant, il existe des outils couleur plus récents qui sont vraiment faciles à négliger et qui peuvent considérablement simplifier le processus de construction de superbes combinaisons de couleurs et éventuellement même vous faire économiser un voyage dans le navigateur.

Supposons que vous trouviez une couleur que vous aimez, j'ai choisi une couleur quelque part dans le voisinage de # 8959A5 et vous souhaitez l'utiliser comme point de départ pour votre palette de couleurs. Par exemple, si vous construisez un site Web et souhaitez que cette couleur apparaisse dans l'en-tête, vous aurez besoin de couleurs harmonieuses pour compléter votre dessin.

Pour commencer, activez le? Guide des couleurs? palette en allant à Fenêtre> Guide des couleurs. Cela devrait vous donner ce qui suit:

Le Guide de la couleur examine en fait la couleur que vous avez choisie et suggère d’autres couleurs. Sans aucun effort, vous disposez déjà d'un excellent jeu de couleurs. Il vous suffit de cliquer sur l'une des couleurs de la bande horizontale pour l'appliquer à un élément sélectionné.

Donc, pour utiliser cet outil sur un projet réel, définissez simplement une couleur de base, puis choisissez parmi les options disponibles et voyez ce que vous proposez. Les résultats sont généralement très agréables, sans travail supplémentaire!

Comment ça marche

Cet outil semble assez simple, mais il se passe beaucoup de choses ici. Tout d'abord, remarquez la bande de couleurs en haut, la couleur de base est séparée à gauche et à côté se trouve la palette de couleurs générée automatiquement basée sur un ensemble de règles d'harmonie, que nous verrons plus loin.

Sous cette section se trouve une grande section contenant un tas de couleurs différentes. Notez que la bande horizontale de couleurs en haut correspond à la bande verticale de couleurs au centre de cette zone.

À gauche et à droite de cette colonne se trouvent d'autres colonnes contenant des nuances plus foncées et des teintes plus claires des couleurs sélectionnées. Vous pouvez échanger rapidement vos couleurs avec une autre en cliquant sur l'une d'entre elles sans perturber l'harmonie de votre palette d'origine générée automatiquement.

En plus de l'option Teintes / Nuances, vous pouvez également choisir de rendre ces couleurs chaudes / froides ou vives / assourdies.

Vous pouvez modifier le nombre de couleurs figurant dans cette section en vous rendant dans les options du Guide des couleurs dans la petite liste déroulante en haut à droite. Le mien est réglé sur quatre marches de chaque côté de la base, mais vous pouvez augmenter ou diminuer ce montant.

Règles d'harmonie

Comme je l'ai mentionné ci-dessus, cette petite palette de couleurs générée automatiquement est construite à l'aide de ce que Illustrator appelle "Règles d'harmonie". Ceux-ci utilisent la théorie des couleurs de base pour transformer votre couleur de base en une série de couleurs.Si vous n'aimez pas l'évolution de vos palettes de couleurs, essayez d'utiliser un nouvel ensemble de règles.

Si vous regardez dans ce menu, vous verrez que toutes les méthodes de base pour créer des harmonies de couleurs sont présentes: Monochromatique, Complémentaire, Analogique, etc. Vous devez toujours essayer différentes règles d'harmonie pour voir ce que vous préférez. Vous vous retrouverez probablement dans les deux ou trois choix identiques dans vos projets.

Modifier vos couleurs

Jusqu'ici, les fonctionnalités du Guide des couleurs sont excellentes si vous souhaitez simplement générer une palette de couleurs automatique simple et rapide, mais que se passe-t-il si vous souhaitez plus de puissance et de liberté?

Pour ce faire, cliquez sur le bouton? Modifier ou appliquer des couleurs? bouton situé au bas de la palette Guide des couleurs. Cela fera apparaître une roue de couleurs et un ensemble d'outils similaires à ceux que vous trouverez dans Adobe Kuler.

Il y a beaucoup de bonnes options ici. Vous pouvez choisir vos règles d'harmonie et déplacer les couleurs avec ces règles verrouillées, modifier la saturation des couleurs dans la roue, modifier les valeurs de couleur individuelles, ajouter et supprimer des couleurs et même enregistrer des groupes de vos palettes préférées. Ce menu presque caché est un système de gestion des couleurs professionnel complet!

Modification de l'oeuvre

Si vous avez sélectionné une illustration vectorielle lorsque vous cliquez sur le bouton? Modifier ou appliquer des couleurs? bouton, une chose étonnante se produit: vous obtenez tout à coup la possibilité de re-coloriser complètement tout ce qui est sélectionné. Manuellement, ce processus peut prendre un certain temps, en particulier pour les grandes œuvres comportant des centaines ou des milliers d’éléments individuels. Ici cependant, cela devient assez simple!

Vous pouvez utiliser soit le? Modifier? ou? Assigner? des vues pour repeindre vos œuvres. Vous pouvez également choisir d'éditer le jeu de couleurs dans son ensemble en une seule étape ou d'explorer et de permuter les couleurs individuelles.

C'est un système tout simplement exceptionnel pour expérimenter différents schémas de couleurs. Il est également plus simple et plus puissant que bon nombre de nos outils de palette de couleurs en ligne. Je vous encourage vivement à commencer à vous amuser avec le Guide des couleurs Illustrator pour avoir une idée de la création de vos propres palettes de couleurs personnalisées.

Conclusion

Ce guide devrait servir d'introduction super basique à l'utilisation de la couleur dans Adobe Illustrator. Comme vous pouvez le constater, il existe de nombreux avantages que vous ne pouvez tout simplement pas trouver dans Photoshop. Même si vous construisez un site dans Photoshop, c'est une bonne idée de passer à Illustrator lorsque vient le temps de choisir des couleurs avec lesquelles travailler.

Laissez un commentaire ci-dessous et dites-nous comment vous construisez des schémas de couleurs. Le faites-vous complètement manuellement ou utilisez-vous des outils et des sources d’inspiration pour vous aider?