Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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.

share|improve this question
    
An alternate method to blending modes is using the images tonal value to drive a layer mask. –  John Dec 31 '13 at 17:37

3 Answers 3

up vote 6 down vote accepted

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. If you use this you'd probably have to clean it up with a soft brush/eraser.

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.

share|improve this answer
    
Thanks! The first some seems to be enough. +1 for extra options though! –  Omega Nov 13 '12 at 1:45
2  
+1 for the Screen blending mode. That's the way I'd typically do something like this. Also, if the background is near black, but not black, you may need to apply a Levels change as well. –  Marc Edwards Nov 13 '12 at 4:16

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.

share|improve this answer
    
you may ctr + click on other channels also to make wider selection if required –  Fahad Nov 16 '12 at 15:57
    
Really nice technique –  Ryan Nov 16 '12 at 16:00

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.)

share|improve this answer
    
In Photoshop, create a selection using "selective color" with a fairly promiscuous setting (like 200), use the eyedropper on the black, and then add a new layer mask while the selection is still active.. –  horatio Nov 16 '12 at 20:44
    
@horatio: I don't have Photoshop to test that with, but if Photoshop's "selective color" behaves anything like the same feature in GIMP (and I suspect it does), then the procedure you suggest will still lose much of the fine detail around the flames. –  Ilmari Karonen Nov 17 '12 at 3:11

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.