building the alphabet: part 2

Building the Alphabet:
lowercase part 2

Last week I began building the lowercase alphabet using “n” and “o” as a starting place. This week I moved on to “l, h, b, d, p” and “q”.

When I started this font I thought, “Hey! If I do a hand made font, then I can just scan in the letterforms. I won’t have to mess around as much with tweaking curves and node placement, because hand done work covers over a multitude of sins. Yay for me!”

This week I’ve quickly realized just how incredibly wrong I was. What occured to me in the process of making many iterations of each letter was that, well, I have to make multiple iterations of each letter.

Typical typeface process

With a typical typeface the process goes something like this:

  • Sketch to get the basic letterforms and defining details of the face.
  • Scan the sketches and refine the details of the letterforms in the computer.
  • Use the defining and structural pieces of certain glyphs to build the remaining characters.

With this process I can start with “n” and “o” and build “l, h, b, d, p, q” relatively easily. This is because for a clean, non-handmade typeface the pieces of a couple strategic glyphs can be used to make or inform the pieces of the rest.

This is not the case for a handmade typeface.

Hand made typeface process

A face meant to look hand done has to have differentiation between glyphs, not repetition. Yes, there has to be rhythm and uniformity, but the glyphs can’t share verbatim repeated pieces, otherwise it exposes the hand made farce.

What this means for me is I can’t design a few pieces to build many glyphs. I have to actually hand draw the glyphs I want to see. Now, I can make tweaks in the forms after they’ve been digitized, but at a certain point this makes more work, not less.

So I end up drawing letters over and over and over until I get it right. This takes some time.

The process looks more like this:

  • Draw the characters as close as possible to their finished form.
  • Scan the glyphs and refine the details of the letterforms in the computer.
  • Repeat until all the glyphs have been digitized.

Add to this the additional load of alternate glyphs, and it becomes pretty labor intensive. Alternate glyphs allow words or phrases with repeated letters to look more hand drawn by having multiple forms of the same character. This way the letters don’t look exactly the same, just like hand lettering.

Overlap in the process

Just because I have to hand draw the characters in a nearly complete form before digitizing, doesn’t mean I can’t use the process of “building” one glyph with the forms from another. I can still refer to weights, counter size, curvature, contrast, terminals, etc. when drawing the next letter in the sequence. This is what I did when drawing “l, h, d, b, p” and “q”.

[fusion_imageframe image_id=”1918″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/l-h-1024×703.jpg[/fusion_imageframe]

I draw the “l” and then used the top to inform other letters with ascenders.

[fusion_imageframe image_id=”1921″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/h-l-1024×701.jpg[/fusion_imageframe]

I drew the “h” as a combination of “l” and “n”.

[fusion_imageframe image_id=”1919″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/b-d-1024×696.jpg[/fusion_imageframe]

I drew the “b” as a sort of combination of “l” and “o”. Now, I know that “b” is written quite a bit differently than “o”, but I can let the counter of the “o” inform the space in the “b”. It won’t be the same shape, but the area of the negative space and rhythm from stroke to stroke should match the “o”. This will be the same as the “d”, “p” and “q”.

[fusion_imageframe image_id=”1920″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/d-1024×708.jpg[/fusion_imageframe]

[fusion_imageframe image_id=”1922″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/p-1024×702.jpg[/fusion_imageframe]

For the “p” and “q” I tilted the top of the stem toward the arc, so as to eliminate a heavy black area at the joint.

[fusion_imageframe image_id=”1923″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”none” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]https://www.societyoffonts.com/wp-content/uploads/2017/06/q-p-1024×709.jpg[/fusion_imageframe]

On the “q” I ended up terminating the descender with the same angle as the top. I did this for some visual interest, but also to differentiate it from the “p” a bit more. (That, and it was much easier to draw that way.)

Up next

So while this might end up being more work than I anticipated, I’m going to keep going in the order that let’s me refer for guidance to the characters I’ve already done. Up next will be “c”, “e” and “a”.


Posted

in

,

by

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.