3.5. Dégradé

This tool fills the selected area with a gradient blend of the foreground and background colors by default, but there are many options. To make a blend, drag the cursor in the direction you want the gradient to go and you release the mouse button when you feel you have the right position and size of your blend. The softness of the blend depends on how far you drag the cursor. The shorter the drag distance, the sharper it will be.

In former GIMP versions, you had to use the gradient editor to modify the gradient. With GIMP-2.10, this gradient editor still exists, but you can now edit it more easily directly on canvas.

If you click and drag outside the selection, only a part of the gradient will appear in the selection.

Le nombre de choses que vous pouvez faire avec l'outil de dégradé est impressionnant. Les deux options les plus importantes sont Dégradé et la Forme. Le bouton Dégradé ouvre une fenêtre de dialogue vous donnant accès à une multitude de dégradés fournis avec GIMP ; vous pouvez aussi créer et enregistrer vos propres dégradés. Pour de plus amples informations concernant les dégradés, vous pouvez consulter Peindre avec GIMP : Dégradés et Dialogues relatifs au contenu de l'image : Dégradés.

Pour la Forme, il y a 11 options: Linéaire, Bilinéaire, Radial, Carré, Conique, (symétrique), Conique (asymétrique), Suivant la forme (angulaire), Suivant la forme (sphérique), Suivant la forme (Excroissances), Spirale (horaire), et Spirale (anti-horaire). Elles sont décrites en détail plus bas. Les options Forme sont intéressantes car elles obligent le dégradé à suivre la forme de la sélection, aussi tordue soit elle. À la différence des autres options Forme, les options Selon la forme ne sont pas affectées par la longueur ni la direction de traçage du dégradé.

[Astuce] Astuce

Essayez de cocher l'option Différence dans le menu Mode : vous obtiendrez un résultat intéressant.

3.5.1. Accès à l'outil

On accède à cet outil de différentes façons :

  • Depuis le menu d'image par OutilsOutils de peintureDégradé,

  • en cliquant sur l'icône dans la Boîte à outils.

  • ou en utilisant le raccourci clavier L.

3.5.2. Options

Figure 14.66. The Blend tool dialog

The Blend tool dialog

Normalement, les options de l'outil sont affichées dans une fenêtre attachée en-dessous de la Boîte à outils. Si elles ne le sont pas, vous pouvez y accéder depuis la barre de menus de l'image par FenêtresFenêtres ancrablesOptions de l'outil.

Mode; Opacité
Cette option est décrite avec les Options communes des outils de peinture.
Dégradé

A variety of gradient patterns can be selected from the drop-down list. The tool causes a shading pattern that transitions from foreground to background color or introduces others colors, in the direction the user determines by drawing a line in the image. For the purposes of drawing the gradient, clicking on the Reverse reverses the gradient direction with the effect, for instance, of swapping the foreground and background colors.

On the right hand, a button to open the Gradient Editor dialog.

Forme

GIMP permet de choisir entre 11 types de dégradés.

Figure 14.67. Exemples de formes de dégradés

Exemples de formes de dégradés

Linéaire

Exemples de formes de dégradés

Bi-Linéaire

Exemples de formes de dégradés

Radial


Linéaire

Le dégradé Linéaire se développe régulièrement entre le point de départ et le point d'arrivée.

Bi-Linéaire

Le dégradé Bi-linéaire se développe à partir du point initial dans des directions opposées, sur la distance déterminée par la longueur de la ligne tracée. Utile pour donner l'impression d'un cylindre.

Radial

C'est un dégradé circulaire : le point de départ est le centre et le point d'arrivée détermine le rayon.

Carré

Figure 14.68. Exemples de dégradés en carré

Exemples de dégradés en carré

Carré

Exemples de dégradés en carré

Suivant la forme (angulaire)

Exemples de dégradés en carré

Suivant la forme (sphérique)

Exemples de dégradés en carré

Suivant la forme (excroissances)


C'est un dégradé en carré. Le point de départ est le centre du carré et le point d'arrivée détermine le bord.

Conique (symétrique) ; Conique (asymétrique)

Figure 14.69. Exemples de dégradés coniques

Exemples de dégradés coniques

Conique (symétrique)

Exemples de dégradés coniques

Conique (asymétrique)


Le dégradé Conique Symétrique se développe selon un cercle ayant pour centre le point de départ et dans un seul sens. Donne l'impression de regarder un cône par la pointe, illuminé par la couleur d'arrière-plan dans une direction déterminée par la direction de la ligne tracée.

Le dégradé Conique Asymétrique se développe selon un cercle ayant pour centre le point de départ en faisant un aller et retour. Ressemble au dégradé conique symétrique, sauf que le « Cône » semble avoir une crête où la ligne est tracée.

Spirale

Figure 14.70. Exemples de dégradés en spirale.

Exemples de dégradés en spirale.

Spirale (sens horaire)

Exemples de dégradés en spirale.

Spirale (sens anti-horaire)


Ce type de dégradé trace le dégradé en spirale. Les images montrent à gauche Spirale (Sens horaire) et Spirale (anti-horaire) à droite. La largeur de la répétition est déterminée par la longueur de la ligne tracée.

Répéter
  • None as default.

  • Sawtooth Wave: the Sawtooth pattern is achieved by beginning with the foreground, transitioning to the background, then starting over with the foreground.

  • Triangular Wave: starts with the foreground, transitions to the background, then transitions back to the foreground.

  • Truncate: areas before and after endpoints are truncated.

Tramage

Le tramage consiste à rassembler des pixels colorés pour que, d'un peu loin, on ait l'impression de nuances de couleurs. Voir Glossaire

Sur-échantillonnage adaptatif

Le Sur-échantillonnage adaptatif améliore le rendu des dégradés mais occasionne une lourde charge pour le microprocesseur. Les réglages Profondeur max et Seuil permettent des rendus différents que seuls des essais vous permettront de choisir.

Décalage

Avec Décalage, vous pouvez fixer la pente du dégradé. Ou plus précisément à quelle distance du départ la couleur commencera à se dégrader. Il s'exprime par une échelle de 0 à 100 représentant le pourcentage de la distance entre le départ et l'arrivée. Les formes obtenues grâce à l'option Suivant la forme ne sont pas affectées par cette option.

Figure 14.71. Outil « Dégradé » : exemple de Décalage

Outil Dégradé : exemple de Décalage

En haut, Décalage = 0 ; En bas, Décalage = 50%


Instant mode

When this option is checked, blend tool works as in GIMP-2.8 : the gradient line disappears as soon as you release the mouse button. The option must be activated (with Shift also) before starting drawing gradient.

Modify active gradient

When this option is checked, blend tool works as in GIMP-2.8 : the custom gradient is not created automatically and must be created manually. The option can be activated before starting drawing gradient or if the active gradient is not the custom gradient.

3.5.3. Editing Gradient

Important change with GIMP-2.10 in editing gradient:

On-canvas editing

All the old Gradient Editor dialog features are now available directly on canvas. You can create and delete color stops, select and shift them, assign colors to color stops, change blending and coloring for segments between color stops, create color stops from midpoints.

Select a gradient in the gradient dialog. Click and drag on canvas. A line is drawn and the gradient is displayed. You can edit this gradient by moving the mouse pointer on this line. As soon as you try to edit gradient, GIMP-2.10 creates a custom gradient, which is a copy of the selected gradient. It becomes the active gradient and will be preserved across sessions. Here, we use the Abstract3 gradient.

The Abstract3 gradient, with endpoints

At both ends of the line, you can see a Start endpoint and an End endpoint. Click and drag an endpoint (the mouse pointer is accompanied with a moving cross) to move it where you want on your screen. A small window appears showing data about the selected endpoint : the position of the mouse (coordinate origin is the upper left corner of image or selection), the starting (left) and the ending (right) color of the gradient.

End point moved

[Note] Note

In you only move endpoints, the custom gradient is not created yet.

On the line, you can see several small squares. These are Stops that divide gradient into segments. You can edit segments separately. Click and drag stops to move them (the active endpoint takes a yellow color). As soon as you move a stop, the custom gradient is created. The small data window shows a button that allow you to remove the active stop.

Stop point moved and data window

If you move the mouse pointer on the line, a Midpoint shows up. Then, the small data window has two buttons : to create a new stop at midpoint, and to center midpoint.

Changing color: in stop and end data windows, you have color dwells with a drop-down list. The default option is Fixed; this means that color choice will be independent from foreground and background colors. Click on a color dwell to open a color selector.

Touches de contrôle (Par défaut)

La touche Ctrl est utilisée pour créer des lignes droites se décalant de 15 degrés.

Alt or Ctrl+Alt to move the whole line.

The Gradient Editor

The Gradient Editor still exists: Section 3.4.3, « Éditeur de dégradé ».