1

Selector with curved edges

I need to create an image like this one.. It's a basically a triangle with 2 rounded corners.

  • 1
    What is the problem? There is no tool to draw exactly this, so use the Pen tool. – usr2564301 Feb 22 '15 at 14:37
  • LOL he probably tried looking through all the menus - I don't think I need information like that - seems like a fairly decent question to me - where's the down vote for close votes and silly comments - the answers below are "worth" any imperfection in the question. – byronyasgur Nov 11 '16 at 19:18
8

After reading your question again, I was answering a little more broadly with that last answer and assuming you would want to create more complex shapes in the future.

If you are really just wanting to create a triangle with two rounded corners, and you are using Illustrator CC, check this out:

  1. create a triangle.

rounded triangle 1

  1. select the bottom left corner's anchor point with the direct selection tool then hold the shift key and also select the bottom right corner's anchor point.

rounded triangle 2

  1. see those fancy circles at the corners, they are magical. click on one and move them to the middle of your path to choose your desired corner radius.

rounded triangle 3

And thats it. Done!

It wasn't always this easy, Adobe added that with CC. And sometimes you'll need to do things without a fancy tool like this, so I hope the pathfinder instructional was also useful.

Have fun learning Illustrator. It is amazing! Learning to use the pen tool will help you too. But sometimes I just want to know that the angles and everything are right, so I prefer combining shapes to make compound paths, or using some of CC's new features like this one.

3

Basic question, but we all started out learning too. And im sure others can benefit from an instructional here.

To make a compound path in illustrator when your desired shape can be made of of two or more other shapes you use the pathfinder. Your two shapes are a triangle and a rounded-rectangle.

To access pathfinder select Widows >> Pathfinder

You now have a new window shown to you.

ai - Pathfinder Window

Hover over those buttons to get an idea of what each one does. We will use two of these functions.

so to get started draw your first shape with the Rounded Rectangle tool. If we just start drawing it will use the default of 10 pt Corner Radius and we need to change that. So don't drag with it, click once with it in the area you want it, you'll input its dimensions manually. Chose the settings

width: 150

height: 50

corner radius: 30

ai - rounded rectangle settings

And hit Enter to see the first half of your shape done. Yay.

ai - rounded rectangle

Next the triangle. You'll use the Star tool. Again if you just start dragging it isn't setup right. Click on anywhere on your artboard and change the settings to

Radius 1: 90 Raduos 2: 45 Points: 3

ai - star settings

Then resize the resulting shape. With your Selection Tool to get the size triangle you need.

ai - triangle

Now place it on top of your first shape. The triangle is going to overlap the rounded rectangle, we are going to cut off its bottom points. The points at which they touch on the left and right should be just that, touching. Not overlapping. A view that helps with this is the outline view ( view >> outline )

ai - tiangle-rectangle drawing

Now select both paths and on your Pathfinder window use Divide (bottom left button)

This split everything up for you assuming all your paths were intersecting correctly. Ungroup everything. Select the bottom two corners with your Selection Tool

ai - triangle-rounded rectangle 2

and delete them.

ai - triangle-rounded rectangle 3

we are close.

last thing, select everything and use Unite (top left button) on your path finder.

ai triangle-rounded rectangle final

if you got close with it but have some imperfections, you can take care of those with the smooth tool.

ai - smooth tool the smooth tool is your it is your friend.

Now you know how to make compound paths! have fun with it!

2

Or if you want to do it really fast, there's VectorScribe.

Here's how easy it is:

enter image description here

0

If you are using an Illustrator version previous to CC, you can download the free script Round Any Corners.

enter image description here

  1. Install the script;
  2. Select the two bottom anchor points.
  3. Run this script. Adjust the values in the dialog. Then click OK.

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