1. Updated Resource Submission Rules: All model & skin resource submissions must now include an in-game screenshot. This is to help speed up the moderation process and to show how the model and/or texture looks like from the in-game camera.
    Dismiss Notice
  2. DID YOU KNOW - That you can unlock new rank icons by posting on the forums or winning contests? Click here to customize your rank or read our User Rank Policy to see a list of ranks that you can unlock. Have you won a contest and still havn't received your rank award? Then please contact the administration.
    Dismiss Notice
  3. The poll for Hive's 12th Concept Art Contest is up! Go cast your vote for your favourite genie!
    Dismiss Notice
  4. Travel to distant realms and encounter scenes unknown to the common folk. The Greatest of Adventures is upon us with the 8th Cinematic Contest. Join in on a fun ride.
    Dismiss Notice
  5. The 18th Icon Contest is ON! Choose any ingame unit and give him/her Hero abilities. Good luck to all.
    Dismiss Notice
  6. Contestants are to create a scene set in the Stone Age. Come and see what you can come up with. We wish you the best of luck!
    Dismiss Notice
  7. Colour outside the lines! Techtree Contest #13 is a go. The contest is optionally paired.
    Dismiss Notice
  8. Greetings cerebrates, our Swarm needs new spawners that will have numerous children. Join the HIVE's 31st Modeling Contest - Spawners and Spawned! The contest is optionally paired.
    Dismiss Notice
  9. Check out the Staff job openings thread.
    Dismiss Notice
Dismiss Notice
60,000 passwords have been reset on July 8, 2019. If you cannot login, read this.

Drawing Flames in the GIMP (or Photoshop)

Discussion in '2D Art Tutorials' started by HappyCockroach, Jun 25, 2009.

  1. HappyCockroach

    HappyCockroach

    Joined:
    Feb 4, 2009
    Messages:
    2,994
    Resources:
    70
    Models:
    32
    Icons:
    36
    Packs:
    1
    Tutorials:
    1
    Resources:
    70
    Hello! This tutorial is about drawing Flames in the GIMP, or Photoshop.
    Note that I do not recommend you to use these flames as the main object in your drawing scene, but as a background.

    Difficulty: 3/10 - Easy

    1. Start a new drawing. It will look better with smaller dimensions. (This one is 64x64) Add an alpha channel and erase all.

    01.JPG


    2. Draw a red rectangle from around the middle to the bottom of the image. (A bit below the middle)

    02.JPG


    3.
    Now from about the middle of the red rectangle to the bottom, draw a yellow one.

    03.JPG


    4.
    Now draw a short white rectangle on the bottom of the image.

    04.JPG


    5.
    Now use the Smudge tool and a small brush to drag the white part upwards, crossing the other rectangles in smoothy zig-zags. (I recommend 50-60 smudging factor, but if your image is bigger, you should raise it)

    05.JPG


    6.
    Repeat the step number 5 many times, avoiding to cross your fire lines after you entered the erased areas, so there won't be holes in the flame lines.

    06.JPG


    7.
    Finish the Smudging and be sure that you didn't left any plain red or plain yellow hole in the picture.

    07.JPG


    8.
    Finished! Dark backgrounds are recommended to appreciate the result better.

    08.JPG

    Extra

    Extra: Instead of using White/Yellow/Red, you can try using White/Magenta/Blue:

    extra1b.JPG extra1.JPG

    Or White/Teal/Green:

    extra2b.JPG extra2.JPG

    The possibilities are many. I recommend this:

    • The bottom color should have three '255' RGB values (white)
    • The middle color should have two '255' RGB values and another '0'
    • The upper one should have one of the two below it to '255' and the rest to '0'
    • Then the last color is '0, 0, 0' (black)
    You can try many other color picks!


    Thanks for reading!
     
    Last edited: Jun 28, 2009
  2. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,357
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    Does the whole tutorial have to be in

    ? Fix that.

    Other than that there's not much wrong with this.

     
  3. HappyCockroach

    HappyCockroach

    Joined:
    Feb 4, 2009
    Messages:
    2,994
    Resources:
    70
    Models:
    32
    Icons:
    36
    Packs:
    1
    Tutorials:
    1
    Resources:
    70
    Updated! Thanks for reviewing.
     
  4. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,357
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    Okay approved then.

    Note: I normally don't approve tutorials which rely heavily on smudge, but this one shows an example where smudge is useful.
     
  5. PsychoNerdial

    PsychoNerdial

    Joined:
    Jan 6, 2009
    Messages:
    836
    Resources:
    0
    Resources:
    0
    Thanks for this tut, really helped me :D
     
  6. Spet

    Spet

    Joined:
    Jun 3, 2009
    Messages:
    455
    Resources:
    0
    Resources:
    0
    Very useful thanks ;)
     
  7. adrianwho

    adrianwho

    Joined:
    Oct 29, 2008
    Messages:
    97
    Resources:
    0
    Resources:
    0
    good for keal and his burning ability.

    thx :) 4.5/5
     
  8. RaijinSpark

    RaijinSpark

    Joined:
    Aug 31, 2008
    Messages:
    1,583
    Resources:
    1
    Icons:
    1
    Resources:
    1
    I love the output when I followed this tutorial, Good job! :)
     
    Last edited: Jun 11, 2010
  9. ubran

    ubran

    Joined:
    Sep 29, 2008
    Messages:
    164
    Resources:
    0
    Resources:
    0
    I'm not very great with testuring, but I know for a fact that flames are not a consistent temperature throughout and you should dodge (can't remember what the equivalent in gimp is) and burn (also called burn in gimp. I think it looks like a pen with a smudge at the end.) some of the tendrils to have more variety, but if it's the backround of a signature or loading screen it probably isn't as important as putting it in a skin to oh say replace the effect of raise dead to look like an eruption.
     
  10. Arisato

    Arisato

    Joined:
    Dec 17, 2009
    Messages:
    991
    Resources:
    7
    Models:
    1
    Maps:
    4
    Spells:
    1
    Tutorials:
    1
    Resources:
    7
    o_O nice tut
     
  11. frozen290

    frozen290

    Joined:
    Feb 26, 2010
    Messages:
    12
    Resources:
    0
    Resources:
    0
    Good tutorial.
     
  12. light bolt30

    light bolt30

    Joined:
    Jan 31, 2009
    Messages:
    1,847
    Resources:
    1
    Maps:
    1
    Resources:
    1
    Thanks for the tutorial! Really helps.
     
  13. Tamerleine

    Tamerleine

    Joined:
    Mar 16, 2010
    Messages:
    226
    Resources:
    1
    Icons:
    1
    Resources:
    1
    thanks....+rep
     
  14. gaby-boy

    gaby-boy

    Joined:
    Jun 14, 2009
    Messages:
    114
    Resources:
    5
    Spells:
    4
    Tutorials:
    1
    Resources:
    5
    Thanks a lot!
    I made my signature with that method.
    +Rep
     
  15. zheavy

    zheavy

    Joined:
    Feb 7, 2011
    Messages:
    28
    Resources:
    0
    Resources:
    0
    Hello,

    Good tutorial although not a fan of smudge tool but this is actually inspiring.

    And nice signature gaby-boy.

    Regards.
    - zheavy -
     
  16. Blood Raven

    Blood Raven

    Joined:
    Aug 1, 2010
    Messages:
    1,200
    Resources:
    214
    Models:
    141
    Icons:
    44
    Packs:
    7
    Skins:
    7
    Maps:
    13
    Template:
    1
    Tutorials:
    1
    Resources:
    214
    actually, i cant find the smudge tool in adobe photoshop... can someone help? (send a screenshot where it is)
     
  17. zheavy

    zheavy

    Joined:
    Feb 7, 2011
    Messages:
    28
    Resources:
    0
    Resources:
    0
    Hello,
    Picture

    [​IMG]


    Regards.
    - zheavy -
     
  18. johnbriner

    johnbriner

    Joined:
    May 9, 2011
    Messages:
    2
    Resources:
    0
    Resources:
    0
    Wow! Thanks for the step by step info. I really appreciate it, the effect looks good. Big help. Thanks for sharing!
     
  19. clockwork2

    clockwork2

    Joined:
    Jan 26, 2010
    Messages:
    1,469
    Resources:
    0
    Resources:
    0
    i like it!
     
  20. starwolfff

    starwolfff

    Joined:
    Mar 27, 2010
    Messages:
    20
    Resources:
    0
    Resources:
    0
    Really nice tut, and helpful! +rep