Print

Please login or register.
1 Hour 1 Day 1 Week 1 Month Forever
Login with username, password and session length

[exdeath]

I am trying to create a tileset for the first time (basically creating the garamond font tileset) and this happens when I use the tileset:



What can be the problem?

Tileset I am talking about

[HaterSkater]

there is three options:

save it as .bmp
or
make background transparent (preferred)
or
set color mode to Index (not RGB)

[Taffer]

Remove the transparency layer. Your image has one, meaning that SDL interprets the pink background as being intentional. #FF00FF is only interpreted as transparent in the absence of a transparency layer. Saving your image as BMP (which doesn't support transparency) or making the background transparent instead of #FF00FF are also solutions.

[exdeath]

Thanks for the help. Fixed most problems, but still has some (dont know why).





The edited tileset:

[Rydel]

If you're referring to the poor kerning, that seems the be an issue of where the letters are placed.  You have the lower case letters lining up with the upper case based off their center - lower them to match the bottom of the letter.  You also are lining up letter based off their left side instead of their horizontal center, which is creating the gaps.  Make your letters line up based off the center of the letter to fix that.

[Snake Eyes]

Are you running Windows? There's a program called GraphicsGale that has the ability to define dividing lines. I use it for my character sets to keep track of the center (define x and y to be half of your tile size, e.g. 10 tile = 5 x and y lines). The free version doesn't support transparency, however, so you'll need to use something like the GIMP to add alpha to the image and use the Magic Wand tool to make the pink transparent.

[Dirst]

While fixing the letter placement, there are some symbols that are bleeding their rightmost or bottommost pixels into the next cell.  For example, the dots over 8 and 9 are from the parentheses above, and the fuzz to the left of A is from the @ symbol.

[Rydel]

The free version of GraphicsGale does support transparancy, but the initial layer in an image has it off by default.

Photoshop can also show guidelines to help.
Turn them on by going to View > Show > Grid
Configure their spacing by going to Edit > Preferences > Guides, Grid, & Slices > Grid > "Gridline every" and "Subdivisions"
The above paths are for Windows in Photoshop CS6.  On Mac OS, preferences will probably be in the Photoshop menu, but the rest should be the same.

[Snake Eyes]

@Rydel: In regards to GraphicsGale (free edition) supporting transparency, I was referring to files being saved with preserved transparency. When I saved my first attempt (transparency was enabled, with pink set to be transparent), it turned white in the PNG, resulting in something similar to the OP's first screenshot.

Admittedly, there are newer versions of GraphicsGale and my character set has been through many revisions and versions since that first attempt. It might've been a bug or a mistake of some sort. *shrug* I don't have access to GraphicsGale or my files at the moment, so I can't be certain.

[Rydel]

Snake Eyes, that sounds like you might have both set a transparency color and added an alpha channel.  Only use one method or the other - Alpha transparency overrides color transparency.

Alpha transparency is better for most tilesets, though.  It gives you more range for using transparency for background colors and make tile magic possible.  With Alpha transparency, ignore the color transparency setting and use the alpha channel for transparency.
That's kind of weak in GraphicsGale, though, since I don't know a way to view than channel separately like I can in Photoshop or GIMP.

[Snake Eyes]

@Rydel: That sounds about right; I thought alpha = enabled transparency, since alpha needs to be enabled to set color transparency in Edit Layer. Thanks; now I shouldn't need the GIMP just to export my character sets.