bevel not matching corner curve of shape?

[Myke]

I been experimenting in getting guides for cropping/cut out and bleed for making boardgame counters, but have stumbled on another baffling quirk, so any idea why it does this or have a way to solve I'd be very grateful.
This is done in Publisher 2.3, but have same thing happen on designer.
master page has registration crop marks and guides:
Red is Bleed Line
Blue is cut line is actual size of counter 15x15mm
Green is safety line where main info will be in.

All squares have a curve of 25% on corners but as you can see the bevel is not 25% so when cut and use a tool to curve corners it is gonna look smaller in width. Look at the green line and where beveled starts noticable on three corners can get away with on top left corner due my lighting angle.

[NathanC]

Hi @Myke,

In my test I'm not seeing a way to match the Inner Bevel radius (and profile) set to the 25% object corner radius unfortunately, but it might help if you could upload a sample file or a small section of your file from your screenshot so we can see what specific measurements you're working with.

[Myke]

I did three squares with 25% curve corners Red 18x18mm Blue 15x15mm Green 13x13mm. As a guide then made another two layers under it with texture and bevel. But both bevel layers always got an outline it never blends so I had to make the inner 15x15mm layer without bevel with same texture reduce size 13.2x13.2 to get what I want and make the 18x18 square bevel radius up to 41.2px from the shown pic above 31.1px. Only way I can make it clean. Couldnt get it despite playing around with % of corner curve, it just never matches the bevel which I believe is only setting it does.

[thomaso]

The corner radius is related to the object size (%) while the bevel radius refers to the bevel border width (rather than a radius). – This three objects have identical settings for corner radius + bevel radius (25 | 25):

The same rectangles with 10 | 30:

So it seems you would need to create separate objects for the outer and the inner 'shape'.

[markw]

Setting 25% for all three squares won’t work as the centres used for the corners of each successive square will be different.
Ideally the same centre should be used for setting the radius of the corners of all three squares in order to maintain the correct curve and distance to the edge of the next square.
If the outer square is 25% then the inner two will need to be less, think of adjusting the Corner %  of these squares as redefining the centre points used for their respective corners.

[Pšenda]

It probably won't be exactly what you need, but try duplicating the blue square with rounded corners, and make one with Inner and second with Outer bevel type. Thus, the error on the inside and outside is equalized (or single blue rectangle with Emboss type).

 

P.S. Interestingly, in order for the bevel to reach the required 25% on the outer and inner sides, the corner for the Outer would have to be rounded by 21%, and for the Inner by 29%.

Edited December 15, 2023 by Pšenda

[markw]

If you use the Rectangle Tool in conjunction with the Corner Tool you can easily make sure that all successive corners are using the same centre for the corner radius.
Example:
Make sure Show Rulers is active.
Assuming that the Rounded Rectangle tool’s 25% radius is just what you want for the corners of the outer square;
Select Rounded Rectangle Tool > Draw out square to required size as a Guide and Lock Layer.
Switch to normal Rectangle Tool > Draw out the same sized square again above the first one.
Now switch to Corner Tool > and select all 4 corners and adjust the centre point inwards till the corner radius matches the base square.
With the second square and Corner Tool still selected zoom in on one of the Red indicators of where that corner’s centre is.
Now drag in  horizontal and vertical guides to cross at the Red indicator.
Zoom out a bit if needed.
Select Move Tool > Duplicate this square and scale down proportionately.
Back to the Corner Tool and select all 4 corners then bring the corner centre indicator in until it is over the guide crossing point.
And repeat…
Now when you use the bevel effect on the outer most square the inner radius of the effect will be correct.

So to go back to the point raised in the original post, the Bevel effect as applied there, is actually correct.
It only looks wrong because of the incorrect corner radius used by the inner two squares.

[firstdefence]

You could use the contour tool and linear gradients to simulate bevels, this gets rid of the unsightly banding as well.

[Myke]

I started with two layers beveled and aligned something I used to do in photoshop but they had more manipulation of texture etc, but affinity the outline stood out cause the gaussain blurs all of the object which pretty much stuffs up having textures (you have alpha to stop it losing shape but not the other way around) when all I want is edge to blurr not the fill. So I tried one big layer and that is when I noticed with the bevel not aligning to the safety square.

So had to do two layers but take bevel off inner (the size I wanted to be 15x15) and reduced the size to 13.5mmx13.5mm leaving 1.5mm edge.

Screen shot shows the inner and outer squares with the guides over it to keep shape. The one with blackdrop is what it should look like when cut out and clipped with a corner tool punch.

I did a post thanking everyone, it was great to see different views on solving or seeing a problem, hope threads like these help others.