32
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
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 11 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
-
14 octobre 2007 21:40, par jejew
Il est magnifique ce bouton jtrouve^^^ Merci wonka pour tes super tutoriaux. C’es grâce , en partie, à eux que je commence à maîtriser Photoshop... Merci BEAUCOUP...
Répondre-
15 octobre 2007 12:47, par Wonka
Merci
Répondre et c’est avec plaisir que je le fais
Bonne chance pour la suite de ton apprentissage !
-
-
31 janvier 2008 13:21, par Mofo
Merci encore pour ce tuto ! Voilà ma petite bulle style vista
Répondre -
-
5 avril 2008 07:31
je comprend pas tu dit que t’es pas content duu résultat pourtant c’est vraiment chouette
Répondre-
7 juin 2008 12:29, par Shark
Bonjour... Pas mal du tout ce tuto... J’avais déjà essayé plusieurs fois tout seul mais en vain... Et là que vois-je ? La recette parfaite
Merci bien WKS !!!Voici mon résultat ainsi que la même technique appliquée à un autre logo et incrusté sur un fond d’écran pour donner des idées...
Répondre-
7 juin 2008 20:39, par wonka
Est bien c’est une vrai réussite ! bravo à toi tes deux essais sont vraiment magique, surtout le fond d’ecran ,)
Répondre
-
-
-
-
26 août 2008 12:35, par Nutella
Bonjour je comprend pas l’etape 4 et les actios avec le pinceau si vous pouviez m’aider svp merci d’avance
(se serai bien des tuto plus clair pour les débutants)
Répondre -
31 juillet 2010 15:15, par HarshPlatonism.
Il y a tout de même de l’aliasing sur votre bulle, cher Wonka.
Répondre
