How to make inverted round edges on a rectangle with an easy edge radius selection

Chat about the original Pixelmator.
User avatar

2018-10-19 10:42:01

Hi,

Hi,

Just wondering if anyone could assist with edge modes on corners of shapes? I’m trying to make tickets with inverted rounded edges and can’t seem to find an easy way to do this, apart from placing circles on each corner and minus them from shape. I have another app that gives you the option with shapes to select different edge modes, inverted round and straight and round and straight. This is then altered by an edge radius with a swipe!

I tried the edit option and moving the points took me to all places and not crisp round inverted edges.

Look forward on hearing if there is an easy way of making these edges.

Thank you
Down Under 😊
User avatar

2018-10-19 11:29:18

Hi Mima.



I think I'd do it the same way as you. (at least what I think you mean).

1. Create rectangle.

2. Create circle.

3. cut and paste circle onto rectangle layer.

4. Set Mode to subtract.

5. Copy the circle three more times.



You can do it with make editable, but I don't think it's as easy.

1. Create rectangle. (edit: it's faster (and more accurate) if you start with a rounded rectangle as you don't need steps 4 and 5.)

2. Right-click on rectangle and select Make Editable.

3. Double-click to edit.

4. Add a node either side of the corner where you want the curve to start/end.

5. Delete the corner node.

6. Select one of the nodes you just created and command-drag one of it's handles so that it has a 90 degree inward angle. (Command-dragging the handle will stop the two handles from being symmetrical)(pic below)

7. Repeat 6 for the other node.

8 Repeat 4 to 7 for each corner.

Image

Finally, method 3, if you're happy with a bitmap:

1. Create rectangle.

2. Convert into Pixels

3. With the eraser tool and a hard round brush, dot each corner.



Hope this helps.



- Stef.
User avatar

2018-10-19 12:02:54

Hi st3f,

I really appreciate your fast and efficient response.

Yes, steps 1 to 5 is what I meant (incl picture) and thank you for going out of your way to assist with my query and advising that this is one of the methods you would choose also to complete the arc effect. Im glad I came to this thread as I was searching for days on tutorials, blogs etc etc on how to make an arc edge with a click of a button and just couldn’t find it. I just had to figure out!

Thank you
Have a good day!
Mima
User avatar

2018-10-19 12:13:25

No worries. Happy to help. Keep looking in from time to time as it's easily possible that someone has a better method. I usually get to a good answer but, some days, I have a blind spot a mile wide.