Sponsors
Statistiques
Nb connectés : 12
Nb membres : 2187
Nb visiteurs :
Nb hits : 6646
Vous êtes ici : Accueil > Photoshop > Boutons > Créer un bouton web 2.0

Trouver une ressource
Trouvez une ressource parmi les 92 tutoriaux, 294 messages d'aide etc...

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Créer un bouton web 2.0
Information sur le tutoriel
Créer un bouton web 2.0

Catégorie : Boutons
Niveau : Débutant
Auteur : guillaume06300
Publication : le 20/08/2010 à 13:23:04
Note : 4/5 | 1223 vues | 2 commentaires
|
|
Bonjour à tous ! Voici mon tout premier tutoriel; et pour être sûr de ne pas me planter, j"ai préféré expliquer quelque-chose de simple ^^
Nous allons apprendre à créer une vignette glossy pour son site internet.

Tout d"abord, ouvrez un nouveau document de 200*200px. Commencez par créer un nouveau calque (Maj+Ctrl+N). Sur ce calque, tracez la forme "sceau", que voici :



Peu importe la couleur; pour moi, ce sera du bleu ! Une fois la forme créée, rendez-vous dans Calque > Style de calques. Cochez "Incrustation en dégradé" et "Ombre de portée". Appliquez les paramètres suivants à chacun des deux effets;

Ombre de portée:


Puis incrustation dégradée :


Vous devriez avoir cela :



Maintenant, sélectionnez la forme à l"aide de la baguette magique. C"est fait ? Créez un nouveau calque (Maj+Ctrl+N) et sélectionnez la forme ellipse (cercle). Remplissez la moitié de la sélection à l"aide de l"ellipse, comme ceci.



On est d"accord, c"est pas très joli :)
Pour rendre sa beauté à la forme, contentez-vous de baissez le fond du calque à 20%.



Voilà ! Une belle vignette glossy en deux secondes, et (presque) sans se prendre la tête.



N"hésitez pas à ajouter quelques effets personnels pour compléter la vignette !



Les commentaires
Il y a 2 commentaire(s) déjà posté(s)

Commentaire de titi
Ajouter le 09/09/2010 à 00:48:57

Super tutoriel guillaume06300, merci
Commentaire de henri9
Ajouter le 09/04/2014 à 11:00:47

Après vous juste codé l'image !

Merci de bien vouloir nous donner votre avis sur ce tutoriel !
[ Pour cela vous devez être connecté avec votre compte ]