Gimp Burning Text Tutorial

Gimp is free image manipulating program. It's fantastic! If you don't already have it download it from www.gimp.org.

 This is Gimp 2.8 tutorial, how to create burning text effect.

Step 1

Well I guess we need to fire up Gimp itself!

 1. File – New – 512 x 512 canvas size. Or what ever size you need.

 If you have background in mind to put text on, skip this and see Step 2.

Let's prepare background for the text.

 2. ToolBox – Foreground color HTML notation – ac8158.

 3. ToolBox – Bucket Fill Tool – Fill canvas with that color.

 By default Gimp will name layer in the Layers Dialog Box “Background” So we let it be.

 4. Create new layer above layer “Background”

 5. Above canvas – Layers – New – Pop Up – Transparency checked. Or shortcut Shift + Ctrl + N.

 Gimp will name newly created layer “layer” we can leave it be.

 6. Layers Dialog Box – make sure “layer” is selected.

 7. Above canvas – Filters – Render – Clouds – Plasma.

  • Pop Up – Randomize – Unckecked
  • Seed – 0
  • Turbulence – 2.0

 

We should have some wild colors on the canvas.

 8. Above canvas – Colors – Desaturate – Pop Up – Lightness checked.

 9. Layers Dialog Box – set layer “layer” to Overlay Mode.

 If you would like for the background image to be tileable, there is more work to do with layer “layer”

 10. Layers Dialog Box – layer “layer” selected

  • Above canvas – Filters – Map – Make Seamless.

 

 11. Layers Dialog Box – layer “layer” selected – Right click on it – Drop Down – Choose – Merge Down onto layer “Background”

 I forgot to mention, save your work!. File Save As – Gimp will save file with .xcf extension. It supports layers and for now this is what we need. In order to save images with different file extension use File – Export. Choose extension you wish to use. Gimp supports whole zillions of them!

Step 2

 Now we shall give the background some sort of flaming, burning crack looking deleos!.

 1. Create new layer above “Background”

 2. Layers – New – Pop Up – Transparency checked.

 Once again good old Gimp will name newly created layer - “layer” so we let it be.

 3. Layers Dialog Box – layer “layer” selected.

  • Above canvas – Filters – Render – Clouds – Solid Noise.
  • Pop up – Seed – 0
  • Randomize – unchecked
  • Turbulence – unchecked
  • Tileable – checked
  • Detail – 5
  • Both X and Y size – 3

 

 4. Layers Dialog Box – layer “layer” selected

  • Above canvas – Colors – Invert.

 

5. Above canvas – Filters – Render – Clouds – Difference Clouds.

  • Pop Up – It should have previously made setting when we used Solid Noise filter.

 

 6. Above canvas - Colors – Levels.

  • Pop Up – enter values in the Input field as shown on the picture.

 

 

 7. Above canvas – Colors – Invert.

 8. Above canvas – Colors – Pop Up – Slide slider for Midtones, the Cyan – Red so it is 100 value.

  • Magenta – Green – leave at 0
  • Yellow – Blue to minus -100.
  • Check Shadows and repeat above steps.
  • Check Highlights and repeat same steps.

 

 

 9. Layers Dialog Box – layer “layer” selected – Set Mode to Screen.

 10. Layers Dialog Box – Layer “Background” selected – Right click – Drop Down – Duplicate layer.

 Newly duplicated layer Gimp will rename to Background copy” so we let it be.

 11. Layers Dialog box – layer “layer” should be above layer “Background copy” If for some weirdo reason it is not, In the Layers Dialog box at the bottom – see Up and Down arrows. Selecting layer and clicking on Up or Down arrow will re-stack layer order.

 12. Layers Dialog Box – layer “layer” selected - Right click - Drop Down menu – Choose – Merge Down onto layer “Background copy”

 By now we should have something that looks like this.

 

Step 3

 Now time to create text!

 1. Layers Dialog Box – Create new layer – Pop Up – transparency checked. It should be above layer “Background copy” Gimp will name it layer “layer” so we shall let it be.

 2. Layers Dialog Box – layer “layer” selected.

 3. ToolBox – Text Tool – In the Tool Options for the Text Tool one can pick Fonts as well size.

 There are lot's of options for the Text Tool, you can poke around.

 4. I picked Terminal Medium Italic one and set size to 60px.

 5. ToolBox – Set Foreground color to white – ffffff

 6. Click on the canvas approximately where you want the text to appear and start typing.

 Most likely it will not be in a perfect place but that is okay with the Move tool one can move text around on the canvas.

 7. Once text is typed and positioned on the canvas in the Layers Dialog Box you will see another layer appeared with big “T” on it. Merge that layer onto layer “layer” by right clicking on it in the Layers Dialog Box and choosing merge down from the drop down menu.

 8. Let's rename layer “layer” to “Text” In the Layers Dialog Box – double click word “layer” as soon it highlights start typing. Once done typing hit enter.

 9. Duplicate layer “Text” Layers Dialog Box – Right click on layer “Text” - Drop Down – choose Duplicate.

 10. Gimp will name newly duplicated layer into “Text copy” Let's rename it to “Text Blur”

 11. Layers Dialog Box – hide layer “Text” by clicking on the little eye icon next to it.

 12. Layers Dialog Box – layer “Text Blur” selected.

  • Above canvas – Filters – Blur – Motion Blur.
  • Pop Up – Linear – Checked
  • Blur Parameters – Length – 20. Angle – 135.

 

 The blur length depends on how big your text is and what fonts where picked. So experiment with the blur length to suit your text. Also Above canvas – Edit – Undo and Redo functions are there. Or use Ctrl +Z chortcut.

 13. Layers Dialog Box – Hide layer “Text Blur”

 14. Create another new layer above “Background copy”, let's rename newly created layer to “Fire”

 15. Layers Dialog Box – layer “Fire” selected

  • Above canvas – Filters – Render – Clouds – Solid Noise.
  • Pop Up – set both X and Y to size 7, leave rest as is from previous settings.

 

 16. Above canvas – Colors- Invert.

 17. Above canvas – Filters – Render – Clouds – Difference Clouds

  • Pop Up - we should have same values set there as we we had for the Solid Noise filter, so we leave it at that.

 

 18. Above canvas - Colors – Levels.

  • Pop Up – Enter values as shown on the picture.

 

 19. Above canvas – Colors – Invert.

 20. Above canvas – Colors – Color Balance.

  • Pop Up - repeat steps as we did before for Shadow, Midtone and Highlights. Sliding Cyan – Red to 100, leaving Magenta – Green at 0 and sliding Yellow – Blue to minus 100.

 

 21. Layers Dialog Box – Hide layer “Fire”

Step 4

 Friendly reminder! Don't forget to save your work!

 1. Layers Dialog Box – create new layer above layer “Background Copy”. Let's name that layer to “FatText”

 2. Layers Dialog Box – select layer “TextBlur” as well unhide it by clicking on the area where eye icon was.

 3. ToolBox – select Select By Color Tool. Bring mouse cursor onto canvas and click anywhere on the transparent area. So we selected transparency on the layer “TextBlur” You should see animating dashed lines running around the blurred text.

 4. Now we need to invert the selection. Above canvas – Select – Invert. You wont see much changes happening with the dashed lines on the canvas.

 5. With that all done … Layers Dialog Box – Hide layer “TextBlur” by clickin on the eye icon.

 6. Layers Dialog Box – select layer “Background” we are going to copy the selection from the layer “Background” onto layer “FatText”

 7. Layers Dialog Box – layer “Background” selected hit Ctrl + C on your keyboard. That should copy selection.

 8. Layers Dialog Box – select layer “FatText” Bring mouse cursor onto canvas and hit Ctrl + V on your keyboard. That should past selection onto “FatText” layer. In the Layers Dialog Box you will see floating selection layer appear. We need to anchor it. Shortcut is Ctrl +H or above canvas – Layers – Anchor Layer.

 9. To see what we have done in a better manner Hide both layers “Background” and Background copy” by clicking on the eye icon in the Layers Dialog Box.

 10. Layers Dialog Box – Unhide and duplicate layer “Fire”. Gimp will name it to “Fire copy” we shall leave it at that.

 11. Layers Dialog Box – Hide layer “Fire” re-stack layer “Fire copy” so it is above layer “FatText”

 12. Layers Dialog Box – Set layer “Fire copy” to Screen Mode.

 13. Layers Dialog Box – duplicate layer “Fire copy” again. Gimp will name it to “Fire copy 1” We leave it at that.

 14. Layers Dialog Box – Merge layer “Fire copy” onto “FatText”.

 15. Layers Dialog Box – Merge layer “Fire copy 1” onto “FatText”

 16. Layers Dialog Box – Unhide layer “TextBlur”

 17. Layers Dialog Box – layer “TextBlur” selected

 18. Above canvas - Colors – Invert.

 19. Layers Dialog Box – Re-stack layer “TextBlur” so it si above layer “FatText”

 20. Layers Dialog Box – set layer “TextBlur” to Overlay Mode.

 21. Layers Dialog Box – right click on layer “TextBlur” - Drop down – Merge Down - onto layer “FatText”

 22. Layers Dialog Box – layer “FatText” selected

 23. Filters – Distorts – Ripple.

  • Pop Up – Options -Antialiasing – Checked
  • Orientation – Vertical – Checked
  • Edges – Wrap – Checked
  • Wave Type – Sawtooth- Checked
  • Period: 20
  • Amplitude: 5
  • Phase shift: 0

 

 24. Layers Dialog Box – layer “FatText” selected

 25. Filters – Blur – Motion Blur

  • Pop Up – Just set length to 10 this time.

 

For the “FatText” layer we should have something like this:

 

Not very exiting :) But one can experiment with filters and settings to suit your burning text needs. Phew! Whole bunch o work we did! Don't forget to save!

Step 5

 1. Create New layer above “FatText”. Gimp will auto name it to “layer”, let's rename it to “FinalText”

 2. Layers Dialog Box – Unhide layer “Text” and select the layer.

 3. ToolBox – select Select By Color Tool.

 4. Canvas – Touch white color of the “Text” to make selection.

 5. Once selection has been made, Layers Dialog Box – hide layer “Text”

 6. Layers Dialog Box – select layer “Background”

  • Ctrl + C on they keyboard to copy selection.

 

 7. Layers Dialog Box – seletc layer “FinalText” and Ctrl + V to past selection followed by Ctrl +H to anchor it. Or Layers – Anchor Layer.

 8. Layers Dialog Box – unhide layer “Fire” Make sure it is above layer “FinalText”

 9. Layers Dialog Box – set layer “Fire” to screen mode.

 10. Layers Dialog Box – duplicate layer “Fire” two times. Gimp will name them into “Fire copy” and Fire copy 1”

 11. Layers Dialog Box – Merge alyer “Fire” onto layer “FinalText” and do same steps for layers “Fire copy” and “Fire copy 1”

 12. Layers Dialog Box - unhide layer “Text” and select it.

 13. ToolBox – select Select By Color Tool.

 14. Cnavas – Select white color of the “Text” layer. Once selection been made:

 15. Above canvas – Select – Schrink. Pop Up – Shrink selection by – 4 pixels. Actually the amount of shrink will depend on your text size. So one will have to play it by eye :).

 16. Once selection has been shrunk – Above canvas – Select – Invert. Or Ctrl + I shortcut.

 17. We shall make the white portion of the text thinner. So just hit dlete key on your keyboard.

 18. Above canvas – Select None.

 19. Layers Dialog Box – layer “Text” selected

 20. Above canvas – Filters – Blur – Gaussian Blur.

  • Pop Up – Blur method – RLE – Checked
  • Set both Horizontal and Vertical blurs to about 3 pixels.
  • Once again it will depend on your text size.

 

 21. Layers Dialog Box – layer “Text” should be above layer “FinalText”.

 22. Layers Dialog Box – Set layer “Text” to Overlay Mode.

 23. Layers Dialog Box – Merge layer “Text” onto layer “FinalText”

 24. Layers Dialog Box – layer “FinalText” selected.

 25. Filters – Decore – Add Bevel.

  • Pop Up – Thickness – 3px or what ever you will need.
  • Work on copy – unchecked
  • Keep bump layer - unchecked

 

 If you feel text is not red enough .. Color curves can be adjusted. By selecting each layer and going to Color – Curves. The Pop up will show up where color curves can be adjusted.

 26. Layers Dialog Box – Merge layer “FinalText” onto layer “FatText” At this point we can rename it to hmmm let's say “DoneText”

 We should have something that looks like this:

 

 27. Layers Dialog Box – Unhide layer - “Background copy”

 28. Create new layer above it. Gimp will name it “layer' So we let it be

 29. ToolBox – Select Brush tool.

 30. ToolBox – set Foreground color to black 000000

 31. Layers Dialog Box – layer “layer” selected

 32. On the canvas – Sort of dab black color around the image edges and under the text. In the Tool Box – Tool Options - Brush size can be adjusted size wise.

 33. Layers Dialog Box – set layer “layer” to Overlay Mode.

 34. Layers Dialog Box – layer “layer” selected

  • Filters – Blur – Gaussian Blur. Pop Up – Set both Horizontal and Vertical blurs to 20px or so. Once again play it by eye. If anything there is always undo and redo functions.

 

 35. Layers Dialog Box – if you feel layer “layer” is too dark, one can always adjust layer opacity as well adjust color curves for the “Background” layer.

 And finally merge layers! Here is my Burning text!

 

 Thank you!

 

Previous page: menu within the page title