: How to create a Bitmap Font, with Photoshop? 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

@LarsenBagley460

On Glyphite.com, you can create Bitmap fonts with any number of fills, shadows, and strokes--no need to download an app. You can also adjust any aspect of the font's spacing. I found a free font very similar to Century Gothic (Didact Gothic) and was able to build an example of the Bitmap font you described rather quickly:



(Disclosure: I work for Glyphite.com)

Vote Up Vote Down

@LarsenBagley460

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


Photoshop Script - Create bitmap font (works in cs 1&2) (I am
not sure what the heck is that)
pixel fonts how to
Pixel font how to again


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


bitmap font
bitmap font


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

hope this will help.

Vote Up Vote Down

@Hamm6457569

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.

Vote Up Vote Down

@Vandalay110

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.

Vote Up Vote Down