HOME PAGE > TUTORIALS > Photoshop > Créer un bouton glossy

Créer un bouton glossy

Tutorial source : wks.fr

ETAPE 1

Je crée un nouveau document sur fond blanc, je prends l’outil des formes personnalisées pour créer une ellipse de forme parfait noire au milieu de mon image.

ETAPE 2

Je vais ajouter deux styles de calque : calque > style de calque > incrustation de dégradé et > ombre portée !

ETAPE 3

Je crée un nouveau calque et je récupère la sélection de mon ellipse, je modifie cette sélection en faisant dans le menu : sélection > modifier > contracter (10 pixels). Avec le pot de peinture je remplie cette sélection de blanc. J’ajoute un masque de fusion et avec un dégradé noir 100% d’opacité vers noir 0% d’opacité je camoufle la partie haut gauche de mon ellipse blanche.

Pour finir je récupère la sélection de mon ellipse blanche semi camoufler. Je modifie cette sélection par une contraction (de 5 pixels) puis j’appuie sur la touche suppr. Je me retrouve donc avec une sorte de bordure blanche dans mon ellipse noir !

ETAPE 4

Je crée un nouveau calque par-dessus les autres, je récupère la sélection de mon ellipse noir, et je la contracte de 15 pixels ! Je remplie cette sélection de noir. Et j’ajoute un style de calque : incrustation de dégradé.

ETAPE 5

Je fais la même chose qu’a l’étape précédente (pour les différents styles de calques voir dans le fichier source psd disponible en haut de cette page). Par contre je vais juste modifier mon ellipse pour qu’elle ressemble à une sorte de ballon de rugby (voir ci-dessous). Pour cela j’appuie d’abord sur ctrl + t (transformation manuelle) puis simultanément sur alt + shift + avec la souris je rétrécis la largeur de mon ellipse.

ETAPE 6

J’ajoute le symbole qui vas représenter l’action de mon icône, je peux mettre une flèche comme dans mon exemple, le logo ou le titre de mon site.

ETAPE 7

J’utilise l’outil plume pour créer une forme de reflet, et j’ajoute un masque de fusion pour camoufler légèrement le haut la gauche et la droite.

Voila mon icône est maintenant terminé ! Du plus bel effet non ?

REAGIR A CET ARTICLE ET PARTICIPER AU FORUM