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 gélatine en 30 secondes

lundi 11 juin 2007 par Wonka

Tag associé à ce tutorial

Galerie interne

+ Ajouter une image à la galerie interne

Une méthode ultra simple pour créer un bouton en gélatine avec un seul style de calque !

Photoshop - 163.7 ko
Fichier photoshop tutorial 165
clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je crée une nouvelle image et je crée avec l’outil forme un rectangle arrondi.

ETAPE 2

J’applique le style de calque (disponible dans le fichier psd).

ETAPE 3

Mon bouton est terminé, cependant je peux y ajouter un petit effet supplémentaire,pour celà, je crée un nouveau calque et je récupère la sélection de mon rectangle. Je remplis cette sélection de noir puis je supprime la partie noire. Je passe ce calque en mode incrustation et je diminue l’opacité à 50%.

Terminé ;)

Laisser un commentaire sur ce tutorial

   20 messages dans le forum
  • Créer un bouton gélatine en 30 secondes
    2 juillet 2007 04:13, par Morgan

    WWaaahhh....c’est du vite fait poster...

    Ca aurait été pas mal de voir comment tu créé le style de calque...

    Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    29 juillet 2007 11:47, par Bouha
    c’est du n’importe quoi perssonelement j’ai rien compri par que t’as rien expliqué. Le travail est bien mais l’expliquation est nulle

    Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    4 août 2007 11:43, par paparazzi

    Exact..

    Presque tous tes tutos sont comme sa..

    Faut expliquer dans les détails.

    Tu devrais mettre 2-3 de tes sites en tuto ! expliquer en détail..

    Sa marcherait fort pour toi ;)

    Plutôt que de les mettre tous en vente pour se faire un tout petit peu d’argent ..

    Cordialement ,

    Paparazzi

    Répondre à ce message

    • Créer un bouton gélatine en 30 secondes
      12 août 2007 17:55, par Shinichi

      Ba je suis désolé mais bon tout les tutos de Wonka sont pas spécialement fait pour les apprentis qui ouvrent photoshop pour la première fois de leur vie non plus !

      Non en fait ces tutos sont fait surtout pour ceux qui ont un minimum l’habitude des outils !

      Regardez ici Wonka utilise premièrement l’outil pour les formes, je pense pas que ce soit insurmontable quand on sait un minimum comme se servir basiquement des outils. Ensuite il utilise un style de calque. Là c’est pas difficile yen a plein sur le net de ces styles ! Et puis bon si vous en avez pas il propose quand même le psd pour que vous preniez le même style de calque (après ya juste à changer les couleurs comme vous avez le travail tout fait). Enfin il termine par une sorte de partie bonus. C’est simple, récupérer la sélection du rectangle, faire du noir et en supprimer un bout. Changer le mode de fusion et l’opacité, c’est pas non plus très très dur ..

      Et puis bon il faut comprendre le message qu’il nous transmet derrière ses cours ! Ce qu’il veut, ce n’est pas voir que vous avez réussi à faire un copier coller de son travail, c’est de vous montrer des petites astuces et techniques parfois méconnues ! Et le but de faire des cours pas extrêmement précis, c’est surtout pour que vous mettiez votre touche personnelle à vous ! Si c’était trop précis, les gens copierai facilement alors que les cours de Wonka sont surtout là pour éveiller plus votre imagination et votre style ! Donc ne dites pas que c’est « n’importe quoi » au contraire c’est très intelligent et ça vous forcera à faire marcher votre cervelle ;) Après vous serez plus heureux de l’avoir fait vous-même que si vous aviez tout refait exactement, et puis vous aurez aussi bien plus de mérite.

      Et soyez quand même un peu plus sympa dans les commentaires ..

      Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    8 septembre 2007 21:12, par John

    « je crée un nouveau calque et je récupère la sélection de mon rectangle. » J’ai pas compris .. est ce que quelqu’un peut mexpliquer ?

    MErci davance ! :)

    Répondre à ce message

    • Créer un bouton gélatine en 30 secondes
      9 septembre 2007 10:31, par Wonka

      Moi je peux t’expliquer ;)

      Alors pour créer un nouveau calque : menu calque > créer un nouveau calque.

      Puis il faut récupérer la sélection de mon rectangle, pour cela j’appuie sur ctrl + un clic sur le calque de mon rectangle.

      Normalement mon rectangle est selectionné ! Tu peux continuer le tutorial ;)

      Bonne chance !

      Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    26 septembre 2007 16:39
    Vive les tutos de Wonka ! Je trouve qu’ils sont très bien expliqués, du moment qu’on sait comment ouvrir toshop ^^ Alos qu’une chose a dire : MERCI beaucoup de ces super tutos !

    Répondre à ce message

    • Créer un bouton gélatine en 30 secondes
      26 septembre 2007 18:11, par Wonka

      Et oui pour comprendre mes cours il faut déjà en savoir un minimum sur Photoshop sinon sa devient vite infernal :/

      En tout cas je suis bien content que tu trouves ton bonheur sur mon site :D

      Bonne continuation pour la suite !

      Répondre à ce message

    • Créer un bouton gélatine en 30 secondes
      12 décembre 2007 15:28, par Greg-J

      +1 pour le commentaire... J’avoue que il y a un peu eu des commentaires de me**e pour ce tuto qui est pourtant vraiment très simple (sachant que je débute...)... Si maintenant wonka doit expliquer qu’il faut cliquer deux fois sur l’icone photoshop pour lancer le logiciel (pour ceux qui connaissait pas l’astuce...) on est pu sorti de l’auberge...

      Très bon tuto, mais perso j’ai juste une question : à propos de l’incrustation en dégradé, comment as tu fais pour séparer les deux couleurs du dégradé si distinctement ??? Même si du coup, c’est pu un dégradé :) , c’est très sympa je trouve et ça peut s’avérer utile mais j’ai beau me retourner la cervelle, je ne trouve pas...

      Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    5 janvier 19:48, par Fr06

    Vous savez quoi, si vous aimez pas ses tutos, enregistrez le rendu, sa vous prendra que 5 secondes ! (et encore)

    Noi je dis respect Wonka, je cherche tout mes tutos sur webdesign-tutoriaux, la moitié sont de toi... Et bah...

    Merci et bravo.

    Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    9 février 22:18, par Nylden
    Franchement, efficace le style. rien de tel pour donner un aspect moderne à un site

    Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    11 février 12:55, par Misakura

    Super tuto, comme d’hab !!

    Mais j’ai juste une question, dans tous tes tutos, je bute sur la partie ou il faut récupérer la selection. Il faut faire quoi exactement ?

    Et encore bravo et merci !! ça m’a été très utile ! :D

    Répondre à ce message

    • Créer un bouton gélatine en 30 secondes
      11 février 14:16, par Wonka

      tout simplement

      ctrl + clic sur le calque dans la fenêtre des calques !

      Bonne chance

      Répondre à ce message

      • Créer un bouton gélatine en 30 secondes
        7 août 23:50

        Le rendu est chouette mais je ne vois pas ici de tuto, dans le sens ou on explique comment faire pas à pas et étape par étape.

        Çà n’a rien d’enrichissant de faire un fichier pré maché et de le jeter sur le net sans même se casser la tête à expliquer. Dommage, moi j’ai pas envie de télécharger un fichier psd alors je reste sur ma faim sans aucune explication ni étape...

        Répondre à ce message

  • Créer un bouton gélatine en 30 secondes
    27 octobre 18:04
    Ultra simple .... le tutorial ! :-(

    Répondre à ce message

Connexion Membre

Connexion
Kit Graphique