I'm trying to recreate the following shape in Adobe Illustrator:

enter image description here


3 Answers 3


Create your shape...

enter image description here

Rotate the shape so that your angle of distortion is at a 90 degree angle...

Object → Envelope Distort → Make with Mesh...

Use the Direct Selection Tool to select whole columns/rows of mesh points and nudge.

enter image description here

enter image description here


Obviously, there are many ways to do it. Here's one method you could use:

  1. Draw your shapes, and make sure you expand everything to outlines. Probably best to orientate the logo horizontally at this stage to make selection of the anchors easier.

Example of Logo with expanded outlines

  1. Select everything, then click Object > Path > Add anchor points, to give yourself more anchor points to work with. You might need to repeat this a couple of times to get enough anchor points. In this example I did it 3 times.

  2. With the Direct Selection tool, select half the points of the icon, and use the cursor keys to move one half of the logo down and across, to shear it in half.

Shearing the logo

  1. With the Direct Selection tool, select only the corners you wish to round, by click and dragging the tool over them, to select them all.

  2. Then click and drag the Live Corner indicators to round the corners.

Rounding Corners

  1. Do the same for the corners on the other side

Rounding other corners

  1. Rotate your logo 45°

Finished logo


This may be simplistic (or worse, roundabout)but I recently did a project quite like this. I made my illustration in Illustrator, distorted it with the liquify and other distortion effects in Photoshop, then traced the result in Illustrator clean it up. A bit of work but I found myself able to create much more interesting shapes and effects than with Illustrators native tools.

It strikes me that you may also be able to just add some extra anchor points to your shape then directly select one half, nudge it over, and smooth out your resulting corners. 4 Step description of my second suggestion

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.