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

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é ![]()


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 !
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
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.
WWaaahhh....c’est du vite fait poster...
Ca aurait été pas mal de voir comment tu créé le style de calque...
RépondreBen pour le style de calque suffit de se rendre dans la fenètre des styles : calque > style de calque > ombre portée (par exemple). Bonne chance !
Répondrec’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épondreExact..
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épondreBa 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épondreRien à redire, tu as bien compris l’esprit du Sutio Wonka
Merci à toi pour ce commentaire intelligent qui fait vraiment plaisir
Bonne continuation à toi dans l’apprentissage de Photoshop !
« 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 ! ![]()
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épondreVive 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épondreEt 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+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...
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épondreFranchement, efficace le style. rien de tel pour donner un aspect moderne à un site
RépondreMerci beaucoup
effectivement les styles de claques sous Photoshop sont géniaux !
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épondretout simplement
ctrl + clic sur le calque dans la fenêtre des calques !
Bonne chance
RépondreLe 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épondreNickel
et les gars qui se plaigne qu’il y a un manque de détails dans ce tuto je vous conseille de d’ abord apprendre les bases de Photoshop ensuite vous n’avez plus que a ouvrir le fichier psd et regarder vous même les réglages des styles de calques
easyyy
J’ai compris à force de refaire ce tuto ( et d’autres ^^ ) Merci, c’est vraiment agréable d’arriver à sortir quelque chose de potable :]
RépondreBonjour et merci pour ce tuto. J’utilise photoshop depuis 3 ou 4 jours donc je débute... Mais votre tutoriel est très simple à suivre une fois que l’on connaît les principaux outils du logiciel !
Répondre11271 artistes dans le club
3338 images postées dans les galeries
555 tutorials de formations Photoshop publiés
