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.

I want to create a custom font to use for a game, and it must be a Bitmap font. So the spacing etc between characters must be equal. Now I don't know much of Bitmap fonts.

The font itself will be a black Century Gothic with a white stroke. I could just type in the alphabet and apply a Stroke effect, but this wont ensure equal spacings.

What could be the best way to create such a bitmap font? (Or if any exists already just tell me)

share|improve this question
    
see if it helps: angelcode.com/products/bmfont –  Jack May 2 '12 at 13:48
    
codehead.co.uk/cbfg –  Jack May 2 '12 at 13:48
    
I think that those options are better than photoshop, since they handle kerning, hinting etc. –  horatio May 2 '12 at 13:55
    
and where ever i Know Photoshop is not well suited for font creation –  Jack May 2 '12 at 13:56
add comment

4 Answers

There's no way to create a font, per se, directly out of Photoshop, so I'll answer based on what Photoshop can do, which is create images. This is an adaptation of a trick I picked up from the brilliant Angie Taylor, of After Effects fame.

  • Make a text file with something like "characters" on the first line, and one character on each line below.

  • Set up a Photoshop file that is the size you will need for your characters.

  • Create a text character, centered on the layer, and style it the way you want it.

  • Define a Text Replacement variable (image > variables > define), naming the variable using whatever is on that top line of the text file, and import your text file as the dataset.

  • Run File > Export > Data Sets as Files

You will have a collection of identically-sized files you can then a) load into layers (via Bridge Tools > Photoshop > Load Files into Photoshop Layers...) and turn into a sprite sheet using Horatio's script, or b) assemble as needed in your project.

share|improve this answer
add comment

I don' think that Photoshop is the proper tool (see Pankaj's comments) but if you were create a document the size of one tile of the sprite sheet, and place a single glyph on it, then duplicate that type layer once for each glyph you want, you will have all of them in the same place and equally spaced.

Then you would need to create a sprite sheet. If you search this stack exchange for "sprite", somewhere in there you will find a sample Photoshop script (javascript) which I hacked together which will resize a document and arrange the layers suitable for a sprite sheet.

share|improve this answer
    
I agree. There's no particular reason to use Photoshop for making a bitmap font. You can use practically anything, e.g., Paint, with roughly the same result. And as other posters have mentioned, Photoshop cannot actually produce font files. –  Dmitri Nesteruk May 5 '12 at 21:43
add comment

Photoshop is not at all a font creator, you can create custom font with Photoshop, there are some ugly ways but I guess nobody will advise you to do so.

i have some links might be they can be helpfull to you in-case

you can try this also (already mentioned in my comment)

what gaming guy says on Tool to create a bitmap font from a true type font

hope this will help.

share|improve this answer
add comment

Click Here!. This article was helpful, but you can also go on youtube and search some stuff.

share|improve this answer
1  
Hi Pat, welcome to GD. Seems like you forgot to add the link! Also, keep in mind links on the internet can go down, so it's always better if you can add a description / short explanation of the video. –  Yisela Mar 4 '13 at 2:00
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.