Creating Letter 'S'

I can’t read German fluently but I know a word or two, would you mind forwarding me a copy of your handouts? It’d be a good excuse for me to start learning German again :smiley:

Check your DMs.

1 Like

Thanks for your help @oneweioranother, I looked through those old articles and found a particular technique of creating the letter ‘S’. It may not work for all cases, but it’s a start. You can view the old website here: http://66.147.242.192/~operinan/2/2.3.4a/2.3.4.47.cap.s.htm

@mekkablue I would love to read these PDF handouts, although I don’t know any German, I can only try to understand if there are any visuals.

Does anybody else have any useful techniques?

1 Like

Thanks @oneweioranother ! I couldn’t find any image links in the old Archive.org links, so it was a bit hard to understand what John Hudson was talking about. However, I did find another link in one of those articles, you can view it in my latest comment below

@Joe I saved those images too here they are:

S1.gif

S2.gif

S3.gif

S4.gif

S5.gif

1 Like

@Joe A lot of it depends on the style and case you intend to draw for the letter /S/ but I learnt this method from Karen Cheng’s “Designing Type” (a great book if you don’t have it already).

  • Start with two circles stacked on top of each other (so it looks like a number 8) and then remove portions of the curve to form the letter S. Then weld the two points in the centre of the shape. That’s the basic shape.
  • You will then need to correct the shape for optical balance. Extend the bottom tail of the S out a little, and bring the top tail in a fraction. Reduce the height of the top curve slightly, and make the bottom part bulge out a bit. The “top story” ideally contrast a little to the bottom story, in size and shape.
  • Now you have the basic spline you can play with the shape a bit more, thicken it, etc.

Here’s a quick doodle of what I’m talking about.

1 Like

If the design allows it, I try to do without the inflection points in the middle. They are necessary for offsetting (Noodler adds them automatically), but are a risk in interpolation. So what I would do after the fourth picture, is add the S to the background (select all, Cmd-J), delete the middle nodes, and try to reconstruct the bend with the vertical handles only.

3 Likes

I know this thread is oder, and I’m a bloody beginner, too, but i thought I would throw in that especially for the letter S, I found the harmonizer tool to be a life-saver. I think the “practice” advise is still the most important, but the harmonizer is a great teacher.

1 Like

Harmoniser only improves the curve around the node, not the middle of the segment. Also it has no awareness of the stroke (i.e. opposite curve of the stroke), so you might get inconsistent result in the inside and the outside of the curve.

Hence why Übung still makes the Meister. :wink:

1 Like

I had it in my head it was good practice to add nodes at inflection points rather than leave curves that change direction. Is that not true?

sometimes is is easier to draw with nodes at the inflections and sometimes without. It it should be technically important, they can be added automatically.

Some path operations are only possible in a satisfying manner if a path segment bends only one way (offsetting for instance). And in days long gone, some renderers produced unexpected results, treating inflecting segments as cups. But technically, leaving out inflection nodes is not a problem anymore, at least AFAIK.

Maybe only when you want TT hinting there?

Yes.

I love method of scannerlicker’s. He creates nice “s”.
I recommend to watch whole video
https://www.youtube.com/watch?v=AKi0fmgBoEY (57:44 - “s”)
(hope it is ok to post videos about drawing “s” in fontlab :wink: ).

4 Likes

Heh, I know this is off topic but I would love to see someone doing a speed run / screen recording of a full typeface design in Glyphs. I’d just be curious to learn more about the design process and how people approach it specifically to this program.

What kind of risks did you encounter with this kind of inflection points, @mekkablue?

They are a hell to interpolate. What I sometimes do, is to add inflection points after interpolation with a filter parameter.

1 Like

If you are happy with the curve without inflections, and you don’t need support very old hard/software don’t bother with inflection points. If the outlines need to be converted to TrueType, they can be easily added automatically.

1 Like