Post Reply 

Adding fire to picture

May 5, 2014, 21:04
Post: #1
Adding fire to picture
Hi,

I am new on this forum and have just told you about myself in the introduction topic.

For now i have done a few things with gimp, but not much, and only by looking at the tutorial first.
That i can manage, because it is simply folowwing the steps.
Ofcourse i will also look at all the beginner tutorials, to really understand gimp.

But........
I would like to change a picture for my husband.
He is a truckdriver and proud of his work.
He has made some pictures off his truck, but because he only started two years ago, he is often making jokes with friends and family about being a poor driver.
Even though he is a good one.....
But i know he will love it, when i make a joke out of it and do something to one of the pictures.
That's why i thought off the following thing.

I would like to place a fire running from the side straight to the truck and setting it on fire.
Like you always se in a movie.
A trace of gasoline underneath the truck and accidently lighted by a sigaret or something.
Then i want to place his own thought off nickname to the front of the picture.

But i would only like to add the fire trace and later the nickname, and not remove the background of anything like that.

Does anybody know how to do this or have a link to a tutorial on this.
I can only find tutorials for making fire on a black background, but thats not what i want.

Thanks for now.

Sandra
Find all posts by this user
Quote this message in a reply
May 7, 2014, 02:36 (This post was last modified: May 7, 2014 02:37 by iForStyle007.)
Post: #2
RE: Adding fire to picture
(May 5, 2014 21:04)Nagelsan Wrote:  ...
Does anybody know how to do this or have a link to a tutorial on this.
I can only find tutorials for making fire on a black background, but thats not what i want.

Thanks for now.

Sandra

Hi Sandra & welcome to the forums! ^_^

That sounds like a fun prank to make!. As for the fire tutorial,

If you put the fire on another layer in the "layers" window and change the layer "mode:"
the black background will disappear.

1
As long as your just giving it as a prank/gift to your husband you could paste one of these fire trails on top of the image as a "transparent layer"
https://www.google.com/search?q=fire+gro...s&tbm=isch

2
in the "layers window"
Right-click the new layer & click "Add alpha channel" , then under Opacity in the layers window, click the "Mode:" and change it until the black background disappears and it looks good.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
May 7, 2014, 08:17
Post: #3
RE: Adding fire to picture
Thank you very much!
I think i can get very far with all you told me.
I'm going to try this out this afternoon and if i can, i'll place the photo up here to show the result.
Find all posts by this user
Quote this message in a reply
May 7, 2014, 15:38
Post: #4
RE: Adding fire to picture
Well,

For a beginner using your steps, that worked pretty well.
I think.
It can probably be a lot better, but it's a start for now.
I will try to upload it here, so you all can see.
If you have any suggestions about what to change, just let me know.

i took a few pictures of fire, each one as a new layer and finally came up with this:

[Image: Foto-ZILGTDL8-D.jpg]

i know it's not perfect, at all, but it's a start

p.s. the only thing i am not happy about is the little sigaret at the right corner.
it looks like it is on top of everything..... eventhough i did it exactly the same as the fire....
if you have any tips on that, please let me know
Find all posts by this user
Quote this message in a reply
May 7, 2014, 15:41
Post: #5
RE: Adding fire to picture
oh an maybe the fire should be leaning a bit backwards, so it looks like it"s on the side of the truck....
But i don't know how to do that eather.
So tips on that will be helpfull to.
I saved the whole project as jpg and as a gimp project, without moving all the layers together, so i can easely change anything
Find all posts by this user
Quote this message in a reply
May 7, 2014, 15:41 (This post was last modified: May 7, 2014 15:42 by Nagelsan.)
Post: #6
RE: Adding fire to picture
oups Confused dubble post
Find all posts by this user
Quote this message in a reply
May 9, 2014, 07:36
Post: #7
RE: Adding fire to picture
THATS AWESOME Nagelsan! Its almost perfect except for the cigarette look.

No worries about the fire direction, it looks good, the bend could be because of wind of passing by cars Smile

Its good that you saved a backup of all the layers in a .XCF (Gimp format) !


Now
For the cigarette to look more realistic. Here are a couple suggestions

1 On the cigarette layer, play around with either
- Colors > Color-Balance
- Colors > Hue-Saturation
or
- Colors > Levels

OR
2
(Assuming the cigarette layer has a boundary just around it, not the whole image, when you select the layer, you should see a small box around the layer,

if not do:
"Layers > AutoCrop layer" )

Now
First, Duplicate the cigarette layer
Next, Right-click on the cigarette layer in the layers window.
- Then click "Add layer mask"

Third, Click the blend tool Blend & pick "Linear" or "Bi-linear" for the shape

*Bi-linear may produce a more realistic look as you can add shading to the sides or top-bottom of the cigarette.

Then for the blend type "FG to BG or a gradient similar to the flames surrounding it (oranges, reds & yellows...)

Then click-drag a line with the blend tool Blend up, down, or diagonal.
Visit this user's website Find all posts by this user
Quote this message in a reply
May 9, 2014, 08:12
Post: #8
RE: Adding fire to picture
Okay,

Looks a bit difficult reading it, but i'm gonna try it out with your suggestions next to it.

So thank you very much and i will post the final image later on!

Smile
Find all posts by this user
Quote this message in a reply
May 9, 2014, 12:12
Post: #9
RE: Adding fire to picture
Here i am again.

I tried all you said above and found it a bit difficult, but it kinda worked.

i also played around with the tekst.
A few things didn't work or just were to difficult, but i finally came up with this result.
Think i can give it to my husband this way, so he can place it on facebook Big Grin

What do you think???

[Image: Foto-UV6SZEXG-D.jpg]
Find all posts by this user
Quote this message in a reply
May 10, 2014, 08:18
Post: #10
RE: Adding fire to picture
Hi,

My husband really liked my final result and wanted to place it on facebook, but as a facebookheader.
Ofcourse the picture would be to small for it, so i made him a new one.


[img][Image: 14150211515_be2fea66fa_o.jpg]facebookheaderGeorge by santaart, on Flickr[/img]

I really liked it, and so does he, but he rather had the previous one.
The problem is, i tried to clone the background, witch didnt work.
I tried to heal the selection, but that didnt work either.
i only want the background to extend, and not the whole picture, because the truck would be extracted....

How can i do this??
So keep his own background and make that fit the entire background fitted for a facebookheader.
And not make a new background like i did above.

thanks
Find all posts by this user
Quote this message in a reply
May 10, 2014, 13:56 (This post was last modified: May 10, 2014 13:59 by iForStyle007.)
Post: #11
RE: Adding fire to picture
(May 10, 2014 08:18)Nagelsan Wrote:  ...clipped to save space...

How can i do this??
So keep his own background and make that fit the entire background fitted for a facebookheader.
And not make a new background like i did above.

thanks

Sorry for the all text tutorial. I'm getting use to my rotating work schedule lol!

Looks great though. (the first version, the second version is cool, but the text is a bit hard to read)

For the extending background. You can try to use liquid rescale. But since your an intermediate user, I have some tricks that I'll try (using resynthesizer & liquid rescale) that could work.

Plus, making it fit on a fbanner can be tricky, but I have the right dimensions. I'll uplodad it as soon as I can Smile (the first version with stretched background)
Visit this user's website Find all posts by this user
Quote this message in a reply
May 10, 2014, 16:25
Post: #12
RE: Adding fire to picture
K, here's what I did.

I tried the liquid rescale, and was able to stretch it a bit, but it relies on background elements to be stretched, so i kinda faked it by angling the road on the right & tiling the trees.

*However, there were the trees & grass on the left side, so I worked with that.
The image is taller then needed so I scaled it down some.
I suppose I could have copied the trees on the right side...

Then I copied the road textures & brushed them on the extended parts.
Then to clean up the sky some I added a "Filter > Blur > Selective Blur.."

I ended up just copying the cigarette & making a drop shadow to give it a bit more depth.

Tada ^_^ , but it is tricky

The size is 815 x 314 (click to view full size)


Attached File(s) Thumbnail(s)
   
Visit this user's website Find all posts by this user
Quote this message in a reply
May 10, 2014, 19:14
Post: #13
RE: Adding fire to picture
Thank you very much.

I hate to say anything that may sound ungratefull.....
But the one side of the truck seems a bit 'of'
Its a dutch truck and it will never be that long....
Besides that it is absolutely great.
In the original you can almost see the end of the truck, its a bit in a strange angle.

So, absolutely thankfull!
Smile
Find all posts by this user
Quote this message in a reply
May 11, 2014, 13:36
Post: #14
RE: Adding fire to picture
(May 10, 2014 19:14)Nagelsan Wrote:  Thank you very much.

I hate to say anything that may sound ungratefull.....
But the one side of the truck seems a bit 'of'
Its a dutch truck and it will never be that long....
Besides that it is absolutely great.
In the original you can almost see the end of the truck, its a bit in a strange angle.

So, absolutely thankfull!
Smile

No worries ^_^ enjoy mothers day!

I may make another edit in a day or two, this one was just to try to see if I could extend the background with the limited background in your source photo.

If you don't mind the trees on the left side, I can try putting it like that on the right
Visit this user's website Find all posts by this user
Quote this message in a reply
May 15, 2014, 03:23
Post: #15
RE: Adding fire to picture
Smile K, here is the polished version, hope you like. I enhanced a couple things for fun Wink

the size is 815 x 314, so it should be a snug fit.


Attached File(s) Thumbnail(s)
   
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  How to combine lots of picture onto one base picture? kahlenberg 1 238 Jun 30, 2017 05:48
Last Post: ythgilb
  Batch adding logo to lots of pictures kenny1999 2 332 Sep 27, 2014 08:02
Last Post: rich2005
  Adding shadow text not working AndrewChristian 7 517 Sep 24, 2014 22:07
Last Post: AndrewChristian
  batch processing to obtain several different versions of a picture esteban 3 298 Sep 23, 2014 14:44
Last Post: esteban
  Help adding colour layer lemonsqueezer 1 221 Aug 29, 2014 05:35
Last Post: fluffybunny2

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS