gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 09:49 AM
    Need help: "correcting" exposures in time-lapse imagesets
  2. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  3. gimp-user | yesterday 11:13 PM
    collages in gimp?
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

05 Sep 2007 08:59 AM, by devvv (Bernhard Stockmann)

Smelting text / Creating blood text

In this tutorial I show you how you can liquify / smelt text or other graphical objects. I'm going to demonstrate this by creating a blood text.

This article has been written using GIMP 2.4 rc2. It's divided into 12 steps and takes about 20 min to complete for an average user. 67087 times read so far. Category: Techniques, required skill: 2 of 5

28 comments have been posted so far.

Available in other languages:

  1. 1
    Make a new file: 600x400 px. White background. Write one or two words with a sans-serif-font (i.e. "bloody GIMP" ;)).

    Size: 140px.
    Line height: ca. -15
    Color of text: #870000 (a dark red)

    Layer / Layer to Image size. After this the text cannot be changed because it is rendered.
    Screenshot of step 1
    Click to enlarge
  2. 2
    The next technique is optional. The blood looks simply better when your text has rounded corners. We've a seperate tutorial for the rounded corners-technique. The technique is very useful. Have a look at it.

    These are the quick steps to get rounded corners on this text:
    - Apply Filter / Gaussian Blur
    - 10px
    - Repeat the filter by Pressing CTRL+F
    - Repeat it again
    - Choose Colors / Curves, top left choose Alpha as channel. Move the point at the bottom to the middle, do so with the point that is at the top right. You'll see immideate changes in the picture. Do this until you have nice rounded off corners.
    Screenshot of step 2
    Click to enlarge
  3. 3
    Create a new layer and choose the pencil-tool. Make sure the color is the same as before #870000.

    Paint even vertical lines down now. (You get exact lines when clicking a single dot someqhere into the text - this is the starting point - then hold SHIFT and set the endpoint). Do this a few times as seen on the image below.

    The strength of the pencil should be 7.
    Screenshot of step 3
    Click to enlarge
  4. 4
    After being satisfied with the lines click "Merge down" by clicking right in the layers dialog. The Text and the lines should then be on a single layer.

    To make the lines look like a part of the text we use the Liquify-Filter. Filters / Distorts / IWarp. Choose "grow".

    Deform radius: 9
    Deform amount: 0.26

    All Work is done in the preview-window of this filter: Now first work on the area where the 'blood' is coming out of the text and running down. Click and hold your mouse down at the exitpoint of the blood of the text and make small circular movements. The hard edges look more as they would have been a part of the text. Repeat this for every line.

    The next step are the endings of the lines. They should look like drops in the end, do this with the same teqchnique as with the exitpoints.

    After that use "shrink". Now shrink the middle parts of the lines so that they become much thinner. To do this move the mouse (while holding down the mousebutton) from top to bottom until you find it thin enough. It should be uneven to look real!

    You should the have a result of something like that:
    Screenshot of step 4
    Click to enlarge
  5. 5
    If your satisfied with the result you're done ;)

    If you want to look the text even more like blood follow these steps:

    Duplicate the layer with the blood and click the "Lock"-Button in the layers dialog (it is found above the layers). It's called "Sperre" in the image below.
    Screenshot of step 5
    Click to enlarge
  6. 6
    Rightclick in the layers dialog "Selection from Alpha". Then click the Channels dialog (Dialogs / Channels). Add a new channel: "Initialize from selection".

    Click the channel in the channels dialog, then go to Select / None. Filter / Gaussian Blur 4 times with these values: 10px, 6px, 3 and finally 1 px.
    Screenshot of step 6
    Click to enlarge
  7. 7
    Click the visibility (eye icon) of the channel to make it invisible.

    Change to the layers dialog, click the duplicated blood layer. Choose #818181 as new foreground color.
    - Edit / Fill FG-Color. The duplicated layer should now be all gray.
    Screenshot of step 7
    Click to enlarge
  8. 8
    Filters / Lights and Shadow / Lighing Effects. As bumpmap choose the channel we just created. Max. height: 0,05

    For the Materials tab choose the values of the picture (they are in the same order in the english version of Gimp)
    Screenshot of step 8
    Click to enlarge
  9. 9
    Then we need 2 lights.

    For the first light use these values:

    Light 1
    Type: Directional
    Color White
    Intensity: 1

    Direction:
    X Y Z: -0.9 / -1.5 / 0.7
    Screenshot of step 9
    Click to enlarge
  10. 10
    For the second light use these values:

    Light 2
    Type: Directional
    Color White
    Intensity: 1

    Direction:
    X Y Z: 1.4 / 1.65 / 1.0
    Screenshot of step 10
    Click to enlarge
  11. 11
    The layer is still alpha locked. Now apply the Gaussian Blur again. 3 times. every time use 2px for the blur.
    Screenshot of step 11
    Click to enlarge
  12. 12
    Set the layers mode to "Hard light" and you get nice dark blood ;)

    Have fun by making your own blood!
    bloody text using the gimp
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Links (pingbacks)

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 16 Sep 2007 12:40:08 AM CEST Trevor Andrews, 16 Sep 2007 12:40 AM

    Wow! very nice tutorial! I made a blood drip effect, but it dosent look nearly as good as this!

  2. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sat 12 Jan 2008 09:53:43 PM CET tayfuraltınbaş, 12 Jan 2008 09:53 PM

    süper çocuklar prova:D:D:D

  3. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Fri 18 Apr 2008 02:34:21 PM CEST Greg, 18 Apr 2008 02:34 PM

    Step 8 says: "As bumpmap choose the channel we just created." My bumpmap list seems only to show layers and doesn't have my channel. Any hints?

  4. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Fri 18 Apr 2008 03:03:55 PM CEST devvv, 18 Apr 2008 03:03 PM

    the bumpmap and the layer itself must have exactly (!) the same size. try "layer / layer to image size" and redo the step then

  5. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Wed 14 May 2008 02:40:27 PM CEST tommytk, 14 May 2008 02:40 PM

    -*-


    Click to enlarge

  6. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Wed 04 Jun 2008 03:20:15 PM CEST sadie, 04 Jun 2008 03:20 PM

    ! Dracula !

  7. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Fri 06 Feb 2009 05:45:59 AM CET anay, 06 Feb 2009 05:45 AM

    i dont know where you got the shrink tool but i cant do that when i tried this, =[ if you can, can you explain more on part 3 and 4? thank you so much

  8. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sat 21 Feb 2009 07:02:31 PM CET Joe, 21 Feb 2009 07:02 PM

    I could not get step 2(rounding the corners)to work as shown. I achieved a similar effect by blurring the text layer(transparent) a few times and then duplicating that layer 5-6 times until it looks good and then merging all of those layers together.

  9. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Mon 16 Mar 2009 08:59:04 PM CET Harvinder Puri, 16 Mar 2009 08:59 PM

    Well i am newbie to GIMP. Trying to switch from windows to linux with all softwares also. This is just an amazing tutorial, I follow all steps and what i get finally was just wow! Thanks to help peoples like me.

  10. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 24 Mar 2009 03:32:17 PM CET Sander Valcke, 24 Mar 2009 03:32 PM

    Brilliant tutorial, followed it several times and keep being astonished by the result :)

  11. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Mon 30 Mar 2009 08:33:50 PM CEST zakariya, 30 Mar 2009 08:33 PM

    how to download it

  12. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 28 Jul 2009 05:05:33 PM CEST Darling, 28 Jul 2009 05:05 PM

    OMG I DID IT!!!!!!!!!!!!!!!!!!

    Thanks for your brilliant, brilliant, genius tutorial lol


    xxxxx

  13. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 28 Jul 2009 05:32:27 PM CEST Darlingpresley, 28 Jul 2009 05:32 PM

    ok...so now i am registered...I will upload the image I created following your tutorial....

    xx


    Click to enlarge

  14. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 23 Aug 2009 03:34:36 AM CEST John, 23 Aug 2009 03:34 AM

    This tutorial sucks. I got nothing like your example.

  15. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 23 Aug 2009 03:36:29 AM CEST Phillipe, 23 Aug 2009 03:36 AM

    Can someone please tell me how to get the text to appear clear again after applying the gaussian blur and curves adjustment?

    Thanks,

    Phil

  16. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 23 Aug 2009 04:16:10 AM CEST Darlingpresley, 23 Aug 2009 04:16 AM

    Phillipe....it comes back into focus when you apply the "curves" selection....

  17. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 23 Aug 2009 04:18:10 AM CEST Darlingpresley, 23 Aug 2009 04:18 AM

    ...........and John.........you must be missing a small step out somewhere along the line, because I folllowed it to the letter and came up with the piece above ^^^^^^^^

  18. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sun 23 Aug 2009 07:24:53 PM CEST Phillipe, 23 Aug 2009 07:24 PM

    Thanks Darlingpresley. I was moving the curves adjust too much. The tutorial isn't too clear about it, as moving the top-right point that much makes it too skinny.

    After doing the gaussian blur, I got a better result by duplicating the layer twice, and then merging down.

    Still working the steps, I think it will turn out cool.

    I'm trying to make the word "Nightmare" bloody, to put on ObamaCare t-shirts. :-)

    Phil

  19. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Mon 24 Aug 2009 12:49:12 AM CEST Darlingpresley, 24 Aug 2009 12:49 AM

    Cool Phil...don't forget to post the finished item!!

  20. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 01 Sep 2009 07:24:07 PM CEST MAJOR FAIL, 01 Sep 2009 07:24 PM

    been using gimp every few days for few hours. like 5 a day :)
    anyway this HOWTO seems to totally wrong..
    is it one of the tutorials the autours wants to show off with but not really show you how to do it correct. cos lot of what he says does not work at all. MAJOR FAIL. also the captcha on this page is ridiculous. if you must use one to stop bots. use one you can read . MAJOR FAIL

  21. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 01 Sep 2009 09:22:36 PM CEST DarlingPresley, 01 Sep 2009 09:22 PM

    MAJOR FAIL,

    A poor workman always blames his tools!!!!

    I managed to follow the steps and created the image above....it is hard to describe this program because as hard as you try you 'presume' that the user has some knowledge of the program already and can apply a bit of artistic license to the piece...

    Also, there's nothing wrong with the screen grabs..if you click on them they're big enough to see...don't know what your problem is really...

  22. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Thu 10 Sep 2009 03:58:43 PM CEST Paco, 10 Sep 2009 03:58 PM

    where is Selection from Alpha?????

  23. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Thu 10 Sep 2009 04:15:49 PM CEST devvv, 10 Sep 2009 04:15 PM

    in the layers dialog - rightclick the layer - in the context menu somwhere at the bottom.

  24. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Thu 10 Sep 2009 04:20:56 PM CEST DarlingPresley, 10 Sep 2009 04:20 PM

    Paco.....

    Selection from Alpha was not found on my version (2.6.6)

    In the LAYERS tab, you use "Alpha to selection" and in the PATHS tab you use "path to selection"

    hope this helps :)

  25. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Fri 16 Oct 2009 09:40:33 PM CEST 2ty, 16 Oct 2009 09:40 PM

    wow, great tut! It took a while before I could understand everyting (I'm dutch and I have a dutch version of gimp), but the result is great!
    This is what I made:
    [IMG]http://i36.tinypic.com/v5xq45.gif[/IMG]
    Yeah, I know this 'welcome' doesn't look so inviting...

  26. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Sat 12 Dec 2009 12:47:03 PM CET Gabberklaus, 12 Dec 2009 12:47 PM

    hardcore

  27. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Mon 25 Jan 2010 02:43:22 PM CET k41, 25 Jan 2010 02:43 PM

    nice tutorial

    i can made it... with gimp 2.6

  28. http://www.gimpusers.com/tutorials/smelting-text-bloody-text.html Tue 02 Feb 2010 09:37:07 PM CET MAJOR FAIL, 02 Feb 2010 09:37 PM

    hey dude i really slagged off your HOWTO. some mnths later http://img689.imageshack.us/img689/3104/mygift.png
    nice one. just need to go back and do the blood. excellent TUTORIAL.
    keep up the good work.
    you was correct about A poor workman always blames his tools!!!!
    w00t

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services