32
Créer un texte brumeux multicolor
Voici un tutoriel qui va nous permettre de créer une lueur multicolore autour de n’importe quel titre ou slogan. La police de caractères utilisée est : Liberation Sans Regular, mais vous pouvez appliquer cet effet sur n’importe quelles autres polices de caractères (aucune contrainte à ce niveau).
Pour ceux qui veulent comprendre la technique de l’intérieur, voici le fichier source Photoshop :
- Fichier source Photoshop
- clic ici pour télécharger le fichier source Photoshop utilisé dans ce tutorial
ETAPE 1
Je commence bien évidemment par ouvrir Photoshop, je crée un nouveau document 1024 x 768 pixels puis je remplis l’arrière plan d’une couleur (en utilisant le pot de peinture) un gris foncé comme #0e0a0c fera bien l’affaire.
Ensuite je crée un nouveau calque et je selectionne un pinceau diffus d’une très grande taille (voir les options en haut de l’ecran) au minimum 300 pixels (maximum 500) et je crée un point au milieu de mon document. J’utilise un gris plus clair : #454545 par exemple.
ETAPE 2
J’utilise l’outil texte pour créer mon titre, je passe ensuite le calque :
En opacité : 70 % et incrustation comme mode de fusion (ces réglages se situent au niveau de la fenêtre des calques).
ETAPE 3
Je vais maintenant dupliquer mon texte quatre fois puis je place ces quatres nouveaux calques par dessous mon texte d’origine, je pixelise chacun d’entre eux (en faisant Clic droit sur le calque puis pixeliser) et sur le premier calque j’applique une atténuation de 2 pixels (menu filtre > atténuation > flou gaussien) sur le second même filtre avec un flou gaussien de 5 puis de 10 et enfin de 20.
Je me retrouve ainsi avec une chouette lueur externe à mon texte.
ETAPE 4
Je crée un nouveau calque et dessus j’utilise le pinceau diffus de 5 pixels. Et ainsi je crée des petits points que je place aléatoirement autour de mon texte. Je vous rappelle qu’une fonction vous permet de créer cet effet de luciole.
Pour cela vous devez vous rendre dans la fenêtre formes (pour l’afficher menu fenêtres > formes et trouver l’onglet diffusion).
ETAPE 5
J’ai la possibilité, si je le souhaite, d’ajouter un slogan par dessous, pour aller plus vite je peux utiliser le style de calque lueur externe qui me permet de créer la lueur plus rapidement qu’avec la technique du flou gaussien (mais moins percutant) : menu calque > style de calque > lueur externe.
ETAPE 6
Attention l’étape de magie : je crée un nouveau calque que je place au dessus de la lueur (du titre) mais en dessous du titres lui même (le premier calque texte étape 2). Dessus j’applique un dégradé multicolor disponible dans les dégradés par défaut de Photoshop, seulement je crée le dégradé (outil dégradé de façon penché à 45 degrés).
Mais surtout je passe le calque en mode de fusion incrustation (voir dans la fenêtre des calques).
Pour finir ; j’ai la possibilité d’ajouter un masque de fusion pour cacher les couleurs dans les parties extérieures. Je peux ensuite créer des points blancs sur mon masque de fusion avec le placement des points par diffusion, histoire d’ajouter de petites effets par ci par la.
Voici deux versions différentes :
Alors le résultat n’est il pas joli ?
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 104 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.
-
-
-
26 août 2008 10:01, par M@XimE
vraiment exelent tuto merci beaucoup c’est très beau je posterai bientot ma compo !! merci
Répondre
-
-
-
26 août 2008 15:08, par MØG
Salut, J’ai un problème avec ce tuto, les images ne s’affiche pas. J’ai ses message là :
L’image « http://www.wks.fr/IMG/jpg/tuto_385_1.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_2.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_3.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_4.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_5.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_6_0.jpg » ne peut être affichée car elle contient des erreurs.
L’image « http://www.wks.fr/IMG/jpg/tuto_385_7.jpg » ne peut être affichée car elle contient des erreurs.
en faite, il n’y a que l’image tuto_385_4_2.jpg qui s’affiche sans erreur.
Voila si sa peux aider
Répondre
-
26 août 2008 16:31, par Wonka
Apparemment des erreurs sont apparus alors qu’hier tout était nickel ! Je vais essayer de remédier a cela de suite
Répondre
-
26 août 2008 16:40, par Wonka
Corrigé, en fait le site ne supporte pas les images :
Trop grandes et en CMJN !
Dans le cas de cet article les images avaient les deux défauts ^^
Répondre-
26 août 2008 18:24, par MØG
Tout s’affiche nickel :D Sinon le résultat final est plus de jolie, il est magique.
Répondre
-
-
-
-
-
-
27 août 2008 19:11, par Wonka
Je corrige tout de suite ce problème
Répondre Tu peux essayer à nouveau ?
-
-
-
29 août 2008 21:28, par MØG
Salut, J’arrive pas à faire l’effet de luciole, sa fais des gros pâtés. T’as pas une astuce ou un trucs en plus a faire ?
Répondre-
30 août 2008 12:33, par Wonka
Est bien non il n’y a pas d’astuce, il faut juste bien se servir de la configuration du pinceau.
Répondre-
30 août 2008 19:25, par MØG
Maintenant je me débrouille avec les lucioles de l’étape 4 mais le plus gros soucie survient à l’étape 6 : J’arrive pas à faire cette effet brumeux multi-couleur de ta 1re version et on peux pas voir ton masque de fusion dans le fichier source pour s’aider. Donc je me demande si il manque un point de détail ( c’est le brumeux ou j’ai du mal). J’arrive à faire un avatar de ta 2e version mais le rendu est bien meilleur avec la 1re
Répondre-
31 août 2008 09:32, par Wonka
Mog je suis surpris que tu ne comprenne pas ce petit effet qui est en plus très simple mais pour toi voici une explication, et ensuite j’exige de voir ta composition graphique :p
Alors je pense que tu auras réussis à créer ton titre, la lueur externe ainsi que les lucioles blanc.
Le tout réside dans ce nouveau calque. Je crée donc un nouveau calque vierge, que je remplie avec le dégradé multi color de photoshop.
La je me retrouver avec plein de couleur et c’est tout je ne vois plus mon titre qui se trouve derrière.
Donc première modif je passe ce calque en mode de fusion incrustation. Ce qui me permet de faire ré apparaitre mon titre, sa brume et ses lucioles.
Cependant les couleurs sont trop présente, du coup j’applique un masque de fusion sur mon calque multi color.
Et avec un très gros pinceau diffus noir je peint sur les cotés extérieur de mon image, de façon à cacher les couleurs qui sont trop loin de mon texte. Plus le pinceau noir sera diffus plus l’effet de brume sera présent.
Et enfin la touche finale, pour créer les petits lucioles toutes les couleurs. J’utilise la même technique du pinceau de diffusion aléatoire (comme pour les lucioles) mais cette fois avec un petit pinceau rond diffus. Je prends la couleur blanc, et je crée ces nouveaux lucioles directement sur le masque de fusion de mon calque multicolor. Ce qui fait apparaitre des points multi color.
Car je rappel que sur un masque de fusion le noir cache et le blanc fait apparaitre.
Voila un complément d’explication pour mon ami mog
A toi de jouer maintenant !Bonne chance !
Répondre
-
-
-
-
31 août 2008 19:35, par MØG
Voila ma création fini grâce a tes instructions, le niveau d’expert n’est pas volé pour ce tuto
Faut que je m’améliore encore sur le rendu des formes multicolore.
Répondre
-
31 août 2008 20:07, par Wonka
Et encore une fois tu t’en sort parfaitement bien, bien joué mog
Répondre-
1er septembre 2008 18:07, par Thyvan
Salut J’ai un petit problème ... c’est la dernière étape qui est « Pour finir ; j’ai la possibilité d’ajouter un masque de fusion pour cacher les couleurs dans les parties extérieures. Je peux ensuite créer des points blancs sur mon masque de fusion avec le placement des points par diffusion, histoire d’ajouter de petites effets par ci par la. » Vu que je suis un noob sur photoshop, pouviez - vous m’aidez ?? En gros, je sais pas comment faire ce que j’ai citer . Merci d’avance
Répondre-
2 septembre 2008 10:58, par Wonka
J’ai fais des explications sur cette étape un peu plus haut dans les commentaires
Répondre
-
-
-
-
-
-
-
5 septembre 2008 11:22, par jerem
Président tout cours ^^
Clik :D http://img137.imageshack.us/my.php ?image=texxtemf4.jpg
Répondre
-
-
-
-
6 septembre 2008 11:20
Voila ma création :
Répondre
J’ai une question :
« Je peux ensuite créer des points blancs sur mon masque de fusion avec le placement des points par diffusion, histoire d’ajouter de petites effets par ci par la. ». En quel mode mettez-vous le pinceau ? Parce que pour moi, le points se colorent en noir ou en blanc mais pas avec les couleurs du dégradé.-
6 septembre 2008 11:49
non, en fait c’est bon j’y suis arrivé, mais je trouve que mes premières petites lucioles sont trop colorées. S’agit-il de l’intensité des couleurs du calque dégradé ? Perso je ne parviens pas à le régler comme dans le fichier que vous avez mis à disposition.
Répondre-
6 septembre 2008 12:24, par Wonka
Je pense qu’au lieu d’utiliser du noir ou du blanc sur le masque de fusion tu pourrais essayer avec du gris par exemple
Répondre sinon ta première image est déjà très réussie ! Bravo à toi.-
14 septembre 2008 18:20, par Sift
Un très très bon tuto, merci Wonka :D Voici mon outcomes :
Voir en ligne : http://img227.imageshack.us/img227/...
Répondre
-
-
-
-
19 septembre 2008 11:16, par Miss Sandy
Le tuto est cool mais je n’arrive pas à trouver le masque de fusion utiliser dans la première version du résultat...
Répondre-
-
26 septembre 2008 11:48, par Borisk
Voici le mien avec quelque petit modif
Voir en ligne : http://borisk.olympe-network.com/in...
Répondre
-
-
-
26 septembre 2008 17:18, par Graphic&Co
Cela fait quelque jours que j’explore ce site et je dois avouer que mon niveau Photoshop a sensiblement monté ... Merci Wonka !
Répondre-
27 septembre 2008 13:02, par paco
une fonction pour les lucioles ? pourrai tu développer ?
Voir en ligne : portfolio(plus à jour)
Répondre -
-
-
6 octobre 2008 07:09, par j-psy
bonjour j’ai photoshop cs3 mais je n’arrive pas a trouver le masque de fusion dans edition
Répondre
ce qui fait que tout mon dessin est coloré en arc en ciel, quelqu’un peut m’aider svp ?-
31 octobre 2008 18:42, par Kaly
Pour le masque de fusion J-Psy, regardes en bas de ta fenêtre de calques, tu as un petit logo représentant un rectangle gris avec un rond blanc à l’intérieur, il faut cliquer dessus pour faire ton masque de fusion
Répondre
-
-
17 octobre 2008 21:58, par elboy
Allé à moi maintenant !
Répondre
Il est mimi avec le ti coeur ? hein ? xD
-
18 octobre 2008 20:41, par Squall
Un peu hors sujet ton outcome (ou ta création s’tu veux), ta vraiment modifié le rendu qu’il « fallait » avoir en finissant par traîner sur d’autres effets... à la limite je peux voir que les petits brushes autour de ton texte qui font partie du « vrai » rendu final mais sinon... faudrait ptet préciser que ta création est un peu à part
Bref, mais sinon c’est vraiment très joli.
Répondre-
19 octobre 2008 23:22, par Wonka
Oui j’avoue que le résultat est un peu loin du tutorial mais le rendu est vraiment très beau
Répondre le coeur en étoile et vraiment tip top !-
21 octobre 2008 14:05, par elboy
Merci Wonka et squall, oui j’avou que je suis en parti « hors-sujet », mais je n’aime pas rester dans les règles que l’on m’impose, j’ai besoin de ma ptite liberté pour qu’une créa me fasse plaisir lorsque je la termine
Répondre
-
-
-
-
31 octobre 2008 18:33, par Kaly
bonjour tout le monde !
Je suis nouvelle parmi vous ^^ « petite » utilisatrice de Toshop, je trouve votre site vraiment extraordinaire ! merci beaucoup pour toute l’aide que vous nous apportez
J’ai donc essayé un premier tutoriel, et j’avoue que je me suis régalée à le faire (parti un peu en free style comme à mon habitude^^)
Voilà ce que ça donne : (désolée, je ne sais pas comment poster mon out come directement ^^)
Répondre -
3 novembre 2008 23:09, par Bibouille
Le résultat est super magnifique mai le mode fusion INCRUSTATION ji arriv po dc par conséken je ne pe pa en voir le résultat de ma propre création kelkun pourai maider ?????????
Répondre-
4 novembre 2008 22:31
hello,
je vais essayer de t’aider^^
juste au dessus de tes calques, tu as un petit rectangle avec écrit dedans « normal », tu cliques sur la petite flêche qui est à côté, un menu va s’ouvrir, et là tu trouvera « incrustation », tu cliques dessus, et voilà ^^
Répondre
-
-
12 novembre 2008 10:17, par skap
Super beau WKS
Comme toujours tuto simple et très bien expliqué
http://i34.tinypic.com/2ic411j.jpg
Répondre -
15 novembre 2008 17:17, par Jayden
Hum... Je ne comprends pas, j’arrive à faire la deuxième image (si on veut XD y a juste le nom qui change) mais impossible d’appliquer le masque de fusion. Je le mets, je sais où il est, mais quand je l’applique ça me change absolument rien sur mon image, j’ai pas de contour noir... A moins que je ne l’applique mal. Serait-il possible d’avoir des détails sur sa mise en pratique ?
Merci !
Répondre-
15 novembre 2008 17:19, par Jayden
Laisse tomber Wonka, je me suis débrouillée autrement, et maintenant j’ai bien le contour foncé n__n
Répondre-
15 novembre 2008 17:21, par Jayden
Désolée, encore moi XD
Tadam !!!
Merci Wonka pour tes merveilleux tutos, je « dévalise » régulièrement ton site :p
Répondre-
22 juin 2011 22:46, par Votre pseudonymexx-alan_59-xx
slt recherche un graphiste pour une team sa te dérangerait pas de m aidais stp
Répondre
-
-
-
-
2 décembre 2008 09:25, par Nitrographik
Merci beaucoup pour ce magnifique tuto ! Il m’as beaucoup aidé dans la conception de mon flyer
Répondre
-
2 décembre 2008 13:49, par Wonka
Très belle image, bravo, je me suis permis de l’ajouter dans la galerie de ce tutorial :
Répondre
-
-
-
12 décembre 2008 14:49, par Inflamus
Voilà mon image !
Voir en ligne : La il y a mon image !
Répondre-
13 décembre 2008 08:58, par Inflamus
Euh comment fait on pour mettre un image sur le site ?
Répondre-
13 décembre 2008 13:30, par Wonka
Tout en haut de la page il y a un lien pour ajouter l’image dans la galerie, il faut cliquer dessus puis remplir le formulaire (très simple) tout est expliqué
Répondre-
-
14 décembre 2008 19:37, par Inflamus
Mais mon image est plus grosse que 200K.
Comment je fait ?
Répondre -
-
-
-
-
-
-
-
-
-
16 décembre 2008 21:43, par eliot
Bonjour , dans un passage du tutoriel vous dites , je cite : « Mais surtout je passe le calque en mode de fusion incrustation (voir dans la fenêtre des calques). » malheureusement je ne trouve pas ce fameux mode de fusion incrustation pouvez vous m’aider s.v.p ? merci
Répondre-
17 décembre 2008 09:55, par Wonka
Dans la fenètre des calques tu dois avoir un menu deroulant en haut à gauche, cherche dedans tu trouveras incrustation, c’est celui ci qu’il faut sélectionner.
Répondre
-
-
7 février 2009 01:19, par Geos
Salut, merci wonka de partager tes talents de magicien.Longue vie à ton site très enrichissent ^_^
Répondre
-
-
8 février 2009 20:48
j’ai reussi a mettre le degradé de couleur, mais ce que je n’ariv pas a faire ces ta 1ere representation, le masque de fusion ? je comprend pas ...
Répondre-
9 février 2009 18:23, par Wonka
Pour ajouter un masque de fusion il faut se placer sur le calque puis aller dans le menu calque > masque de fusion > tout faire apparaitre.
Sur le masque de fusion tout ce que tu dessinera en noir disparaitrait et tout ce qui sera blanc apparaitra.
Bonne chance
Répondre
-
-
-
12 mai 2009 19:02, par elfaus
bonjour, je trouve ce tuto d’enfer, merci à son rédacteur
Répondre
J’ai trouvé une méthode qui éviterait d’utiliser le masque à l’étape 6
Utiliser tout simplement les options de fusions sur chaque calque de texte « gaussien » en activant le mode dégradé et en choisissant incrustation...
Pour ma par, je n’ai fait le test qu’avec un slogan (D.O.J).
Voyez donc par vous même si cela vous plaît -
28 mai 2009 11:16, par Aude
Bonjour, bravo pour ce tuto, je m’éclate bien que je commence tout juste avec photoshop. Un petit détail cependant de taille, je ne trouve pas comment avoir un pinceau diffus (du coup j’ai pris fondu mais c’est pas top)
Répondre-
28 mai 2009 17:41, par Wonka
En fait tu as surement du trouver la bonne forme, un pinceau diffus c’est juste le contraire d’un pinceau dur. L’un est représente par un rond flou dans Photoshop et l’autre par un rond très net.
Répondre
-
-
28 mai 2009 20:51, par Aude
Magnifique, j’ai réussi même si ca ne ressemble pas tout à fait au modèle ! C’était tout bête le pinceau mais cela change tout ! Merci pour ta réponse
Répondre -
25 juin 2009 15:46, par Flad
yosh all
je suis nouveau dans le domaine du toshop et c’était pour demander acistance x_x
Eater-Of-Soul@live.fr
Merci d’avance
Répondre-
25 juin 2009 19:00, par Wonka
Si tu n’écris pas ton problème, je ne risques pas de pouvoir t’aider
Répondre
-
-
26 juin 2009 16:00, par Flad
c’est pour l’effet luciole, moi on dirai pas des lucioles ( enfin pas autant que toi en tout cas xd )
Répondre -
12 août 2009 22:04, par Nibbana
Merci beaucoup, Tuto très utile
http://www.wks.fr/stockpix/385/4038.jpg
Répondre -
18 août 2009 01:14, par H-raf
Bonjour c’est vraiment trèès instructif comme tutoriel mais j’ai une petite question qui me tourmente , voila je suis un photographe si l’on peut dire et j’aimerai créer et ajouter un logo avec des effets comme celui la mais en plus petit dans un coin de mes photos afin que je sois reconnu comme détenteur merci de me mettre sur la voie et de me montrer comment y procéder
Répondre -
31 août 2009 13:03, par rafafa44
Bonjour,moi quand je met le dégradé il n’apparait pas....Que faire ???(j’ai pourtant bien suivi les étapes...)
Répondre-
1er septembre 2009 18:14, par Wonka
Il faut verifier la configuration du dégradé, ou la place des calques dans l’ordre, celui qui est visible est en première position !
Répondre
-
-
5 octobre 2009 10:04, par Djoule
Salutations, d’abord merci et gg pour ton tuto. En fait je commence toshop ( depuis hier soir ) je n’ai aucun soucis pour tout sauf que je ne comprend pas l’astuce du masque de fusion pour avoir le premier rendu si quelqu’un pourrait détailler. Merci bien. ( urei-neko@hotmail.fr pour me contacter )
Répondre -
11 octobre 2009 16:20, par slevine
bonjour a tous je debute sur cs3 et je galere a l’étape 2 je ne comprend pas masque de fusion incrustation mon texte est flou ensuite etape 3 mon texte ne brille pas un peux d’aide serait utile merci
Répondre -
11 octobre 2009 16:21, par slevine
bonjour je debute je bloque a la deuxieme etape pourrais t’on m’aidez merci
Répondre-
11 octobre 2009 23:00, par Wonka
Je suis désolé mais si l’étape 2 vous bloque, j’ai bien peur que la troisième sera encore plus compliqué et le reste n’en parlons pas ... !
Répondre
-
-
28 octobre 2009 01:03, par Lolita
Hey :D
Je venais d’avoir photoshop Cs4, je galérai comme une folle pour m’en sortir , et chui tombée sur ce site ! Franchement ... Merci de tout coeur parce que en une semaine, j’avais beaucoup moins de mal ! ça fait plaisir les gens comme toi qui se prennent pas la tête et qui aide les gens en qui ont besoin d’aide (on dirai que tu fais l’aumône aux pauvres à me relire ^^). Donc voilà, Merci, je l’ai déjà dit c’est vrai, mais merci ! Bise et t’arrêtes pas surtout :D
Répondre -
3 décembre 2009 21:06, par FraNa
Je sais pas si sa a déjà était dit, mais pour l’étape des lucioles il faut laissé par défault coché « les deux axes » car sinon moi j’obtiens pas ces petits points la
.En tout cas énorme tuto’, merci
Répondre
. -
1er février 2010 09:16, par lucriem
Y a pas a dire : Wonka, je t’adore :D . Tout parait si facile dans tes tutos
Répondre -
24 février 2010 14:54, par carthi
j’ai un problème pour la dernière étape : quand je mets incrustation pour le dégradé, tout le reste disparait sauf le texte qui se fond avec le dégradé. pourquoi ?
Répondre -
26 juin 2010 14:28, par thebigshel
Merci pour ce tuto, comme je débute dans photoshop je pense que j’ai fais un petit truc pas mal du tout d’ailleur.... :D
http://img31.imageshack.us/img31/5501/designthebigshel.jpg
Répondre -
17 novembre 2010 13:38, par Johanna
Bonjour, je suis bloquée à l’étape trois pourriez vous m’aider ?
Répondre-
17 novembre 2010 16:55, par Wonka
Oui l’étape concernant la lueur externe, quel est le problème ?
Répondre
-
