Créer une bulle avec effet Vista sous Photoshop.

Tutorial Photoshop N°216 : Créer une bulle avec effet vista.

C’est un tuto assez simple consistant à reproduire les bulles d’un écran de veille de Windows Vista que je trouve très belles.

Le psd :

Fichier source Photoshop

clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial !

ETAPE 1

• Commençons ! Tout d’abord créez un nouveau document (500px par 500px dans cet exemple), fond transparent.

ETAPE 2

• Création bulle générale. Prenez l’outil ellipse et tracez un cercle parfait (Shift+clic) au centre de la feuille comme ceci :

ETAPE 3

• Le style de calque de ce cercle. Tout d’abord, réglez le fond de ce calque à 0% comme ceci :

Maintenant à partir du psd de ce tutorial, copiez le style du calque (clic droit sur le Calque « grande bulle » -> copier le style de calque -> Coller le style de calque sur votre calque de cercle)

Vous obtenez normalement ça :

ETAPE 4

• Créer le petit reflet en haut à gauche.

Maintenant nous allons créer ce charmant petit reflet en haut à gauche de la bulle, pour cela nous allons tracer un petit cercle en haut à gauche et baisser l’opacité de ce calque à 80%. Vous obtenez normalement ça :

ETAPE 5

 Créer un autre reflet dans la bulle.

Voila l’avant dernière étape, nous allons tracer un cercle en haut de la bulle et lui appliquer un effet crystal :

 Tracer le cercle.
 Baisser l’opacité de son calque à 44% et son fond à 0%.
 Créer un masque de fusion

 Tracer un dégradé Noir opaque -> Noir transparent du bas vers le haut de ce cercle. (Pour plus de renseignements voir « 1000 et 1 façons de créer des reflets »)

Vous obtenez normalement ça :

ETAPE 6

Dernière étape : tester le naturel de cette bulle  Pour cela nous allons importer une image au hasard, dans mon cas j’ai pris le très beaux wallpaper Vista représentant de belles feuilles, Pour le télécharger : Ici Nous ouvrons ce wallpaper et nous le convertissons en calque :

Double clic sur le calque « arrière plan » puis « Ok » Avec l’outil flèche de déplacement, nous déplaçons cette image sur notre document avec la bulle, puis nous plaçons ce calque tout en bas, comme ceci :

Et pour finir nous obtenons ce magnifique résultat :

Et voila, fin de ce tuto.