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

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!
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le deal à ne pas rater :
Bon plan achat en duo : 2ème robot cuiseur Moulinex Companion ...
600 €
Voir le deal

 

 Faire son bouton[photoshop]

Aller en bas 
2 participants
AuteurMessage
web-composants
Fondateur
web-composants


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

avertissements
avertissements:
Faire son bouton[photoshop] Left_bar_bleue0/3Faire son bouton[photoshop] Empty_bar_bleue  (0/3)
niveau graphique:
Faire son bouton[photoshop] Left_bar_bleue18/100Faire son bouton[photoshop] Empty_bar_bleue  (18/100)

Faire son bouton[photoshop] Empty
MessageSujet: Faire son bouton[photoshop]   Faire son bouton[photoshop] Icon_minitimeJeu 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!!!!.......... :cry: :cry: :cry:
Je vais maintenant vous apprendre à faire un boutons simplement.
1-créer un nouveau document(185x33 pour ice blue)à fond transparent.
Faire son bouton[photoshop] 90136501
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-Faire son bouton[photoshop] 26960202
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-Faire son bouton[photoshop] 83962503
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-Faire son bouton[photoshop] 4342904
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-Faire son bouton[photoshop] 49328005
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
http://da6c.fr.gd
Fabien
Graphiste
Fabien


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

avertissements
avertissements:
Faire son bouton[photoshop] Left_bar_bleue0/3Faire son bouton[photoshop] Empty_bar_bleue  (0/3)
niveau graphique:
Faire son bouton[photoshop] Left_bar_bleue5/100Faire son bouton[photoshop] Empty_bar_bleue  (5/100)

Faire son bouton[photoshop] Empty
MessageSujet: Re: Faire son bouton[photoshop]   Faire son bouton[photoshop] Icon_minitimeMar 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

Faire son bouton[photoshop] 47194boutonver
Revenir en haut Aller en bas
http://design-decor.fr.gd
web-composants
Fondateur
web-composants


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

avertissements
avertissements:
Faire son bouton[photoshop] Left_bar_bleue0/3Faire son bouton[photoshop] Empty_bar_bleue  (0/3)
niveau graphique:
Faire son bouton[photoshop] Left_bar_bleue18/100Faire son bouton[photoshop] Empty_bar_bleue  (18/100)

Faire son bouton[photoshop] Empty
MessageSujet: Re: Faire son bouton[photoshop]   Faire son bouton[photoshop] Icon_minitimeMar 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
http://da6c.fr.gd
Contenu sponsorisé





Faire son bouton[photoshop] Empty
MessageSujet: Re: Faire son bouton[photoshop]   Faire son bouton[photoshop] Icon_minitime

Revenir en haut Aller en bas
 
Faire son bouton[photoshop]
Revenir en haut 
Page 1 sur 1

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:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser