Accueil Tutoriels Glossaire Galeries KitGraphique Blog On the Web

Moteur de recherche

Sur le mot-clé :

Limiter la recherche aux :

Trié par :

Rechercher les tutoriaux

Partenaires

Flux RSS

5 tutos aléatoires

Last Upload

Voir les galeries

WonkaStudio : Communauté graphique - Leçon d'apprentissage

Créer un bouton style Apple Leopard

vendredi 2 novembre 2007 par Wonka

Tag associé à ce tutorial

Galerie interne

+ Ajouter une image à la galerie interne

Voici un petit tutorial très simple pour créer un bouton avec le style de l’OS Mac Léopard.


Fichier PSD tutorial 216: clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial

ETAPE 1

Je commence par créer un nouveau document sur fond blanc. Avec la sélection je crée un rectangle sur un nouveau calque que je le remplis de noir.

ETAPE 2

Dans le menu calque, je vais dans style de calques > incrustation de dégradé. J’ajoute donc un dégradé ainsi qu’une ombre portée. Je peux retrouver les styles dans le fichier source PSD disponible en téléchargement en haut de cette page.

ETAPE 3

Je crée avec l’outil texte mon titre. Pas besoin de pixéliser, j’ajoute directement une ombre portée blanche pour lui donner un aspect d’incrustation.

Ce n’est pas plus compliqué que cela

Bonne chance.

Laisser un commentaire sur ce tutorial

13 messages dans le forum

Créer un bouton style apple leopard
2 novembre 2007 13:29, par Valck

Bon et bien ça c’est fait ! Un tuto méga simple et méga utile puisque avec un rendu final magnifique, très sobre, très design, très beau quoi ! Merci encore (grand frère !) Wonka pour nous avoir dévoilé à nouveau un de tes nombreux talents cachés :D
Voir en ligne : ValckStudio

Répondre à ce message
WKS fan déçu
2 novembre 2007 19:11, par WKS fan déçu

je trouve que les tutos fais sur WKS son de plus en plus décevants. sa tout le monde sait le faire les yeux fermés
Répondre à ce message
- WKS fan déçu
  2 novembre 2007 20:34, par Valck
  
  Peut-être déçu mais peut-être aussi que Wonka n’a plus beaucoup de temps pour se creuser les méninges pour avoir à sortir un tuto d’une grosse complexité faut comprendre aussi il n’est pas 24h/24 sur ce site Il bosse aussi et je pense qu’il a moins de temps pour WKS donc ça se ressent obligatoirement dans ses tutos (même s’ils sont toujours d’une excellente qualité). Et puis tu prétends que tout le monde sait le faire : Faux ! Tu es peut-être expérimenté mais il y a beaucoup de débutants qui viennent sur ce site je pense et le fait de voir des tutos faciles comme ça peut leur permettre de comprendre des trucs qu’ils n’auraient pas compris sur un tuto plus compliqué. Laisse à chacun le temps de progresser à sa manière, et laisse Wonka aussi souffler un peu je trouve déjà ça énorme de pondre des tutos aussi régulièrement qu’il le fait. Ou encore dernière alternative : tu crées ton propre site avec tes propres tutos supra compliqués :D.
  Répondre à ce message
  - WKS fan déçu
    2 novembre 2007 21:51, par Clemens
    
    Tout à fait d’accord avec Willy, heuuu.... Wonka ! Peut-être que se tuto ne te plaît pas mais moi personnellement, qui fait du webdesign, je le trouve très intéressant, peut-être que j’aurais pu le faire moi même, mais je ne l’aurais peut-être pas imaginer comme sa, je pense aussi qu’il n’aurais pas été aussi beau...
    
    Moi, au lieu de critiquer, je vais d’abord lire le tutoriel et ne pas regarder seulement le rendu et puis je vais aussi réfléchir sur mes compétence... Prend le meilleur exemple : toi, quand tu à ouvert Photoshop pour la première fois tu aurais tout de suite su réaliser sa ? Non, bien sur ! Et bien pense à ces personnes qui sont d’ailleurs nombreuses, après ont parleras de toi !
    
    Répondre à ce message
    - WKS fan déçu
      5 novembre 2007 13:12, par Wonka
      
      Oui ce tutorial est destiné aux dèbutants.
      
      Je peux cependant comprendre que certains soient déçu par les derniers tutos ajoutés. Il n’y as pas vraiment de défis pour un initié.
      
      Mais j’ai subis une vrai pression pour publier des tutos à destination des dèbutants, donc court et assez simple.
      
      Le temps joue également contre moi.
      
      Mais je vais essayer de publier un truc bien hard dans les prochains jours
      
      Merci en tout cas pour vos messages
      
      Répondre à ce message
      - WKS fan déçu
        7 novembre 2007 16:25, par Clemens
        
        N’empêche le résultat est pas mal
        Répondre à ce message
        
        WKS fan déçu
        7 novembre 2007 17:04, par Wonka
        
        Bah heuresement que c’est beau
        Répondre à ce message
Pour chercher la petite bête
1er janvier 17:23, par Gab’

Et pourquoi pas une petite ombre interne pour augmenter l’effet de profondeur ? (je précise que je n’ai pas d’Apple à la maison XD !)
Voir en ligne : http://www.log1n.net

Répondre à ce message
- Pour chercher la petite bête
  2 janvier 10:08, par Wonka
  
  Oui pourquoi pas, et pas besoin d’apple pour le faire :p
  Répondre à ce message
  - Pour chercher la petite bête
    2 janvier 18:38, par Gab
    
    T’as pas bien compris...
    
    Je précise que je n’ai pas d’Apple, car son tuto concerne la reproduction d’un style utilisé par l’OS léopard, et peut-être que la reproduction fidèle de ce style n’inclue pas l’ombre interne, mais ceci dit, une ombre interne légère serait assez jolie. Maintenant, s’il faut quatre lignes pour t’expliquer les choses, peut-être que la prochaine fois tu tourneras sept fois la langue dans ta bouche.
    
    « Passer pour un idiot aux yeux d’un imbécile est une volupté de fin gourmet » Georges COURTELINE.
    
    Répondre à ce message
    - Pour chercher la petite bête
      4 janvier 11:43, par Wonka
      
      Je précise que j’en ai pas non plus d’apple !
      
      Et je sais pas pourquoi tu t’emporte comme cela, mon message n’avais rien d’offensant, je m’excuse cependant si tu as mal pris mon message !
      
      Sorry.
      
      Répondre à ce message
      - Pour chercher la petite bête
        9 janvier 07:22, par Vincent
        
        « Je sais pas pourquoi tu t’emportes comme cela »
        
        Désolé on s’est mal compris, l’un comme l’autre, et ton site n’est pas le lieu pour les exercices de rhétorique, donc si tu veux effacer mon message qui pollue ce thread, n’hésite pas ; au passage, joli boulot pour l’ensemble de tes tutos. Une petite demande particulière : la plupart du temps, les créateur de tutos ne précisent pas la taille de leur document, ni sa résolution, pourtant beaucoup de débutants pourront trouver dans ce genre d’info des pistes pour leurs futurs designs perso.
        
        C’est à moi de dire « sorry ».
        
        Répondre à ce message
        
        Pour chercher la petite bête
        9 janvier 09:33, par Wonka
        
        Je suis soulagé que cela se termine comme cela !
        
        Oui je penserais à donner plus de détail sur mes prochains tutos
        
        Et pour finir, non je n’effacerais pas ton message, car j’accepte aussi bien les critiques positives, négatives et les mauvais entendus :D
        
        Ciao, en esperant te relire sur le site !
        
        Répondre à ce message

Kit Graphique

DarkCorporate : 15 €

ColorFolio : 15 €

FutureCorp : 15 €

DarkGloss : 15 €

CarNetwork : 15 €

Créer un bouton style Apple Leopard

Galerie interne

Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !