First lower case sketch

Image

Pedro Proença sent this sketch as a first approach to a gothic type lower case (larger image in the sketches gallery section).
He is a Communication Design student currently studying in London that is mainly interested in participating in this project and learning more about Type Design.

Thanks Pedro! Keep in touch.

The follow up is a small transcription of the emails swapped (sorry guys, PT only…)

Pedro wrote:

“…ficou evidente q o a não encaixava nada bem, e mudei-o um pouco, mas ainda precisa de melhoras! Vou aprendendo conforme faço, por isso qq comentário ou conselho e bem vindo…qt ao t por acaso acho acho q o ‘cross stroke’
(n sei o termo em português) talvez pudesse ser mais curto do lado esquerdo…”

Before, I said:

“Os teus esboços estão muito fixes. Gosto particularmente do “b”, “t”, “f” e “k”. acho que apanhas muito bem o espírito do traço das grotescas do início do século. No entanto acho que o “a” e o “g” precisam de atenção – o “a” onde o olho faz a ligação à haste talvez devia ser mais horizontal e não tão fluida? E o “g” parece muito com a FFMeta mas…”

In response to:
“Tenho feito uns sketches para as letras lower-case…tenho seguido mais ou menos as recomendacoes do site e so tenho feito cenas em papel…vou começar agora a trabalhar no mac. Mando te um jpg com os esboços q fi ate agora…diz-me o que achas.”

(Originally published in 2006-08-09)

Classification

So you’ve already sketched out the idea for your typeface… very well. But how are you going to aproach the actual design? By now you’re saying (or at least thinking) “yeah… I’ll just start my software and start copy/pasting until I get carpal tunnelled!”

Before you waste your precious health you should consider on systemizing (I really like this word) your aproach. This will not only produce insightfull knowledge about future glyphs (character designs) but will also speed up the design process.

This brings us to our Character Shape Classification Scheme.
(Actually, this document was produced based on I Love TypeWorkshop’s Type Basics Page and Type Index.org Anatomy page).

First of all let me begin by quoting I Love Type Workshop first page:

Same size for all! To optically align all characters on a line, they cannot not have exactly the same mathematical height. For example the triangle on this drawing has to be higher than the rectangle. If this is not the case, the triangle will for sure look smaller than the rectangle. While creating a typeface, you want all the letters to have the same height.

Also round forms have to exceed the baseline to be optically the same. If the circle would have exactly the same mathematical height as the rectangle, it would look smaller than the square. This doesn’t only count for basic forms like triangles, circles and squares. It’s essential in type design, because they apply to every single character in a typeface. Then it even doesn’t matter if you’re designing a latin, cyrillic or greek font. It’s a basic principle for any kind of shape.

This will actually make you think about all the characters and classify them into basic character shapes. In your drawing process you will soon realize that there are many common elements tha can be (re)used and meny that seemed similar but are in fact, different. This will depend on the character classification and anatomy.

So first of all you can design three basic shapes:

1. The Square;
2. the Triangle;
3. and finally the Circle.

As you can see on this image, this will give you an “all character design aproach”. Or will it? I like to complicate things a bit more.

Thinking ahead on character spacing (we’ll see this later on) and different anatomy atributes, I like to classify the basic character shapes into 7 categories:

1. The Square (S);
2. the Triangle (T);
3. the Circle (C);
4. the Half-Square (S2);
5. the Half-Square+Half-Triangle (ST)
The picture has swithed categories (5 for 6 and vice-versa);
6. the Half-Square+Half-Circle (SC);
7. the Half-Square+Half-Triangle+Half-Circle (STC)… what a mess ;)

These classifications will allow us to categorize letter shapes. For example:

  • An A is Triangular on it’s left half and right half;
  • An H is square on it’s first and later halves;
  • An R is square on it’s left half and square+triangule on it’s right half
  • and so on…

This will allow us to quickly interface letters with each other according to their attributes. But I think I’m getting ahead of myself.

As for now, this will allow us to establish standard shape widths and fit the respective characters to it’s classification.
According to the drawing/sketch specifications:

  • if an H takes 3 spaces, then also should the the E and the F.
  • if an A takes 3,25 spaces then also should a V and an X.

This will also allow you to understand wich shapes you should draw first and wich can be reused by other characters like:

  • the stems of the H;
  • the bowl of the O and the C;
  • the diagonal stroke of the A for the V and W, maybe the X
  • and so on… depending on your character shapes.

And so on. First define these simple rules for your sketch, and then you’re ready to move on to the Basic Character Proportions Scheme.

(Originally published on 2006-04-21)

Sketching Type

So, you want to design a new typeface?

Ok! Let’s get started.
Actually we’re cheating. We’re interpreting early 20th century Sans Serifs (Grotesques). More concretely, 1898 Berthold’s Akzidenz Grotesk (later also known as Standard) & 1905 ATF’s Franklin Gothic. More the last than the former.

Wait a minute, what’s that? Early Century sans what? Maybe it’s a good idea to check a bit of type history in this great (concise) website
or maybe take a look at this type classification timeline

Ok, back to our Type Design.
First let’s take a look at what we are trying to accomplish. (If you are trying to design something new or personal you can skip this part)



The images are taken from:

  1. MEGGS, Phillip B. (1998) – A History of Graphic Design.
    pgs. 224
  2. LAWSON, Alexander (1990) – Anatomy of a Typeface.
    pgs. 296

They aren’t very good reproductions since they are very small to begin with, but for now they’ll have to do. We enlarged the images so we could take a closer look at the details (the one’s we could notice…) and started sketching.

Sketching you say? Don’t we start do design on Fontforge? Why are you so old fashioned? You may call us old fashioned, or arcaic, or whatever, but unless you’ve got a pretty good idea of what you want to do, you’d better start sketching on paper.

Actually there are quite a few school of thoughts about the “starting a new design” process. Maybe you’d like to take a look at this document that gives you a few insights on how to start drawing/sketching a typeface.

Basically we use a mixed drawing method (more or less like Ken Barber). Contrary to the KABK aproach, we start to draw “skeletons”, usually “type exoskeletons” (AKA outlines) with a thin ballpen. Then we start to fill in the shapes to get the feeling of the masses. Then we can start to look at the shapes and refine the countours/outlines. This is basically the first aproach.

Finally we can outline the final drawing, and if it looks good we can “manga-outline” it so we make sure that’s the one we like best. Usually it takes a while for a single character/glyph to look nice (on the sketch that is).

Take a look at the first sketches/interpretations of the type Design:

Altough much of the skecthing work is like “guessing” where the curves go, or where the lines meet, an important part of sketching is that you should start analysing the characters proportions according to it’s basic Character Shape Classification.

In this document (soon) we propose an aproach based on the classic Square/Triangle/Circle character classification. But in order to proceed we first need to establish a Basic Type Anatomy & Proportions Scheme.

(originally published on 2005-11-25, updated on 2006-02-07)

St Brigid Press

Fine traditional letterpress printing and hand bookbinding.

M3N Press

Private Press of Pedro, Marta & Sons

first sessions in 3D world

Procura do domínio da tridimensionalidade através da ferramenta Blender 2.77.

Histórias do que Somos

Histórias músicas e memórias da Vovó Tininha

ATypI Portugal

All things type, from the Portuguese community

The Elders Playground

where youth has nothing to do with age

tipografismo

Thoughts & Visuals about Type & Graphic Design

Typeforge

Open Source Type Design

Design Journal & Conference Calls

Announcements of calls for papers for design-oriented journals and conferences

Grandes Armazéns do Design

Um blogue do Ressabiator

The Ressabiator

Se não podes pô-los a pensar uma vez, podes pô-los a pensar duas vezes