32
Créer un bouton glossy télécharger avec Photoshop
Ce tutorial Photoshop vous permet de réaliser un bouton glossy qui peut être modifié en quelques secondes, grâce à un seul clique ! A essayer sans tarder !
Lorsqu’un webdesigner crée une interface graphique, il doit penser à pas mal d’éléments (icônes, boutons, bannières etc.). Ces éléments permettent notamment d’améliorer l’ergonomie d’un site. Aujourd’hui nous allons nous intéresser à l’un de ces éléments : les boutons et plus spécifiquement sur le bouton de téléchargement.
De façon basique, les principaux navigateurs appliquent un style par défaut sur les boutons, cependant il est très facile grâce aux CSS et au HTML de les personnaliser. Couleur du texte, bordure etc. La technique la plus simple consiste à créer une image de fond et de l’appliquer directement sur le bouton.
Il existe des centaines de styles différents pour ces fonds, aujourd’hui nous allons en voir un de plus. Grâce à ce tutoriel Photoshop vous apprendrez à créer un bouton glossy de téléchargement.
Le plus de cette technique c’est qu’une fois que le bouton est terminé vous pourrez modifier sa couleur en presque deux clics (alors que souvent les styles sont compliqués et plein de dégradés impossibles à modifier) !
Voici ce que cela donne à la fin du tutoriel :
Voici maintenant le même bouton avec des couleurs différentes :
Fiche technique du tutoriel :
- Niveau : Débutant
- Temps de réalisation : environ 20 minutes
- Logiciel : PhotoshopCS4
Avant de commencer, peut être seriez vous intéressés à visiter ces autres tutoriaux sur le même sujet :
- Créer des icones glossy Adobe
- Créer des boutons glossy animées
- Créer un effet 3d glossy sur un texte
- Créer une icone bouclier glossy
- Créer un graff glossy avec Illustrator
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sources
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 février 2011 17:47, par Quent1_jeune-radio-web
Bonjour Wonka, tous tes tuto sont superbes, je vais bientot publier mes créations mais avant j’attend d’en faire plus
Répondre
J’aurais besoin d’une info, quelles sont les config du dégradé de l’étape 3 ?
Parce qu’elles n’apparaissent pas.
Merci -
14 février 2011 19:46, par Quent1
Bonjour Wonka, d’abord merci pour tous ces superbes tutos, je posterais mes créations lorsque j’en aurais fait un peu plus
Répondre
Mais pour celle ci j’aurais besoin d’une info, quelles sont les configuration du dégradé de l’étape 3 ?
Merci -
17 novembre 2011 10:20, par esprit_ardent
Merci pour ce tuto, comment on règle l’incrustation du dégradé à l’étape 3 svp ?
Répondre
