Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Forums[Rapide] Bouton bleu
      Imprimer le sujet FAQ  M'enregistrer 
  Vous êtes plutôt 100% Gratuit et disposez de The Gimp chez vous, pas de problèmes, la communauté a pensé à vous !
Des tutoriaux de toutes sortes pour The Gimp sont disponibles.

[Rapide] Bouton bleu

Messagede Zeepix le 28 Fév 2009, 21:53

Bonjour tout le monde ! J'ai pensé que de savoir déssiner un petite gelule pourrait être utile, alors j'ai fait pour vous, ce tuto. :-D

Rendu final
Image


Le tuto

Avant de commencer

Tout d'abord, créez un image assez large (a peu près 250 × 90) avec un fond transparent.

La forme de la gelule

Si vous ne voulez pas un gelule rectangulaire, ce chapitre est important ! :lol:

Pour commencer, faites "séléction (le menu) > rectangle arrondi...", réglez le rayon à 95% et validez.

Cette partie est très courte non ? Si vous avez pas suivi ce qui fallait faire, c'est grave...

La couleur

Ce morceau du tuto concerne la couleur de votre gelule. Et pas celle de votre culotte ! ;-) :lol:

Alors, pour obtenir un belle couleur, il va falloir faire un dégradé ! ;-) Pour ce faire, prenez du bleu marrine (#00335e) comme couleure de AP (arrière-plan) et un autre bleu, celui-ci un peu plus claire (#008bff) en couleur d'PP (premier plan). Allez dans l'outil dégradé et configurez-le comme ceci :
Image

Puis, pour clore cette étape, faites un dégradé n'importe comment (de tout façon, ça change rien...). ;-)

Effet de reflet

Pour créer l'effet de reflet de votre gelule, faites une séléction comme sur cette copie d'écran :
Image

Maintenant, appliquez le filtre "rectangle arrondi..." avec les mêmes options que précedemment. Ensuite, séléctionnez du blanc (#FFFFFF) comme couleure de PP et réglez l'outil Dégradé comme ceci :
Image

Pour finir faites un petit dégradé comme là : Image

L'ombre

Pour l'ombre, c'est tout simple ; allez dans "Filtres > Ombres & lumières > Ombre portée" et mettez les options comme ça :
Image Puis validez !

‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑
Image


Ouf, c'est fini ! ;-) J'allais m'endormir devant mon PC à écrire ce tuto ! :zzz: Si vous avec des questions, n'hésitez pas !

Image


@+
Loulou-du-57
Avatar de l'utilisateur
Zeepix
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 649
Inscription: 29 Fév 2008, 20:30
Localisation: En france
Points: 3269


Re: Gelule bleu

Messagede jeromecold le 01 Mar 2009, 09:53

Facile à faire avec un rendu indispensable à tout webdesigner, j'adore!
Bravo!
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: [Rapide] Bouton bleu

Messagede boulledogue le 01 Mar 2009, 11:33

Bravo et merci pour ce beau résultat, rapide en plus!
Image
A bientôt
Boulledogue
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: [Rapide] Bouton bleu

Messagede Zeepix le 01 Mar 2009, 18:54

Merci ! :coeur:
Avatar de l'utilisateur
Zeepix
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 649
Inscription: 29 Fév 2008, 20:30
Localisation: En france
Points: 3269


Re: [Rapide] Bouton bleu

Messagede zorlig le 04 Mar 2009, 17:30

Tu es avec Mac ?
zorlig
Funny Plug'z
Funny Plug'z
 
Messages: 110
Inscription: 12 Avr 2008, 16:09
Points: 118


Re: [Rapide] Bouton bleu

Messagede Zeepix le 05 Mar 2009, 18:34

non, Ubuntu !! ;-) Je l'ai déguisé mais regardes bien la barre de mes fenêtres, elle est dans l'autre sens sur les Mac ! ;-)
Avatar de l'utilisateur
Zeepix
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 649
Inscription: 29 Fév 2008, 20:30
Localisation: En france
Points: 3269


Re: [Rapide] Bouton bleu

Messagede zorlig le 14 Mar 2009, 10:15

loulou-du-57 a écrit:non, Ubuntu !! ;-) Je l'ai déguisé mais regardes bien la barre de mes fenêtres, elle est dans l'autre sens sur les Mac ! ;-)

Ah oui :lol:
Je reprend le site : (voirici)
zorlig
Funny Plug'z
Funny Plug'z
 
Messages: 110
Inscription: 12 Avr 2008, 16:09
Points: 118


Re: [Rapide] Bouton bleu

Messagede elition le 14 Mar 2009, 11:43

wow

très beau résultat !!!
mon dernier tutoriel :

- ici

Image
Avatar de l'utilisateur
elition
Funny Plug'z
Funny Plug'z
 
Messages: 143
Inscription: 28 Mai 2008, 18:19
Points: 60


Re: [Rapide] Bouton bleu

Messagede Zeepix le 13 Mai 2009, 17:48

merci !
Avatar de l'utilisateur
Zeepix
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 649
Inscription: 29 Fév 2008, 20:30
Localisation: En france
Points: 3269


Re: [Rapide] Bouton bleu

Messagede antoine-martin le 30 Sep 2009, 14:53

mong
antoine-martin
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 1
Inscription: 30 Sep 2009, 13:12
Points: 1


Re: [Rapide] Bouton bleu

Messagede Zeepix le 14 Nov 2009, 20:14

Mong ? Ah bon... :lol:
Avatar de l'utilisateur
Zeepix
Plug'zien Star'z
Plug'zien Star'z
 
Messages: 649
Inscription: 29 Fév 2008, 20:30
Localisation: En france
Points: 3269



Retourner vers The Gimp

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités