Legend'Sufod
Merci de vous connectez ou de vous enregistrez.

Legend'Sufod

Legend'Sufod et un serveur priver dofus, mais aussi un forum d'entraide à l'émulation dofus ( 1.29 ) !
 
AccueilS'enregistrerConnexionVote pour le forum !BarbOok-Astuce - PartenaireDofus196 - Partenaire

Partagez | 
 

 tuto bouton glossy

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
[Admin]DragonsTheRevival
Admin
avatar

Messages : 132
Réputation : 7
Date d'inscription : 18/01/2011

MessageSujet: tuto bouton glossy   Mer 19 Jan - 10:25

Bonjour bonjour chers amis graphistes
Aujourd'hui je vais vous apprendre à réaliser un bouton comme celui là :
sous Photofiltre
ou bien comme celui là :
sous Photofiltre Studio
Les manipulations sont identiques, la différence est due au fait que la version Studio fourni une ombre portée plus puissante ainsi que des bords plus arrondis
Bouton
Base :

Pour commencer on va créer une image de 175 pixels de largeur sur 50 pixels de hauteur :



Contour :

On sélectionne un rectangle a coins arrondis de la taille de l'image avec l'outil sélection :



Clic droit et "Contour et Remplissage"
Puis on trace un contour gris de 2 pixels (activez l'option lisser) :



Couleur :

Toujours en gardant la même sélection, on fait un dégradé de haut en bas avec la même couleur mais 80% d'opacité en haut et 50% d'opacité en bas :



Notre bouton commence à prendre forme.

Lumière !

On Sélectionne une Ellipse puis on clic droit et "Paramètrage Manuel...".
On règle notre Ellipse aux position suivantes :
X = -87
Y = -25
et aux dimensions suivantes :
Largeur = 350 pixels
Hauteur = 50 pixels



Et enfin le clou du spectacle : On appuie 3 fois (plus ou moins suivant la couleur qu'on à choisi) sur le bouton Luminosité (+) .

Notre bouton est maintenant terminé !
Il est un peu vide quand même, mettons y du texte !

Le Texte

Rien de bien compliqué On appuie sur le bouton Texte .

On sélectionne les paramètres suivants dans l'onglet Texte:

Police : c'est vous qui voyez, j'ai une préférence pour la police Denmark.
Taille : 30
Couleur : Blanc (#FFFFFF)

Ainsi que dans l'onglet Effets :

Opacité : 80% à peu près (sa dépend de la couleurs de votre bouton)
Ombre Portée : Delta X = 0 ; Delta Y = 0 ; Couleur = Blanc (#FFFFFF) ; opacité = 100% (sous PFS).



Et voilà !
Ce bouton s'intègre très bien dans un Design Web 2.0

_________________
~Bienvenue Invité~

Je suis un branleur, un bon grapheur. " My name is L'agrapheur ".
Faire un don ? ICI
Contact ? ICI ou directement par message privé.
Merci de voter pour nous sur BoosterForum afin que notre forum sois connu.
Revenir en haut Aller en bas
http://legend-sufod.probb.fr
Wrack

avatar

Messages : 42
Réputation : 0
Date d'inscription : 19/01/2011

MessageSujet: Re: tuto bouton glossy   Mer 19 Jan - 12:03

J'ai tester cela ma fait un très beau résultat !
Revenir en haut Aller en bas
 
tuto bouton glossy
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Sommaire des tutoriels de Graphisme
» tuto créer un module pour un bouton de gui
» [Tuto / découverte] modifier objets SCEE [psp]
» [Tuto] Comment afficher une image ?
» [TUTO] internet sur sa psp

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Legend'Sufod :: Graphisme :: Tutoriels-
Sauter vers: