Just starting out in Illustrator and I want to make a shape such as this:

enter image description here

The way I have done it is like this:

  • Make a rectangle
  • Move 2 corner anchor points

enter image description here

  • Add anchor points on either side

enter image description here

  • Move the recently added anchor points inward/outward

enter image description here

  • Remove path (because I don't want some points curved) and Effect-> Stylise-> Rounded

enter image description here

Now, when I go to remove the top anchor as a path, it removes the whole side.

Is there a better way of doing this?


2 Answers 2


There are quite some different lens elements, I will show you how to make a convex element.


Make one ellipse, set it's line (stroke) color to black and the fill color to transparent:
enter image description here

Copy it and place the copy such that they overlay each other:
enter image description here

I've hatched the center part for illustrative purposes, in reality it will be white. The hatched part indicates the shape of your convex element. Change the size and placing of the ellipses such that the lens element shape has the desired thickness and length.

Select both ellipses, click Window -> Pathfinder and hit Intersect:
enter image description here

Your result should be:
enter image description here


Again, start with one ellipse, copy it and place the copy such the ellipses don't overlap:
enter image description here

Draw a rectangle over the center part, like this:
enter image description here
Make sure that all corner points lie on the edge of an ellipse.

Your layers should be ordered like this:
enter image description here
If not, reorder the layers.

Now select the two ellipses and the rectangle, go to Window -> Pathfinder and click Minus Back:
enter image description here

You'll get something like this:
enter image description here

Again you can control the lens shape by placing and sizing the ellipses and the rectangle.

  • Sorry. Where is 'Intersect'?
    – BBking
    Feb 17, 2014 at 11:02
  • In the pathfinder menu. The intersect button has a red square in this screenshot. Feb 17, 2014 at 11:11
  • Hmm. I clicked on it and nothing happened. I'll have to play around more.
    – BBking
    Feb 19, 2014 at 10:21
  • Make sure you've selected both ellipses. On another note: I think TehMacDawg's answer is better, so you should maybe try that (if you have CS5). Feb 19, 2014 at 10:26

Since Illustrator CS5, these lens-shaped objects can be created in a ridiculously simple and quick way by modifying a thick stroke using the Width tool. This also has the advantage of keeping the result editable.

  1. Draw a path and give it an adequate stroke width (e.g. 10 pt), which will make for the base 'rectangle'.

  2. Choose the Width tool (Shift+W) from the Tool palette, then click into the exact midpoint of the path and drag away from the centre (perpendicular direction). This curves both long sides, going from inwards to outwards, i.e., from biconcave to biconvex.

    For a plano-concave or plano-convex shape (one straight side, one curved side), keep the Option / Alt key pressed while dragging; it restricts the curving to one side. This way, each side can be bulged independently, allowing for concave-convex (meniscus) shapes.

  3. That's it. The curvatures can be changed at any time using the Width tool, and the initial stroke width (constituting the 'short sides') can be changed in the Appearance panel. However, to change the filling and give it an outer stroke, the object needs to be expanded (Object > Expand Appearance), which turns it from an Open Path object into a regular Closed Path object and diminishes easy editing. Expansion is also required if the shape is to be used in Pathfinder operations to construct a Compound Path/Shape object.

enter image description here

  • Can I change one side so it's more 'bowed' than the other?
    – BBking
    Feb 19, 2014 at 11:35
  • 1
    Yes, the Width tool has some flexibility. See the Illustrator Help for details and video tutorials about the tool tv.adobe.com/watch/csinsider-design/…
    – TehMacDawg
    Feb 22, 2014 at 12:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.