Comment créer un dégradé dans Adobe Illustrator: 2 façons de le faire

Les dégradés donnent souvent un aspect daté aux designs, pensez au tie-dye. Mais avec l'outil Gradient Mesh d'Adobe Illustrator et l'option Freeform Gradient, vous pouvez créer des dégradés avec un nouveau look. Montrons comment faire.

Qu'est-ce qu'un dégradé ?

Vous avez probablement déjà rencontré des dégradés, mais si ce n'est pas le cas, nous vous donnerons le récapitulatif. Un dégradé est un mélange de couleurs, n'importe quelles couleurs, qui fusionnent de manière naturelle ou non.

Vous trouvez des dégradés dans la nature: le lever et le coucher du soleil, les feuilles d'automne qui changent de couleur et les aurores boréales. La nature est un endroit idéal pour trouver l'inspiration pour vos expériences de dégradé. Les dégradés sont également souvent présents dans le design, comme le logo Instagram ou Adobe Creative Cloud. Les dégradés apportent une énergie lumineuse à ce qui est souvent un look d'entreprise.

Alors que les dégradés peuvent sembler assez datés, ils semblent faire leur retour dans le design moderne. Il est révolu le temps d'utiliser un balayage de transition dégradé comme arrière-plan. Avec de nouveaux outils de conception, des tendances de couleurs et des façons amusantes de mettre en œuvre des dégradés, ils ne semblent plus déplacés.

Pourquoi utiliser un dégradé ?

Comme on le voit avec les logos Instagram et Creative Cloud, un dégradé peut être utilisé pour égayer un arrière-plan ennuyeux. En règle générale, les dégradés sont utilisés comme couleurs d'arrière-plan plutôt que comme sujet principal lui-même, mais rien ne vous empêche d'appliquer un dégradé au sujet principal. Vous pouvez même ajouter des dégradés dans la programmation CSS.

Les dégradés ne doivent pas toujours être brillants et dans votre visage; ils peuvent aussi être subtils. Vous pouvez même simplement ajouter une légère touche de dégradé plutôt que de remplir tout un arrière-plan avec.

Avec les pages Web à défilement infini qui gagnent en popularité, les dégradés sont un moyen subtil de changer la conception ou la couleur sur tout le site Web, sans trop changer de couleur. Vous pouvez même animer le dégradé pour le déplacer, ressemblant aux mouvements fluides d'une lampe à lave des années 80.

La principale raison d'utiliser des dégradés est d'incorporer plusieurs couleurs dans votre conception sans qu'elles aient l'air radicalement différentes. Vous pouvez ajouter un changement subtil dans votre jeu de couleurs ou choisir de faire une déclaration de dégradé audacieuse.

Quelles sont les options de dégradé dans Adobe Illustrator ?

Pour accéder aux dégradés dans Illustrator, vous devez ouvrir la fenêtre Dégradé. Cliquez sur La fenêtre > Pente ou vous pouvez cliquer sur le Outil gradient bouton dans le panneau d'outils. C'est ainsi que vous pouvez accéder aux outils de dégradé linéaire, radial et de forme libre.

Avec les outils de dégradé traditionnels d'Illustrator, il n'y a que des options de dégradé linéaire et radial. Ces options sont assez basiques et ne permettent pas beaucoup de personnalisation autre que le choix des couleurs et la direction. Les outils de dégradé traditionnels sont bons pour un arrière-plan simple avec un balayage en dégradé.

L'outil Freeform Gradient est idéal pour ajouter un assortiment aléatoire de couleurs à vos conceptions de dégradés. L'outil Forme libre peut être utilisé pour des dégradés moins précis; il permet une utilisation plus naturelle et aléatoire de la couleur.

L'outil Gradient Mesh d'Illustrator est idéal pour donner vie aux illustrations. L'outil Maillage vous permet de placer, d'incliner et de déplacer les tons dégradés de manière à ce qu'ils tombent de manière réaliste sur un objet 3D. Cela amène le travail avec les dégradés à un tout autre niveau.

Adobe propose de nombreuses façons de créer des dégradés, notamment dégradés personnalisés dans Photoshop.

Comment utiliser le dégradé de forme libre dans Illustrator

Bien qu'il se trouve dans les outils de dégradé traditionnels, l'outil Freeform Gradient d'Illustrator fonctionne un peu différemment. Commençons.

Créer une forme avec une couleur de remplissage unie en premier. Ensuite, avec la fenêtre Dégradé ouverte, cliquez sur le bouton de dégradé le plus à droite pour ouvrir le Forme libre outil.

Une fois que vous avez sélectionné l'outil Forme libre, votre forme précédemment remplie affichera désormais un dégradé avec quatre arrêts (ou points de couleur). Les quatre arrêts seront de couleurs aléatoires et ne seront pas nécessairement cohérents avec la couleur de remplissage d'origine. Si vous cliquez sur l'un des arrêts existants, vous pouvez modifier la couleur. Pour ajouter plus d'arrêts, cliquez n'importe où ailleurs dans votre forme.

L'avantage de l'outil Dégradé de forme libre d'Illustrator est que vous pouvez facilement faire glisser les couleurs n'importe où dans votre forme. Si vous décidez que vous voulez le bleu à gauche au lieu de droite, faites simplement glisser l'arrêt vers la gauche. Ou placez deux arrêts roses l'un à côté de l'autre. Ajoutez du blanc pour voir comment les couleurs se mélangent. Le déplacement des arrêts de couleur modifie la façon dont ils interagissent les uns avec les autres.

La liberté de l'outil Freeform est que vous pouvez ajouter autant de couleurs que vous le souhaitez et les placer où vous le souhaitez. Les couleurs agissent comme des orbes individuels qui se mélangent légèrement sur les bords. Pour supprimer un arrêt de couleur, faites-le glisser en dehors de votre forme.

Vous pouvez augmenter ou diminuer la taille et la répartition de chaque arrêt de couleur. Cliquez sur l'arrêt choisi et déplacez le curseur sur le cercle en pointillé qui l'entoure. Le cercle aura un ovale sur le bord de celui-ci. Cliquez et faites glisser l'ovale pour augmenter ou diminuer votre orbe et la propagation de la couleur.

Vous pouvez même tracer des lignes de dégradés en cliquant sur le Lignes options de la barre d'outils Dégradé. Avec Lignes sélectionnées, vous pouvez ajouter un nouvel arrêt de couleur, puis l'arrêt choisi suivant sera connecté à une ligne, droite ou courbe, qui regroupe les couleurs dégradées. Chaque arrêt peut toujours être d'une couleur différente, ou vous pouvez utiliser la même couleur pour toute la ligne avec plusieurs arrêts inclus.

Comment utiliser le filet de dégradé dans Illustrator

Gradient Mesh fonctionne également différemment des autres outils de dégradé. Montrons comment l'utiliser.

Le filet de dégradé peut être appliqué à n'importe quelle forme créée avec une couleur de remplissage. Une fois que vous avez dessiné et rempli votre forme, cliquez sur le Filet dégradé outil. Si vous ne voyez pas le bouton Gradient Mesh, il se peut qu'il soit caché sous le Outil gradient bouton de la barre d'outils; cliquez et maintenez le bouton du haut pour révéler tous les boutons cachés en dessous.

Avec l'outil Gradient Mesh sélectionné, cliquez n'importe où dans votre forme remplie pour commencer à appliquer le maillage. Selon le nombre de couleurs souhaitées et la taille de votre forme, vous n'aurez probablement besoin que de deux clics; bien qu'il n'y ait pas de maximum. Vous pouvez ajouter ou supprimer des points d'ancrage à tout moment du processus. Contrairement à l'outil Dégradé de forme libre, la couleur de départ de votre objet fonctionne comme la couleur de base de votre dégradé.

Dans votre maillage, vous pouvez cliquer sur n'importe quel point d'ancrage à l'aide de la Sélection directe outil (UNE) et choisissez une couleur dans le panneau de nuances. Cela produit un flou de la couleur sélectionnée entourant l'ancre. Faites cela pour toutes les ancres de votre forme et expérimentez comment les couleurs se mélangent.

Avec vos couleurs choisies dans votre forme, cela ressemble à l'outil Forme libre. Alors, comment pouvez-vous monter de niveau avec le Gradient Mesh? Déplacez les points d'ancrage et les poignées pour voir comment les couleurs bougent et réagissent les unes avec les autres.

Non seulement vous pouvez repositionner n'importe lequel des points d'ancrage dans votre maillage, mais l'utilisation des poignées pour modifier les angles crée également d'excellents résultats. En fait, le déplacement des points d'ancrage peut créer des lignes dures entre les couleurs. Ces lignes dures peuvent reproduire des formes 3D et produire un éclairage sur votre objet. L'ajout de couleurs plus claires ou plus foncées ajoutera à l'effet 3D. Vous pouvez même créer vos propres formes 3D au lieu d'avoir à rechercher formes 3D préexistantes en ligne.

Une façon unique de créer des dégradés

L'outil Freeform Gradient et l'outil Gradient Mesh d'Illustrator vous permettent d'ajouter des dégradés à vos conceptions de manière nouvelle et unique. Vous pouvez faire beaucoup plus avec les dégradés maintenant qu'un simple balayage de couleur de dégradé dans une direction linéaire ou radiale. Expérimentez avec ces outils et voyez quel type de dégradés funky vous pouvez créer.

Comment créer une palette de couleurs automatique dans Adobe Illustrator

Lire la suite

A propos de l'auteur