black artifacts around .pngs?

[Queeg]

I'm finishing up my custom theme and i an including some really high res console images. They are smoothly cropped in photoshop with a transparent background and saved as transparent pings. However when I load them in GameEx, the transparency works (there is no background) yet there is black jagged edges around the image. Of course these black jaggies are non existent in the .png files, so I am stumped. It's almost as if GameEx is putting the black there. The jaggies do not appear on square images so it may be an anti-aliasing issue? I have no idea.

Let me know if anyone else has had similar problems, thanks!

[bkenobi]

GameEx doesn't use transparency the way you think (unless it's been changed). AFAIK, GameEx uses pure black as the transparent color. Is it possible that you have some almost black around the edge of your images that you see as black, but GameEx doesn't?

[Queeg]

No, there is no color close to black on the images I tried. I did try saving pngs with pure black backgrounds and it was exactly the same. I am going to try and feather the edges some in photoshop and see if I can't clean this up.

I'll post when I get results, thanks for the reply.

[Tempest]

This may interest you: http://www.gameex.info/forums/index.php?showtopic=6095

[wahoo]

I also started working on this, trying to create as many high res images of emulators. I intend to share as well. Perhaps we can compare the list of systems we are working on. I have attached an image of the Bally Astrocade I worked on.

Here is the process that I have been using:

Using freeware program IrfanView

Select an uncommon color such as hot pink or lime green. Use large brush to paint over all the area outside the edge of the system image (the area you want to remove) getting fairly close to the outside of the image of the system

Zoom in to the edge of the image of the system

Use the color picker tool to select the color of the area outside the edge of the system

Use the color replacer to start replacing the outside area without replacing the image of the system. For the replacement color, use the color picker to pick the lime green or hot pink.

You will need to play around with the tolerance settings of the color replacer and the color picker and brush size and heavy use of the undo feature while you clean up the edge of the image of the system

Move around all the edges of the image of the system to clean it up

You will end up with an image of a system resting in a lime green or hot pink background

Select a large brush. Use the color replacer to replace the true black. Replace it with a custom color that is just above black. Run the brush all over the entire system. This will eliminate any black in the system image that would end up looking like holes in the image of the system.

Replace the lime green or hot pink with true black

Crop the image down as far as possible

Save as PNG, enable the option to select transparent color

Select the true black background as the transparent color

Hope this helps

[Queeg]

  On 12/22/2009 at 6:23 AM, wahoo said:

I also started working on this, trying to create as many high res images of emulators. I intend to share as well. Perhaps we can compare the list of systems we are working on. I have attached an image of the Bally Astrocade I worked on.

Here is the process that I have been using:

Using freeware program IrfanView

Select an uncommon color such as hot pink or lime green. Use large brush to paint over all the area outside the edge of the system image (the area you want to remove) getting fairly close to the outside of the image of the system

Zoom in to the edge of the image of the system

Use the color picker tool to select the color of the area outside the edge of the system

Use the color replacer to start replacing the outside area without replacing the image of the system. For the replacement color, use the color picker to pick the lime green or hot pink.

You will need to play around with the tolerance settings of the color replacer and the color picker and brush size and heavy use of the undo feature while you clean up the edge of the image of the system

Move around all the edges of the image of the system to clean it up

You will end up with an image of a system resting in a lime green or hot pink background

Select a large brush. Use the color replacer to replace the true black. Replace it with a custom color that is just above black. Run the brush all over the entire system. This will eliminate any black in the system image that would end up looking like holes in the image of the system.

Replace the lime green or hot pink with true black

Crop the image down as far as possible

Save as PNG, enable the option to select transparent color

Select the true black background as the transparent color

Hope this helps

Thanks for the tips, I will try tomorrow and let you know the results.