
Bouton style MacOSX Leopard
Bouton style MacOSX Leopard
The Gimp | Bouton style MacOSX Leopard
Tutoriel crée par Zeepix le 10-07-2009.





Bonjours, dans ce petit tutoriel, je vais vous apprendre à créer un bouton style Mac Leopard grâce à The Gimp.
Un tutoriel simple pour débutant mais pratique pour les boutons de votre site
Salut tout les monde ! Comme en ce moment, j'ai plus beaucoup d'imaginiation et je n'étais plus très actif sur MSG (a cause de l'école
) J'ai décidé de retranscrire le tuto de Cclleemm : Bonton Style Apple Léopard.
Voici le resultat final :

Créer l'image et l'éspèce d'ombre sous le bouton
Bon... Pour commencer, va falloir créer une image comme indiqué ci dessous :
Séléctionnez le calque noire (s'il nest pas noire, remplissez le de noire) et mettez son opacité à 15%. Créez un nouveau calque, utilisez l'outil de dégradé, puis réglez les options comme ceci :

Maintenant, sur le nouveau calque faites un dégradé du haut vers le bas et un alpha vers la séléction de celui-ci. Séléctionnez le calque d'arrière-plan (le noire) et appuyez sur le touche «Suppr». Et pour terminer cette première étape, supprimez le calque avez le nouveau calque, il ne sert plus a rien...
Créer le volume du bouton
Tout b'abord, créez un nouveau calque, faites dans «Séléction > Tout» puis «Séléction > Réduire» et reduisez la séléction de 1px. Ensuite, mettez
#d5d5d5 en couleur de 1er plan et
#a9a9a9 en couleur d'arrière-plan, réinitialisez l'outil 'dégradé' et tracez un dégradé de haut en bas bien droit. Déséléctionnez tout, passage à l'étape suivante !
Normalement, ça ressamble à ça:

Le texte et son volume
Prêt ? Allez dans l'outil texte, utilisez la couleur
#434240, (avec la police Sawasdee Bold, si vous ne l'avez pas c'est pa grave, mais ce ne sera pas aussi ressemblant) écrivez votre texte et débrouillez-vous pour qu'il passes dans le cadre, faites
Ctrl+X, enlevez le zoom s'il y en a un, puis
Ctrl+V. Si tout a bien fonctionné, votre texte est centré.
Pour terminer, allez dans «Filtres > Ombres et lumière > Ombre portée» et réglez le filtre comme ci-dessous :
Bon, ben voila, c'est fini !
Pour tout renseignement, répondez a ce sujet.
Votre avis ?
@+
Loulou-du-57
Poster un commentaire
Commentaires
*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !