Archive for the ‘ Typeface Design ’ Category

Tutorial: How to use the Pen Tool in Illustrator CS6

If there is one tool that is both the most powerful and the cause of the most angst, wailing, and gnashing of teeth – it’s the pen tool.

I’ve made a two-part tutorial explaining this most dreaded of tools right from the basics, and in the second part I share my technique for tracing a sketch.

Let me know what you think of them in the comments 🙂



Typeface experiment with the Archimedes Square

So we got AppleTV and I have discovered that if you go into the podcast section there is a fantastic collection of TED Talks available. This is almost too much for my inner geek, and I spent a bit too much time this weekend just browsing. Well, I have an excuse; TV7 has gone. Gone! Wah.

Anyway, here is a video that appealed to me because I love books, manuscripts, old things, and geometry. Who knew I would ever have a use for combinatorial mathematics.

William Noel: Revealing the lost codex of Archimedes

You can read more about the project here:

So that got me plotting thinking…

…why not see if I can create a typeface from the grid that Archimedes has so kindly provided?

Here are some of my digital sketches:

Above, the Archimedes square, which I have retraced in Illustrator and coloured with some random, pretty, transparent choices.  Called the Stomachion, this square is actually a puzzle. Cut the square apart along each line, then try and reconfigure the pieces back into a square. How many different configurations are there? Answer: 17,152 when you include rotations and reflections. That’s lots.

But the challenge of creating a typeface from a pre-defined grid? Ooh, that’s too good to resist. Although it takes much of the “thought” out of typeface design, it does allow my brain to just wallow and enjoy the process of puzzling out letters from a surface that really, really doesn’t want to give them up!

The letters PbSD… Yes, Philippa Berry Smith Design lol

Above: layout with background colours.

Above: swapping out different “B”s

Above: working on some extra letters, very rough at this stage.

Above: the letter “G” Kinda looks like an origami swan to me…

Above: the Archimedes Square by itself is incredibly limiting, which is not a bad thing, but it makes creating letters such as “B” ridiculously difficult. So I cheated and tried my hand at creating an Archimedes Quad Square. No, this is not a real thing. I just made it up.

Above: The four Quads I worked with. There are generated by copying, rotating, and joining up a single Archimedes Square.

Above: Quad 1

Above: Quad 2

Above: Quad 3

Above: Quad 4

Above: I only got time to start playing with the mega Quads for about 10 mins, so these are just a start of the letters I think I can squeeze out of them. I love the idea of working within a grid structure that has existed for over 2200 years.

VIDEO TUTORIAL: How to make a font

Ever wondered how to make your own typeface?

This two-part tutorial will show you in detail how to take artwork you’ve created in Illustrator and transfer it easily across to FontLab Studio 5.

Before you begin, check you have the following things:

  • Adobe Illustrator (Tutorial shot in CS4 for Mac)
  • Character glyphs for the d, p, x, and H (if you have made the whole alphabet you get a gold star)
  • FontLab Studio 5
  • About half and hour
  • Set your preferences in Illustrator before you start – see the notes at the bottom of this post.

Part 1

Part 2

How to set the preferences in Illustrator

To ensure all the artwork you copy from Illustrator over to FontLab stays accurate, you will need to adjust the File Handling settings in Illustrator. Open your preferences panel (Mac: Illustrator > Preferences) or (Win PC: Edit > Preferences). Go to the File Handling & Clipboard section and make sure the only things selected are AICB and Preserve Paths:

Are you using Adobe Illustrator CS5?

The Rulers in AI CS5 work differently and this makes it slightly more difficult for you when you are using the horizontal guides to get the y-values. This is because in CS5 Illustrator actually has two types of rulers: Artboard rulers and Global rulers. The Artboard rulers are the new default in CS5, and unfortunately they will give you the wrong y-values. To ensure you get the correct values you need to change the rulers over to Global rulers. This is easy – simply right click on the ruler, and select Change to Global Rulers.

%d bloggers like this: