GraphiK-Concept


 
AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  Connexion  

Partagez | 
 

 [Photoshop] Bouton stylé

Aller en bas 
AuteurMessage
Dav
Administrateur
Administrateur
avatar

Masculin Nombre de messages : 388
Age : 27
Localisation : Dvant le pc :)
Date d'inscription : 10/04/2006

MessageSujet: [Photoshop] Bouton stylé   Mer 12 Avr - 13:21

Bonjour,
ici je vais vous apprendre a fair des bouton stylé.

Résultat de l'opération:

Tous d'abbord, créé un nouveau document de 90 par 50 PIXEL (pxl)
Remplisé le de la couleur de votre choix ( ici 525252)

Etape n°1

Maintenant nous allons créé la "sous-"forme du bouton.
Prenez l'outil "Rectangle arrondi" (Shift+U) et faite plus ou moin comme ceci ( On s'en fous de la couleur) :

Bon a cette forme horrible nous allons lui appliqué un peu d'effet:

Commencé par une incrustation de couleur :


Puis une ombre INTERNE:


Pour finir sur cette forme une ombre EXTERNE:


Votre résultat dois etre ceci:


Etapes n°2

Dans cette second etapes ON va créé la forme de couleur ou se disposera le texte .

Créé un nouveau claque (Maj+Ctrl+N)
Prenné l'outil eliptique (pour fair comme moi).
Et trace au vous le voulez .
Une fois selectionné, remplissé d'une couleur.

Vous devez arrivé a ceci:


Nous allons aussi y appliqué quelque effet:

Une incrustation de couleur:


Une ombre interne:


Une lueur interne:


Voici votre résultat:


Etapes n°3

Ici nous allons créé quelque petit reflet.

Créé un nouveu claque (Maj+Ctrl+N)
Reselection votre forme précedente (Ctrl+ Clic gauche sur le claque précédent)
Ensuite allez dans selection --> Modifié --> Dilater et entrez-y 2.

Aprés voir agrandis votre selection prennez l'outil dégradé (Shift+G) de BLANC vers transparent.
Sur votre nouveau claque appliqué se dégradé de BAS EN HAUT jusqua la moitier de votre selection plus ou moin

comme sa:


Placé ce calque EN DESSOUS de votre forme précédent.
Et baissé l'opacité à 10 ou 15 % + ou -

Ceci vous donne un reflet bas.

Créé un nouveu claque (Maj+Ctrl+N)
Reselection votre forme précedente (Ctrl+ Clic gauche sur le claque précédent)
Ensuite allez dans selection --> Modifié --> Dilater et entrez-y 2.

Aprés voir agrandis votre selection prennez l'outil dégradé (Shift+G) de NOIR vers transparent.
Sur votre nouveau claque appliqué se dégradé de HAUT EN BAS jusqua la moitier de votre selection plus ou moin.
Placé ce calque-ci sous votre forme précedente
Et baissé l'opacité à 70 ou 75 % + ou -

Voici le résultat aprés ces deux petit effet:


Dernier reflet à appliqué

Etapes n°4

Créé un nouveu claque (Maj+Ctrl+N)
Reselection votre forme précedente (Ctrl+ Clic gauche sur le claque précédent)
Ensuite allez dans selection --> Modifié --> Contracté et entrez-y 2.

Aprés voir rétrèci votre selection prennez l'outil dégradé (Shift+G) de BLANC vers transparent.
Sur votre nouveau claque appliqué se dégradé de HAUT EN BAS jusqu'à la moitier de votre selection plus ou moin
Et bassié l'opacité a 50%

Et sa doit donné ceci:


Etapes n°5 personnalisation


La a vous de joué avce un peu de texte et quelque effet


Voila un petit tuto pour metre sur votre design

Tout reproduction totale ou partielle est strictement interdite sans autorisation de l'equipe de GraphiK-Concept.
Vous ne pouvez pas reposter , publier ou compiler se tutorial .

GraphiK-Concept décline toute responsabilité en cas de faute l'égale de la part des auteur de se tutorial .

Pour avoir un autorisation de publier se tutorial contacter un menbres du staff en cliquant ici .
Il vous envera les info nécessaire pour que vous mettiez se tuto sur votre site .
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sc0rp!
Webmaster
Webmaster
avatar

Masculin Nombre de messages : 968
Age : 28
Localisation : Belgique
Emploi : Etudiant
Loisirs : Photoshop
Date d'inscription : 05/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Mer 12 Avr - 13:35

Vérifie tes image svp j'arrive pas a les voir :2:

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphik-concept.com/
Dav
Administrateur
Administrateur
avatar

Masculin Nombre de messages : 388
Age : 27
Localisation : Dvant le pc :)
Date d'inscription : 10/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Mer 12 Avr - 13:41

A bon moi tous fonctionne :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sc0rp!
Webmaster
Webmaster
avatar

Masculin Nombre de messages : 968
Age : 28
Localisation : Belgique
Emploi : Etudiant
Loisirs : Photoshop
Date d'inscription : 05/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Mer 12 Avr - 13:52

Bon tuto je vais reflechir pour voir si il est accepter :1:

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphik-concept.com/
tetram
Administrateur
Administrateur
avatar

Nombre de messages : 930
Age : 27
Localisation : derrière le pc...
Date d'inscription : 08/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Mer 12 Avr - 14:11

Ouai il est bien le tuto!!

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Lyonnais94
Petit nouveau
Petit nouveau


Nombre de messages : 7
Date d'inscription : 18/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Mar 18 Avr - 21:18

Salut,

Très bon tuto, merci !!!!

Sylvain
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Aphrodite
Petit nouveau
Petit nouveau
avatar

Nombre de messages : 6
Date d'inscription : 20/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Jeu 20 Avr - 20:31

Super tuto merci!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://magic-design.grafbb.com
Sc0rp!
Webmaster
Webmaster
avatar

Masculin Nombre de messages : 968
Age : 28
Localisation : Belgique
Emploi : Etudiant
Loisirs : Photoshop
Date d'inscription : 05/04/2006

MessageSujet: Re: [Photoshop] Bouton stylé   Sam 22 Avr - 16:54

Bon tuto je le move merci

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.graphik-concept.com/
Contenu sponsorisé




MessageSujet: Re: [Photoshop] Bouton stylé   

Revenir en haut Aller en bas
 
[Photoshop] Bouton stylé
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Challenge Architecture extérieure - Tony.3ds /// SketchUp - Artlantis - Photoshop
» Le bouton suite de qcm-drag
» Comment ouvrir un document word/pdf depuis un bouton ?
» Bouton poussoir itinéraire
» Bouton Freeze - Figer

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
GraphiK-Concept :: Tutoriaux et Ressources :: Tutoriaux ::. :: Photoshop-
Sauter vers: