Inkscape-fr

Mercredi 6 août 2008

Texte enflammé

Auteur : Dominique | Catégorie : Tutoriels | Tags : , ,


Voici un petit tutoriel pour créer un joli texte enflammé avec Inkscape. Pas besoin de lancer Gimp !

Première chose. Créer un fond noir qui fera ressortir les flammes. Un simple rectangle suffira.

Créer un texte pas trop long, un mot qui fait peur. Frissons, impôts, hadopi, la liste est longue. Choisissez une police “pleine” qui ne contienne pas de trous. Un peu comme celle ci que vous trouverez à l’adresse suivante : http://www.dafont.com/fr/insomnia1.font

Texte enflammé, étape 1

On sélectionne notre texte et on en fait une copie avec un clic droit / dupliquer ou le raccourci ctrl + D.

Texte enflammé, étape 2

Convertissez la copie du texte en chemin. Sélection , menu chemin, objet en chemin.

Texte enflammé, étape 3

Parfait. Maintenant , il va falloir ajouter des nœuds pour rendre l’objet plus complexe. Toujours la copie du texte sélectionné, menu effets / modification de chemins / ajouter des nœuds.

La boite suivante devrait apparaître.

J’ai mis la valeur 5. Cela devrait convenir. Une fois cliqué sur Apply, si on sélectionne l’outil Noeuds, on peut constater l’ajout des nœuds comme dans la capture suivante.

Utilisez les poignées de redimensionnement pour obtenir quelque chose de pas trop épais.

Toujours le texte sélectionné , allez dans le menu effets / modification de chemin / Déplacer les nœuds aléatoirement.

J’ai mis 15 en déplacement maximum. On clique sur Apply et on obtient….

Une belle bouillie de noeuds. Arnaque ? Mais non , mais non. Opération inverse de toute à l’heure, on sélectionne la bouillie et on l’étire en hauteur.

Appliquez un effet flou de 2% et mettez votre texte d’origine en premier plan.

C’est quand même plus joli mais ça peut être amélioré. Sur le texte blanc :

  • appliquez une couleur noire
  • un contour épais blanc avec un petit dégradé linéaire verticale
  • baissez l’opacité à votre convenance (j’ai mis 70%)

Les plus observateurs constateront que les flammes ne sont pas les mêmes entre la dernière image et celle qui précède. J’avais recommencé à cause de heu windows…. Ce n’est pas grave mais cela montre une chose. Le déplacement aléatoire l’est vraiment et plusieurs essais peuvent être nécessaire pour avoir les plus jolies flammes.

Tutoriel posté à l’origine sur : www.dom-web.net

12 commentaires sur « Texte enflammé »

  1. Posté le 29 août 2008 à 23:56 par matou

    Sympa ! Mais moi j’aurais plutôt vu ça comme des traces de sang :) Ca fait vraiment affiche de film d’épouvante des années 80 :o )
    a+.

  2. Posté le 29 août 2008 à 23:56 par malrepast

    Vôtre tuto manque de clarté pour un débutant (dont je fais partie) :(
    Exemple :
    - appliquez une couleur noire
    - un contour épais blanc avec un petit dégradé linéaire verticale
    - baissez l’opacité à votre convenance (j’ai mis 70%)
    Oui d’accord mais comment fait-on pour appliquer une couleur noire, un contour épais blanc etc ?!

  3. Posté le 3 septembre 2008 à 17:09 par dominique

    Pour appliquer une couleur sur un objet quelconque, il suffit de le sélectionner avec le bouton gauche (de la souris) et de cliquer sur une couleur dans de la palette qui se trouve en bas.

    Petite astuce : si on fait un clic droit sur une couleur de la palette , on peut choisir de “remplir” la surface de l’objet ou bien son contour. C’est assez pratique.

    Pour l’épaisseur de contour, tu peux la modifier depuis l’éditeur de remplissage (icône avec une feuille et une plume par dessus , la 5eme a partir de la droite sur la barre du haut). Ensuite va dans l’onglet “style de contour” … et là tu pourra augmenter ton épaisseur. Si la case est grisée, c’est que ton objet n’a pas de couleur de contour.

    J’espère avoir pu t’aider ;)

  4. Posté le 1 novembre 2008 à 16:34 par psychoslave

    Excellent. Par contre je n’ai pas trouvé comment appliqué un flou à un objet vectoriel. Il y a bien le menu Effets>Images raster>Flou, mais cela ne peux s’appliquer qu’à des images bitmaps. Je précise qu’il s’agit de inkscape 0.46, ce serait pratique de préciser cela également dans le tuto.

    Merci

  5. Posté le 1 novembre 2008 à 23:43 par dominique

    Et non, l’effet de flou n’est pas dans images raster mais dans l’outil de remplissage. Icone “remplissage et contour” / onglet “remplissage” et c’est en bas.

  6. Posté le 11 novembre 2009 à 20:59 par BESSON

    Super Dominique pour surligner le texte en blanc grâce au clic droit, mais je m’étonne que personne n’ait posé la dernière question pour ce tuto, à savoir comment fait-on pour obtenir le dégradé de haut en bas sur le contour du texte. (Par avance, merci, je suis moi aussi très récent sur INKSCAPE 0.47 Pr4)

  7. Posté le 25 novembre 2009 à 18:17 par KOKO

    Bonjour
    le tuto et tres bien pas de souci avec mais je ne sais pas comment metre l’ecriture je l’ais télécharger sur le cite donnais et aprs je l’ais décomprésser pui apres je suis bloquer je ne c pas ou le metre dans inkscape pouvey vous m’édez merci d’avance

  8. Posté le 25 novembre 2009 à 23:41 par dominique

    Honte a moi , je réponds très en retard.
    @ Besson : Dans la plaette d’icones de l’outil dégradé , il y a un petit bouton pour choisir d’appliquer le dégradé soit sur le remplissage ou le contour. (3 eme et 4 eme bouton a partir de la gauche)

    @ koko
    Il aurait fallu savoir quel est ton système d’exploitation … Sous windows les polices sont a copier dans le dossier /windows/fonts
    Sous linux, tu dois créer un dossier “.fonts” dans ton “home” et copier les fichiers ttf dedans.

  9. Posté le 26 novembre 2009 à 18:39 par KOKO

    @ Dominique

    je n’ais pas linux ni xp mai vista :s

  10. Posté le 7 janvier 2010 à 15:08 par ZORLIL

    J4ARRIVE PAS A APPLIQUEE CE TUTORIALE C4EST TRES DIFFICILE POUR UN DEBUTANT COMME MOI

  11. Posté le 26 février 2010 à 1:08 par Alf

    Bof sa marche pas ton ce tuto ^^’ a partir de “ajouter des noeuds” il se passe rien, pas très clair comme tuto pour un débutant

  12. Posté le 26 mars 2010 à 18:18 par Dominique

    @alf :
    Une difficulté se rajoute avec inkscape 0.47. Le truc qui est un peu nul avec cette version est qu’il faut faire plusieurs manips pour arriver a modifier un objet texte comme on veut.
    - convertir le texte en chemin
    - dégrouper le texte (maj + ctrl +g)
    - sélectionner toutes les lettres
    - les réassembler avec la fonction “combiner” (CTRL + K).
    Là seulement , la fonction ajouter des noeuds va marcher :!(

Laisser un commentaire

RSS Calcyum – Infographie open source

RSS the inkscape tutorials weblog

Inkscape-fr.org est vitaminé par WordPress.
Son contenu sous Licence Creative Commons By-SA et les images sous Licence Art Libre.
Inkscape-fr.org est hébergé par TuxFamily.