Centre des communautés
Advertisement
Centre des communautés

Le fait d'avoir une image d'arrière-plan avec un dégradé permet à votre image principale de se fondre dans l'arrière-plan et d'avoir une belle apparence sur une variété d'appareils. Le Concepteur de thème adaptera une image à l'écran de l'utilisateur dans presque tous les cas, mais si l'arrière-plan est appliqué par le biais d'un CSS personnalisé, ou si vous souhaitez simplement que l'image s'estompe sur les bords, un dégradé peut être utile.

Que sont les dégradés ?[]

Un dégradé linéaire

L'arrière-plan utilisé

Les dégradés sont des transitions douces d'une couleur à une autre. Certains sont linéaires et d'autres radiaux. Les dégradés linéaires passent progressivement d'une couleur à partir d'un point à une autre couleur à un autre point en suivant une ligne. Ils sont de loin le type de dégradé le plus utile pour les arrière-plans.

Appliquer des dégradés[]

(Étape 1) Remarquez les bords épais

Pour ce tutoriel, nous utiliserons l'image montrée à droite, le fond d'écran bien connu de Windows. Vous aurez également besoin d'un programme qui permet de réaliser des dégradés. Dans ce cas, nous utiliserons le programme gratuit GIMP.

  1. Regardez l'image de droite, comme vous pouvez le constater, le fond bleu ne correspond pas du tout au fond de l'image, et il n'y a aucune transition entre les deux. Pour corriger cela, nous devons d'abord détecter la couleur de fond du wiki. Faites une capture d'écran de la page sur laquelle vous vous trouvez et collez (CTRL+V) l'image dans GIMP.
  2. Dans GIMP, sélectionnez la « Pipette à couleurs » dans la boîte à outils sur la gauche (GIMP color picker.png). Maintenant, cliquez sur la couleur de fond du wiki (pas sur l'image de fond). Vous avez maintenant la bonne couleur pour appliquer le dégradé.
  3. Ensuite, ouvrez l'image de fond originale dans GIMP (celle du bureau Windows). Choisissez l'outil dégradés (GIMP gradient.png). Ensuite, dans le menu de gauche de la boîte à outils, choisissez « PP vers Transparent » dans la liste déroulante qui apparaît en cliquant sur l'image à côté de « Dégradés : » (Gradient image.png). Vous allez maintenant pouvoir appliquer le dégradé.

    (Étape 4) Centre, gauche. Cliquez pour agrandir.

  4. Mettez votre souris sur le bord gauche de l'image, au centre (voir image). Maintenez le bouton de la souris et tirez vers le centre de l'image, puis relâchez le bouton. Il y a maintenant un dégradé sur l'image. Faites la même chose pour le bas et la droite.
  5. Enregistrez maintenant l'image (Fichier —> Exporter sous…), et enregistrez l'image en tant que fichier .jpg. Dans le dialogue qui s'affiche, choisissez « Exporter ». Un nouveau dialogue apparaît. Cochez la case « Afficher l'aperçu dans la fenêtre d'image ». La taille du fichier image apparaît. Assurez-vous qu'elle est inférieure à 300 kio ou vous ne pourrez pas enregistrer le fond.

    Plus du tout de bords épais !

  6. Allez dans Spécial:ThemeDesigner sur votre wiki et importez l'image. Voilà, un joli fond d'écran !

Voir aussi[]

Plus d'aide

Advertisement