Tom's Guide > Forum > Graphisme > [tutorial photoshop] Enflammez vos textes !
[tutorial photoshop] Enflammez vos textes ! - Graphisme
TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Photoshop - Enflammez vos textes !

 

Bonjour, un petit tuto qui m'a pris du temps pour le réaliser (eh oui, c'est mon premier !)

 

Tout d'abord vérifiez que votre couleur principale est le blanc, et que votre couleur secondaire est le noir.

 

Puis créez un nouveau document, avec ces réglages:
http://splintercell62.free.fr/max/tutofeu/01.jpg

 

Ensuite insérez un texte, avec une police assez lisible, et placer le texte à peu près comme sur l'image qui suit, pour laisser de la place au-dessus pour les flammes, et en dessous pour le reflet des flammes.
http://splintercell62.free.fr/max/tutofeu/02.jpghttp://splintercell62.free.fr/max/tutofeu/03.jpg

 

Maintenant sélectionnez le menu : image => rotation de la zone de travail => 90° antihoraire. Votre image se met à la verticale, dans le même sens que celle-ci:
http://splintercell62.free.fr/max/tutofeu/04.jpg

 

Ensuite, sélectionnez le menu : filtre => esthétique => soufflerie. Cette image apparaîtra:
http://splintercell62.free.fr/max/tutofeu/05.jpghttp://splintercell62.free.fr/max/tutofeu/06.jpg

 

Puis répétez la soufflerie deux ou trois fois selon la longueur des flammes voulue (pour répéter l'action, appuyer simultanément sur "CTRL" et sur la touche "F" ).
Après avoir déterminé la longueur de flammes voulue, on peut remmetre l'image à l'endroit. sélectionnez "image => rotation de la zone de travail => 90° horaire.
ça donne à peu près cela:
http://splintercell62.free.fr/max/tutofeu/07.jpg

 

Sélectionnez maintenant le menu "filtre => atténuation => flou gaussien". dans la fenêtre qui s'affiche, entrez un rayon de 5 pixels, puis validez par "ok".
voici ce que vous devriez avoir, à peu près:
http://splintercell62.free.fr/max/tutofeu/08.jpghttp://splintercell62.free.fr/max/tutofeu/09.jpg

 

Sélectionnez le calque fusionné si ce n'est pas déjà fait, et allez dans le menu "image => réglages => teinte-saturation".
Puis mettez les valeurs suivantes:
http://splintercell62.free.fr/max/tutofeu/10.jpg

 

veillez à bien cocher la case "redéfinir" en bas à droite de la fenêtre. Validez par "ok".

 

Dupliquez maintenant le calque qui vient d'être modifié, en le sélectionnant, et en allant dans le menu "calque => dupliquer le calque".
au niveau des calques, on arrive à ça:
http://splintercell62.free.fr/max/tutofeu/11.jpghttp://splintercell62.free.fr/max/tutofeu/27.jpg

 

Attention ! dans le champ "teinte", c'est bien "-40" et non pas "40". Ici, ne cochez pas la case redéfinir. Validez par "ok".
On arrivez à peu près à ça:
http://splintercell62.free.fr/max/tutofeu/13.jpg

 

Maintenant modifier les options de fusion du calque qui vient d'être modifier (le calque du dessus), et sélectionnez "superposition".
http://splintercell62.free.fr/max/tutofeu/13.jpghttp://splintercell62.free.fr/max/tutofeu/14.jpg

 

Maintenant vérifiez que le calque du dessus est sélectionné, et allez dans le menu "calque => fusionner avec le calque inférieur".
Au niveau des calques, on arrive à ça:
http://splintercell62.free.fr/max/tutofeu/15.jpg

 

sélectionnez ensuite le menu "filtre => fluidité". dans la fenêtre qui s'ouvre, entrez ces réglages:
http://splintercell62.free.fr/max/tutofeu/16.jpghttp://splintercell62.free.fr/max/tutofeu/17.jpg

 

Validez par "ok".
Vous pouvez maintenant repasser le calque texte au dessus du calque contenant les flammes. Mettez votre texte en noir.
cela donne ça:
http://splintercell62.free.fr/max/tutofeu/18.jpg

 

La mise en forme des flammes est terminée, mais on va rendre notre création un peu plus réaliste: on continue:

 

Sur la calque texte, créez un masque vectoriel, en cliquant sur le petit bouton entouré en rouge sur l'image qui suit.
http://splintercell62.free.fr/max/tutofeu/20.jpghttp://splintercell62.free.fr/max/tutofeu/21.jpg

 

cela donne à peu près ça sur votre texte:
http://splintercell62.free.fr/max/tutofeu/22.jpg

 

Vous pouvez maintenant aplatir l'image.
Pour cela sélectionnez le menu "calques => aplatir l'image". Vous n'avez plus qu'un calque "arrière plan".
Sélectionnez ensuite l'outil "rectangle de sélection" dans votre palette, et sélectionnez tout le texte et les flammes, mais pas le noir du bas. exemple:
http://splintercell62.free.fr/max/tutofeu/23.jpghttp://splintercell62.free.fr/max/tutofeu/24.jpg

 

En sélectionnant toujours le même calque, allez dans le menu "édition => transformation => perspective".

 

réglez la perspective à peu près comme sur l'image, en étirant le bord en bas à gauche du rectangle affiché. exemple:
http://splintercell62.free.fr/max/tutofeu/25.jpg

 

et validez par le bouton entouré en rouge.
Il ne reste plus qu'à modifier l'opacité du calque en perspective. réglez là à 40% environ, pour faire un beau reflet.

 


Et voilà le résultat !
http://splintercell62.free.fr/max/tutofeu/resultat.jpg


Message édité par RedTux le 15-06-2007 à 14:45:54
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Moi je dis tout simplement BRAVO ! ;-)

Répondre à FatMan@IDN

merci merci 8-) :-) ;-)

Juste un mot pour éviter que certaines mauvaises langues disent "le tuto est fait par Spirit, et pas par toi, lovelyboy" => je réponds: Spirit c'est mon nouveau pseudo, mais comme on ne peut pas changer de pseudo sur IDN... tanpis...
ou alors: "des tutos comme ça il y en a 10000 sur Internet". Oui et c'est bien grâce à un des tutos d'internet que j'ai appris à faire cet effet. et je fais un tuto à mon tour (car je ne peux pas poster le tuto d'un autre, c'est illégal...)

voilà 8-)

Répondre à .Spirit

Mais ca aurait du etre posté dans ce topic.

Répondre à M2k@idn

ben c'est pas une création graphique c'est un tuto... :-?

Répondre à .Spirit

super beau je me le suis fait xD

Répondre à arta-vur

Si tu veux mais au final c'est une création... ;-)

Répondre à M2k@idn

En un mot "Bravo"
Sa ta prit combien de temps?? :-D
@++

Répondre à SnooZei

Félicitations Lovelyboy !
:-D
Ton tuto est magnifique.


Sais-tu s'il peut également s'appliquer à Photoshop Elements ? (je n'en suis pas sûr, car je ne crois pas que l'outil Masque vectoriel existe dans Photoshop Elements)




Répondre à xtrasystole

Salut peut tu les mettre en screen car moi j'arrive pas a voir ton oeuvre merci d'avance.

Répondre à mohashow

C'est bon je vois ton oeuvre!!
Excélent ca déchire félicitation!!

Répondre à mohashow

Joli travail, je vais faire de même mais avec une flamme bleue sur fond blanc, ça ira bien avec mn thème windows.

Répondre à Twiggy38@IDN

Salut,
merci à tous :roll:
Pour photoshop Element je ne sais pas du tout, car je ne l'ai pas :roll:... tu peux essayer... si il ne manque que le masque vectoriel, tu peux faire quand même une partie du tuto... tu peu passer cette étape... tu peux peut-être arranger ça avec les styles de calques (si ça existe sur photoshop element 2... biseautage et estampage, et tu ne fais apparaitre que le "blanc" du biseautage (en bas de la fenêtre réglages)... par contre je ne suis pas sûr du résultat... :-P :-P :-P


Edit: j'ai oublié de répondre à SnooZei: ça m'a pris 5-6heures, comme c'est mon premier (le premier c'est toujours un peu dur...) et que ce tuto est très long !

Répondre à .Spirit

Dit quel est la police que tu a choisie??
Merci

Répondre à mohashow

il est tres fait ce tuto: félicitation. .:gg:
Jen profite pour remercier de la part de tous ceux a qui ca servira (moi le premier) :king:

Répondre à juh@IDN

Salut,
Merci encore :-)
Pour la police, voici le lien pour la télécharger...
http://www.dafont.com/download/?os [...] 1123539664

Répondre à .Spirit

Merci encore pour tout, Lovelyboy !


Répondre à xtrasystole

merci lovelyboy.
Si tu a d'autres oeuvre comme celle ci ca m'interesse.

Répondre à mohashow

Bonjour à tous,

Je viens de tester ce tuto et ça marche terrible.
Merci à toi Lovelyboy. :king:

Répondre à Yama310

salut,

Moi aussi trop bien le tuto meme si on (Yama et moi) arrive 1 moi apres que le topic soit créer on vient remercier ;-)

chapo des tuto comme ca tu peut en mettre quand tu veux !!!!!! :-D

:bounce: :copain: :bierre:

Répondre à makak06

salut,
là j'en suis à 5 tutos photoshop sur mon site:
http://leportailduweb.free.fr
rubrique tutoriaux (en haut à gauche), multimédia et graphisme :-)
si vous avez un problème pour un tuto, autre une autre question, soit vous posez votre question ce topic (quoi qu'en ce moment je n'ai plus trop le temps de venir), soit sur le forum de MicroPC+ (leportailduweb) ou soit vous me demandez mon msn en MP ;-)
@+ ;-)

Répondre à .Spirit

rajout d'un tuto, plus un autre tuto en préparation ;-)
je compte en faire plein... au fur et à mesure de mon apprentissage :-D

Répondre à .Spirit

Citation :


Lovelyboy a écrit :
rajout d'un tuto, plus un autre tuto en préparation ;-)
je compte en faire plein... au fur et à mesure de mon apprentissage :-D



Merci à toi ! :king: :king:

Répondre à Yama310

merci meme si je connais deja

Répondre à hellmot

Citation :


makak06 a écrit :
salut,

Moi aussi trop bien le tuto meme si on (Yama et moi) arrive 1 moi apres que le topic soit créer on vient remercier ;-)

chapo des tuto comme ca tu peut en mettre quand tu veux !!!!!! :-D

:bounce: :copain: :bierre:



J'ai l'impression que ce tuto t'auras bien servi.

VIVE LA COMMUNAUTE IDN ! ! !

Répondre à manslipkorn

oui ce tuto comme vous avez plus le constater en regardant mon avatar marche a merveille et en plus le resultat est magnifique lol merci pour les tuto vivement les prochains :-)

Répondre à makak06

bah lol les prochains sont sur le site
je ne les remet pas là, c'est long de faire le message avec toutes les images lol :-P

Répondre à .Spirit

:hello: moi la fusion marche pas :pfff:
il y a pas ce que tu dit: fusionner avec le calque inferieur! masi au niveau des calque il apparait encore en pixélisé(pas comme toi sur le screen)! c'est a cause de sa?

Répondre à Samsuki

Sur le screen il est pixellisé le mien... (le rouge)
sélectionne le bon calque (le rouge =) ) et si il n'y a pas l'option essaie avec CTRL+E ...
quelle est ta version de photoshop ?

Répondre à .Spirit

Topic completement a refaire, les balize image sont dans tous les sens mème pas fermé résulat, on ne compren que la moitier

------------------------------ Trouvez votre bonheur ici
Répondre à joyce69

J'ai réparé un peu son post, mais je suis pas sur que les images soient correct !
C'est de l'impro en attendant qu'il le fasse lui-même !

------------------------------ N'oubliez pas le [Résolu] dans le titre si vous êtes satisfait.
Les règles du Forum - À lire absolument
Répondre à RedTux

Merci, c'est beaucoup mieux, je pense pas qu'il y aura de retouche a faire *_^

------------------------------ Trouvez votre bonheur ici
Répondre à joyce69
- 0 +

J'ai un probleme a la partie ou il faut mettre un masque vectoriel, je l'ajoute sur le calque texte et rien ne se passe.


Message édité par Sliv le 24-06-2007 à 13:31:52
Répondre à Sliv

nice je vais essayer sa

Répondre à gravel

Tres bon tuto, mais j'y arrive pas au niveau du masque vectriel

Citation :

La mise en forme des flammes est terminée, mais on va rendre notre création un peu plus réaliste: on continue:


Sur la calque texte, créez un masque vectoriel, en cliquant sur le petit bouton entouré en rouge sur l'image qui suit.


J'ai le petit rectangle blanc, mais pas le meme curseur que toi...

Répondre à Antoetienne

j'ai le même problème que Sliv, je bloque au niveau du masque vectoriel à la différence que je n'ai même pas le curseur :( .
Pourrait-on appronfondir cette étape afin qu'elle soit plus facile à appliquer ?
merci d'avance


Message édité par balroid le 01-12-2007 à 23:25:02
Répondre à balroid

Moi je bug quand je doit faire la teinte saturation car je ne peux pas cliquer dessus. help me

Répondre à warandlove
Tom's Guide > Forum > Graphisme > [tutorial photoshop] Enflammez vos textes !
Aller à :

Il y a 2892 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Liens