I don't write out things by hand very often. The little imperfections always annoy me, which is why I'd rather create a font that write it out. That way, I can also use the font on the Fedran website to show characters in their native language.


This is going to be broken into multiple posts, mainly because there are a few distinct steps. I'll add links to the entire set as I go, but for now, these are the ones I plan on creating:

  1. Drawing the glyphs
  2. Scanning and cleanup
  3. Creating vector versions
  4. Creating a basic font

Scanning the file

The process of scanning in hand-drawn images is fairly simple one. I have a Canon all-in-one printers/scanner which writes out scanned images as PDF to a SD card. I threw everything into a single PDF and then broke it out into individual PNG files using an overly complicated process.

I should have just scanned each page individually, but it was late and I wanted to go to bed.

Removing blue lines

The first thing I did was open the scanned images into Gimp. I use single window mode (from the Windows menu) because it plays better with my monitor.

The next is to create a white layer and put it below everything. This will let me use Cut instead of fill to remove elements.

After selecting the main layer again, select by color (right-click, Select, By Color…) and set the threshold to 40.0.

With those settings, just click on the blue line and cut (Control-X). Because we put a white layer behind it, it will delete to white instead of transparent.

After doing this a few times, I get a white background image with the glyphs nice and stark on the page.

Sharpen the images

Once I have the guide lines removed, I made the text easier to trace. The first thing is to convert the image into grayscale and back to RGB. This removes any errant blue lines and darkens everything black.

Once that is done, I jack up the contrast to deepen the black even more.

Smooth out the edges

The result is actually good enough for the next step for making a vector version. However, I ended up using the "Oilify" filter to smooth out the edges so the glyphs look reasonable even in Gimp. I like Oilify because it smooths out the rough edges of an image and gives a more newspaper printed appearance to the images.

The final result is a fairly dark glyph that is easily designed to be scanned.

Culling the herd

The final step was to go through all of the duplicated glyphs and find the best one of the lot. This was actually a couple hours of shifting images around, removing the ones that don't quite fit, and trying to decide the right shapes to use. Once that was done, I had a single image with one of each glyph.

In the future

The blue lines I used were a little too dark, which increased the complexity of removing the trace lines. I would use a lighter shade next time.

I also didn't need to use the oilify since I was scanning into the next step. The result is that the glyphs got a bit more blurred than needed, plus it distorted the shapes (which was magnified by other things I did later).