web-composants

Un forum sur le graphisme!!!Toute l'équipe professionelle est là pour vous aidées!Elle satisfait votre demande au plus vite!!!!!Sonne-sheint,polip64 et moi même!
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Faire son bouton[photoshop]

Aller en bas 
AuteurMessage
web-composants
Fondateur
avatar

Messages : 1343
Date d'inscription : 28/05/2008

avertissements
avertissements:
0/3  (0/3)
niveau graphique:
18/100  (18/100)

MessageSujet: Faire son bouton[photoshop]   Jeu 24 Juil - 14:05

Nombreux d'entres vous poses des quesions sur les boutons.Vous s'avez comment les placés mais pas comment les faires!Donc vous êtes obliger de les copier!!!!.......... 😢 😢 😢
Je vais maintenant vous apprendre à faire un boutons simplement.
1-créer un nouveau document(185x33 pour ice blue)à fond transparent.

Creez un nouveau Calque et dessinez un cercle à gauche avec l'outil de sélection en maintenant la touche Shift appuyée.
Remplissez le cercle de Bleu (ici: #6699CC)
Dupliquez le calque et faites glisser le calque dupliqué à droite avec les flèches de votre clavier afin qu'il n'y ai pas de décalage vertical. Puis Fusionnez les 2 calques.
2-
Faîtes apparaître les Règles (Ctrl+R).
Placez 2 lignes au sommet et au pied des cercles.
Avec l'outil de sélection rectangle sélectionnez l'espace vide entre les 2 cercles et remplissez de la même couleur que précedement. Puis retirez les lignes.
3-
Faites un Ctrl+Clic sur le calque et Contractez la sélection de 5px.
Supprimez un bout de sélection au milieu avec l'outil de sélection rectangle (Touche Alt maintenue).
Créez un nouveau calque et remplissez la sélection de Blanc.
4-
Toujours avec l'outil de sélection rectangle entourez la bande blanche du haut, cliquez droit et choisissez Calque par Couper. Vos 2 bandes sont alors séparées.
Sur la bande du haut appliquez un Flou Gaussien de 4px et sur la bande du bas un même Flou de 6px.
Passez le calque de la bande du bas en mode Incrustation et décalez-le légèrement avec les flèches du clavier vers le bas.
5-
Revenez au 1er calque (le bleu).
Appliquez une Ombre Portée à 90° de Distance 5 et Longueur 10 avec la couleur #80C6E9.
Puis une Ombre Interne de -90° (décochez Angle Global) en Lumière Tamisée de Distance 3 et Longueur 5.
voilà!!!!!!!!!!!

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://da6c.fr.gd
Fabien
Graphiste
avatar

Messages : 315
Date d'inscription : 02/08/2008
Age : 24

avertissements
avertissements:
0/3  (0/3)
niveau graphique:
5/100  (5/100)

MessageSujet: Re: Faire son bouton[photoshop]   Mar 12 Aoû - 15:48

C'est pas vraiment ça mais c'est mon tout premier bouton que j'avais crée avec Photoshop ;) Tu comprendra lol

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://design-decor.fr.gd
web-composants
Fondateur
avatar

Messages : 1343
Date d'inscription : 28/05/2008

avertissements
avertissements:
0/3  (0/3)
niveau graphique:
18/100  (18/100)

MessageSujet: Re: Faire son bouton[photoshop]   Mar 12 Aoû - 16:29

oui,c'est déjà bien,mais le 2ème bouton dedans ce vois trop.

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://da6c.fr.gd
Contenu sponsorisé




MessageSujet: Re: Faire son bouton[photoshop]   

Revenir en haut Aller en bas
 
Faire son bouton[photoshop]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» voyant adsl allumé et voyants internet, tel et wifi eteints
» Insertion dans le site
» Faire un bouton qui ouvre une pop-up
» probleme pour faire un lien avec mes boutons
» Comment faire un lien vers une autre page du site ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
web-composants :: les ressources :: Tutoriaux :: Photoshop/Paint shop-
Sauter vers: