: How to produce a effect like this? Illustrator Distort Effect I'm trying to recreate the following shape in Adobe Illustrator:

@Goswami567

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


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.





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.
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.





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.
Then click and drag the Live Corner indicators to round the corners.





Do the same for the corners on the other side





Rotate your logo 45°

Vote Up Vote Down

@Berryessa866

Create your shape...



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.

Vote Up Vote Down

@Sue6373160

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.

Vote Up Vote Down