34 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3  4  5  6
Page Précédente 
Auteur
 Sujet :

[Tuto TheGimp] Texte enflammé, flammes, etc...

 
n°15578
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 07-11-2006 à 22:38:17  
 

Bonjour
C'est mon premier tuto, et j'espère qu'il vous plaira.
Ce que je vais vous apprendre est tout simple, mais je pense que ça mérite d'être dit pour les débutants.
Commençons...
Les mesures décrites sont valable pour cet exemple, mais c'est personnalisable à souhait.
Ce tuto a été réalisé avec la version la plus récente de TheGIMP, ce qui peut rendre les raccourcis faux sur d'autres versions.
Au boulot  :fouet:   :he: !
 
___________________________________________________
 
 
 
Texte enflammé
 
1. Créez un nouveau fichier [Ctrl+N] avec fond noir. Pour l'exemple, j'ai pris 420x300. Pour l'instant, garder le calque Arrière-plan invisible en appuyant sur l'oeil.
 
2. Créez votre texte. Il serait préférable qu'il prenne toute l'image.
Vous pouvez appliquer un flou pour diminuer l'aliasing.
 
3. Une fois la base faite, nous pouvons commencer à travailler (ne vous inquiétez pas, c'est pas long  :mdr: )
Faites Alpha vers sélection sur le calque de texte. Tout en gardant la sélection active, créez un nouveau calque [Shift+Ctrl+N] transparent qu'on nommera Flamme rouge et placez le sous le calque texte. Agrandissez la sélection de 30 pixels, sélectionnez le calque Flamme rouge et remplissez la sélection de rouge [#ff0000].
 
4. Faites Alpha vers sélection sur le calque de texte. Tout en gardant la sélection active, créez un nouveau calque [Shift+Ctrl+N] transparent qu'on nommera Flamme orange et placez le sous le calque texte. Agrandissez la sélection de 15 pixels, sélectionnez le calque Flamme orange et remplissez la sélection de orange [#ff9c00].
 
5. Faites Alpha vers sélection sur le calque de texte. Tout en gardant la sélection active, créez un nouveau calque [Shift+Ctrl+N] transparent qu'on nommera Flamme jaune et placez le sous le calque texte. Remplissez la sélection de jaune [#ffea00]. Faites disparaitre le calque texte en cliquant sur l'oeil à sa gauche.
 
Vous devez avoir ça:
 
http://images.photomania.com/72409/1/rad019B5.png
 
Et les calques dans cet ordre:
 
http://images.photomania.com/72409/1/rad3E9DA.png
 
6. Maintenant, faites sur les trois calques un flou gaussien [Filtres -> Flou -> Flou gaussien] de 20 sur chaque calque Flamme.
 
Comme ceci:
http://images.photomania.com/72409/1/radA41DC.png
 
7. Fusionnez maintenant les 3 calques Flammes. Utilisez maintenant l'outil Barbouiller et, en partant du centre, donnez l'effet enflammé.
Vous pouvez, si besoin est, faire un petit flou gaussien de 5-10 pour que l'outil Barbouillage ne soit pas trop distinct.
 
Et voila, c'est fini, il ne reste qu'à faire réapparaitre les calques texte et Arrière-plan.
Ça devrait vous donner ça:
http://images.photomania.com/72409/1/rad5B10F.png
P.S: J'ai rajouté quelques dégradés et désolé pour l'aliasing.
 
EDIT: Version violette
http://images.photomania.com/72409/1/radF3849.png
 
 
 
___________________________________________________
 
 
 
Flammes (Traduction de ce tuto, avec l'autorisation de l'auteur)
 
1. Créez un nouveau fichier [Ctrl+N] avec fond transparent. Pour l'exemple, j'ai pris 256x256.  
 
2. Créez un calque transparent. Le nom importe peu. Prenez le dégradé Incandescent. Faites le dégradé de haut en bas en cochant dans les options de dégradé la coche Tramage. Vous pouvez appuyer sur Ctrl en traçant le dégradé pour qu'il soit droit.
Vous avez ça:
http://images.photomania.com/72409/1/rad5CC93.png
 
3. Faire Filtre > Distorsion > Déformation interactive et faites ainsi avec ces réglages:
http://images.photomania.com/72409/1/rad986E0.png
Il est possible de mettre un intensité de déformation plus forte, comme 40
 
4. Quand vous avez ça:
http://images.photomania.com/72409/1/rad8A767.png
Faites ainsi avec ces réglages:
http://images.photomania.com/72409/1/rad065E0.png
 
5. Faites la même chose que 4., mais en sélectionnant Tourbillon sens horaire et en faisant les déformations dans l'autre sens.
 
Voila, c'est terminé.
 
Exemple:
http://images.photomania.com/72409/1/rad82714.png
 
 
___________________________________________________
 
 
 
Utilisations la méthode précédente pour un texte. (Modification de ce tuto, avec l'autorisation de l'auteur)
 
1. Créez un nouveau fichier [Ctrl+N] avec fond noir. Pour l'exemple, j'ai pris 420x320. Il faut de préférence une image plus large que haute.
 
2. Inscrivez votre texte. Positionnez vous sur le calque texte, faites alpha vers sélection et créez un nouveau calque transparent que vous placerez en dessous.
 
3. Agrandissez la sélection de 90 pixels (personnalisable à souhait) et remplissez la du dégradé Incandescent  en inversant le dégradé et en le mettant en mode suivant la forme (sphérique).
Comme ceci:
http://images.photomania.com/72409/1/radA44BF.png
 
4. Refaites les déformations comme en 3., 4. et 5. de la méthode précédente, avec les mêmes réglages, en partant du milieu vers l'extérieur.
 
Exemple:
http://images.photomania.com/72409/1/radE4D35.png
P.S: Elle n'est pas de la même taille que les autres, car j'ai utiliser une autre image qui n'avait pas la même dimension. :biggrin:
 
Pour obtenir un fond transparent au lieu du fond noir, dupliquez le dégradé Incandescent, puis éditez la copie en changeant la couleur noir en transparence :wink:
 
Il est possible de faire une boule de feu selon la même méthode (la 3eme)
Voici un exemple:
http://images.photomania.com/72409/1/rad9DEEF.png
 
Maintenant, je vous laisse poster vos commentaires, critiques et créations.
A+


Message édité par Fagoon le 24-06-2009 à 11:27:45
answer
mood
GoogleAds
profil
Posté le 07-11-2006 à 22:38:17  
 

answer
n°15579
TyboXP
Profil : Top Penguin
Avatar
profil
Posté le 07-11-2006 à 22:41:12  
 

L'idée n'est pas mal et simple à réaliser... :great: Je tenterais une variante en mixant avec un autre tuto... :wink:

 

EDIT : Voici la variante en rajoutant du blanc au centre et en déplaçant selon ce tuto.

 

http://img364.imageshack.us/img364/5929/flammejy8.png

answer
n°15580
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 07-11-2006 à 22:42:40  
 

TyboXP, je trouve dommage le flou vers le bas des flammes.

answer
n°15583
Kurios
Profil : Penguin
Avatar
profil
Posté le 08-11-2006 à 16:12:17  
 

C'est un tuto dérivé de celui-ci, non?

 

En tout cas le rendu est  joli :great:

 

Voici mon mien :mdr:

 

kurios.png

 

Oui bon j'ai vite barbouillé mais...barbouiller c'est barbouiller :he:

 

PS Toi tu connais pas la capture d'écran The Gimp :lol:

answer
n°15584
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 08-11-2006 à 16:13:54  
 

Euum, si tu trouves que c'est derivé, oui, mais ce n'étais pas basé la dessus...
Sinon, c'est bien, dommage que tu n'aies pas laisser plus d'espace en haut et en bas des flammes, ca les coupe.
P.S: Pourquoi?

Citation :

PS Toi tu connais pas la capture d'écran The Gimp

answer
n°15585
jey
Profil : New Penguin
Avatar
profil
Posté le 08-11-2006 à 16:44:35  
 

a mon avi il disai sa parcque avec the gimp on peu fair des capture d'ecran tres jolie :smile: on peu meme choisir qu'elle fenetre on veu et au bout de combien de temps on prend la capture!!

 

c'est dans fichier=>acquisition => capture d'ecran (si mes souvenirs son bon...)

 

sa te permet de prendre des menu en photo, une seul fenetre ou encore tou l'ecran....le seul bemol...quand tu a un dual screen sa ne prend que l'ecran principal alors qu'avec le bon vieu imprim ecran on a les deux ecran enssemble sur la meme image...

 

tres reussi ton tuto!!

 

pour fair une capture d'une seul fenetre avec the gimp il faut prendre la croi et la glisser jusqu'a la fenetre que tu veu prendre en photo. sinon il la prendra jamais  :he:

answer
n°15586
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 08-11-2006 à 16:53:06  
 

Maintenant je sais, merci :biggrin:
Je vais encore rajouter la traduction.

answer
n°15587
Ona
Profil : Big Penguin
Avatar
profil
Posté le 08-11-2006 à 16:56:06  
 

TyboXP a écrit :

L'idée n'est pas mal et simple à réaliser... :great: Je tenterais une variante en mixant avec un autre tuto... :wink:

 

EDIT : Voici la variante en rajoutant du blanc au centre et en déplaçant selon ce tuto.

 

http://img364.imageshack.us/img364/5929/flammejy8.png

 

Woua c'est magnifique, je me lance, merci a toi :great:

answer
n°15589
TyboXP
Profil : Top Penguin
Avatar
profil
Posté le 08-11-2006 à 17:12:00  
 

Citation :

Woua c'est magnifique, je me lance, merci a toi :great:

 

Merci!

 

Mais comme l'a dit oO Xam Oo, ça serait mieux sans le flou en bas. :mdr:

answer
n°15590
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 08-11-2006 à 17:14:57  
 

J'ai trouvé une autre méthode, j'éditerais pour vous la faire partager.
Je ne sais juste pas comment faire pour que vous puissiez telecharger le dégradé qu'il faut (j'ai du en créer un).
Si quelqu'un pouvait m'aider...

answer
n°15591
TyboXP
Profil : Top Penguin
Avatar
profil
Posté le 08-11-2006 à 17:41:27  
 

Je sais qu'il existe des sites pour stocker tout types de fichiers (style RapidShare?) mais je ne connais pas bien...d'autre pourront peut etre t'aider... :jap:

answer
n°15592
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 08-11-2006 à 17:46:53  
 

Bon je vais tacher de trouver.

answer
n°15602
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 08-11-2006 à 19:30:58  
 

Super ton tuto :loveit:

 

Je poste mon resulat dès que je l'ai fait :wink:

answer
n°15603
WINCUSTOM18
Profil : Penguin Pro
Avatar
profil
Posté le 08-11-2006 à 20:00:17  
 

Citation :

Woua c'est magnifique, je me lance, merci a toi :great:


[mode boulet on]Pas trop fort quans même, ca risque de faire mal :lol: [mode boulet off]
L'effet est très sympa même si j'utilise une autre méthode ;)

answer
n°15604
tidine
Profil : Top Penguin
Avatar
profil
Posté le 09-11-2006 à 00:25:10  
 

Bel effet  :biggrin:

answer
n°15615
Thanar
Profil : New Penguin
Avatar
profil
Posté le 11-11-2006 à 11:32:09  
 

Voila pour moi avec le tuto de Xam  (Wé le nom est bidon, mais c'est pour la signature d'un ami ^^)
J'ai peut-être abusé du barbouillage non? :biggrin:

 

Et ici avec le tuto donné par TyboXP

 

Bon c'était un essai vite fait ^^

 


Très bon tutos (les deux) car une fois qu'on a compris le truc, ils sont relativement simple et intuitif, bravo  :jap:

answer
n°15618
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 11-11-2006 à 13:24:11  
 

C'est bien, bravo.
J'ai mis la traduction du tuto anglais, avec l'autorisation de l'auteur

answer
n°15647
Fael
look & draw
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2006 à 19:36:24  
 

un rendu sympa, j'essayerais peu être d'en faire, des flammes bleues avec un reflet vert/noir brillant (enfin crystalisé voilà :boulay: )

answer
n°15648
k-net
Profil : Penguin Pro
Avatar
profil
Posté le 14-11-2006 à 20:57:22  
 

Le tuto est entièrement de toi ?
Bravo ! Le rendu est plus qu'impressionnant !
Encore un bon truc pour les textures sous GIMP :great:
Merci !

answer
n°15649
micarot
Profil : New Penguin
Avatar
profil
Posté le 14-11-2006 à 21:30:53  
 

Bonjour! d'abbord, je tiens àdire que je suis débutant avec gimp et que ce tuto est vraiment sympa pour apprendre,merci beaucoup... enfin voila mon essai... :smile:

answer
n°15650
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 14-11-2006 à 21:33:20  
 

Citation :

Le tuto est entièrement de toi ?
Bravo ! Le rendu est plus qu'impressionnant !
Encore un bon truc pour les textures sous GIMP :great:
Merci !

 

La 1ere partie est de lui, et la 2eme est une traduction d'un tutoriel déjà existant :oui:

 

Sinon, c'est un trééés beau résultat :love:

answer
n°15652
micarot
Profil : New Penguin
Avatar
profil
Posté le 14-11-2006 à 21:58:21  
 

Bon j'en ai refait une qui me semble deja bien mieux... manque juste le blanc comme flamme au centre

answer
n°15653
jey
Profil : New Penguin
Avatar
profil
Posté le 14-11-2006 à 23:29:50  
 

c'est tres reussi :smile:

 

mais je trouve bizard la couleur de tes lettres...apres c'est une histoire de gout jpense :biggrin: (et les mien sont bof jpense :boulay: )

answer
n°15654
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 15-11-2006 à 11:39:26  
 

Merci, je suis content que ca vous plaise...
Sinon micarot, c'est bien, sauf que je trouve que le M n est pas trop visible.
Et ta premier image, le texte est bizzare, je ne sais pas si c'est peut etre la police qui fait ca...
Enfin, avis perso :wink:

 
Citation :

Sinon, c'est un trééés beau résultat love.gif

 

Merci master!

 

EDIT: J'ai reformé un peu le tuto, et rajouté une partie :biggrin:

answer
n°15655
MasterCloud
Youkaïdi, youkaïda.
Profil : Animateur
Avatar
profil
Posté le 15-11-2006 à 11:55:55  
 

 

Pas de probleme :wink:

 

Petite astuce :ar: Pour faire une sorte "d'explosion de feu", faites l'ellipse de selection, puis faites un dégradé radial à l'interieur, deselectioné, et faites la manip pour le haut, et pour le bas :great:

answer
 Page :  1  2  3  4  5  6
Page Précédente 

Aller à :
Ajouter une réponse