Font Creation

Adobe Photoshop is unfortunately not capable of exporting a font file directly. You can however use Photoshop to create glyph shapes which can typically be exported to particular file types which can be imported into a font creator.

In other cases you may even be able to simply copy/paste the shape from Photoshop into the font creation program. Here are a few instructions for various programs.

All of the instructions below will presume you've created the glyph as a Shape object made up of Paths and not a rasterized image.

Sending the glyph to High-Logic FontCreator

You've got a beautiful font made in Photoshop, you're ready to turn it into an actual font that can be used in any software you can think of, you're crushed that Photoshop can't natively export font files. Luckily transferring them to something like High-Logic FontCreator is easy enough.

We start within the Photoshop project.

  1. Make sure each "Glyph" is one layer. You can multiple glyphs on one layer but they will be copied all at once and will need to be separated form within FontCreator.
  2. Hide all layers except the shape you want to transfer.
  3. Go "File > Save As..." and save a new file as an "Photoshop EPS".
  4. In the dialogue that pops up you can leave all settings to their default but change the "encoding" drop down to "Binary".
  5. Press "Ok".
  6. Make sure you have open an individual glyph window within FontCreator
  7. Drag and drop the EPS file into the glyph window of FontCreator.

At that point the font glyph should appear. If it appears to be scaled oddly, too large or too small, then check to make sure you didn't accidentally bring in other object around the Photoshop document that you didn't mean to.

Again, FontCreator does NOT utilize the same kind of bezier curves that Photoshop does. Handles will most likely be converted to their own points, because FontCreator has no handles, but the shape will largely be the same.

If you are not comfortable with these kinds of quadratic curves then make sure to finalize the glyph as much as possible will still within Photoshop.

Alternate methods should the above fail...

Note: It should be possible to simply select a rasterized version of your font design in Adobe Photoshop and use the "Copy" command before going to FontCreator and using the Paste command to move your fonts into FontCreator. The problem with this tehnique is that, while it is simple, it relies on FontCreator to create new shape points and curves as it interprets the rasterized image you are giving it. If you want to retain your own points / curves then there will be a little more work involved.

This process presumes that you have Adobe Illustrator as well. Open all three programs to start with and have a blank canvas ready in Illustrator. Start with the raw glyph open in Photoshop...

  1. With the Direct Selection tool selected select the entire glyph.
  2. Either press Ctrl-C or select Edit > Copy to copy the paths.
  3. Switch to Adobe illustrator.
  4. Either press Ctrl-V or select Edit > Paste to paste the paths. A new window will appear.
  5. Select "Compound Path (Faster)" and press "Ok".
  6. The paths will probably import only as the paths and not be filled in by default. Enable a simple fill by either clicking the colored square near the word "Fill" at the top of the screen (while the direct Selection tool is selected) or the colored box in the main toolbar to the lower left.

    It is normal for previously "empty" areas to be filled in.
  7. Either press Ctrl-C or select Edit > Copy to copy the paths.
  8. Switch to FontCreator.
  9. Either press Ctrl-V or select Edit > Paste to paste the paths. They should be automatically filled.