### 3.5. La fenêtre des dégradés

Figure 15.32. La fenêtre de dialogue des dégradés

Le dialogue « Dégradés » offre une palette de dégradés, une série de couleurs rangées de façon linéaire, utilisés par l’outil Dégradé et de nombreuses autres opérations. Il vous fournit aussi plusieurs fonctions pour manipuler ces dégradés. Vous pouvez choisir un dégradé en cliquant dans cette liste : il apparaîtra dans la zone Brosse/Motif/Dégradé de la Boîte à outils. Une douzaine de dégradés sont installés avec GIMP. Vous pouvez en créer de nouveaux à l’Éditeur de dégradés. Vous trouverez des informations sur la façon d’utiliser les dégradés dans la section Dégradés. Le terme anglais pour Dégradé est « Gradient ».

Les cinq premiers dégradés de la palette sont particuliers : ils reproduisent le dégradé entre les couleurs de Premier-plan et d’Arrière-plan de la Boîte à outils de différentes façons :

- PP vers AP : uniquement du noir et du blanc, avec une limite nette.

- FG to BG (HSV clock-wise/counter-clockwise Hue): all hues in the color wheel between the Foreground and the background color, clockwise or counter-clockwise.

- PP vers AP (RGB) : dégradé par défaut, entre la couleur de Premier-plan et la couleur d’Arrière-plan de la Boîte à outils, dans le mode de couleur RVB.

- PP vers transparence : n’utilise que la couleur de Premier-plan, la rendant de plus en plus transparente. Très utile quand vous travaillez sur des collages fusionnés en douceur ou des effets de brouillard.

#### 3.5.1. Accès au dialogue

La fenêtre du Presse-papiers est une fenêtre ancrable, voyez la section Dialogues, fenêtres et onglets sur l’utilisation des ancrages.

Vous pouvez y accéder :

- from the main menu: Windows → Dockable Dialogs → Gradients;

- from the Tab menu in any dockable dialog by clicking the tab menu button and selecting Add Tab → Gradients,

- from the Toolbox, by clicking on the current gradient in the Brush/Pattern/Gradient area (if you have checked the « Show active brush, pattern and gradient » option in the toolbox preferences).

- depuis le raccourci clavier par défaut : Ctrl+G.

In the Windows menu, there is a list of detached windows which exists only if at least one dialog remains open. In this case, you can raise the « Gradients » dialog from the main menu: Windows → Gradients.

#### 3.5.2. Utilisation du dialogue des « Dégradés »

La façon la plus simple d’utiliser le dialogue de dégradé est de cliquer sur un des dégradés pour en faire le dégradé actif qui sera utilisé par toute opération faisant appel au dégradé.

Le double-clic sur un dégradé ouvre l’Éditeur de dégradé où vous pouvez changer son nom, à condition qu’il s’agisse d’un dégradé que vous avez créé et non pas d’un dégradé fourni par GIMP. Vous pouvez certes changer le nom d’un dégradé de GIMP, mais il retrouvera son nom d’origine lorsque vous relancerez GIMP. C’est une règle générale : vous ne pouvez pas modifier les resources fournies par GIMP lors de son installation.

Mode Grille et mode Liste

  Dans le menu Onglets, vous avez le choix entre Voir comme une liste et Voir comme une grille. En mode grille, les dégradés sont disposés dans un agréable tableau rectangulaire. En mode Liste, les dégradés sont alignés verticalement avec leur nom.

  Dans le menu d’onglet, l’option Taille des aperçus vous permet d’adapter la taille des cases d’aperçu des dégradés à votre goût.

The button bar at the bottom offers the following functionality:

Éditer

  Ce bouton active l’ Éditeur de dégradé .

Nouveau

  This creates a new gradient, initialized as a simple grayscale, and activates the Gradient Editor so that you can alter it.

  Gradients that you create are automatically saved in the `gradients` folder of your personal GIMP directory. Any gradient files (ending with the extension `.ggr`) found in one of these folders, will automatically be loaded when you start GIMP. You can add more directories to the gradient search path, if you want to, in the Gradients tab of the Data Folders section of the Preferences dialog.

Dupliquer

  This creates a copy of the currently selected gradient. You will be able to edit the copy as editing the original is not supported.

Supprimer

  En cliquant sur ce bouton, vous supprimez toute trace du dégradé sélectionné, si vous en avez le droit. Confirmation vous est demandée.

Actualiser les dégradés

  Si vous ajoutez un dégradé dans votre répertoire personnel de dégradés autrement qu’avec ce dialogue, ce bouton recharge la liste de façon à ce que les nouvelles entrées soient disponibles.

The functions performed by these buttons can also be accessed from the dialog pop-up menu, activated by right-clicking anywhere in the gradient list, or via Gradient Menu in the Tab menu.

Ce menu vous apporte quelques options supplémentaires :

Save as POV-Ray…

  Cela vous permet de sauvegarder le dégradé dans un format utilisé par l’application POV-Ray.

Copier l’emplacement du dégradé

  Cette commande permet de copier l’emplacement du fichier de dégradé dans le presse-papier. Vous pouvez ensuite le coller dans un éditeur de texte.

Afficher dans le gestionnaire de fichiers

  Show in File Manager opens the location of the gradient in the default File Manager on your system.

Custom Gradient…

  Cette commande crée une image remplie avec le dégradé sélectionné. Vous pouvez choisir la largeur et la taille ainsi que la direction du dégradé dans la fenêtre de dialogue.

Save Gradient as CSS…

  The CSS (Cascading Style Sheets) language is used to format the display of HTML and XML files, for instance background color, background gradient, or font size. The "CSS Save" plug-in is a CSS3 linear gradient generator that allows you to save a CSS3 code snippet, containing the gradient data for a given GIMP gradient. This code snippet is a text file: you can copy-paste it to the stylesheet related to your HTML file, to get a gradient background on opening the HTML file in Firefox, Chrome or Safari web navigators. This CSS3 code snippet can also be used as a gradient in SVG files.

  Here is an example of a CSS3 code snippet, using the Blue Green gradient:

  Un bout de code CSS créé avec Enregistrer comme CSS.

  background-image: linear-gradient(top, rgb(0,123,255) 0%, rgb(72,226,255) 56%,
  rgb(0,255,161) 100%);

##### 3.5.2.1. Mots-clés

Vous pouvez utiliser des mots-clés pour réorganiser l’affichage des dégradés. Reportez-vous à Section 3.7, « Mots-clés ».

#### 3.5.3. Éditeur de dégradé

Figure 15.33. L’éditeur de dégradés

L’Éditeur de dégradé vous permet de modifier les couleurs d’un dégradé. Il ne peut être utilisé qu’avec les dégradés que vous avez créés vous-même (ou sur la copie d’un dégradé fourni par GIMP). C’est un outil perfectionné qui vous prendra du temps pour le comprendre. Le concept de base est qu’un dégradé peut être décomposé en une série de segments joints, chaque segment consistant en une transition douce entre la couleur du bord gauche et la couleur du bord droit. L’Éditeur de dégradé vous permet de réunir plusieurs segments avec plusieurs options concernant la transition de gauche à droite.Le terme anglais pour cet éditeur est « Gradient Editor ».

##### 3.5.3.1. Activation de l’Éditeur de dégradé

L’Éditeur de dégradé peut être activé de différentes manières :

- par un double clic sur le bandeau du dégradé dans le Dialogue des dégradés,

- à partir du menu local obtenu par un clic droit sur le nom du dégradé sélectionné,

- by clicking on the Edit gradient button in the Gradient Dialog,

- from the Gradient Menu you get by clicking on in the Gradient Dialog.

##### 3.5.3.2. Disposition

Nom

  This is where you can change under what name the gradient shows up in the list of gradients.

La fenêtre d’aperçu du dégradé

  Below the name, you see the current result of your work. If you move the mouse pointer on this display, it works somewhat like a color-picker. Information about the pixel under the mouse is shown below the preview and slider area.

  Position is a number between 0.000 on the left and 1.000 on the right side of the gradient. Below that the color values in RGB and HSV mode are shown, followed by the Luminance and Opacity values.

  Si vous cliquez-glissez le pointeur sur l’aire de visualisation, seules la position et les valeurs RVB sont affichées. Mais ces valeurs sont répercutées en temps réel sur la couleur de Premier-Plan de la Boîte à Outils et sur les quatre premiers dégradés de la liste (en appuyant sur la touche Ctrl, les couleurs sont envoyées dans la couleur d’Arrière-plan de la Boîte à Outils).

Intervalle de sélection/Curseurs de contrôle

  Below the gradient display, you see a set of black and white triangles lined up in row which allow you to adjust endpoints and midpoints in the gradient preview. A segment is the space between two consecutive black triangles. Inside each segment is a white triangle, which is used to « warp » the colors in the segment, in the same way that the middle slider in the Levels tool warps the colors there. You can select a segment by clicking between the two black triangles that define it. It turns from white to blue. You can select a range of segments by Shift-clicking on them. The selected range always consists of a set of consecutive segments, so if you skip over any when Shift-clicking, they will be included automatically. If « Instant update » is checked, the display is updated immediately after any slider movement; if it is unchecked, updates only occur when you release the mouse button.

  You can move sliders, segments and selections. If you simply click-n-drag a slider, you only move the corresponding transition. By click-n-drag on a segment you can move this segment up to the next triangle. By Shift+click-n-drag on a segment/selection, you can move this segment/selection and compress/dilate next segments.

La barre de défilement

  Située sous les curseurs, elle n’entre en action que lors d’un Zoom avant.

Zone d’information

  En dessous, un échantillon fournit la couleur pointée par la souris, et divers renseignements utiles apparaîtront dans cette zone.

Boutons

  The button bar at the bottom offers the following functionality:

  Zoom arrière

    Ce bouton rétrécit horizontalement l’aire d’affichage du dégradé.

  Zoom avant

    Ce bouton étend horizontalement l’aire d’affichage du dégradé. Vous pouvez utiliser alors la barre de défilement.

  Zoom ajusté à la fenêtre

    En cliquant sur ce bouton, on redimensionne l’affichage horizontalement de façon à l’adapter à la fenêtre.

##### 3.5.3.3. Le menu local de l’Éditeur de dégradé

On accède au menu local de l’Éditeur de dégradé par un clic droit sur la fenêtre de visualisation des dégradés ou en choisissant l’option du haut dans le menu d’Onglets. Il vous permet de régler les couleurs de gauche et de droite de chaque segment, de mélanger des couleurs, de choisir un modèle de couleur, et de modifier les segments. Ne concerne que les dégradés personnels, ou la copie d’un dégradé système.

Dans le menu, on trouve les commandes suivantes :

Changer les couleurs d’extrémités

Type de couleur gauche/droite

  Ce sous-menu vous permet de choisir comme couleur d’extrémité les couleurs de Premier-plan et d’Arrière-Plan de la Boîte à outils. Si vous changez les couleurs d’AP et de PP, les couleurs d’extrémités seront changées aussi. L’alternative est de choisir une couleur d’extrémité Fixée.

  Dans le menu, on trouve les commandes suivantes :

  Fixed

    Fixed

  Foreground Color

    Foreground Color

  Foreground Color (Transparent)

    Foreground Color (Transparent)

  Background Color

    Background Color

  Background Color (Transparent)

    Background Color (Transparent)

Couleur de l’extrémité Gauche/Droite…

  Ces options vous permettent de choisir une couleur pour l’extrémité concernée, droite ou gauche, par l’intermédiaire d’un Éditeur de couleur.

  | Note
  Cette commande est reliée à la précédente et devient inactive (passe en grisé) si vous y avez déjà choisi une valeur autre que >Fixé pour le Type de couleur Gauche [Droit] correspondant.

Charger la couleur Gauche/Droite d’après

  Cette option vous fournit différentes façons de déterminer la couleur des extrémités du segment. En supposant que vous vous occupiez de l’extrémité gauche, vous aurez le choix entre :

  Extrémité droite du voisin gauche

    Ce choix fera que la couleur de l’extrémité du segment voisin à gauche sera affectée à l’extrémité gauche du segment sélectionné.

  Extrémité droite

    La couleur de l’extrémité droite du segment sélectionné sera affectée à son extrémité gauche.

  Couleur de PP/AP

    La couleur de Premier-plan ou d’Arrière-plan, telle qu’elle apparaît dans la Boîte à outils, sera affectée à l’extrémité. Notez que le fait de modifier les couleurs de PP et d’AP ultérieurement ne changera rien aux couleurs d’extrémité.

  Les plots RVBA

    En bas du menu se trouvent 10 emplacements colorés pour vous aider dans le choix d’une couleur. Vous pouvez leur attribuer une couleur différente en utilisant l’option d’enregistrement décrite plus bas. Si vous sélectionnez un des emplacements, sa couleur sera affectée à l’extrémité.

Enregistrer la couleur gauche/droite vers…

  Cette option fait que la couleur de l’extrémité en cause est affectée au plot de couleur sélectionné dans le sous-menu.

Cliquer-déposer des couleurs

  Vous pouvez aussi glisser-déposer une couleur depuis les couleurs PP-AP de la boîte à outils ou depuis une palette

  - sur une extrémité (un triangle noir), pour définir les couleurs droite ou gauche,

  - sur l’aire d’affichage du dégradé, pour ajouter une nouvelle extrémité avec cette couleur de part et d’autre.

Changer, mélanger les couleurs du segment

Type de mélange pour le segment

  Cette option détermine le développement de la transition entre les deux extrémités de l’intervalle (segment ou sélection) :

  Linéaire

    Option par défaut. La couleur varie de façon linéaire d’une extrémité de l’intervalle à l’autre.

  Incurvé

    Le dégradé évolue plus rapidement sur les bords de l’intervalle actif que sur le centre.

  Sinusoïdal

    C’est l’inverse du type courbe. Le dégradé évolue plus rapidement au centre de l’intervalle actif que sur les bords.

  Sphérique (croissant)

    Le dégradé évolue plus rapidement sur la gauche de l’intervalle actif qu’à sa droite.

  Sphérique (décroissant)

    Le dégradé évolue plus rapidement à droite qu’à gauche.

  Step

    Gradient changes from left value to right value in one step without intermediate colors.

Type de coloriage pour le segment/la sélection

  Cette option vous donne un moyen supplémentaire de contrôler le type de transition, d’un point terminal à un autre, dans l’espace RVB ou l’espace TSV.

  Dans le menu, on trouve les commandes suivantes :

  RVB

    RVB

  HSV (counter-clockwise hue)

    HSV (counter-clockwise hue)

  HSV (clockwise hue)

    HSV (clockwise hue)

Modifier les segments

Retourner la sélection

  Cette option inverse le sens de développement du dégradé dans l’intervalle sélectionné (segment ou sélection).

Dupliquer la sélection

  Cette option découpe l’intervalle sélectionné (segment ou sélection) en deux parties, chacune étant une reproduction comprimée du segment d’origine.

Couper les segments en leur milieu

  Cette option coupe chaque segment de l’intervalle sélectionné au niveau du triangle blanc.

Couper les segments uniformément

  Cette option fait apparaître une fenêtre de dialogue vous permettant de choisir en combien de segments vous voulez découper le segment sélectionné. Le découpage est uniforme : les segments créés sont de taille égale avec un point médian en leur milieu.

Effacer la sélection

  Cette option efface tous les segments de l’intervalle sélectionné (segment ou sélection) et les remplace par un seul triangle noir au centre, en élargissant les segments des deux côtés pour combler le vide.

Recentrer les points médians dans la sélection

  Cette option déplace les triangles blancs des segments de l’intervalle sélectionné pour les mettre à mi-chemin entre les triangles noirs voisins.

Redistribuer les poignées dans la sélection

  Cette option déplace tous les triangles de l’intervalle sélectionné pour les mettre à égale distance les uns des autres.

Mélanger les couleurs

Ces options ne sont disponibles que si plusieurs segments sont sélectionnés.

Mélanger les couleurs des extrémités

  Cette option fait la moyenne des couleurs des extrémités internes, de telle sorte que la transition entre les segments soit adoucie.

Mélanger les opacités des extrémités

  Cette option fait la même chose que la précédente, mais avec l’opacité au lieu de la couleur.

Edit Active Gradient

  When enabled, the gradient editor will automatically load the currently active gradient. If it is disabled, the gradient editor will not change when the active gradient changes.

| Attention
Il n’y a pas de Annuler disponible pour l’Éditeur de dégradés. Soyez prudent !

##### 3.5.3.4. Exemple d’utilisation de l’Éditeur de dégradé

Toutes ces options peuvent paraître ennuyeuses. Voici un exemple pour éclaircir les idées, un dégradé de plusieurs couleurs :

1. Open the Gradient Dialog. Click New Gradient. The Gradient Editor is opened and shows a gradient from black to white.

   Figure 15.34. Nouveau dégradé

2. Right click in this new gradient and select Split Segment Uniformly. If wanted, adjust the number of segments.

   Figure 15.35. Dégradé avec trois segments

   Chaque segment est délimité par deux curseurs triangulaires noirs. Cliquez sur un segment pour l’activer. En appuyant sur Maj (shift) vous pouvez, par un clic, sélectionner plusieurs segments contigus.

3. Dans le menu contextuel obtenu par clic droit sur le dégradé, fixez la Couleur de l’extrémité gauche et la Couleur de l’extrémité droite pour le segment ou le groupe de segments sélectionné.

   Figure 15.36. Premier segment coloré

   Le rouge a été choisi pour l’extrémité gauche et le jaune pour l’extrémité droite.

4. Agissez de même pour les autres segments. Puis utilisez les Types de mélange pour le segment afin de réaliser divers effets.

3.4. Dialogue des Motifs |  | 3.6. Le dialogue des palettes

Report a bug in GIMP Signalez une erreur de documentation