Utiliser les dégradés

Présentation de l'outil Dégradé

Un dégradé est un remplissage multicolore où chaque couleur tend progressivement vers la couleur suivante. Il peut être appliqué soit à la bordure, soit au remplissage des éléments.

Tous les navigateurs n'acceptent pas les dégradés de bordure.

 

Google Web Designer permet de créer deux types de dégradés :

•  Le dégradé linéaire change de couleur le long d'une ligne droite entre deux extrémités.
•  Le dégradé radial désigne un changement de couleur concentrique depuis un point central.

Pour créer un dégradé, procédez comme suit :

1. Sélectionnez le bouton Dégradé linéaire  ou Dégradé radial  dans la partie supérieure du mélangeur de couleurs.
2. Par défaut, les dégradés affichent deux repères de couleur le long de la barre de dégradé située dans la partie supérieure. Sélectionnez un repère pour en modifier la couleur.
3. Faites glisser un repère de couleur le long de la barre pour modifier la longueur de la transition.
4. Pour ajouter d'autres repères de couleur, cliquez sur la barre de dégradé. Pour supprimer un repère de couleur, faites-le glisser vers le champ de couleur.

Dégradé linéaire

Par défaut, le dégradé linéaire s'étend du bord gauche au bord droit de l'élément auquel il est appliqué.

Pour modifier la façon dont le dégradé linéaire est appliqué, procédez comme suit :

1. Sélectionnez Outil Dégradé  dans la barre d'outils située à gauche ou appuyez sur A.
2. Sélectionnez l'élément dont vous souhaitez modifier le dégradé.
3. Sélectionnez Modifier le trait  ou Modifier le remplissage  dans la barre d'options de l'outil située dans la partie supérieure.
4. Ajustez le dégradé en faisant glisser les poignées de contrôle rouges :

   • Faites glisser les poignées extérieures pour modifier la façon dont le dégradé est appliqué à l'objet. Un dégradé ne peut pas dépasser la bordure des formes SVG, comme cela est illustré dans le premier exemple ci-dessous.
     

   • Faites glisser la poignée intérieure pour faire pivoter le dégradé autour du point central noir. Le dégradé est automatiquement redimensionné de manière à rester proportionnel à l'élément. Vous pouvez également appuyer sur la touche Maj tout en faisant glisser la souris pour contraindre la rotation à respecter des incréments de 45°.
     

Pour réinitialiser l'apparence par défaut du dégradé, double-cliquez sur le bouton Outil Dégradé .

Dégradé radial

Par défaut, le dégradé radial est appliqué dans une forme ovale définie par le centre et les angles de l'élément concerné.

Pour modifier la façon dont le dégradé radial est appliqué, procédez comme suit :

1. Sélectionnez Outil Dégradé  dans la barre d'outils située à gauche ou appuyez sur A.
2. Sélectionnez l'élément dont vous souhaitez modifier le dégradé.
3. Sélectionnez Modifier le trait  ou Modifier le remplissage  dans la barre d'options de l'outil située dans la partie supérieure.
4. Ajustez le dégradé en faisant glisser les poignées de contrôle rouges :

   • Faites glisser les poignées extérieures pour redimensionner le dégradé. Vous pouvez également appuyer sur la touche Ctrl (Windows) ou ⌘ (Mac) tout en faisant glisser la souris pour redimensionner proportionnellement les axes X et Y du dégradé, ou appuyer sur la touche Maj tout en faisant glisser la souris pour contraindre le dégradé sous la forme d'un cercle.
     

   • Faites glisser la poignée centrale pour déplacer le point central du dégradé.
     

Pour réinitialiser l'apparence par défaut du dégradé, double-cliquez sur le bouton Outil Dégradé .