Creating Fireball and Explosion effect in Gimp
The past days I was looking a tutorial at Abduzeedo site, and got interested on Fabio Sasso new tutorial called Fiery Fireballs in Pixelmator and thought: Can I create fireball and explosion scene in Gimp.Yess! I can! So i decided to write tutorial and share how i making the fireball and explosion effect in Gimp.
I think this tutorial it for intermediate Gimp users, and assumes you have basic knowledge of layers mask and the tools available. You’ll learn how to transform a stock image – into a fireball and explosion scene. I hope u enjoy this one. Any feedback would be greatly appreciated!
For this project I will use a stockphoto from night-fate-stock at DeviantArt and a clouds brushby Javierzhx .
STEP 1
open the image in Gimp.
STEP 2
Adjust the brightness of the image.
STEP 3
Duplicate the image layer and change the layer mode to Overlay.
STEP 4
Create a new layer ( i'll name this one as black explosion), select black for the color and pick the Paint Brush Tool.
Using the Javierzhx clouds brush.(There is a 10 brush in Javier clouds brush set. Use this brush-Cloud Brushes by Blazter [JavierZhX].abr-005)
Start painting the smoke. Make sure you play with the size of the brush to to create a more realistic smoke explosion effect.
STEP 5
Then create a new layer and start painting with orange color (#ff5d25)
Change the layer to multiply
STEP 6
Create again a new layer. This time i'll painting again with same orange color (#ff5d25).
Change the layer mode to dodge.you will get some sort of fire explosion effect.
STEP 7
Create a new layer, above all the layer, create a small circle and fill it with orange. Use the image below as reference.
Go to Filter > Gaussian Blur and use 25 as value. Use the image below as reference.
Change the layer mode to Dodge.
STEP 8
Now I'll use an image of explosion i got from one of abduzeedo tutorial. You can download it HERE.
Import the image to our document.
STEP 9
Reduce its size. Make the explosion.png little bit smaller.
Change the explosion.png layer mode to multiply. Add layer mask to it. Use mask to hide some part of the explosion image.
Reduce the opacity of the layer to 50%
STEP 10
This is the fun part for me. I'll add some fireball effect. Start painting the fireball with black color. Use the image below as reference.
(We will use the same technique from step 4 to step 6)
STEP 11
Now create another layer and select orange (#ff5d25) for the color.Change the layer mode of this layer to Multiply and paint over the fireball.
STEP 12
Let's add another layer, keep the orange (#ff5d25) for the color and paint over the other fireball again.
This time however, change the layer mode of the layer to Dodge.
STEP 13
Create a new layer. Change the layer mode to dodge and paint some yellow (#efe219) to create a realistic flame effect.
STEP 14
Try to create another fireball.Use the same process from the previous steps.
ADDING TEXTURE TO DESIGN
STEP 15
Let's add some textures to our design. I used a photo of a concrette wall, I really don't remember where I got that image, but you can find good ones at
Texturebits or Lost and Taken or Bittbox.
They have awesome and high quality free texture.
STEP 16
Now, change the layer mode to burn and low the opacity to 50%
STEP 17
Add another layer, this time in front of all the other layers. With the Blend Tool fill the layer with a gradient from Yellow to Black.
Then just change the layer mode to Overlay.
STEP 19
I'll add lightning effect into the image. To do this,create a new layer,above all the layer, fill our layer with black color, then go to Filters > Light and Shadows> Lighting effects.
Use image below as reference.
Change the layer mode to Overlay and low the opacity to 85.
STEP 20
Now we are coming close to the end result.I want to add more sephia color tone to the image. Create a new layer, above all the layer and fill it with orange color(#ff5d25).
Change the layer mode to Overlay
MAKING THE IMAGE DARKER
STEP 21
Now this step is completely optional and depends only on your opinion. I chose to make this image more darker.
You might ask why? This is a matter of personal preference and experience. I think this tone makes this image just looks better.
However, the choice of scale depends on your idea. Sometimes changing a pieces tone can bring out details you didn't see before and achieve better all around balance, and sometimes it can completely mess up the image.
It is all up to you.
Now,create a new layer and i named it as Clouds.Fill it with white. Go to Render>Clouds>Different Clouds.and apply to the layer. I use 4 for the Detail.
Change the layer mode to Burn and low the opacity to 45%.
Now for final adjustments, add layer mask to our clouds layer
Select black color for foreground and use gradient FG to transparent at the layer mask. Use the gradient to hide some area.
Final Result
You can view the final image below or view a larger version here.
Thanks for reading this tutorial and you can follow my update via my
Blog or my Twitter. Have fun with GIMP. :)
my blog:
Download XCF File
I also included the Xcf file http://www.mediafire.com/?zynmwweofwk
Bookmark/Search this post with:
- 234748 reads
Great work starlight! really
Great work starlight! really like how you made you're own version of the same effect.
keep up the good work!
Just Great!
Just Great!
seriously good! tutorials
seriously good! tutorials like this really show how the gimp is really just as powerful as anything else....it can just take a bit more doing
This is well past image
This is well past image editing to digital art. I keep adding to my understanding of Gimp but I have a long way to go to to match this work.
Wow...Turns out a really nice
Wow...Turns out a really nice effect! Thanks!
Oh My God! Great!
Oh My God!
Great!
AMAZING!!!!!!!!!!!!!!!!!!!!!!
AMAZING!!!!!!!!!!!!!!!!!!!!!!!!
Everyone tells me that I'm
Everyone tells me that I'm good at image editting in GIMP. I believed it at first, but then I found PA blog, I realized I have a LONG WAY to go before coming close to the mastery of gimp that starlight has attained.
Awesome
Awesome Tutorial,starlight86!
Its a great tutorial, but not the best. I'm not saying this tutorial is really bad,I think so far of the tutorials I have seen, I think this is the 2nd best tutorial I have seen. Great! You are really good starlight86! Well done!
thanks all for the
thanks all for the comment.
@RockDude-2267
thanks for the feedback.
:) i'll try harder next time. .cheers.
Awesome job Starlight! :)
Awesome job Starlight! :)
Very nice! Amazing tutorial.
Very nice! Amazing tutorial. :)
That is an amazing tutorial,
That is an amazing tutorial, its amazing that there are just a few steps from a harmless picture to armageddon. great stuff, keep it up.
Amazing! Lol, I did this in
Amazing! Lol, I did this in Paint shop pro (see my blog > click projects under categories)
Thats cool!
Thats cool!
Wow nice tutorial!
Wow nice tutorial!
This tutorial is really
This tutorial is really really nice! Loves it!
Only at Step 7 I had to use the "Smudge tool" a bit and lower the oppacity to let it look like your exemple... Otherwise the "gradient" would have been too strong and looked too unnatural. Any suggetion why this could be?
Kind regards
GB
Amazing! Good work. :]
Amazing! Good work. :]
This as a great tutorail,
This as a great tutorail, thank you for making it.
A very very very nice
A very very very nice tutorial! Thank you so much for writing this & uploading!
here's the results :D
http://s260.photobucket.com/albums/ii34/Recidivist101/?action=view&curre...
http://s260.photobucket.com/albums/ii34/Recidivist101/?action=view&curre...
Thanks again!
BEST GIMP TUT I HAVE
BEST GIMP TUT I HAVE SEEN!!!!!!!
WoooooW, really
WoooooW, really astonishing!!
Thank you very much for sharing, starlight!
great.... i like that...
great....
i like that...
okay.. i feel stupid, how do
okay.. i feel stupid, how do you get the cloud paintbrush in step four.. do you have to make it???
Dude that is so pimpin!! did
Dude that is so pimpin!! did you get that from a step by step or did you create it your self?
Thank you for your nice
Thank you for your nice tutorilas.
I create video this tutorial on gimpTR.com Good watch..
The link to the explosion is
The link to the explosion is broken... can it be re-hosted?
Ya link for Explosion
Ya link for Explosion particals are broken please upload tem.
thx <3
Please tell me how to add the
Please tell me how to add the brush. I can't open it into gimp because .abr is not a recognized format, and I can't install the plugin to allow me to open abr files in gimp because gimplib-2.0.0.dll cannot be found, and supposedly reinstalling will help: it doesn't. I'm using windows. I have Debian I can use if necessary...
Never mind, I figured it out.
Never mind, I figured it out. I just had to add it to the brushes folder and click the refresh button in the brushes window, thing, in gimp, then they showed up. now I'm more frustrated... I wasted half an hour trying to figure that out...
Guys I dont know what dodge
Guys I dont know what dodge means what does it mean i mean in the layer mode
I live in hollnad dont know what dodge is..
Link is broken for the
Link is broken for the destruction.
Outstanding tutorial. Thank
Outstanding tutorial. Thank you!
I have learned use of gimp in
I have learned use of gimp in high school with IT elements for 6 months, but nobody shows us such great Gimp possibilities (unfortunately). You run this blog really great! Thanks a lot for all.
That wasn't too great you say
That wasn't too great you say things like adjust the brightness but you don't explain how to do this??????
long time gimp user, nice
long time gimp user, nice Tut, tried it out, liked it alot
adjusting the brightness ir
adjusting the brightness ir rather basic, i think he thought it was "understood" one of the menus under colors is "brightness & Contrast"
WOW, I had no idea you can
WOW, I had no idea you can create such an awesome image with gimp.
Last time I used gimp was over 5 years ago and it was years behind in terms of functionality.
I'm gonna download it right now, I'll try to create a new logo for my site.
BTW - the image seems to be rather burned in my opinion, I would tone down the contrast a bit.
its hard
its hard
Looks good but ... Its hard.
Looks good but ...
Its hard. Where do I get that cloud brush from?
I can't get the debris link
I can't get the debris link to work. Great job on the tut, though!
Very cool; I had fun with
Very cool; I had fun with this, and mine turned out great!
Just a note though: your debris/explosion link is broken. I just had to look it up myself - I search Abduzeezo explosion. Easy enough. Just letting you know.
That sir. is win.
That sir. is win.
Wow that's amazing, so far
Wow that's amazing, so far all of the tutorials I've found on this site have bee incredible and very detailed. I was just working on the Ornate Typographic Illusion for about 2 hours, nearly finished, when GIMP crashes, losing my work in its entirety, everything gone, 2 hours wasted. I couldn't believe it!! Oh well, I'll try again when I have a few hours to spare and will remember to SAVE!!!!!!!!!
REMEMBER TO SAVE IF YOU DON"T WANT TO DIE FROM FRUSTRATION!!!!!!!!!!!
Hey all! Found the link to
Hey all!
Found the link to the explosion ^^
http://www.abductit.com/files/tutorials/Girl_in_Tempo_Tutorial_-_1_Copy_...
thats really grat work i
thats really grat work
i hope i will be like you on gimp program one day
thank you, thank you thank
thank you, thank you thank you.
this tutorial is amazing, but i was kind of upset when the link to the explosion effect was broken, thank you for finding it!
how to get the Javierzhx
how to get the Javierzhx clouds brush.???
I just had to add it to the
I just had to add it to the brushes folder and click the refresh button in the brushes window, thing, in gimp, then they showed up. now I'm more frustrated... I wasted half an hour trying to figure that out...but i was kind of upset when the link to the explosion effect was broken, thank you for finding it! Custom Logo
I was just working on the
I was just working on the Ornate Typographic Illusion for about 2 hours, nearly finished, when GIMP crashes, losing my work in its entirety,Website logo design everything gone, 2 hours wasted.
I love this, man. Its totaly
I love this, man.
Its totaly awsome.
I was irritated that the link was broken, but since Arkhon found it im happy =D
And to they who couldnt find it:
Brushes
- http://qbrushes.com/nature/cloud-brushes/
Explosion
- http://www.abductit.com/files/tutorials/Girl_in_Tempo_Tutorial_-_1_Copy_...
Thx again, man
~Maffe811
Here is my
Here is my picture:
http://img195.imageshack.us/img195/5319/myexplosion.jpg
Somethimes its hard to follow tutorials, cause my Gimp is in norweigan....
But i think i did it pretty nice...
What you guys think
This was an amazing
This was an amazing tutorial!! When I saw it I was like ''OH MY GOSH I HAVE TO MAKE THIS!!" :) It was really easy to understand too. Thanks a lot.
Pinina
bhasaddddddddddd...........
bhasaddddddddddd...........
bas karo yaaar...........
bas karo yaaar...........
Cool tutorial. Here's my
Cool tutorial. Here's my image: http://img188.imageshack.us/img188/7538/apocalypsek.png
Looks like something from a
Looks like something from a #1 movie! Its a great effect and looks really cool
http://mygimptutorial.co.cc
Great tutorial, but the link
Great tutorial, but the link for the explosion image is broken. Just to let you know
Here is mine. I thought the
Here is mine. I thought the hardest part was the actual making of the fireball with black. I could not for the life of me get it to look right.
http://s307.photobucket.com/albums/nn281/brandonel1/?action=view¤t...
Thank you for this awesome
Thank you for this awesome tutorial!! It was very easy to understand and fun!
I hope to improve my skills soon.
Here is my result!
http://img5.imageshack.us/img5/9923/tothedaybreak.jpg
Thanks for the tutorial, it
Thanks for the tutorial, it was amazing. Very simple and easy to follow, and great looking results. This tutorial taught me that amazing looking pictures aren't always that hard to make.
Here are a few of my products :
http://s189.photobucket.com/albums/z50/gaphary/?action=view¤t=Expl...
http://s189.photobucket.com/albums/z50/gaphary/?action=view¤t=Expl...
http://s189.photobucket.com/albums/z50/gaphary/?action=view¤t=Expl...
http://s189.photobucket.com/albums/z50/gaphary/?action=view¤t=Expl...
This is great, but confusing.
This is great, but confusing. I guess I just need a little more practice.
how do u get the clouds. i
how do u get the clouds. i downloaded the file and its just an abr file. and only 1. please help and tell me how to turn it into a gimp file.
How do I get the brushes? It
How do I get the brushes? It only opens in my old old verison of PS.
Besides, I thought this was a gimp tutorial?