Comme nous l’avons fait sous Photoshop, nous allons revoir le fonctionnement des dégradés sur Illustrator. Illustrator offre la possibilité d’appliquer à une forme une couleur unie, un dégradé simple (2 couleurs) ou un dégradé complexe (plusieurs couleurs).
Dans ce tutoriel, nous allons colorer un rectangle créé avec l’Outil rectangle
![Les dégradés Illustrator Outil rectangle Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-OPoCrQ.png)
Pour appliquer une couleur unie à une forme, vous avez juste à sélectionner votre forme avec l’Outil sélection
![Les dégradés Illustrator Outil sélection Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-INEcpO.jpeg)
![Les dégradés Illustrator Couleur blanche sans contour](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-lA6O9t.jpeg)
Puis, double-cliquez sur le carré de couleur de fond. Dans la boîte de dialogue, vous aurez la possibilité d’indiquer les valeurs TSL (Teinte Saturation Luminosité ou Teinte Saturation Lumière), RVB (Rouge Vert Bleu, RGB en anglais), CMJN (Cyan Magenta Jaune Noir, CMYK en anglais), hexadécimale (code couleur précédé par le signe #) ou de choisir la couleur directement avec votre souris en cliquant dessus. Pour plus de précisions concernant les différents modes colorimétriques, je vous invite à découvrir cet article.
![Les dégradés Illustrator Sélecteur de couleurs Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-yBd_L4.png)
À noter que la partie supérieure vous indique votre nouveau choix de couleur et celui du bas celui que vous aviez avant d’ouvrir cette boîte de dialogue et qui restera si vous cliquez sur Annuler.
Si un signe d’avertissement
![Les dégradés Illustrator Signe d’avertissement Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-tijz_D.png)
Il se peut aussi que vous ayez une icône de cube
![Les dégradés Illustrator Signe cube Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-xGi2_8.jpeg)
Vous avez également un bouton Nuanciers qui vous permet d’afficher un nuancier :
![Les dégradés Illustrator Sélecteur de couleurs nuanciers Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-PTaSOB.png)
Pour repasser à l’affichage de base, cliquez sur Modèles.
Une fois votre choix fait, cliquez sur Ok : votre couleur est appliquée.
Pour récupérer une couleur unie d’une autre forme de votre document, sélectionnez la forme sur laquelle vous souhaitez appliquer la couleur d’une autre forme et utilisez l’Outil pipette
Dans votre panneau latéral, vous devriez avoir une fenêtre nommée Nuancier. Si vous ne l’avez pas, allez dans Fenêtre > Nuancier :
![Les dégradés Illustrator Fenêtre Nuancier](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-5U0t0E.png)
Pour utiliser ce nuancier, vous avez juste à sélectionner la forme à laquelle vous souhaitez appliquer une nouvelle couleur et à cliquer sur une des couleurs disponibles. Si les couleurs par défaut ne vous suffisent pas, cliquez sur
![Les dégradés Illustrator Menu bibliothèque de nuances](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-DtQ1kn.png)
![Les dégradés Illustrator Nuancier crème glacée](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-odTwlO.png)
Si vous souhaitez ajouter une couleur au nuancier par défaut, faites-la glisser vers le nuancier (une flèche avec un + apparaît
![Les dégradés Illustrator Flèche d'ajout d'une couleur au nuancier](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-4PvuhW.png)
Pour ajouter la ligne entière, faites glisser le dossier vers le nuancier.
Avec les flèches
![Les dégradés Illustrator Flèches nuancier](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-QcBJnj.png)
![Les dégradés Illustrator Menu bibliothèque de nuances](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-L1cbCR.png)
Pour ajouter une couleur que vous venez de créer, faites glisser la forme contenant votre couleur à sauvegarder vers le nuancier.
Attention : n’oubliez pas de sauvegarder votre nuancier si vous souhaitez réutiliser les nouvelles couleurs ultérieurement. Pour cela, cliquez sur
![Les dégradés Illustrator Menu bibliothèque de nuances](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-fqlvKu.png)
L’cône
![Les dégradés Illustrator Afficher le menu de type de nuances](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-FC2Tzu.jpeg)
Lorsqu’une couleur du nuancier est sélectionnée, vous avez l’icône
![Les dégradés Illustrator Options de nuance](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-aMQ2Qq.png)
L’icône
![Les dégradés Illustrator Nouveau groupe de couleurs](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-qbcm4n.jpeg)
![Les dégradés Illustrator Nouvelle nuance](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-ICfJG9.jpeg)
Enfin, l’icône
![Les dégradés Illustrator Supprimer la nuance](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-4NlvQA.jpeg)
Passons maintenant aux dégradés en appuyant sur le second bouton
![Les dégradés Illustrator Dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-elLwgH.png)
Dans la fenêtre des dégradés, dans le panneau latéral, vous allez pouvoir créer ou modifier votre dégradé. Si vous n’avez pas cette fenêtre, allez dans Fenêtre > Dégradé de couleurs.
Dans cette fenêtre, vous avez un premier menu déroulant à gauche
![Les dégradés Illustrator Menu des dégradés](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-uMi6P3.png)
![Les dégradés Illustrator Ajouter au nuancier](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-Zbaqhk.jpeg)
![Les dégradés Illustrator Menu bibliothèque de nuances](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-EKdUCK.png)
En dessous, la couleur de fond et de contour sont indiquées
![Les dégradés Illustrator Fond et contour dans dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-KUMgdk.png)
Pour inverser l’ordre des couleurs, cliquez sur
![Les dégradés Illustrator Inverser le dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-WNvr20.png)
À droite, vous pouvez choisir le Type de dégradé : Linéaire pour un dégradé en ligne et Radial pour un dégradé partant du centre.
Puis, trois boutons, qui apparaitront lorsque vous serez placé sur le contour, vous permettent de le modifier : Appliquer le dégradé dans le contour
![Les dégradés Illustrator Appliquer le dégradé dans le contour](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-enDA7R.png)
![Les dégradés Illustrator Appliquer le dégradé le long du contour](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-TRi429.jpeg)
![Les dégradés Illustrator Appliquer le dégradé au travers du contour](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-xws7L5.jpeg)
Dessous, l’Angle vous permet de choisir l’angle du dégradé et, plus bas, le Format des pixels (uniquement pour un dégradé de Type Radial) vous permet de transformer votre dégradé en ellipse.
Enfin, vous pourrez créer votre propre dégradé grâce à la barre de dégradé de couleur
Nous allons maintenant créer un dégradé simple dans les tons bleus et roses.
Pour cela, dans la fenêtre des dégradés, cliquez sur la barre de dégradé pour faire apparaître les 2 couleurs par défaut (noire et blanche).
Double-cliquez sur le curseur de gauche et choisissez la couleur #0006ff en mode RVB. Pour changer de mode, cliquez sur
![Les dégradés Illustrator Bouton menu déroulant](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-g6JRfs.jpeg)
Le losange
![Les dégradés Illustrator Losange dans dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-DF4qN2.png)
Au-dessus, l’Opacité vous permet de modifier l’opacité du curseur ou du losange sélectionné.
Pour ajouter un curseur, faites simplement un clic en dessous de la barre de dégradé lorsqu’un + apparaît
![Les dégradés Illustrator Ajouter une couleur à un dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-OqvKFG.png)
![Les dégradés Illustrator Supprimer la nuance](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-kPGILW.jpeg)
Voici donc le dégradé simple :
![Les dégradés Illustrator Dégradé simple Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-L7YhSb.png)
Pour un dégradé complexe, ajouter un curseur avec la couleur #e77c2c en position 33 % et un autre avec la couleur #b314a6 en position 67 %. Laissez les milieux de dégradés à 50 % pour chacun d’eux.
Voici le résultat du dégradé complexe :
![Les dégradés Illustrator Dégradé complexe Illustrator](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-LQS494.png)
Enfin, vous pouvez modifier manuellement la direction de votre dégradé en utilisant l’Outil dégradé de couleurs
![Les dégradés Illustrator Outil dégradé de couleurs](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-Daf1C6.png)
![Les dégradés Illustrator Modifier un dégradé avec l'outil dégradé de couleurs](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-NW70ER.png)
Si votre dégradé est linéaire, la ligne partira du bord de la forme et s’il est radial, elle partira du centre. Si vous restez sur l’outil et que vous modifiez le dégradé dans la fenêtre des dégradés, la ligne se déplacera selon vos nouveaux paramètres.
Au survol de la ligne blanche, votre dégradé avec les différentes couleurs apparaîtront et vous pourrez les déplacer en les glissant, voire même ajouter des couleurs tout comme dans la fenêtre des dégradés.
Aux extrémités de cette ligne blanche, vous avez d’un côté un rond blanc qui vous permet de déplacer le dégradé et de l’autre côté un carré blanc qui vous permet de réduire ou agrandir l’étendue du dégradé
![Les dégradés Illustrator Réduire ou agrandir un dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-UE_fSS.png)
![Les dégradés Illustrator Modifier l'angle d'un dégradé](http://media.paperblog.fr/i/694/6947006/degrades-illustrator-L-N58Yo1.png)