Réaliser un bouton type Aqua avec Photoshop 7 Fr

Faire un joli bouton pour votre site Web, ou simplement une p'tite icone pour votre Mac, voilà qui n'est pas toujours évident lorsqu'on ne maitrise pas pleinement Photoshop. Voilà pourquoi je vous propose un petit tutoriel pour réaliser un bouton tout rond et aux couleurs de Mac OS X. C'est relativement facile à faire, mais nous ne nous attarderons pas à revenir sur les fonctions basiques de photoshop, un minimum de connaissance étant requis.


Pour plus de facilité, on va créer un énorme bouton. Non seulement il vous suffira de le réduire, mais cela vous permet de créer des icône en très haute résolution.

Tout d'abord, il faut créer un calque de fond, que vous remplissez de blanc avec le pot de peinture. (Il y a toujours un calque de fond par défaut...)

Ensuite, il vous faut créer un nouveau calque (Calque/nouveau calque) et y placer un rond (ou légèrement ovale, ça passe mieux pour un bouton) avec l'outil de tracé éponyme. Remplissez le de blanc pour commencer . (Clic droit/fond du tracé/)

Puis, nous allon maintenant appliquer un dégradé. (Double-clic sur le calque, option "dégradé"). Voici les réglages à effectuer :



Notez que vous n'êtes pas obligés de prendre du bleu, ça marche tout aussi bien avec du violet ou du vert ;--) Par contre, veillez bien à mettre la couleur la plus foncée au dessus et la plus clairee vers le bas. Vous devriez arriver à quelque chose comme ceci :



Maintenant, nous allons lui appliquer un biseau. (Double-clic sur le calque/biseautage)

Paramétrez les réglages comme suit :



Vous devriez obtenir ceci :



Maintenant, créez un rond de même taille, et replissez le de blanc. Appliquer lui un flou gaussien (Filtre/flou gaussien) en laissant les valeurs par défaut.

Réalisez une homothétie (Edition/transformation/homothétie) pour réduire de moitié sa hauteur et l'ajuster suffisemment pour qu'il viennne se caler à l'intérieur du bas du rond précédent. Ensuite, mettez une fusion de type incrustation, avec une opacité de moitié (50%).

Vous devriez arriver à ceci :



Maintenant que nous avons un intérieur un peu luisant, nous allons faire le reflet du dessus. Pour cela, créez le même rond blanc que précédemment, mais remplissez le d'un dégradé blanc-transparent (outil dégradé, après avoir sélectionné un rond). Appliquez lui la même homothétie, mais placez le en haut du premier bouton.

Réglez la fusion sur 80%, normale.

Vous devriez obtenir ceci :



C'est presque terminé. Maintenant, nous allons créer l'ombre. Pour cela, sélectionnez tout votre bouton ainsi créé, et faites "édition/copier avec fusion". Ensuitez, collez sur un calque qu'il vous faut mettre en arrière plan du bouton orininal. Appliquez lui un flou gaussien standard et réglez la fusion entre 30 et 60 suivant ce que vous voulez obtenir.

Et voici le résultat :



Et voilà, il ne vous reste plus qu'à le réduire à votre convenance, et à le personnaliser.



Bon, bon, d'accord, ça fait très regardant de sa personne que de mettre son nom sur un bouton... Je le ferai plus, promis ;--)

Si vous avez des questions, c'est juste là en bas, que ça se passe. Je me ferai une joie d'y répondre.