Nous allons apprendre à créer facilement un bouton Web avec le logiciel de dessin The Gimp. Je vais vous détailler au maximum la procédure, mais vous allez voir, ce n’est pas difficile.
Voici à quoi ressemblera le bouton une fois terminé :
Première étape : ouvrez The Gimp et créez une nouvelle image (fichier > nouveau). Laissez les dimensions par défaut (420x300). Il est préférable de travailler avec beaucoup d’espace.
Sélectionnez l’outil « sélection » (rectangulaire) et faites une sélection de 150 par 25 pixels. Cliquez sur l’option « rectangle arrondi » à gauche et entrez le chiffre cinq.
Tout en conservant cette sélection, créez un nouveau calque transparent.
Dégradé :
Nous allons maintenant faire le dégradé. Arrangez-vous pour que votre palette de couleurs ressemble à ceci :
Pour aller plus vite, voici les couleurs en hexadécimal :
- Bleu clair : #89b5cd
- Bleu foncé : #28598f
Placez-vous sur le calque transparent et assurez-vous de toujours avoir votre sélection. Cliquez sur l’outil dégradé (touche L).
Positionnez-vous dans la sélection au niveau du haut et descendez votre curseur tout en maintenant le bouton gauche de la souris enfoncé.
Vous devriez maintenant avoir votre dégradé :
Bordure
Passons à la création de la bordure :
Créez un nouveau calque transparent (sans désélectionner) et cliquez sur le menu « sélection » puis « bordure ». Entrez le chiffre « un » et cliquez sur « ok ».
Une bordure de 1 pixel doit être présente :
Inversez les couleurs en cliquant sur la double flèche :
Sélectionnez l’outil pot de peinture et remplissez la bordure.
Voilà, votre bouton est terminé ! Vous pouvez si vous le souhaitez rajouter du texte par-dessus.
Supprimez le fond blanc, sélectionnez l’outil de découpage (Shift+C) pour ne garder que le bouton. Il ne vous reste plus qu’à l’enregistrer au format gif ou png.
