Voici une méthode ultime pour créer une bille (effet 3d) sous Photoshop. Cette technique me ravit tout particulièrement car le résultat est super brillant et très glossy, tout à fait dans le style Web 2.0 (bling bling oblige aux petits brillants).

Je ne vais pas dire que ce tutorial est facile, au contraire c’est une technique nécessitant quelques notions au niveau des reflets et dégradés. Cependant n’hésitez pas à le tester car le final est époustouflant.

Fichier source Photoshop tutorial 383

clic ici pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Sous Photoshop, je crée un nouveau document sur fond blanc, puis je crée une ellipse au centre de mon image (sur un nouveau calque évidemment).

ETAPE 2

Je récupère la sélection de mon ellipse (Ctrl + clic sur le calque ellipse dans la fenêtre des calques). Puis avec un pinceau diffus, je crée un point bleu clair dans la partie haute, gauche, de mon rond.

ETAPE 3

Je crée un nouveau calque (normalement la sélection est toujours active) puis avec le même pinceau diffus, mais cette fois avec une couleur « bleu foncé » je crée une zone sombre en bas à droite.

ETAPE 4

Je crée encore un nouveau calque et j’utilise un bleu encore plus foncé pour rendre la zone basse droite plus foncée encore (renforcement de l’ombrage).

ETAPE 5

Petit effet mais grosse étape : Je crée un nouveau calque, puis avec l’outil sélection en ellipse je crée un rond que je remplis de blanc (avec le pot de peinture) puis je décale la sélection de quelques pixels sur le haut et à droite, j’appuie sur Suppr, ce qui me permet de vider ma sélection. J’ai ainsi créé une petite bordure ronde blanche.

J’ajoute à ce calque un masque de fusion (calque > masque de fusion > tout faire apparaître) qui me permet de cacher le haut et le bas (je peux utiliser un pinceau noir sur le masque de fusion).

ETAPE 6

Petit effet mais grosse étape : J’utilise la même technique, sélection en ellipse, pot de peinture blanche, et masque de fusion.

ETAPE 7

Même chose, encore une fois, pour créer un second reflet juste en dessous du reflet créé à l’étape 6.

ETAPE 8

Cette fois j’utilise l’outil plume et je crée une forme en haut à gauche, un quatrième reflet, je crée une forme (comme ci-dessous) qui me permet de souligner l’illusion de la forme de la bille. J’utilise un masque de fusion pour camoufler le contour (en haut) de ce reflet.

ETAPE 9

Je vais maintenant séparer mon reflet en quatre parties ; pour cela j’utilise une sélection en ellipse et je fais édition > contour > bleu de la même couleur que la bille. Je fais cette procédure deux fois, et enfin j’utilise un masque de fusion pour camoufler les parties en trop (en dehors du reflet).

ETAPE 10

J’utilise ce tutorial : http://www.wks.fr/Creer-une-etincelle-de-lumiere.html pour disposer de-ci de-là des petites étoiles (pour créer cet effet brillant).

ETAPE 11

Et enfin, je crée une ombre par-dessous ma bille, pour cela je crée un ovale avec l’outil ellipse de sélection, je crée un nouveau calque que je place en dessous de l’ellipse (dans la fenêtre des calques) je remplis cette sélection avec le pot de peinture (en bleu très foncé) et enfin je lui ajoute un filtre atténuation : flou gaussien (4 ou 5), je peux diminuer l’opacité si je le souhaite à 70%.

Et voila, c’est terminé, bon d’accord ce n’est pas évident. Mais je vous avais prévenu tout en haut :p Et voici pour vous lecteur de WonkaStudio un petit bonus, un psd contenant cette bille en plusieurs couleurs.

Fichier Photoshop bonus

le fichier source des billes multicolores !