Créer un bouton style Apple Leopard

vendredi 2 novembre 2007
Article écrit par : Wonka
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 !
WonkaStudio

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

Photoshop - 208.1 ko
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.

La galerie des membres

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 16 messages dans le forum)
Ajouter un commentaire à cet page
  • 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
  • Pour chercher la petite bête
    1er janvier 2008 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 2008 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 2008 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 2008 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 2008 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 2008 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
  • Créer un bouton style Apple Leopard
    5 juillet 2009 14:03, par Bixou
    Désolé du détérrage de post, mais c’est quoi la police utilisée ? :) Répondre à ce message
  • Créer un bouton style Apple Leopard
    14 juillet 2009 08:49, par Adr2ien
    Je crois que c’est Myriad Pro ;) Répondre à ce message
  • Créer un bouton style Apple Leopard
    26 juillet 19:31, par Parasite

    Génial ! Et je dis ça en temps que grand fan d’Apple !

    WKS est un super site de tuto, et encore une fois, il m’a donné ce que je cherchais ;)

    Répondre à ce message

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.