I am trying to create a rounded rectangle similar to the one shown in "What out customers are saying" section. https://dribbble.com/shots/4655259-Hire-Experts-Get-your-job-done-V2/attachments/1051554

I have created a rounded rectangle on Illustrator and drew two lines. Now, I can't remove the unwanted parts using Eraser tool. Here is the screenshot:

enter image description here

The eraser tool is not working here. How can I remove the unwanted portion?

Here is the .ai file: https://drive.google.com/open?id=1-w9vT35OEglgVgZetaGcBHfoB_ns4HGR


From Illustrator

  • Select the bottom part of the triangle with the Direct Selection Tool (the white pointer)
  • Press Cmd + J (Mac) or Ctrl + J (Win) to join the points
  • Get the Pen Tool and click the top points to close the shape
  • Use the Selection Tool to select all
  • Pathfinder Panel Menu > Make Compound Shape

enter image description here

  • What did you do after Pathfinder Panel Menu > Make Compound Shape? How did you remove the triangle below? – john Sep 20 '18 at 4:03
  • There's no step after Pathfinder Menu, the triangle is there, but attached to the rectangle as a Compound Shape, that's why you can not see. – user120647 Sep 20 '18 at 4:33
  • But after doing your step in Pathfinder Menu, it is looking like this: drive.google.com/open?id=121Bofc1wWBJRxmQ5uVcgtmWfvKZSNORV . I mean it doesn't look like your one. – john Sep 20 '18 at 4:57
  • Try Unite from Pathfinder. – user120647 Sep 20 '18 at 5:09
  • Man, you are awesome! Thank you very much. Can you recommend me some video tutorials which can help me to draw this type of shapes effectively? I can create beautiful website templates in Photoshop. But I am not proficient in Illustrator. – john Sep 21 '18 at 4:04

Alternately, you can simply modify your round rect to get your speech bubble without worrying about deleting lines or compound shapes:

Make your round rect, and then switch to the direct select tool (the white selection arrow), and then grab each of the points defining that lower left chamfered corner and move them (holding shift to constrain direction of motion) along their relevant lines a bit to flatten the curve of that corner a bit, getting your points to where you want the triangle to meet the main speech bubble, like so:

enter image description here

Then switch to your pen tool

enter image description here

And then add one point in the middle of that chamfered corner curve, switch back to direct selection and pull it diagonally downwards, like so:

enter image description here

Then go to the pen tool and hold the pen tool tile down and switch to the anchor point convert mode of the pen tool (which toggles an anchor in a path from being a curve to being an angle):

enter image description here

Then click on that anchor point we just made to convert it to an angle:

enter image description here

This is almost there, but... although the low corner is now sharp, the places where that triangle intersects the rest of the round rect are still slightly curved - so let's use that same anchor point convert tool on those too - first one:

enter image description here

Then the other:

enter image description here

And there we have the shape you need, no additional shapes, and it's easy to manage fills and strokes and so on.

It sounds like more work and steps written down, but in practise it's not significantly more work or slower, and I think it's well worth your learning how to use the tools to get the most optimised version of the shape you need.

Hope this helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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