Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
ForumsTexte effet Feu
      Imprimer le sujet FAQ  M'enregistrer 
  Vous êtes plutôt 100% Gratuit et disposez de The Gimp chez vous, pas de problèmes, la communauté a pensé à vous !
Des tutoriaux de toutes sortes pour The Gimp sont disponibles.

Texte effet Feu

Messagede MacManus le 06 Nov 2007, 22:22

Niveau requis : Débutant
Difficulté : Moyenne
Temps : 10 min
Auteur : Maxime Douce (MacManus)


Dans ce tutoriel, je vais vous apprendre à créer entièrement, sans aucune images de base très jolie texte avec un effet "Feu" :

Image

Si c'est la première fois que vous essayer de fire ce tutoriel, ou si vous êtes débutant dans GIMP, ne modifiez que quand je vous le propose et suivez à la lettre les indications. Les valeurs données dans ce tuto sont données à titre indicatif, vous pouvez à tout moment les modifier selon vos envies et vos gouts...

Pour les pures débutants, je vous conseille d'aller voir cet excellent résumer de l'interface de GIMP, ICI.
1 - Création du fond et du texte

- Nous allons commencer créer une image de 600 x 300 . Vous pouvez prendre une taille d'image plus grande, je ne vous l'impose pas.

Image

- Nous allons remplir le fond en noir à l'aide de l'outil de remplissage (Maj + B). On obtient ceci :

Image

- A l'aide de l'outil de Texte (T), inséré le texte de votre choix, à peu près comme dans la copie d'écran qui suit :

Image

- Dupliquer le calque d'arrière plan pour obtenir un second calque noir.

Image

- Récupérer la sélection du calque de texte en faisant :
Clique droit sur le calque de texte >> Alpha vers sélection

Image

- Sélectionner le nouveau calque noir et avec la sélection du calque texte toujours active, remplissez de blanc les lettres qui sont normalement déja blanches. Cela fait expré. Ensuite déselectionner en faisant CTRL + shift + A.

Image

- Toujours sur la calque de texte, nous allons faire tourner l'image :
Image >> Transformer >> Rotation 90° sens anti horaire

Image

2 - Mise en place des effets

- Déselectionner tout et appliquer un effet de vent :
Filtres > > distortion > > vent
- Style : vent
- Direction : droite
- Bordure affectée : avant
- Seuil : 10
- Force : 10


Image

- Redresser l'image :
Image > > transformer > > rotation 90° sens horaire

Image

- Ajoutez un flou gaussien :
Filtres >> Flou >> Flou gaussien
- Horizontal : 5,0 px
- Vertical : 5,0 px
- Méthode de flou : RLE


Image

Image

- Nous allons colorer l'image.
Couleurs >> colorier
- Teinte : 40
- Saturation : 100
- Luminosité : 0


Image

- Vous devez dupliquer le calque "Copie de Arrière Plan" : faites un clique droit sur le calque puis "Dupliquer le calque".

Image

- Nous allons changé la teinte du nouveau calque. Sélectionnez-le et vérifier qu'il soit bien au dessus du calque original. Ensuite faites :
Couleurs >> Teinte-Saturation
- Superposition : 0
- Teinte : -40
- Luminosité : 0
- Saturation : 0


Image

- Nous allons changer le mode du calque "Copie de Copie de Arrière Plan" en mode "Eclaircir".

Image

- Votre texte devrez ressembler à ceci : si c'est le cas c'est très bien, sinon, refaites les étapes précédentes.

Image

- Fusuinnez les deux calques de travail => clique droit sur le calque "Copie de Copie d'Arrière Plan" et faites "Fusionner vers le bas"

Image

- Vous allez maintenant créer les flammes. Pour cela nous allons utilisé l'outil "Barbouiller l'image" ( S). Prenez une taille de brosse assez grande et au bord flou par exemple "Circle Fuzzy (19)". Il ne vous reste plus qu'a "étirer" les flammes vers le haut et leur donner leur futur forme.

Image

- Nous allons encore une fois dupliquer le calque "Copie de Arrière Plan". Passez la copie de ce calque en mode "Ecran" et baissez l'opacité à 60.

- Créer un nouveau calque. Nommer le "lettres noires".

- Allez sur le calque de texte, faites un clique droit dessus et cliquer sur "Alpha vers sélection".

Image

- De nouveau sur le nouveau calque, remplissez la selection de noir. Rien ne se passe, c'est normal. Il ne vous reste plus qu'a faire passé ce calque au dessus de la pile pour avoir les lettres du texte en noir. Ensuite deselectionner.

Image

- Vous allez dupliquer encore une fois le calque "Copie de Arrière Plan" et le passer au dessus de tout les autre calques. Passez ce calque en mode "Addition" et y ajouter un masque de claque (masque de fusion). Pour cela : clique droit sur le calque -> "ajouter un masque de calque".

Image

- Enfin, dernière ligne droite, sur la calque "lettres noires", faites "Alpha vers sélection" puis appliquer un dégradé noir vers blanc a l'aide de l'outil dégradé (L). Tout déselectionner.

Image

Image

Normalement, cela donne ça :

Image

Et voila c'est fini !

Pour les débutants, faites :
Fichier >> Enregistrer l'image...
Je vous conseille le format png, mais libre à vous de choisir.
Si en plus de cela, vous voulez enregistrer avec le format de "the GIMP", qui vous permetra de conserver les calques, et faire des modifications par la suite, enregistrez avec l'extension *.xcf .

Voilà j'espère avoir pu vous aider !
@+
MacManus
PS : - Ce tuto a été réalisé par Maxime Douce (MacManus) pour Pix-creations.com (http://www.pix-creations.com) et pour Monsitegratuit.com (http://www.monsitegratuit.com). Veuillez me contacter pour me demander mon autorisation pour le recopier sur un autre forum/site.


-----------------------------------------------------------------------------------------------------------------------
EDIT :
Comme Jeromecold ma dit qu'il voulais un tutoriel tous les jours... :-D
J'écrit une réponse mais je ne sais pas quoi dire tellement le résultat est génial! BRAVO :bravo: :bravo: des tutos comme ça, j'en veux bien un tout les jours! Olitax a de la concurence!

Je me suis empressé de le faire !!! :lol:
Le rendu est plutôt pal mal... n'hésité pas à me faire pavenir vos remarques !
Dernière édition par MacManus le 06 Nov 2007, 22:42, édité 4 fois.
Avatar de l'utilisateur
MacManus
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 237
Inscription: 02 Nov 2007, 09:06
Localisation: Principauté de Monaco
Points: 8


Re: Texte effet Feu

Messagede Olitax le 06 Nov 2007, 22:27

Bonsoir MacManus

Pas mal !

MacManus a écrit:Je me suis empressé de le faire !!!

Oui je vois :lol:
Ca manque de couleur :non:
Attention ! Les images ne doivent pas dépasser 600px ! Une fait 868px :-o :-o

Bonne continuation ;-)

Olitax
Suivez l'actualité de MonSiteGratuit sur notre compte Twitter !
:etoile: http://twitter.com/MonSiteGratuit :etoile:
Avatar de l'utilisateur
Olitax
Admin'z
Admin'z
 
Messages: 1237
Inscription: 27 Aoû 2007, 05:57
Localisation: Principauté de Monaco
Points: 5156


Re: Texte effet Feu

Messagede MacManus le 06 Nov 2007, 22:29

Bonjour Olitax,
tu as raison, j'ai complétement oublier une étape :-D Merci :coeur:
Je vais corriger cela tout de suite :-)
A bientôt
MacManus
Avatar de l'utilisateur
MacManus
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 237
Inscription: 02 Nov 2007, 09:06
Localisation: Principauté de Monaco
Points: 8


Re: Texte effet Feu

Messagede Cclleemm le 06 Nov 2007, 22:35

Oui c'est vrai : Le tuto ne pourra pas être validé si les images font plus de 600px de largeur ... Redimensionne les stp.
C'est vrai que le rendu est génial ! :bravo:
Mais contrairement à l'autre (Bouton Style Crystal), sa présentation est moins bien (titres, couleurs, étapes ...)... Oubli pas les titres et prends ton temps pour le faire, dommage car l'idée et le résultat est cool !
Mais ne t'inquiète pas, le tutoriel sera validé quand tu l'auras remis en forme et redimmensionner les images trop grande.
Sinon, bravo ! :bravo:
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Texte effet Feu

Messagede MacManus le 06 Nov 2007, 22:38

Pas de problèmes !
Je corrige ça tout de suite.
A bientôt
MacManus :-D
Avatar de l'utilisateur
MacManus
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 237
Inscription: 02 Nov 2007, 09:06
Localisation: Principauté de Monaco
Points: 8


Re: Texte effet Feu

Messagede Cclleemm le 06 Nov 2007, 22:44

Hey, merci, tu es cool !
Préviens nous lorsque tu mets les modifications en ligne !
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Texte effet Feu

Messagede MacManus le 06 Nov 2007, 22:46

Voila, je pense que j'ai tout corriger :
- Rajout des couleurs.
- Redimensionnement de 2 images supérieures à 600 px de largeur.
- Rajout des titres.
- Rajout des 2étapes.

Je pense que c'est un tutoriel pas très long et que j'ai pris assez de temps pour le faire ;-D

Voila voila
A bientôt
MacManus
Avatar de l'utilisateur
MacManus
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 237
Inscription: 02 Nov 2007, 09:06
Localisation: Principauté de Monaco
Points: 8


Re: Texte effet Feu

Messagede boulledogue le 11 Nov 2007, 02:31

Parfait! Magnifique resultat et avec The Gimp en plus :-D
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Texte effet Feu

Messagede Cclleemm le 01 Déc 2007, 15:35

Image
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Texte effet Feu

Messagede cordial69 le 04 Jan 2008, 15:18

Bonjour,
Nouveau et débutant.
Vous parlez de GIMP. C'est la 1ère fois que j'en entends parler. Il serait bon de nous dire d'abord comment se le procurer.

Par ailleurs, il n'y a pas de lien dans votre phrase suivante :

Pour les pures débutants, je vous conseille d'aller voir cet excellent résumer de l'interface de GIMP, ICI.

Par avance veuillez m'excuser d'avoir mis en rouge les fautes d'ortographe si cela vous choque mais c'est un tic chez moi (personne n'est parfait) et cela ne veut pas dire que je n'en fait pas moi aussi mais je me corrige et on en apprend tous les jours, encore faut-il le vouloir.

Merci et bonne année.
cordial69
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 1
Inscription: 04 Jan 2008, 13:53
Points: 0


Re: Texte effet Feu

Messagede Cclleemm le 04 Jan 2008, 15:47

En faites, pour télécharger The Gimp, tu tape "Télécharger The Gimp" sur Google et le tour est joué.
Mais sinon, on ne va pas faire une présentation de The Gimp sur chaques tutos. On en a déjà fait une sur le forum, à toi de fouiller.
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Texte effet Feu

Messagede boulledogue le 09 Jan 2008, 14:10

Bonjour et bienvenue cordial69 :-D
MacManus a fait de son mieux et s'il a oublié le lien c'est qu'il comptais sans doute le mettre après! Sinon pour avoir Gimp il faut "GTK" plus le programme "The Gimp" (evidemment).
Il te faut donc les deux, renseigne toi sur Google
@+
Boulledogue
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Texte effet Feu

Messagede Olitax le 09 Jan 2008, 16:24

Bonjour,

Voici le lien de téléchargement de The Gimp

Télécharger The Gimp 2.4.2


Bonne soirée :-)

Olitax
Suivez l'actualité de MonSiteGratuit sur notre compte Twitter !
:etoile: http://twitter.com/MonSiteGratuit :etoile:
Avatar de l'utilisateur
Olitax
Admin'z
Admin'z
 
Messages: 1237
Inscription: 27 Aoû 2007, 05:57
Localisation: Principauté de Monaco
Points: 5156



Retourner vers The Gimp

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités