Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Bouton Style Apple LeopardBouton Style Apple Leopard
 
Bouton Style Apple Leopard

Photoshop | Bouton Style Apple Leopard

Tutoriel crée par Cclleemm le 25-01-2008.

SocialTwist Tell-a-Friend

Apprenez à créer des boutons style Mac Leopard grâce à ce tutoriel !

Bonjours chers Plug'ziens, dans ce petit tutoriel, je fais vous apprendre à créer un bouton style Mac Leopard.
Un tutoriel simple pour débutant mais pratique pour les boutons de votre site :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/resultat.png


Création du fond Apple

La première chose à faire sous photoshop est de créer votre nouveau document : fichier ==> nouveau
La taille n'est pas importante, j'ai pris 300px de largeur et 100 px de hauteur sur fond transparent.

Maintenant, choisissez l'outils rectangle (T) dans la barre d'outils de gauche.
Selectionner une couleur de remplissage noire dans la barre d'outils du haut
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/1.gif
Tracez votre rectangle de la taille que vous désirez, le mieu est de suivre le modèle ci-dessous :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/2.gif
Vous devriez obtenir l'image ci-dessus.

C'est le moment d'appliquer un style de calque à votre rectangle noir.
Pour celà, double cliquez sur le calque du rectangle afin d'obtenir la panneau de configuration du style de calque.
Ajoutez à votre calque une ombre portée, et réglé les paramêtres comme sur l'aperçu si dessous :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/3.gif

Puis ajoutez aussi une inscrustation de dégradé :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/4.gif

Double cliquez sur le dégradé afin de lui attribuer les valeurs ci-dessous
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/5.gif

Voila, votre fond est terminée, vous devrez obtenir ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/6.gif

Le fond est maintenant créer, il ne reste plus que le texte style mac.

Création du texte Apple

Selectionnez l'outils texte (T) dans la barre d'outils de gauche.
Choisissez (en haut) la police Myriad Pro.
Avec (toujours en haut)une couleur grise : #434240
Ecrivez votre texte en cliquant sur la zone de l'image ou vous voulez qu'il apparaisse.

Ensuite, ajoutons un style de calque en double cliquant sur le calque de votre texte (à gauche)
Ajoutez une ombre portée avec les paramêtres ci-dessous :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/7.gif

Validez, et votre texte effet Apple est terminé !
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/46/resultat.png

Bravo, maintenant reste plus qu'à l'inserer dans votre interface web pour essayer de réaliser un site aussi beau que celui d'Apple ?
A bientôt !


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Soumettre un tutoriel Photoshop

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !