Bon alors, c'est mon tout premier tuto, j'espère qu'il vous plaira  

----

- Créer un nouveau fichier de 200*200px avec un arrière-plan blanc.

- Pour commencer, on va créer la forme de notre bouton en utilisant les outils de selections qu'on replira d'une couleur sur un nouveau calque, appellez ce calque 'bouton'.

(image agrandie !

- Ensuite, on va créer le style de calque à appliquer sur notre bouton.

Voilà ce que ça donne pour le moment :

- On applique un reflet sur notre bouton:

* Cliker sur le calque du bouton et on selectionne la forme: clike + CTRL sur le calque.
* Selectioner la forme de selection Elipse (M) et choisiez 'soustraire la selection' puis allez dans 'Selection -> Modifier -> Contracté', prenez une valeur de 1 px.
* Créer un nouveau calque que vous allez appeller 'reflet'.
* Passer la couleur blanche en 1er plan, puis choisiser (dans l'option des dégradés) le dégradé '1er plan - Transparent'.

- Replissez le calque 'reflet' avec se dégradé.

- Crée un nouveau calque, au dessus du calque 'bouton', prenez l'outil 'Crayon' (B) puis tracer deux lignes (blanc et noir) verticale : Pour qu'elles soient parfaitement droite, clikez MAJ en même temps que vous tracez votre trait.

Passez ensuite le calque 'traits' en 'Incrustration' avec un fond de 75%.

- Dupliquer le calque 'traits' et déplacer le comme ci-dessous :
(Penser à enregistrer votre travail !

- Vous pouvez ajouter vot' petit texte pour finir !  

Dans un autre style :

Tuto simple, mais l’explication et le résultat sont bons  
Petite remarque : la forme du bouton aurait pu être faite avec la plume

+1 dlb

Sinon bravo pour un premier tuto

Le tuto est bien pour créer des boutons pour le forum

La forme aurait aussi pu être faite avec l'outil "Rectangle Arrondi".  

Plus simple.  

Excellente remarque, je l’utilise souvent en plus mais là je l’avais zappé !    

Super le rendu j'aime bien !!

cool le tuto !

Bon tutoriel, merci

Merci pour ton tuto

oila ce que j'ai reussi a faire graçe a toi

Avec un petit effet sur le reflet  

et avec un fond noir

Vous en penser quoi

Edit : A Regarder Avec mozilla Firefox Puisque apparament I.E Ne gère pas la transparence sur les .png

Salut tout le monde je suis nouveau je comprend rien Mdr alorsq voila bah j'ai Adobe et tout et j'ai des problède pour faire mon bouton ! je bloque la ou on modifie ' style de calque ' .Je fait tout mais mon bouton de se met pas comme sur l'image ...Et aussi je comprend pas au niveau des reflet la fenetre et tout j'ai un forum mais il est vide donc c'est pour sa je veut le finir sa me prendra du temps mais voila je trouve les boutons trop beau et j'aimerais bien les faire donc voila Aider moi s'il vous plaît ....

svp onpourait me passer le psd car j'ai beaucoup de mal merci

Bah le but d' un tutorial c' est que tu comprenne enfin ce dont tu a du mal à comprendre  
Alors le mieu je pense que c' est quand même que tu le face par toi même pour enfin débloquer ça  

Joli, Joli comme resultat je test !

Bon tuto mais jai pas compris le truc de
(Cliker sur le calque du bouton et on selectionne la forme: clike + CTRL sur le calque.
* Selectioner la forme de selection Elipse (M) et choisiez 'soustraire la selection' puis allez dans 'Selection -> Modifier -> Contracté', prenez une valeur de 1 px.
* Créer un nouveau calque que vous allez appeller 'reflet'.
* Passer la couleur blanche en 1er plan, puis choisiser (dans l'option des dégradés) le dégradé '1er plan - Transparent'.)
donc si tas des screen ^^
merci d'avance

HS: lis les régles et tu vera que ta signature ne doit pas dépassé une  certaine taille...

Salut Hallo, pourais-tu, s'il te plait, me faire un PSD du bouton avec le contour bleu, car, je ne sais pas comment le réaliser !
Merci infiniement !

Pour toute question comportant les Tuto :

Soyez sympas je débute en graphisme

Merci, mais j'aimerai juste avoir le *.psd si c'est possible.

c'est parfaitement ce que je recharchais ! avec ce tuto je peut me creer mon boutton "démarrer" de ma barre des taches ^^

super cool ce tuto bravo

Super tutos bravo

C'est faux

Amicalement, Yoh

HS : IE ne gére pas la transparence ... du moin les tout premier  

http://www.neopheus.com/index.php/2006/11/...support_for_ie6

Amicalement, Yoh

IE6 en effet ! ie5 et 4 tu en fais quoi bref ...  

Ne parle pas pour rien dire qui utilise ie4 ou ie5 ? des utilisateurs de windows 3.11... Je m'efforce d'aider alors arrete de polluer les post si tu as une dent contre moi insulte moi en mp ça laissera en paix les gens qui voudrai avoir un forum clean

et ducoup je suis en hs aussi c'est malin...

A la bourre, mais bravo pour ce tuto.
voilà ce que j'ai fait.