: How to properly place control points on bézier curves and tame those curves? After roughly ten years working as a graphic designer, Bézier curves still elude me. I normally just place control

@Turnbaugh909

There are several very interesting articles regarding Bézier curves applied to type design like this which revolve around using as few points as needed, and limiting handle angles to 0°, 45° or 90º with a non-variable width.


This advice is indeed specific to type design, where the extreme points of curves (which would be at 0° or 90° angle) are of particular importance for rendering and making the type look harmonic. I would not even recommend this for every kind of type design. For example when designing capital letters for a blackletter font, I did not adhere to this (coincidentally, I am using exactly this as an example below).

When using Bézier curves for other purposes, the essence of my personal technique and what I would recommend is this:

Place control points on inflection points of the curve.

If the mathematics is not your thing, just imagine that you are steering a car along the curve. Whenever you switch between turning right and turning left, you are at an inflection point.

In most cases, these are all the control points you need. The main exception is when you have a curve that makes a turn of more than 180°, which for example happens in simple circles or spirals. If you need to use additional control points, place them where the curvature is strongest, i.e., where you need to steer most.

For example, here is a quick attempt to trace your bottom example, which took me five minutes. With one exception (in the bottom left), all control points are on inflection points.



Here is another stylised example using only quadratic Bézier curves, which I happen to have at hand. The control points are where a black line intersects with the border of the red Bézier polygon. The handles are on the intersections of black lines. (This only holds within a calligraphic stroke.)



While you best see whether this works for you by trying it out, here are some reasons why this works well in my opinion:


While cubic Bézier curves can contain inflection points between control points, they are difficult to handle.
With quadratic Bézier curves, every inflection point has to be a control point anyway.
When tracing, the direction of the original curve at a turning point can be particularly easily identified and translated to your new curve.
As the curvature of a curve is lowest at turning points, inaccuracies in the direction of the curve and placing of the control point have comparably little impact.

Vote Up Vote Down

@Welton168

If you have Illustrator CC you can try drawing the shape with straight lines with the pen tool, with the lines over the side edges and the point beyond the edge of the curve. The use the direct selection tool (A) and select the point. You will see a little "target" appear. Put your curser on it and move it in or out to change the radius of the curve. It takes some practice, but it creates even handles and fewer anchor points. In CC you can also use your pen tool on a path with the opt/alt key to reshape paths without manually adding anchor points.

I also use Vector Scribe by Astute Graphics in Illustrator. There are some tools that you can use with CS that create smoother curves. I am a big fan of scripts for Illustrator. If you find you are taking more time to edit curves, maybe the limitations are in the way you have your Illustrator set up rather than your tracing skills.

Vote Up Vote Down