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.

I have this image:

enter image description here

Is there any way to get rid of the red background (make it transparent) yet keep all the glow effects? So far I've only been able to remove the pure-red parts of the image, yet that leaves a red-glow fringe.

So wherever there's red, I want it to be transparent, but wherever there's shadow-glow, I want the red to be gone but the shadow to remain. Is this possible?

share|improve this question
    
Which software are you planning to use? –  e100 Feb 14 '11 at 12:43
    
Anything, I just want a final result (transparent png). I have CS5, and won't mind downloading other things. –  Vervious Feb 15 '11 at 0:35
1  
Why not just recreate this image? It looks relatively easy, provided that you have or measure the dimensions of the separate objects. –  JFW Feb 16 '11 at 13:51
    
that's what I did in the end :) –  Vervious Feb 18 '11 at 2:21
add comment

5 Answers 5

up vote 6 down vote accepted

Greenfish Icon Editor Pro has this functionality out of the box. It is a function called "Remove Matte", where you just specify the color component you want to be replaced with transparency. In your case red.

Here is the result of removing the red:

Removed red

share|improve this answer
    
This is cool, +1. –  Pekka 웃 Oct 22 '11 at 17:18
add comment

Is this possible?

It surely is somehow (you would need a tool that can take red as the reference colour, and then translates all deviations from red against a transparent background) but I think you're far better and easier off simply recreating the shadows using the tool of your choice, e.g. Photoshop.

share|improve this answer
add comment

Duplicate the layer and desaturate (image> adjustments > hue/saturation) it until the red becomes really dark grey and the detail of the gradients shadow is still visible. Then goto image > adjustments > levels and you should see to big spikes. The left one is the darker colour that was the red. Drag the sliders below the be around the right spike and you should only be able to see the white. The left slider should be just to the left of the 2nd spike, the right slider should be just to the right and the middle slider centered on the spike. Click Done

Now select all of the image, and copy to the clipboard. Select the original layer and create a layer mask. On the channels panel select and make visible the one named mask and paste into it. Click back to the layers, and click back to the image.

It should now be transparent. You may need to play around with it a bit but that is the general process I would use.

Good luck

share|improve this answer
add comment

GIMP can also do this. In fact, there are a couple of different ways.

The default output from the Color to Alpha tool looks exactly the same as awe's, complete with the slight greenish fringing where the original image had shades of gray. To avoid that effect, I applied the Color to Alpha tool only to the red parts of the image:

  1. Change the image from indexed to RGB mode with Image → Mode → RGB. That's always the first step to do when editing an indexed-color image, unless you want to be constrained to the original image's color palette.

  2. Select the red areas of the image using the Select By Color tool. A threshold of around 130 seems to work fine in this case.

  3. Open Colors → Color to Alpha... and select pure red (#ff0000) as the color to make transparent. You can use the eyedropper from the color picker dialog for this.

  4. There's still a tiny bit of green fringing left near the edges of the formerly red areas, where some pixels in the original had a pinkish shade due to anti-aliasing. To get rid of that, a quick and dirty solution is to use Colors → Desaturate....

  5. Finally, convert the image to grayscale (optional, but recommended to minimize file size) with Image → Mode → Grayscale and save it as PNG:

Result of the editing process described above

Another way to achieve the same result is by using the Bucket Fill tool with the Color Erase mode. The workflow is basically the same, except that you need to click each of the red areas separately with the tool, rather than selecting them all at once and then using Color to Alpha.

share|improve this answer
    
I'm glad to see that this functionality is also available in a mainstream image editor. I notice that this is also a free image editor, and it seems that this is not available in costly/professional editors. It might be because the professional users don't need this kind of functionality because they always design everything themselves from scratch, and never use existing images that they need to convert like this..? –  Aᵂᴱ Jun 14 '12 at 11:55
add comment

Just do it in Illustrator - simply set the properties on the stroke and leave out the foreground - no filters no nothing.

share|improve this answer
add comment

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.