32
Créer un bouton gélatine type Web 2.0
Il m’arrive de passer sur certains sites et de me dire : waou !! carrément la classe ce bouton, ou vraiment bien joué cette bannière, ou quel joli travail sur cette illustration.
Et hop, un screen et hop hop un tutorial pour expliquer la méthode histoire d’en faire autant 
Aujourd’hui j’ai carrément craqué pour un bouton gélatine, aperçu sur je ne sais plus quel site.
De plus vous n’avez aucune raison de vous priver, cette technique est ultra simple.
- Tutorial 220 - Fichier Source photoshop
- clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document sur fond blanc, je prends l’outil - formes personnalisées - et je crée un rectangle arrondi (radius 0.2 pixels).
ETAPE 2
Presque tout l’effet passe par le style que je vais maintenant appliquer à ce calque : une ombre portée, un contour, une incrustation de dégradé. Pour récupérer le style, téléchargez le fichier PSD disponible en haut de cette page.
ETAPE 3
Toujours avec l’outil - formes personnalisées - je crée un rectangle arrondi blanc en haut de mon rectangle. Puis calque > masque de fusion > tout faire apparaitre. J’utilise ensuite le dégradé noir blanc sur mon masque de fusion pour camoufler mon reflet.
ETAPE 4
J’ajoute mon texte : dans mon exemple j’utilise un verdana 12 sans lissage.
Alors alors, pas mal non ?
A utiliser sans modération sur tous vos sites
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 3 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
14 novembre 2009 16:01, par maxtafaride
boonsoir. le problème dans ce tuto, c’est le passage de metrtre le dégradé noir blanc dans le masque de fusion, je sais pas faire... en image =D
Répondre-
22 novembre 2009 16:06, par Wulena
En maintenant enfoncé la touche Shift, tu trace ton dégradé SUR le masque de fusion(Noir efface et blanc fait apparaitre n’oublit pas)
Tu part d’en bas avec le noir et tu monte afin de donné l’effet voulu à ton reflet.
Répondre
-
