Apprenez à créer des dégradés de différents types dans Illustrator.
hero-image_2

Un dégradé est une variation progressive d’au moins deux couleurs ou teintes de même valeur chromatique. Vous pouvez utiliser les dégradés pour créer des variations de couleur, ajouter un volume à des objets vectoriels et ajouter un effet de lumière et d’ombre à votre illustration. Dans Illustrator, vous pouvez créer, appliquer et modifier un dégradé à l’aide du panneau ou de l’outil Dégradé de couleurs, ou du panneau Contrôle.

Types de dégradés

Dans Illustrator, vous pouvez créer les trois types de dégradés suivants :

  • Linéaire
    Utilisez ce type de dégradé pour fusionner les couleurs d’un point à un autre dans une ligne droite.
  • Radial
    Utilisez ce type de dégradé pour fusionner les couleurs d’un point à un autre point dans un motif circulaire. 
  • Forme libre
    Utilisez ce type de dégradé pour créer une variation progressive d’étapes de dégradé, à l’intérieur d’une forme et dans une séquence ordonnée ou aléatoire, de manière à rendre la variation homogène et naturelle. Le dégradé de forme libre peut être appliqué dans deux modes :
    • Points : utilisez ce mode pour ombrer la zone autour d’une étape de dégradé.
    • Lignes : utilisez ce mode pour ombrer la zone autour d’une ligne.
types-of-gradients_2
Exemples de dégradés linéaires, radiaux et de forme libre, utilisant trois fusions de couleurs différentes

A. Dégradé linéaire B. Dégradé radial C. Dégradé de forme libre (points) 

Remarque :

Des dégradés linéaires et radiaux peuvent être appliqués sur le remplissage et le contour d’un objet. Le dégradé de forme libre peut être appliqué uniquement sur le remplissage d’un objet.

Outil Dégradé de couleurs et panneau Dégradé de couleurs

Vous pouvez créer ou modifier un dégradé à l’aide de l’outil Dégradé de couleurs ou du panneau Dégradé de couleurs. Utilisez l’outil Dégradé de couleurs pour créer ou modifier des dégradés directement dans l’illustration et visualiser les modifications en temps réel.

Pour ouvrir l’outil Dégradé de couleurs, cliquez sur l’outil Dégradé de couleurs dans Toolbox.

Pour ouvrir le panneau Dégradé de couleurs, procédez à l’une des opérations suivantes :

  • Sélectionnez l’option Fenêtre > Dégradé.
  • Double-cliquez sur l’outil Dégradé de couleurs dans la barre d’outils.

Le panneau Dégradé de couleurs s’affiche sur la zone de travail.

Gradient-panel-labelling_2
Options de dégradé linéaire et radial (A-R) | Options de dégradé de forme libre (R-V)

A. Dégradé actif ou précédemment utilisé B. Liste déroulante des dégradés existants C. Couleur de fond D. Couleur de contour E. Inverser le dégradé F. Annotateur de dégradé G. Etape de dégradé H. Point médian I. Sélecteur de couleurs J. Affichage ou masquage des options K. Types de dégradé L. Types de contour M. Angle N. Format des pixels O. Supprimer la couleur de dégradé P. Opacité Q. Emplacement R. Remplissage ou contour (avec couleur) S. Etape de dégradé T. Grossi U. Dégradé de forme libre V. Modes de dégradé de forme libre 

L’outil et le panneau Dégradé de couleurs sont dotés de nombreuses options communes. Toutefois, il existe certaines tâches que vous pouvez effectuer uniquement avec l’outil ou le panneau. A l’aide de l’outil Dégradé de couleurs et du panneau, vous pouvez spécifier plusieurs étapes de dégradé, leur emplacement et leur étendue. Vous pouvez également spécifier l’angle selon lequel les couleurs s’affichent, le format de pixels d’un dégradé elliptique et l’opacité de chaque couleur.

Annotateur de dégradé

En ce qui concerne les dégradés de type linéaire et radial, lorsque vous cliquez sur l’outil Dégradé de couleurs à l’intérieur d’un objet, l’annotateur de dégradé s’affiche dans l’objet. L’annotateur de dégradé est un curseur qui présente un point de départ, un point d’arrivée, un point médian et deux étapes de dégradé pour les points de départ et d’arrivée.

Gradient-tool-labelling
Annotateur de dégradé pour un dégradé radial

A. Annotateur de dégradé B. Cercle en pointillés C. Point de changement du format des pixels D. Curseur de rotation E. Point de redimensionnement du dégradé radial F. Point d’arrivée (pointe de la flèche) G. Etape de dégradé H. Point médian I. Etape de dégradé sélectionnée J. Point d’origine 

Utilisez l’annotateur de dégradé pour modifier l’angle, l’emplacement et l’étendue d’un dégradé linéaire, ainsi que le point focal, l’origine et l’étendue d’un dégradé radial. Une fois que l’annotateur de dégradé s’affiche dans l’objet, vous pouvez utiliser le panneau Dégradé de couleurs ou l’annotateur de dégradé pour ajouter de nouvelles étapes de dégradés, spécifier de nouvelles couleurs pour des étapes de dégradés particulières, modifier les paramètres d’opacité, et faire glisser les étapes de dégradé vers de nouveaux emplacements.

Pour afficher ou masquer l’annotateur de dégradé, sélectionnez la commande Affichage Masquer l’annotateur de dégradé de couleurs ou Affichage > Afficher l’annotateur de dégradé de couleurs.

Dans les annotateurs de dégradé linéaire et radial, lorsque vous déplacez l’extrémité circulaire (point de départ) du curseur de dégradé, vous modifiez l’origine du dégradé. Si vous faites glisser la pointe de la flèche (point d’arrivée), la gamme du dégradé augmente ou diminue. Le fait de placer le pointeur de la souris sur le point d’arrivée vous permet de visualiser un curseur de rotation que vous pouvez utiliser pour modifier l’angle du dégradé.

Remarque : le dégradé de forme libre permet de placer des étapes de dégradé n’importe où dans l’objet. Par conséquent, le dégradé de forme libre n’a pas besoin d’annotateur de dégradé.

Appliquer un dégradé prédéfini

Lorsque vous cliquez sur l’outil Dégradé de couleurs pour appliquer un dégradé pour la première fois, le dégradé Blanc, Noir est appliqué par défaut. Si vous avez déjà utilisé un dégradé, le dernier dégradé utilisé est appliqué par défaut sur l’objet.

Illustrator fournit également un jeu prédéfini de dégradés que vous pouvez utiliser à partir du panneau Dégradé de couleurs ou du panneau Nuancier. En outre, vous pouvez créer un dégradé et l’enregistrer dans le panneau Nuancier pour une utilisation ultérieure. Pour appliquer un dégradé prédéfini ou enregistré, à partir du panneau Dégradé de couleurs :

  • Sélectionnez l’objet dans la zone de travail, puis cliquez sur le menu déroulant Dégradé de couleurs dans le panneau Dégradé de couleurs.

Pour appliquer un dégradé prédéfini à partir de la bibliothèque de nuances, procédez comme suit :

  • Cliquez sur Fenêtre > Nuancier pour afficher le panneau Nuancier.
  • Dans le panneau Nuancier, cliquez sur la liste déroulante dans l’angle supérieur droit. Dans la liste, sélectionnez l’option Ouvrir la bibliothèque de nuances > Dégradé de couleurs , puis le dégradé que vous souhaitez appliquer.
  • Pour afficher uniquement les dégradés de couleurs du panneau Nuancier, cliquez sur la liste déroulante Afficher le menu de types de nuances, puis sélectionnez la commande Afficher les nuances de dégradé
Swatch-Library
Sélection d’un dégradé prédéfini à partir de la bibliothèque de nuances

Créer et appliquer des dégradés linéaires, radiaux et de forme libre

En fonction de vos besoins, vous pouvez décider d’appliquer un dégradé linéaire, radial ou de forme libre à votre illustration.

create-gradient
Application de différents types de dégradés

Créer et appliquer un dégradé linéaire

Pour créer un dégradé linéaire, effectuez l’une des opérations suivantes :

  • Cliquez sur l’outil Dégradé de couleurs, puis sur l’objet dans la zone de travail. Les boutons du Type de dégradé s’affichent dans le panneau Contrôle ou Propriétés. Une fois l’objet sélectionné, cliquez sur Dégradé linéaire (icône) pour appliquer le dégradé linéaire à l’objet.
  • Dans le panneau Dégradé de couleurs, cliquez sur Dégradé linéaire (icône).
  • Dans le panneau Propriétés, cliquez sur Dégradé linéaire (icône) dans la section Dégradé.

Créer et appliquer un dégradé radial

Pour créer ou appliquer un dégradé radial, effectuez l’une des opérations suivantes :

  • Cliquez sur l’outil Dégradé de couleurs, puis sur l’objet dans la zone de travail. Les boutons du Type de dégradé s’affichent dans le panneau Contrôle ou Propriétés. Une fois l’objet sélectionné, cliquez sur Dégradé radial (icône) pour appliquer le dégradé radial à l’objet.
  • Dans le panneau Dégradé de couleurs, cliquez sur Dégradé radial (icône).
  • Dans le panneau Propriétés, cliquez sur Dégradé radial (icône) dans la section Dégradé.

Créer et appliquer un dégradé de forme libre

Pour créer ou appliquer un dégradé de forme libre, effectuez l’une des opérations suivantes :

  • Cliquez sur l’outil Dégradé de couleurs, puis sur l’objet dans la zone de travail. Les boutons du Type de dégradé s’affichent dans le panneau Contrôle ou Propriétés. Une fois l’objet sélectionné, cliquez sur Dégradé de forme libre (icône) pour appliquer le dégradé de forme libre à l’objet.
  • Dans le panneau Dégradé de couleurs, cliquez sur Dégradé de forme libre (icône).
  • Dans le panneau Propriétés, cliquez sur Dégradé de forme libre (icône) dans la section Dégradé.

Lorsque vous avez cliqué sur Dégradé de forme libre, les deux options suivantes sont disponibles :

  • Points : sélectionnez cette option si vous souhaitez créer des étapes de dégradé à partir de points spécifiques sur l’objet.
  • Lignes : sélectionnez cette option si vous souhaitez créer des étapes de dégradé dans un segment de ligne. 

Remarque :

Pour copier un dégradé de forme libre d’un objet à l’autre, utilisez l’outil Sélecteur de couleurs dans la barre d’outils.

Créer un dégradé de forme libre en mode points

Procédez comme suit pour créer, modifier et supprimer le dégradé de forme libre pour le mode point :

  • Pour ajouter une ou plusieurs étapes de dégradé, cliquez n’importe où dans l’objet.
  • Pour modifier l’emplacement des étapes de dégradé, faites-les glisser et positionnez-les à l’emplacement souhaité.
  • Pour supprimer l’étape de dégradé, faites-la glisser hors de la zone de l’objet ou cliquez sur Supprimer (icône) dans le panneau Dégradé de couleurs, ou appuyez sur la touche Supprimer.
add-and-delete-color-stops_2
Exemple de création d’un dégradé de points de forme libre, ajout et suppression d’étapes de dégradé

Définir l’étendue d’un dégradé de forme libre basé sur des points

Vous pouvez définir l’étendue d’une étape de dégradé dans le dégradé de forme libre basé sur des points. L’étendue correspond à la zone circulaire autour de l’étape de dégradé dans laquelle un dégradé doit être appliqué. Pour définir l’étendue d’une étape de dégradé, sélectionnez l’étape, puis effectuez l’une des opérations suivantes :

  • Dans le panneau Dégradé de couleurs, sélectionnez ou saisissez une valeur dans la liste déroulante Etendue.
  • Saisissez une valeur dans la liste déroulante Etendue du panneau Contrôle, du panneau Propriétés ou du panneau Dégradé de couleurs. Vous pouvez également utiliser le curseur qui s’affiche lorsque vous cliquez sur Etendue.

Par défaut, l’étendue de l’étape de dégradé est définie sur 0 %.  

adjust-spread_2
Modification de l’étendue d’un dégradé de lignes de forme libre

Remarque :

L’étendue est prise en charge uniquement pour le mode point.

Créer un dégradé de forme libre en mode lignes

Pour ajouter des étapes de dégradé pour le dégradé de forme libre en mode lignes, effectuez l’une des opérations suivantes :

  • Cliquez n’importe où dans l’objet pour créer la première étape de dégradé qui marque le point de départ du segment de ligne.
  • Cliquez de nouveau pour créer l’étape de dégradé suivante. Une ligne droite reliant la première et la seconde étape de dégradé est créée. 
  • Cliquez une fois de plus pour créer d’autres étapes de dégradé. La ligne droite se transforme en une ligne courbe. 

Il est possible de créer plusieurs segments de ligne individuels dans un objet. Pour créer un segment de ligne, procédez comme suit :

  • Faites glisser le pointeur de la souris hors de l’objet, puis ramenez-le sur l’objet. Cliquez ensuite n’importe où pour créer la première étape de dégradé pour le segment de ligne.

Remarque : vous pouvez également faire glisser les segments de ligne et les joindre entre eux si vous le souhaitez.

Pour supprimer les étapes de dégradé sélectionnées, procédez comme suit :

  • Faites-les glisser hors de la zone de l’objet ou cliquez sur Supprimer (icône) dans le panneau Dégradé de couleurs.

Pour modifier l’emplacement des étapes de dégradé, procédez comme suit :

  • Faites glisser l’étape de dégradé, puis placez-la à l’endroit souhaité. Le segment de ligne se rétrécit ou s’étire lorsque vous changez l’emplacement d’une étape de dégradé. L’emplacement des autres étapes de dégradé demeure inchangé.
add-and-delete-colorstops-lines
Exemple de création d’un dégradé de lignes de forme libre, ajout et suppression d’étapes de dégradé

Remarque :

Lorsque vous appliquez un dégradé, l’expérience par défaut est appliquée sur l’objet sélectionné. Pour désactiver cette fonction, désélectionnez l’option Activer les paramètres par défaut de la fonction Contenu pris en compte dans le menu Edition > Préférences > Général (Windows) ou Illustrator CC > Préférences > Général (macOS). Cette option est désactivée pour les ordinateurs Windows 32 bits.

Modification des dégradés

Vous pouvez modifier la couleur, l’origine, l’opacité, l’emplacement et l’angle d’un dégradé à partir de l’outil Dégradé de couleurs, du panneau Dégradé de couleurs, du panneau Contrôle et du panneau Propriétés. 

Pour accéder directement au mode de modification de dégradé à partir du panneau Dégradé de couleurs, sélectionnez l’objet, puis cliquez sur le bouton Modifier le dégradé. Vous pouvez ensuite modifier les options telles que les étapes de dégradé, la couleur, l’angle, l’opacité, l’emplacement, le format des pixels, etc.

Linear-Gradient_modify_2
Exemple de modifications d’un dégradé linéaire

A. Nuances de la même couleur B. Deux couleurs différentes C. Angle modifié D. Annotateur redimensionné E. Emplacement modifié 
Radial-Gradient_modify_3
Exemple de modifications d’un dégradé radial

A. Deux couleurs différentes B. Origine modifiée à l’intérieur du cercle en pointillés C. Emplacement modifié de l’annotateur de dégradé D. Format des pixels modifié E. Emplacement point médian modifié 

Ajouter et modifier les étapes de dégradé

Une fois un dégradé appliqué, vous pouvez ajouter plusieurs étapes de dégradé sur l’annotateur de dégradé.

Pour ajouter des étapes de dégradé, procédez comme suit :

  • Placez le pointeur de la souris sur l’annotateur de dégradé et lorsque le symbole + s’affiche sous le pointeur, cliquez sur Annotateur de dégradé. 

Une étape de dégradé est ajoutée au point sur lequel vous cliquez.

Pour supprimer une étape de dégradé, sélectionnez l’étape de dégradé, puis effectuez l’une des opérations suivantes :

  • Appuyez sur la touche Suppr.
  • Cliquez sur le bouton Supprimer (icône) dans le panneau Dégradé de couleurs.

Pour sélectionner plusieurs étapes de dégradé, maintenez la touche Maj enfoncée, puis cliquez sur les étapes de dégradé.

Pour effacer toutes les étapes de dégradé sélectionnées, appuyez sur la touche Echap.

Remarque : lorsque vous sélectionnez une étape relative au dégradé, le panneau Contrôle et la barre d’outils affichent les options qui permettent de modifier les étapes. En outre, les options de couleur s’affichent dans l’onglet Couleur, qui se situe sur la droite.

Modifier la couleur

Pour modifier la couleur d’une étape de dégradé, utilisez l’une des méthodes suivantes :

  • Double-cliquez sur l’étape de dégradé.
    Vous pouvez sélectionner une couleur à appliquer depuis le panneau Couleur qui s’affiche. La couleur sélectionnée est appliquée à partir de l’étape de dégradé actuellement choisie jusqu’à l’étape suivante.
Color-Panel_Callout
A. Etape de dégradé B. Grossi C. Opacité D. Couleur E. Nuancier F. Sélecteur de couleurs G. Couleurs de nuance 
  • Cliquez sur le bouton Nuancier (icône) depuis le panneau Couleur pour choisir une couleur dans le nuancier. 
  • Cliquez sur le Sélecteur de couleurs (icône) depuis le panneau Couleur pour sélectionner et appliquer une couleur de la zone de travail vers l’emplacement de votre choix. Appuyez sur Echap ou sur Entrée pour quitter le mode de sélection de couleurs. Les panneaux Couleur, Dégradé de couleurs et Propriétés disposent tous les trois de l’option Sélecteur de couleurs.
  • Cliquez sur l’option Windows > Nuancier pour ouvrir le panneau Nuancier. Cliquez sur le fond d’objet dans le panneau Nuancier. La couleur sélectionnée est appliquée sur l’étape de dégradé sélectionnée.
color-panel_4
Modification d’une couleur à l’aide du panneau Couleur

Modifier l’origine, redimensionner et faire pivoter l’annotateur de dégradé

Le point de départ de l’annotateur de dégradé est appelé origine.

  • Pour modifier l’origine, placez le pointeur de la souris sur le point de départ, puis faites-le glisser pour le déplacer.
  • Pour redimensionner l’annotateur de dégradé, faites glisser le point d’arrivée en le rapprochant ou en l’éloignant du point de départ.

Remarque : l’annotateur de dégradé ne peut pas être redimensionné avec le point de départ (origine).

change-origin
Modification de l’origine des dégradés linéaires et radiaux
resize-annotator
Redimensionnement de l’annotateur pour les dégradés linéaires et radiaux
  • Pour faire pivoter l’annotateur lié à un dégradé linéaire, maintenez le bouton de la souris enfoncé sur le point d’arrivée de l’annotateur de dégradé. Lorsque vous visualisez une flèche circulaire, faites glisser l’annotateur, puis faites-le pivoter dans la direction de votre choix. Un rectangle en pointillés s’affiche pour indiquer la nouvelle position de l’annotateur.
  • Pour faire pivoter l’annotateur lié à des dégradés radiaux, placez le pointeur de la souris sur le point d’arrivée de l’annotateur, puis faites-le glisser jusqu’à visualiser une flèche circulaire.
    Lorsque vous placez le pointeur de la souris à l’intérieur du rayon du dégradé radial, un cercle en pointillé s’affiche. Vous pouvez faire pivoter ce cercle le long de son axe pour modifier l’angle du dégradé radial. En outre, vous pouvez également visualiser les deux points sur le cercle en pointillés. Cliquez sur l’un de ces points pour modifier la forme du cercle (format des pixels), puis sur l’autre point pour modifier la taille du cercle en pointillés (étendue du dégradé).
change-angle---rotate-annotator_3

Modifier l’emplacement

Pour modifier l’emplacement des étapes de dégradé et de leurs points médians :

  • Faites-les glisser le long du curseur de dégradé.
  • Ajoutez la valeur dans la zone Emplacement du panneau Dégradé de couleurs. (Afficher un exemple de modification de l’emplacement d’une étape de dégradé).

Lorsque vous modifiez le point médian, vous pouvez ajuster la division de couleur entre les deux étapes de dégradé. 

Modifier l’angle

Pour modifier l’angle du dégradé, procédez comme suit :

  • Faites pivoter l’annotateur de dégradé sur l’objet.
  • Sélectionnez ou saisissez une valeur dans la liste déroulante de la zone Angle qui se situe dans le panneau Dégradé de couleurs.

Modifier l’opacité

Pour modifier l’opacité d’une étape de dégradé, cliquez sur une étape, puis effectuez l’une des opérations suivantes :

  • Sélectionnez ou saisissez une valeur dans la zone Opacité du panneau Dégradé de couleurs ou du panneau Contrôle.
  • Déplacez le curseur d’opacité dans le panneau Contrôle.

Lorsqu’une étape de dégradé a une valeur d’opacité inférieure à 100 %, la couleur s’affiche sous forme de damier dans l’annotateur de dégradé.

Opacity_highlight

Dégradé inversé

Pour inverser les couleurs du dégradé, cliquez sur le bouton Inverser le dégradé (icône) du panneau Dégradé de couleurs.

Enregistrer les dégradés en tant que nuanciers

Pour enregistrer le dégradé créé ou modifié en tant que nuance dans le fichier en cours, effectuez l’une des opérations suivantes :

  • Cliquez sur le bouton Ajouter au nuancier dans le menu Dégradé.
  • Cliquez sur le menu Nuancier dans le panneau Nuancier, puis sélectionnez l’option Nouvelle Nuance.
  • Faites glisser la case Fond en dégradé du panneau Dégradé vers le panneau Nuancier. 

Remarque :

Pour utiliser les dégradés de couleurs lors de prochaines sessions, enregistrez-les dans la bibliothèque Creative Cloud.

Appliquer des dégradés sur un contour

Pour appliquer un dégradé sur le contour de l’objet, sélectionnez l’objet et procédez comme suit :

  • Sélectionnez un dégradé dans le panneau Dégradé de couleurs.
  • Sélectionnez l’icône Contour(X) à partir de la barre d’outils, du panneau Nuancier, du panneau Dégradé de couleurs et du panneau Propriétés.
  • Sélectionnez l’un des styles de contour suivants :
    • Appliquer un dégradé à l’intérieur du contour (icône)
    • Appliquer un dégradé le long du contour (icône)
    • Appliquer un dégradé sur tout le contour (icône)
strokes-2

Appliquer des dégradés de couleurs sur plusieurs objets

Pour appliquer un dégradé linéaire ou radial sur plusieurs objets, procédez comme suit :

  • Appliquez un dégradé sur un objet. Sélectionnez les autres objets à remplir avec le même dégradé. Pour ce faire, cliquez sur l’outil Sélection de la barre d’outils. Maintenez la touche Maj enfoncée, puis cliquez sur les objets à remplir avec le même dégradé.
  • Sélectionnez l’outil Sélecteur de couleurs à partir de la barre d’outils, puis cliquez sur le dégradé. Sélectionnez ensuite les objets sur lesquels le dégradé sélectionné doit être appliqué.
  • Cliquez sur l’icône de remplissage dans le panneau Dégradé de couleurs, la barre d’outils ou le panneau Propriétés.

Sélectionnez l’outil Dégradé de couleurs, puis utilisez l’une des méthodes suivantes :

  • Pour créer un dégradé à l’aide d’un annotateur de dégradé, cliquez sur l’emplacement de la zone de travail à partir duquel vous souhaitez faire démarrer le dégradé, puis faites glisser le pointeur jusqu’à l’emplacement de fin de dégradé de votre choix. 
  • Pour créer un dégradé à l’aide d’un annotateur de dégradé pour chaque objet sélectionné, cliquez sur l’emplacement de la zone de travail à partir duquel vous souhaitez faire démarrer le dégradé, puis maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée et faites glisser le pointeur jusqu’à l’emplacement de fin de dégradé de votre choix. Vous pouvez alors régler les différents curseurs de dégradé pour les différents objets. (Les curseurs de dégradé multiples ne sont créés que pour les tracés simples.)
apply-gradients-to-multiple-objects

Remarque :

Pour créer un objet multicolore unique dont chaque couleur peut suivre une direction différente, utilisez un objet de filet. Pour plus d’informations, voir la page Filets.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne