How do I blend a black-background fire image in Photoshop?

This fire image:

enter image description here

As you can see, it has a black background, which I can’t delete (because it would probably destroy the smooth-looking fire effect). I want to place some fire in a photo.

However, I remember it was possible to take such images and do something in photoshop so that when you place them over a photo, the black is gone and the fire is perfectly blended there. But I can’t remember what feature or option was it. Any ideas?

Photoshop CS5.


Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

On the Layer window change the mode of the fire layer from “Normal” to either Screen or Lighten and see if thats what you want. That’s the easiest way to remove black.

Beyond that you can also go into the Blending Options and adjust the slider at the bottom where it says, “This Layer” and move the black tab on the left side in a bit but the results aren’t necessarily that good for something soft like a flame. Hold the Alt key and hit the right side of that black slider and it will separate then you’ll get much better results. I’ve got a video showing this method here:

enter image description here

A third option if you’re just looking for a flame and not necessarily that flame is to look for a flame brush. I know bittbox has some free flame brushes that might work for you to achieve the desired end result.

Method 2

In the GIMP, getting rid of the background would be as easy as opening the file, selecting ColorsColor to Alpha… and choosing black (#000000) as the color to make transparent. Here’s the result, saved as a transparent PNG:

Fire image with transparent background

In Photoshop that’s a little bit trickier, but apparently there’s a free plugin that can do it.

(That said, in this case using the Screen blending mode, as Ryan suggests, may well be easier and give a more natural-looking result. In just posted this answer to point out that you can in fact delete the background without destroying the smooth edges.)

Method 3

Goto channels pallet in photoshop ctr + click on RGB channel than go to layers panel cleck ctr + J to duplicate the selected portion of the layer. Hope you are done.

All methods was sourced from or, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Notify of

Inline Feedbacks
View all comments
Would love your thoughts, please comment.x