silverfox Acceuil Photoshop Illustrator Partenaires Contact

Tout SilverFox

portfolio

Publicité

Suivez SilverFox

Tuto Photoshop - bouton creux

Nous allons voir ici comment créer un bouton creux Photoshop

creux 01

L'objectif de cet exercice est de vous faires manier les dégradés linéaires sous Photoshop.

Commencez par créer un nouveau document de 200*200 pixels.

creux 02

Tracez un cercle parfait grâce à l'outil "élipse de sélection" et la touche Shift (ou majuscule).

creux 12
La touche raccourcis pour l'élipse de sélection est (M). Si par défaut le rectangle apparaît, laissez cliqué sur le rectangle pour faire apparaître le sous menu.

creux 03

Choisissez 2 couleurs. La plus foncée au premier plan. Ensuite prennez l'outil dégradé (G) et changez-le en dégradé radial grâce à cette icone

creux 04

creux 05

Créez votre dégradé en faisant un cliquer/glisser dans le sens de la flèche. Vous devez obtenir une image comme celle-ci.

Gardez la sélection.

creux 06

Passons au creux. Créez un nouveau calque (Ctrl+Maj+N), nommez-le "creux". Il se place normalement au dessus du dégradé.

Allez ensuite dans "Sélection / Modifier / Contracter". Entrez une valeur de 10 pixels

creux 07

Recréez le même dégradé par cliquer/glisser, comme tout à l'heure, en suivant le sens de la flèche. L'impression de creux va être donnée par la différence de sens de ces 2 dégradés.

 

creux 08

Voilà, votre bouton est presque fini, l'effet est déjà bien visible.

creux 09

Nous allons maintenant adoucir un peu le creux.

Placez vous sur le calque "creux", puis dans Filtres/Atténuation/Flou Gaussien. Entrez un rayon de 3 pixels et validez.

creux 10

Il ne vous reste plus maintenant qu'à le détailler un peu en y ajoutant un fond et une ombre.

creux 11

Si vous souhaitez le rendre bombé, il suffit d'inverser le sens des 2 dégradés.