Retour à l'index des tutoriaux.
Faire un bouton intégré au fond.
Aujourd’hui oncle Dédé² va vous apprendre un petit tutoriel qui devrait vous être utile. Faire un bouton comme ça :
Notre beau petit bouton
01.La forme
Commençons par quelque chose de facile, pas trop dur hein..
Créez un document de au moins 120*60 pixels. Ça je pense que vous pouvez tous le faire. Ici, nous allons utiliser la couleur de fond #333333. Remplissez donc votre fond avec la couleur cité plus haut grâce à l’outil
? Mais là, on a fait un fond? C’est ça le bouton?
Mais non voyons, nous allons sans plus attendre, créer la forme de notre beau bouton.
Commencez donc par prendre l’outil de forme carré rond si je puis dire..
Les configurations
Faites donc un rectangle comme ceci :
Faites ensuite ceci : Prenez l’outil plume et faites clique droit -> Transformer en sélection (Make Selection) -> Ok
Vous aurez maintenant une sélection, faites un nouveau calque (CTRL+SHIFT+N) et remplissez votre sélection avec cette couleur : #3d3d3d .
Vous avez maintenant ceci :
J’espère que vous avez ça…
Maintenant passons à un petit effet pas trop dur à reproduire..
Pas trop dur ici non?
Alors passons à l’étape suivante.
02. Les reflets
Prenez maintenant la sélection de votre (CTRL+CLIQUE sur le calque) calque. (Celui du cercle ovale carré..)
Faites un nouveau calque (ctrl+shift+n) et prenez l’outil de forme carré rond : avec comme couleur celle-ci : #ee5090
Remplissez avec l’outil le coté gauche de la sélection, à peu prêt au 1/4 de la sélection.
Faites un nouveau calque toujours en gardant la sélection du cercle (ovale carré rond..).
Prenez l’outil carré arrondis et faites un petit remplissage du haut avec la couleur blanche (#ffffff) et la même chose en bas.. Laissez vous une espace pas blanche du tout pour le texte de votre bouton. Ça devrait donner ça :
Passons maintenant à notre effet de.. Comment dire.. Notre effet pour faire comme si le bouton était entré dans le fond. .
03. La touche finale
Donc faites la sélection de votre calque (celui du carré arrondi..)
Ensuite faites Sélection -> Modifier (Modify) -> Agrandir (Expand..)
Et une fenêtre apparaitra, écrivez 3 et faites Ok.
Ensuite faites un dégradé de la couleur de votre fond, vers un gris plus pâle. Voilà c’est terminé, reste qu’à ajouter votre texte et pouff
Voilà mon résultat.
W@la!
Tutorial rédigé par dédé.
Saydou le 30/07/2007 à 16h56 (10/10) : Magnifique ! Vous assurez continuez comme ça surtout !
Ichi'56 le 16/05/2007 à 19h32 (3/10) : Rendu plutot moyen, et les couleurs sont mals choisies! Mais apres ont peut approfondir sa en un effet 3d!
abni le 06/05/2007 à 18h07 (10/10) : franchement bravo !!
Gand-Dalf le 13/03/2007 à 17h51 (10/10) : Bravo continuer !!
Page : 1
