32
Créer un logo de bulles avec Photoshop
En passant dans le métro il y a quelques jours, j’ai remarqué une affiche assez sympa pour le Loiret, il y avait sur le haut de petite bulle avec un texte comme « le Loiret pour vous » ou un truc du genre, et j’ai aimé la façon de créer cette bulle. J’ai donc eu envie d’essayer de faire la même chose. De tête évidemment je ne suis pas certain de la ressemblance mais l’effet est identique !
ETAPE 1
Je crée un nouveau document et sur celui-ci je crée une ellipse noire.
ETAPE 2
Je récupère la sélection de mon rond en cliquant sur le calque avec la touche (Ctrl) enfoncée, ensuite je prends le pinceau, et avec une forme large et diluée (200 pixels par exemple) je crée une lueur d’une couleur plus claire sur le bas. Pour accentuer l’effet j’utilise l’outil densité +.
ETAPE 3
Je vais ajouter à mon rond un style de calque : calque > style de calque > lueur interne. Selon la taille de mon rond de départ je fais varier les valeurs (voir la configuration de l’exemple ci dessous).
ETAPE 4
Je crée une lueur en haut de mon rond, pour cela je crée un nouveau calque puis je récupère la sélection de mon rond, ensuite je remplis la sélection d’une couleur claire. J’applique ensuite un flou gaussien. Je déplace ma lueur de 10 pixels en haut puis je récupère à nouveau la sélection de mon rond. J’inverse cette sélection puis j’appuie sur (Suppr) pour supprimer les pixels qui sont en dehors de ma bulle.
ETAPE 5
Je vais maintenant créer un reflet, c’est surtout ici que réside la différence ! Je vais devoir créer une forme comme ci-dessous. Pour cela il y a une astuce : je crée une ellipse blanche par-dessus ma bulle, je la pixellise puis je coupe la moitié. Ensuite je vais la modifier ; pour cela je vais dans édition > transformation > Warp. Il vous faudra plusieurs essais je pense avant d’avoir un résultat satisfaisant (ne pas s’énerver vous allez y arriver 
!
ETAPE 6
J’applique un masque de fusion sur mon reflet. L’astuce c’est de baisser l’opacité de mon dégradé, puis je l’applique du bas vers le haut, de façon à camoufler légèrement le bas de mon reflet.
ETAPE 7
Je place tous mes calques dans un dossier, ce qui me permet de réduire et de faire tourner ma bulle.
ETAPE 8
Je duplique mon groupe et je change de couleur ma seconde bulle que je place à côté de la première.
ETAPE 9
Je crée une ombre pour : cela je récupère la sélection de mes deux bulles, puis je crée un calque par-dessous. Ensuite je remplis ma sélection de noir. J’applique un flou gaussien puis je décale cette ombre sur le bas droit.
ETAPE 10
Avec la même technique je crée une bordure blanche autour de mes bulles. J’ajoute également du texte et j’ai enfin terminé
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 13 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.
-
4 juin 2007 16:15, par sofiane
merci c vraiment genial...........c cool je vais essayer de le reproduir
Répondre -
27 juillet 2007 04:55
Ce tutorial est super, mais est-ce que c’est possible de mettre le fichier psd a dl, parce que on peut s’y perdre à l’étape 2-3-4 Merci d’avance
Répondre -
28 novembre 2007 11:44
Bonjour Merci beaucoup pour le tuto comme meme... meme si on devrai etre déja tres bien initié au photoshop pour pouvoir suivre ces étapes... sans captures d’ecrans, ça a l’air des tutos que je donne par téléphone à mes collegues
Répondre-
30 novembre 2007 09:22, par Wonka
Le but c’est effectivement de donner des pistes, pour pouvoir explorer et mettre en pratique ces connaissances photoshop pour créer du beau webdesign.
Mais tu as raison il y a peu de place ici pour un vrai dèbutant !
Répondre
-
-
-
20 mars 2009 20:20, par Experimental
En fait, je vien juste de voir ton tuto, ta sauté une des parties les plus importante et difficiles à expliquer.. : LE GAUSSIEN !! JAI PA PIGÉ Comment :s
Et Jsuis comme meme fort en Photoshop
Répondre -
12 avril 2009 01:53, par Xes
Tuto Niquel et très bien expliqué et pourtant je n’ai qu’un an d’expérience de photoshop
Répondre-
12 avril 2009 12:25, par Wonka
Merci ca fait plaisir de lire ce genre de commentaire parfois
Répondre franchement merci.
-
-
8 novembre 2010 11:01, par fabrice
Bonjour à tous !!! Bravo c’est vraiment très bien fait !!! et très bien expliqué
Répondre -
31 janvier 2011 18:40, par Rose
c super !!!!!!!!!!!! c’est très bien expliquer je ne voi pas ce qui ne comprennent pas les gens !!!!!!!!!!!
Répondre
