Créer un logo bulle style Windows Vista

J’ai remarqué une bulle sur le site de Windows Vista dont le style m’a particulièrement interessé, j’ai tenté de le reproduire, je vous préviens c’est plutôt compliqué, et je suis moyennement convaincu du résultat. Je vous livre ici le premier essai

Fichier PSD tutorial 162

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

ETAPE 1

Je crée un nouveau document sur lequel je crée une ellipse parfaite (U) de fond bleu foncé. Je n’oublie pas de pixéliser mon calque (clic droit sur le calque, pixéliser le calque).

ETAPE 2

Je vais créer le reflet du bas, pour cela je prends une couleur bleue claire très saturée comme #05e7ff et avec le pinceau je crée mon reflet. Evidemment je crée ce reflet sur un nouveau calque.

ASTUCE : pour que la couleur ne dépasse pas, récupérer la sélection de votre rond avant d’utiliser le pinceau.

ETAPE 3

Je vais appliquer mon style de calque à mon rond : Une bordure ainsi qu’une ombre portée, voir la configuration ci-dessous.

ETAPE 4

Sur le bas je vais appliquer une bordure très claire, pour cela je crée un nouveau calque et je récupére la sélection de mon rond initial. Je remplis cette sélection de bleu très pâle, puis je la modifie en la contractant de 2 (ou plus selon la taille de votre rond), ensuite je crée un masque de fusion pour camoufler la partie supérieure de cette bordure.

ETAPE 5

Je vais maintenant créer le reflet du haut, pour cela je crée un nouveau calque et je récupère la sélection de mon rond et je la remplis de blanc. Je supprimer ensuite la moitié basse de mon rond blanc et j’effectue les modifications suivantes :

Avec l’outil transformation Wrap, je modifie ma moitié blanche, puis j’utilise la technique de l’adoucissement des angles expliquée dans ce tutorial http://www.wks.fr/Des-formes-fascinantes.html.

Ensuite je modifie le style de ce reflet : j’ajoute une lueur interne, ainsi qu’une incrustation de dégradé et je diminue l’opacité interne du calque à 20 %.

Ensuite je vais devoir annuler les styles : pour cela je crée un calque vide sous mon calque reflet et je fusionne le calque reflet avec le calque vide.

Enfin avec la gomme je cache le bas de mon reflet.

ETAPE 6

Presque terminé ! J’ajoute simplement mon triangle ! Pour le style du triangle, voir dans le fichier psd.

ETAPE 7

Je fignole et je termine ma composition.

A vous de jouer