Live data from Hacker News

Drawing better-looking Bézier curves

beta.observablehq.com

41–45 of 45 posts

Re: Drawing better-looking Bézier curves

#41

So for what it’s worth here’s the three rules of thumb I’ve followed for about fifteen years in Illustrator: 1. Pull curve handles out to about 1/3 of the curve segment they control. 2. Don’t turn more than 90° between two control points. 3. Avoid S-curves between two control points. Following these generally results in nice-looking curves that are easy to edit A lot of “designers” these days like to present a rule o…

One great way to handle editing of complex shapes that use 90° extrema is to lean into Tunni lines[0] as a manipulation tool. Unfortunately these aren't present in Illustrator either, as far as I know, and is yet another reason why Illustrator's dominance as a bezier drawing software is less than warranted. Most font design software is better for drawing almost anything in bezier.

0. http://help.fontlab.com/fontlab-vi/Tunni-Lines/

Re: Drawing better-looking Bézier curves

#42
One trick I learned from a graphics editor: if you have two Bezier segments and want to make a smooth transition between them, put the two control points on either side of the center equidistant from the center and on a straight line. The curve will be tangent to that straight line at the center point, and will have the same curvature where they meet.

Re: Drawing better-looking Bézier curves

#43
post #41

So for what it’s worth here’s the three rules of thumb I’ve followed for about fifteen years in Illustrator: 1. Pull curve handles out to about 1/3 of the curve segment they control. 2. Don’t turn more than 90° between two control points. 3. Avoid S-curves between two control points. Following these generally results in nice-looking curves that are easy to edit A lot of “designers” these days like to present a rule o…

One great way to handle editing of complex shapes that use 90° extrema is to lean into Tunni lines[0] as a manipulation tool. Unfortunately these aren't present in Illustrator either, as far as I know, and is yet another reason why Illustrator's dominance as a bezier drawing software is less than warranted. Most font design software is better for drawing almost anything in bezier. 0. http://help.fontlab.com/fontlab-v…

I’m gonna have to disagree with your last sentence. I’m pretty sure there isn’t any font design software out there that would let me draw an entire full-color comic page. (Which I mostly do with AI’s pencil tool - but when I need to get my hands dirty with the raw paths, I use the rules of thumbs mentioned above.)

Re: Drawing better-looking Bézier curves

#44
post #39

Earlier quoted context omitted.

The site is up, but is brand new and still in beta — what mobile OS/Browser combo are you using? We'd love to try and debug your white screen...

Not the parent poster, but I use NoScript on desktop Firefox. Beyond whitelisting observablehq.com and observableusercontent.com I found that the content was completely missing until I also unblocked objects from fonts.gstatic.com. Could be a clue.

Ah, this could be the case. I block external fonts but never had a problem because of this.
Post reply on HN