Créer un Badge perso

[Olitax]

Bonjour !

Sur les sites vous avez surement vu des badge pour indiquer "NEW" "RSS" etc ...

Si vous aussi vous avez besoins d'un badge pour votre site, je vous propose de le créer .

Niveau requis : Moyen
Difficulté : Moyen
Temps : 3-5 minutes

Mon badge :

La qualité du badge n'est pas très bonne à cause du format JPEG, pour une question de vitesse d'affichage sur le site. Mais chez vous sur votre site utilisé plutot le format BMP ou PNG pour un meilleur rendus =D .

Allez on commence !


- Ouvrez une nouvelle image de
200 x 200 pixels - fond blanc


- Filtre - Rendu - Figures géométriques GFig ...


- Créez une étoile avec l'outil N°6


- Avec l'outil N° 10 tirez sur le carré noir pour ecarter les bords

Puis validez et cliquez sur "Fermer"

- Avec l'outil "baguette magique" cliquez au centre du badge .


- Puis choissisez 2 couleurs pour le dégradé, avec l'outil "Degradé"


(Nous allons créer une ombre)
- Inversez la sélection, -Selection - Inverser (ctrl+I)


- Faites - Script-Fu - Ombre - Ombre portée


-Ajustez le parametrage :


Et voila le tour est fini ! Pou donner un meilleur effet je vous conseil de faire CTRL+A et ensuite de créer un flou sur le badge .

Ensuite à vous de personnaliser votre badge !


Des questions ?

Olitax
Pour redistribuer ce tuto merci de me contacter olitax@free.fr .

Ce tutoriel est réalisé avec le logiciel The Gimp :
• Cliquez-ici pour télécharger gratuitement The Gimp >>

[Cclleemm]

Oua ! Et encore un pour The Gimp ! Tu vas etre copain avec Gaara
Superbe, bien présenté comme d'hab, tu as du voir que j'ai valider tes tutos et je ne tarderais pas à valider celui ci !
Le seul petit défaut que je trouve, c'est que ton étoile pixelise un pe sur les bord ... On parle de crénelage (je sors mes mots savants ^^)
Franchement, encore merci, et a bientot

[Olitax]

Derien ^^

Oui en effet, il y a des pixels autour du badge =D J'ai fait ca faite fait XD

The Gimp biensur ! Mais bientot d'autres .

Olitax

[jeromecold]

Pas mal, je vais devenir fan de tes tutos si tu continu!

[boulledogue]

Salut!
J'ai réalisé ton tuto et t'ai dit les minuscules erreurs qui s'y trouvaient! je vais vous montrer le résultat que j'obtiens:

@+
Boulledogue

[Black]

Je viens de me mettre à GIMP. C'est bien pour un début ?

[jeromecold]

Plutôt oui, bravo!

[Cclleemm]

Hey bien joué !!
C'est plutôt cool de présenter ta réalisation de tuto :p

[Black]

Par contre, pour le texte je galère pas mal avec GIMP

J'ai du l'ajouter avec PF

[pokefort]

Jolie résultat! Bravo

[elition]

il doit y avoir un moyen de faire ça sous photoshop

je vais voir si je peux vous faire un tutoriel du même type

[jeromecold]

Je me suis permis de détourner un peu ton tuto pour montrer ce qu'on peut faire grâce à lui et un peu d'imagination:



Voilà, sa prends pas trop de temps à faire et c'est sympa je trouve!

EDIT: Et voilà qu'imageshack change ces codes, maintenant faut bidouiller! arf!

[js.bordier]

Merci.
Class et simple !
Bravo !