First thing you'll need is the hardware:
- A pen or some other device that makes a mark on paper.
- A piece of paper. A napkin will do if you can't find any paper.
- A computer with a scanner.
Here are two pieces of specialty software you will need for making
fonts:
Adobe
Streamline: Converts your grayscale scan into an eps (Encapsulated
Post Script) file which you can open and edit in Illustrator.
Macromedia
Fontographer: This is the program that makes fonts.
Also, you should be somewhat familiar with the following software:
Adobe
Photoshop: Use this to scan your artwork in and clean it up
if you want.
Adobe
Illustrator: Used as a clipboard for importing your outlines
into Fontographer.
Got all that? Great! Let's draw the alphabet...
When drawing your alphabet, keep in mind that it'll be troublesome
if the characters overlap. If they do, you'll have to cut them apart
later. So I'd recommend keeping each letter separate from the others,
and leaving plenty of space between the lines.
I scanned my napkin into Photoshop at 100% (as seen here) at a
resolution of 200 pixels per inch. My computer sucks, but if you've
got one of them fancy new computers you might want to scan it in
at 300 dpi. Whatever. I'm a lo-fi guy.
Next, I'm gonna take the alphabet into Streamline to convert it
from a grayscale PICT file to post-script outline format. Streamline
lets you control the detail of your image based on details per inch,
so I need to make it bigger to get the detail I want out of it.
In Photoshop under "Image: Image Size" I "uprez" the image to about
8.5 inches by 11 inches, at around 150 dpi. Now I'm ready to exit
Photoshop, so I save the file as a grayscale PICT with no compression.
Now I open the pict in Adobe Streamline, a simple little program
that just converts grayscale images into eps outline format. I only
use two functions here. Under the options menu there's "Conversion
Setup" which gives you a window like this:
![Make your own FONT Tutorial Conversionsetup](https://2img.net/h/chank.com/howto/conversionsetup.gif)
These are the settings I used for this font artwork. I like to
have more curves than straight lines so I changed that from the
factory defaults. Also I changed the details per inch ("Tolerance").
I don't know what the other stuff does.
I selected a portion of the artwork and converted it (File: Convert).
I didn't like the way the "R" was being broken up, so I hit undo
(command-z) and went in to adjust the threshold level. This is under
"Options: Color/Grayscale Setup". It gives you a window like this:
![Make your own FONT Tutorial Grayscalesetup](https://2img.net/h/chank.com/howto/grayscalesetup.gif)
I moved the threshold slider from 50% to 39% so anything that's
39% black or darker in grayscale mode goes to black when outlined.
This way more of the image goes to black. Here's the before and
after:
![Make your own FONT Tutorial Rafter](https://2img.net/h/chank.com/howto/rafter.gif)
You can zoom in real close on your image, convert a part of it,
undo, adjust your settings, and convert again until you've got something
that looks cool. Many a font has come out of accidental settings
in Streamline. This is a good place to play around with your scan
to see what comes up.
![Make your own FONT Tutorial Crustmoon](https://2img.net/h/chank.com/howto/crustmoon.gif)
Above is an example of two different typefaces that came from
the same grayscale file when I was first learning how Streamline
works. I was trying to make something that looked like the top font
(CrustiEr) and ended up with the bottom font (Moonshine) because
I didn't have the details per inch high enough.
When you are happy with your conversion, save it as an Illustrator
file and quit Streamline. Open it up in Illustrator.
What will happen when letters are copied from Illustrator to Fontographer
is the characters will be sized to fit from the lowest descender
(like the bottom of the lowercase y) to the highest ascender (the
top of any capital letter). To get all of your characters to come
across the same size as each other as they move from Illustrator
to Fontographer, you'll have to create a dummy character that represents
what this height should be.
So I draw a box that's big enough to go from the top of the capital
A to to the base of a lowercase y. Umm.... like this:
![Make your own FONT Tutorial Dummybox](https://2img.net/h/chank.com/howto/dummybox.gif)
Now I copy each horizontal row of letters (along with the box
that keeps the height of all the characters uniform) in Illustrator
and paste 'em into a space in Fontographer. It's kinda goofy, but
this is important:
When copying in Illustrator, you must hold
down the "option" key as you pull down "copy" from the edit menu.
The keyboard shortcut for copying won't work, and you must hold
down the "option" key as you copy. Keeping Illustrator open, open up Fontographer, too. Go under
"File" and select "New Font." You'll get a window like this:
![Make your own FONT Tutorial Fontwindow](https://2img.net/h/chank.com/howto/fontwindow.gif)
Select the "A" box and pull down "paste" from the edit menu.
Once
again, you might have problems if you use the keyboard shortcut
to paste, so remember to use the pull-down menu. So now I've pasted the characters A-J into the A box. Next I paste
K through T into the K box. And repeat with each line of letters
until I've gotten everything from Illustrator into Fontographer
so I can quit Illustrator before my computer crashes.