Accueil­FAQ­Rechercher­S'enregistrer­Membres­Groupes­Connexion
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 [Tuto Photoshop] Boutons

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Gold.Sayen
Membre curieux
Membre curieux


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

MessageSujet: [Tuto Photoshop] Boutons   Sam 18 Fév - 17: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 :
Rendu final n° 2 :


Rendu final n° 3 :


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 !



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 :




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 :



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 :



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 :



Merci !

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Graphix.Zer0 ( en construction )
Sirius Marandola
Membre attiré
Membre attiré


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Dim 19 Fév - 11:36

C'est très joli mais je trouva pas ou je vois pas que c'est un bouton...

_________________
:_: mon forum: http://eragon.forumpro.fr :_:
:_:vive les créations graphiques:_:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://eragon.forumpro.fr
Gold.Sayen
Membre curieux
Membre curieux


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Dim 19 Fév - 13:27

Je commprends pas !

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Graphix.Zer0 ( en construction )
Gold.Sayen
Membre curieux
Membre curieux


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Lun 20 Fév - 14:00

Aucun avis ?! :euh2:

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Graphix.Zer0 ( en construction )
ByakuYa
Membre curieux
Membre curieux


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Lun 20 Fév - 17:50

J'ai dêjà vu ce tuto quelque pars.... :nonmais:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Yunge
Animateur


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Lun 20 Fév - 22: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
Voir le profil de l'utilisateur
Gold.Sayen
Membre curieux
Membre curieux


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Lun 20 Fév - 22:49

Ah bon , lequel ( c'est un tuto 3 en 1 )

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Graphix.Zer0 ( en construction )
Psykoz
Nouvel arrivant
Nouvel arrivant


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

MessageSujet: Re: [Tuto Photoshop] Boutons   Lun 29 Mai - 19:34

Vive release911^^

Bon tuto, au créateur original de celui ci Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

[Tuto Photoshop] Boutons

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cre'art :: Entraide & Ressource. :: Tutoriaux. :: Photoshop.-
Poster un nouveau sujet   Répondre au sujet