Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

Original Image:

enter image description here

My try:

enter image description here

This is the image. I tried using Polygonal Lasso Tool, but the edges doesn't appear to be OK.

Is there more precise way to remove the background and leave the letters and the logo icon on a transparent background?

share|improve this question
1  
It would be easier to recreate that image than it would be to remove the drop shadow. –  Scott Jul 9 '13 at 19:41
    
I agree, the font shouldn't be difficult to identify and the shapes would be very simple to recreate as vectors as well. Once ready, you can apply a drop shadow easily. –  Dominic Jul 9 '13 at 19:46
1  
Hey, I found a solution. I make a background #000000, then select the same color as foreground color -> Color Range. And it selects everything and I just press delete. :) –  FakeHeal Jul 9 '13 at 19:53
    
The typeface is basically Avenir book with some slight adjustment to the hook of the G. i.stack.imgur.com/f5qAW.png –  Scott Jul 9 '13 at 19:55
    
The problem with any fix that works, is that you won't be able to resize it.. so what will you do when you need a larger version? Recreate it probably.. –  Dominic Jul 9 '13 at 21:12
add comment

1 Answer

up vote 4 down vote accepted

The issue you are faced here is a limitation of the GIF transparency which is limited to a single color from the palette. Semi-transparent colors are not possible.

enter image description here
"Transparency" of the original GIF file

To obtain an image with a transparent background but with keeping the shadows we can take the following steps (below done with GIMP but any other image processing application including Photoshop should be able to do this)

  1. Convert the image from indexed to RGB
  2. Remove the transparency alpha channel

    enter image description here
    Alpha channel removed and replaced by white

  3. Replace white with an alpha channel

    enter image description here
    White replaced by transparency

  4. Save in an image format supporting semi-transparent colors (here .png)

    enter image description here

This will then lead to the desired transparency as seen below:

enter image description here
Transparent image on coloured background

Note that in the case here where the Image had grey scales not only in the shadows but also in the letters all these shades of grey will also have some transparency from the white alpha channel. This may in some cases not be wanted. We then will have to recreate the image.

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.