L’essentiel en bref
- Illustrator propose trois types de dégradé dans son panneau Dégradé : Linéaire, Radial et Forme libre.
- Le panneau Dégradé s’ouvre depuis Fenêtre › Dégradé, et l’outil Dégradé (G) permet de faire glisser, pivoter et modifier un dégradé directement sur l’illustration.
- Un dégradé sur un contour peut s’appliquer dans le contour, le long du contour ou en travers de sa largeur.
- Pour appliquer un dégradé à du texte vivant tout en le gardant modifiable, ajoutez un nouveau fond dans le panneau Aspect et appliquez-y le dégradé.
- Les dégradés linéaires et radiaux s’exportent en SVG comme éléments de dégradé natifs, alors que les dégradés de forme libre et les filets n’ont pas d’équivalent SVG.
Sur cette page
Un dégradé dans Illustrator se règle dans le panneau Dégradé (Fenêtre › Dégradé) et se façonne sur l’illustration avec l’outil Dégradé (G). Sélectionnez un objet, choisissez Linéaire, Radial ou Forme libre dans le panneau, puis cliquez sous le curseur pour ajouter des points de couleur. Les fondus linéaires et radiaux sont ceux à utiliser pour les logos, les icônes et tout ce qui part sur le web, car ils restent légers et nets partout. La forme libre sert aux couleurs douces et picturales, et l’ancien Filet de dégradé à l’ombrage photographique.
Le panneau Dégradé, réglage par réglage
Tout commence avec l’objet sélectionné et la bonne cible active : le panneau affiche un carré de fond et un carré de contour, et le dégradé s’applique à celui qui est au premier plan. Cliquer sur la vignette du dégradé applique le dernier dégradé utilisé, ce qui est pratique pour styliser une série de formes.
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Ce qu’il fait
Pour enregistrer un dégradé, faites glisser la vignette du panneau vers le panneau Nuancier. Les dégradés enregistrés permettent de garder les fondus d’une marque identiques d’un fichier à l’autre ; les points de couleur d’un dégradé explique comment choisir des positions qui paraissent régulières.
Dégradés linéaires et radiaux
Avec l’outil Dégradé sélectionné, une barre appelée annotateur apparaît sur l’objet. Faites glisser son extrémité ronde pour déplacer le départ, son extrémité carrée pour changer la longueur et l’angle, et les points le long de la barre pour régler les couleurs sans ouvrir le panneau. Si l’annotateur est masqué, Affichage › Afficher l’annotateur de dégradé le fait réapparaître. Maintenez Maj en faisant glisser pour contraindre l’angle par pas de 45 degrés.
Dans Illustrator, les dégradés suivent la forme, pas le plan de travail. Sélectionnez toutefois plusieurs objets et faites glisser l’outil Dégradé sur l’ensemble : un seul dégradé couvre alors tout le groupe. C’est ainsi qu’une rangée de lettres ou d’icônes partage un même balayage de couleur.
Dégradés de forme libre
Les dégradés de forme libre se passent complètement de la barre. Vous placez des points de couleur n’importe où dans une forme et Illustrator fond les couleurs entre eux, ce qui donne la couleur douce et organique d’un dégradé en filet, avec bien moins d’efforts que l’outil Filet.
- 1
Changez de type
Sélectionnez la forme et cliquez sur Forme libre dans le panneau Dégradé. Illustrator place quelques points de départ pour vous.
- 2
Choisissez Points ou Lignes
Le mode Points place des points de couleur individuels. Le mode Lignes vous laisse cliquer un tracé de points, et la couleur coule le long de cette ligne.
- 3
Réglez chaque couleur
Double-cliquez sur un point pour choisir sa couleur, ou sélectionnez-le et choisissez une nuance.
- 4
Ajustez la diffusion
En mode Points, faites glisser le cercle en pointillés autour d’un point, ou modifiez Diffusion dans le panneau, pour décider jusqu’où va sa couleur.
- 5
Retirez ce qui est inutile
Faites glisser un point hors de la forme ou appuyez sur Suppr. Quelques points bien placés paraissent plus calmes que beaucoup.
Dégradés sur les contours
Sélectionnez le carré de contour dans le panneau Dégradé, appliquez un dégradé, et trois boutons apparaissent. Ils changent davantage le résultat que n’importe quel choix de couleur.
Résultat
Idéal pour
Résultat
Idéal pour
Résultat
Idéal pour
Un texte en dégradé qui reste modifiable
Le texte vivant n’accepte pas toujours un dégradé directement sur le fond de ses caractères, et vectoriser le texte pour forcer l’effet vous empêche de corriger une coquille. La méthode fiable passe par le panneau Aspect : sélectionnez l’objet texte, choisissez Ajouter un fond dans le menu du panneau, faites glisser ce nouveau fond sous l’entrée Caractères si besoin, et appliquez-y votre dégradé. Les mots restent modifiables, et le dégradé couvre toute la ligne. Pour les logos, les logos en dégradé explique quand un fondu sert une marque et quand une version en aplat est nécessaire.
Une affiche A4 en 2480×3508. Gardez le fond doux et le texte en aplat ou légèrement dégradé, pour que les mots se lisent encore depuis l’autre bout d’une salle.
Exporter les dégradés Illustrator en SVG et pour l’impression
À l’export SVG, les dégradés linéaires et radiaux deviennent des éléments de dégradé natifs : ils restent légers et nets à toutes les tailles. Les dégradés de forme libre et les filets n’ont pas d’équivalent SVG, attendez-vous donc à ce qu’ils soient pixellisés ou approximés : vérifiez le fichier avant de le transmettre à un développeur. Les dégradés SVG expliquent le format.
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#064e3b"/>
<stop offset="0.55" stop-color="#10b981"/>
<stop offset="1" stop-color="#d9f99d"/>
</linearGradient>
</defs>
<circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>En impression, c’est sur les dégradés que les bandes et les dérives de couleur apparaissent en premier. Passez tôt dans le mode colorimétrique de l’imprimeur, évitez les longs fondus entre deux tons très proches et demandez une épreuve. Imprimer des dégradés liste les vérifications.
Placer votre illustration sur un fond
Illustrator est le bon endroit pour un logo. Le fond sur lequel il repose dans les publications, stories et présentations est un autre problème, car il doit être redessiné pour chaque format. Un Mark Gradiently est un arrière-plan fini qui s’affiche à toutes les tailles et garde les mots lisibles, et en réserver un signifie qu’aucune autre marque ne peut exporter avec.
Les questions qu’on nous pose
Où se trouve le panneau Dégradé dans Illustrator ?
Ouvrez-le depuis Fenêtre › Dégradé. L’outil Dégradé lui-même se trouve dans la barre d’outils, raccourci G.
Comment créer un dégradé de forme libre dans Illustrator ?
Sélectionnez une forme, choisissez Forme libre dans le panneau Dégradé, puis ajoutez des points de couleur en mode Points ou tracez une ligne de points en mode Lignes.
Comment appliquer un dégradé à du texte dans Illustrator sans le vectoriser ?
Ajoutez un nouveau fond à l’objet texte dans le panneau Aspect et appliquez le dégradé à ce fond. Le texte reste modifiable.
Peut-on appliquer un dégradé à un contour dans Illustrator ?
Oui. Sélectionnez le contour dans le panneau Dégradé et choisissez si le dégradé s’applique dans le contour, le long du contour ou en travers.
Les dégradés Illustrator fonctionnent-ils en SVG ?
Les dégradés linéaires et radiaux s’exportent en dégradés SVG natifs. Les dégradés de forme libre et les filets n’ont pas d’équivalent SVG.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil