Site de tutoriaux photoshop

Découvrez la Creative Suite CS5 Twitter - Follow me

Tutoriel photoshop : Bulle glossy avec contour en relief

Le style glossy qu'est-ce que c'est ? en fait un terme un peu vaste qui défini un style différents reflets assez prononcés.
Nous allons donc essayer de faire une sorte de bulle glossy avec un contour en relief.
Ce tutoriel nous allons le faire avec que des formes vectorielles.
L'utilité ? vous pourrez ensuite grossir ou rétraicir la taille la qualité de votre image restera identique

Alors pour commencer créer un nouveau document et prenez l'outil ellipse Bulle glossy contour.
En maintenant la touche SHIFT (pour faire une ellipse parfaite) faites un cercle.
Bulle glossy contour

A présent on applique un effet (menu calque -> style de calque -> incrustation de dégradé, ou double cliquez sur le calque et allé dans incrustation de dégradé)
Voici mes paramêtres
Bulle glossy contour

Pour obtenir ce résultat
Bulle glossy contour

Maintenant on va utiliser des repères pour "trouver" ce cercle.
Pour tracer des repères il faut que vous activiez la règle, menu affichage -> règle (raccourci CTRL+R).
Ensuite cliquez et glissez de la règle jusqu'à la zone de travail à l'endroit que vous souhaitez (pour les verticaux de la gauche vers la droite, les horizontaux du haut vers le bas)
Là pour définir l'épaisseur je créé des repères de cette manière
Bulle glossy contour

A présent avec toujours l'outil ellipse Bulle glossy contour dans les options (en haut en dessous du menu) on active extraire la forme Bulle glossy contour.
Et on fait à nouveau un cercle à partir de l'intersection des repaires à l'intérieur de l'ellipse.
Voici le résultat que vous devriez avoir. Le cercle est trouvé pour maintenant avoir un anneau.
Bulle glossy contour

Pour faire un peu de relief je lui applique un biseautage estampage (menu calque -> style de calque -> biseautage et estampage, ou double cliquez sur le calque et allé dans Biseautage et estampage).
Voici mes paramêtres
Bulle glossy contour

Notre contour en relief effectué nous allons à présent créé une nouvelle éllipse en dessous. D'une taille à peine plus grand que la largeur du "trou". Prenez l'outil ellipse Bulle glossy contour et faites un cercle de la couleur que vous souhaitez.
Placer ce calque en dessous du contour
Bulle glossy contour

Au niveau des calques voilà ce que ça donne
Bulle glossy contour

On applique une lueur interne puis une incrustation de dégradé (toujours au même endroit je pense que vous avez compris menu calque -> style de calque... etc ^^)
Voici mes paramêtres
Bulle glossy contour
Bulle glossy contour

Pour obtenir ce résultat
Bulle glossy contour

Le fond de notre bulle est finit nous allons attaquer l'effet glossy ^^.
Pour cela toujours l'outil ellipse Outil ellipse effectuer les formes que vous souhaitez.
Là j'effectues un ovale
Bulle glossy contour

Je le passe en opacité 10%
Bulle glossy contour

Je fais une pour cela je fais un cercle avec l'outils ellipse Outil ellipse puise je prends l'outil sélection directe Outil sélection directe
je clique sur le tracé et sélectionne le point du bas.
Bulle glossy contour

Je remonte avec la touche flèche directionnelle vers le haut pour remonter le point de cette façon.
Bulle glossy contour

Puis je réduis la forme. Menu Edition -> transformation -> homothétie (raccourci CTRL+T)
Bulle glossy contour

Et j'applique un opacité à 20%
Bulle glossy contour

Dernière ptite forme toujours avec l'outils ellipse Outil ellipse j'effectues cette forme
Bulle glossy contour

Avec une opacité à 10%
Bulle glossy contour

Voici ce que ça donne au niveau des calques
Bulle glossy contour

Pour finaliser on va appliquer des ptites lueurs. Pour cela rien de plus simple. Créez un nouveau calque, menu calque -> nouveau -> calque (raccourci CTRL+SHIFT+N) nommez le "lueurs".
Ensuite je prends l'outil pinceau Outil pinceau, je prends une forme arrondie flou d'une certaine taille, une couleur blanche en premier plan et j'applique une première lueur. Je réduis un peu la taille et en applique 2 autres.
Pour finir je passe le calque en incrustation
Bulle glossy contour

On peu donc en rester là.
Si par contre, tout comme moi, vous n'êtes pas forcément satisfait de la largeur de la bordure et que vous souhaitez la réduire, sélectionnez le calque du contour et prenez l'outil de sélection directe Outil sélection directe en maintenant la touche SHIFT sélectionner les 4 points du cercle "extérieur"
Bulle glossy contour

Et réduisez la taille. Menu édition -> transformation -> homothétie (raccourci CTRL+T). Pour obtenir par exemple ce résultat.
Bulle glossy contour

Eh bien voilà pour moi c'est à présent terminer vous pouvez réduire la forme à 50px, l'augmenter à 900px, votre image ne bavera pas et restera nikel.
En espérant que vous aura montrer l'utilité d'utiliser au maximum les formes vectorielles facile à manipuler grâce à leur point d'ancrage.
Tutoriaux photoshop Bouton forum psd-file
SW-Conception.com - Création de site internet