Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Bouton style MacOSX LeopardBouton style MacOSX Leopard
 
Bouton style MacOSX Leopard

The Gimp | Bouton style MacOSX Leopard

Tutoriel crée par Zeepix le 10-07-2009.

SocialTwist Tell-a-Friend

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 :-x :lol: ) J'ai décidé de retranscrire le tuto de Cclleemm : Bonton Style Apple Léopard. :-)

Voici le resultat final :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247241205_a2eb.png


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 :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247240450_89b2.jpg

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 :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247241640_ba39.jpg
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:
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247242940_7de5.png


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 :
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247243550_de5a.jpg

Bon, ben voila, c'est fini !
http://stocks.monsitegratuit.com/upload_membre/upload/msg1247241205_a2eb.png


Pour tout renseignement, répondez a ce sujet.
Votre avis ?

@+
Loulou-du-57


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Merci !!! J'vais faire tourner mon p'tit cerveau et en déballer un 100ème !!!!

Zeepix

Superbe tutoriel que je m'empresse de valider !
Désolé pour le temps que j'ai mis à répondre, je viens de le voire
En tout cas, maintenant l'effet sera réalisable aussi sous The Gimp et tout le monde est content !
Merci et bravo !



PS : Tu es le 9 ...

Cclleemm

Nan, c'est juste !

Zeepix

On va plutôt dire qu'avec la quantité de posts qu'il y a eu ce jour, il est passé inaperçu!

Sinon c'est pas mal (on sent de la bonne humeur, jme trompe?)!

jeromecold

Méheu.... Mon tuto, y pu tant qu'ça !? Donnez votre avis SVP !

Zeepix

Soumettre un tutoriel The Gimp

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !