Cre'art
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le deal à ne pas rater :
Pokémon EV06 : où acheter le Bundle Lot 6 Boosters Mascarade ...
Voir le deal

 

 [Tuto Photoshop] Boutons

Aller en bas 
5 participants
AuteurMessage
Gold.Sayen
Membre curieux
Membre curieux
Gold.Sayen


Nombre de messages : 44
Age et sexe : Masculin
Date d'inscription : 14/02/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptySam 18 Fév - 19:42

Bonjour , j'y vais expliquer dans ce tutoriel comment faire des boutons !
Moi j'utilise ces trois façons que j'y vas vous montrer !
Ces trois façons sont très utiles quand vous faites un webdesign !

Rendu final n° 1 : [Tuto Photoshop] Boutons Menu
Rendu final n° 2 : [Tuto Photoshop] Boutons Menu2


Rendu final n° 3 : [Tuto Photoshop] Boutons Menu3


Je commence ...

N° 1



1. Commencez par faire un nouveau document de 200 X 200 ! Coloriez le fond avec une couleur unie dans mon cas c'est : #637076 ! Puis prenez l'outil Rectangle de sélection ( M ) ! Dans la barre en haut , sous style vous mettez "Taille Fixe" puis sous largeur : 90 px et sous hauteur : 14 px puis faite une sélection !

[Tuto Photoshop] Boutons 1


2.
Maintenant prenez l'outil Dégardé ( G ) puis mettez pour le premier plan une couleur assez claire et pour le arrière plan une couleur assez sombre ! Dans mon example [ Premier plan : #637076 ] [ Arrière plan : #414A4E ] Et maintenant faites un dégardé parfait ( en appuyant sur MAJ pendant l'action ) du bas ver le haut ! Et maintenant , tout en gardant la séléction faite Edition/Contour et faites come moi :


[Tuto Photoshop] Boutons Contour


3. Rt maintenant les volumes ! Pour faire cela " zommez " votre bouton , puis prenez l'outil Crayon ( B ) Bon maintenant cliquez sur la flèche pour ouvrir le menu des bruhes puis cliquez encore sur la flèche dans le rond bleu, puis faite réinitialiser les formes ! Puis re-cliquez sur la flèche dans le rond bleu et cliquez sur Formes d'outil carrées ! Prenez n'importe quel de ces bruhes et pour la grandeur mettez ' 1' ! (Ouf) Pour la couleur prenez la blanche ! Puis coloriez la partie du bas et la partie du gauche ! Et avec le noir la partie du haut et la partie de droite ! Mais juste 1 px ! Si vous ne commprenez pas bien voici une image :

[Tuto Photoshop] Boutons Image


4.
Et maintenant passez le calque en mode Incrustation puis baissez l'opacité sur 35% ! Voilà passons au bouton appuyé !

N° 2

1.
J'y vais pas tout refaire j'y vais juste vous dire que si vous voulez faire un bouton appuyé il suffit de tourner le dégardé c'est à dire du haut vers bas ! ^^

N° 3


1.Commencez par faire un nouveau document de 200 X 30 ! Coloriez le fond avec le pot de peinure de la couleur blanche ( G ) Faites un nouveau calque ! Prenez l'outil dégardé ( G ) [ Premier plan : #E4E3E3 ] [ Arrière Plan : #FFFFFF ] puis faites un dégardé du bas vers le haut en appuyant sur MAJ penadnt l'action ! Voici le résultat :

[Tuto Photoshop] Boutons Menu55


2.
Maintenant eommez votre image , et avec l'outil Rectangle de séléction ! Faites une séléction verticale puis avec le pot de peinture , coloriez la [code : #FFFFFF] puis avec vos flèches sur votre clavier passez la sélaction à côté puis coloriez la [code : #E4E3E3] Voici une image :

[Tuto Photoshop] Boutons Sous

Merci !
Revenir en haut Aller en bas
http://Graphix.Zer0 ( en construction )
Sirius Marandola
Membre attiré
Membre attiré
Sirius Marandola


Nombre de messages : 78
Date d'inscription : 26/12/2005

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyDim 19 Fév - 13:36

C'est très joli mais je trouva pas ou je vois pas que c'est un bouton...
Revenir en haut Aller en bas
http://eragon.forumpro.fr
Gold.Sayen
Membre curieux
Membre curieux
Gold.Sayen


Nombre de messages : 44
Age et sexe : Masculin
Date d'inscription : 14/02/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyDim 19 Fév - 15:27

Je commprends pas !
Revenir en haut Aller en bas
http://Graphix.Zer0 ( en construction )
Gold.Sayen
Membre curieux
Membre curieux
Gold.Sayen


Nombre de messages : 44
Age et sexe : Masculin
Date d'inscription : 14/02/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyLun 20 Fév - 16:00

Aucun avis ?! :euh2:
Revenir en haut Aller en bas
http://Graphix.Zer0 ( en construction )
ByakuYa
Membre curieux
Membre curieux



Nombre de messages : 25
Date d'inscription : 30/01/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyLun 20 Fév - 19:50

J'ai dêjà vu ce tuto quelque pars.... :nonmais:
Revenir en haut Aller en bas
Yunge
Animateur



Nombre de messages : 172
Age : 29
Age et sexe : 12 ans, mec ;)
Date d'inscription : 13/02/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyMar 21 Fév - 0:23

Tu n'es pas le seul, je l'ai vu je suis sûr, reste a savoir où !
Revenir en haut Aller en bas
Gold.Sayen
Membre curieux
Membre curieux
Gold.Sayen


Nombre de messages : 44
Age et sexe : Masculin
Date d'inscription : 14/02/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyMar 21 Fév - 0:49

Ah bon , lequel ( c'est un tuto 3 en 1 )
Revenir en haut Aller en bas
http://Graphix.Zer0 ( en construction )
Psykoz
Nouvel arrivant
Nouvel arrivant
Psykoz


Nombre de messages : 18
Date d'inscription : 29/05/2006

[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons EmptyLun 29 Mai - 21:34

Vive release911^^

Bon tuto, au créateur original de celui ci Wink
Revenir en haut Aller en bas
Contenu sponsorisé





[Tuto Photoshop] Boutons Empty
MessageSujet: Re: [Tuto Photoshop] Boutons   [Tuto Photoshop] Boutons Empty

Revenir en haut Aller en bas
 
[Tuto Photoshop] Boutons
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Tuto Photoshop] Matrix
» [Tuto Photoshop] Effet Futuriste
» [Tutoriel Photoshop] tuto Flammes.
» [Tuto Photoshop] Full Sig Tutorial
» [Tuto Photoshop] Effet d'aquarelle sur une photo

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cre'art :: Entraide & Ressource. :: Tutoriaux. :: Photoshop.-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser