Créer un badge 2.0 sous Gimp

Qui dit Web 2.0 dit également design 2.0. En effet, les sites à la mode nous ont apportés toute une série de nouveautés dans le webdesign. Voyons comment réaliser un de ces effets avec The Gimp.

[nice_link]Egalement disponible : Créer un logo avec un effet de réflexion sous Gimp [/nice_link]

Commencez par créer une nouvelle image, de 200 pixels par 200, fond blanc :

Gimp - Créer un nouveau document

Sélectionnez dans le menu : Filtre > Rendu > Figures Géométriques (GFig).

Sélectionnez l’outil étoile, et modifiez à votre guise le nombre de cotés désirés.

Gimp - Figure géométrique, outil étoile

Cliquez et étirez la sélection. Essayez de rester le plus au centre possible.

Sélectionnez l’outil déplacer un point seul et ajustez votre étoile.

Gimp - Figure géométrique, outil déplacer un point seul

Fermez la fenêtre, l’étoile est maintenant crée dans l’espace de travail. Sélectionnez l’outil sélection des zones contiguës (Gimp - Outil sélection des zones contigues ou Z) et cliquez au centre de l’étoile.

Nous allons maintenant créer un dégradé dans l’étoile. Pour ce faire, sélectionner l’outil dégradé (Gimp - Outil dégradé ou L) et choisissez vos couleurs primaires et secondaires. N’hésitez pas à annuler (Ctrl+Z) et à recommencer autant de fois que nécessaire, jusqu’à ce que le résultat final vous convienne.

Gimp - Etoile avec effet dégradé

Vous pouvez également ajouter un léger effet d’ombrage sur l’étoile : sélectionnez l’outil sélection des zones contiguës (Gimp - Outil sélection des zones contigues ou Z) et cliquez en dehors de l’étoile. Dans le menu, cliquez sur sélection > inverser - votre sélection devrait entourer entièrement l’étoile.

[nice_info]Conseil : Pour éviter la pixélisation des cotés de votre étoile, vous pouvez appliquer une à plusieures fois le filtre flou (filtres > flou > flou) sur la zone sélectionnée.[/nice_info]

Pour appliquer l’effet d’ombrage, cliquez, dans le menu, sur script-fu > ombre > ombre porté et ajustez les paramètres.

Gimp - Script-fu, ombre portée

Pour terminer, vous pouvez ajouter un texte dans votre badge.

Badge 2.0 réalisé avec Gimp

[nice_link]Télécharger le fichier xcf de ce tutorial[/nice_link]

 

4 Responses to “Créer un badge 2.0 sous Gimp”

  1. twk says:

    Ca fait un bail que j’ai pas fais de graphisme, je vais tester ça tout à l’heure, merci :)

  2. EkO says:

    Sympa le tuto :)

    Dis moi, c’est quoi le plugin pour tes “egalement disponible” et “conseil” ? J’arrive plus à le retrouver :s
    merci !

  3. Céd' says:

    @EkO : plugin niceweb2css disponible ici : http://www.spawnrider.net/blogs/2007/05/11/niceweb2css/

  4. EkO says:

    merci ;)

Leave a Reply