Copy link to clipboard
Copied
I want to create a button like shape in Indesign, but it has to be flexible in width (auto width).
But I can't seem to make a shape that preserves the corner radius depending on the word written inside the shape.
If I make a rectangle with rounded corners the radius is not large enough - it gets too square compared to the button shape I want.
If I make a shape myself which has the correct corner radius it does not keep these corners when the box is being scaled.
Any solutions to this?
I am using Indesign 19.
Thank you.
Copy link to clipboard
Copied
Create an Object Style.
There is an option for corners.
Apply this object style to normal rectangles.
Copy link to clipboard
Copied
Thank you for your answer. But the corner options are still the same. I cannot get the fully rounded corners that I want.
Copy link to clipboard
Copied
I'm no expert on this @tinakruse, but I had a quick play around and it works for me the way I think you want it to work. I made a text box with a very large radius on all corners, then resized it and they worked fine. Then I connected one edge of one with Liquid Layout and resized the page and that worked too. Is your situation different? Sorry if I'm not understanding—I haven't used this feature before.
- Mark
Copy link to clipboard
Copied
Thank you for your answer. I definitely looks right on your screen shots, but I can't get it to work here. The text box with very large corner radius just doesn't work. If I set the radius to 200 it still looks like this.
I don't know if you do it differently, I am not familiar with Liquid Layout at all. Maybe I would need a step by step to try it 🙂
Copy link to clipboard
Copied
Interesting. Well here's what I did:
1. draw text box
2. type "TEXT" in it
3. applied magenta colour to box, white to text
4. center text horizontally and vertically
5. go to menu Object > Corner Options...
6. select round corner profile
7. type large value (I used 40mm) in radius (all 4 corners are linked)
That's it. Nothing special.
- Mark
Copy link to clipboard
Copied
I just tried it in Indesign 22 and it works. But in ID19 it doesn't. I guess the maximum radius is larger in ID22.
Unfortunately I have to use ID19 for my project.
Thanks for your input.
Copy link to clipboard
Copied
Hi @tinakruse, no worries. I didn't realise older versions handled this differently, as @Laubender mentions. (Also minor confusion: Indesign 2019 is version 14, and Indesign 2022 is version 17—there is no v19 or v22 yet.)
You mention you are building a template for an online system. I'm not sure what that means exactly but if it means you are generating html/css at some point, it is likely to be very easy to add the appropriate css to round the corners at that stage. Just another thought.
- Mark
Copy link to clipboard
Copied
@m1b The system is a custom built system using Indesign templates directly - no html/css involved. But yes, that would have been easier 🙂
And yes, it is quite confusing with the version numbers 🙂
Copy link to clipboard
Copied
Hi Tina,
with InDesign versions older than InDesign 2020 I can see a different shape with the same radius values, but I can see no issues with different shapes when the text grows larger. Could you attach a sample InDesign document where you see this?
Thanks,
Uwe Laubender
( ACP )
Copy link to clipboard
Copied
Hi Uwe,
The difference is if I use a text box with rounded corners or a shape which cannot have defined corners.
I can only define corners on a text box but the radius cannot get big enough. The shape is simply too square.
Please see attached Indesign 19 file where I tried a little bit of both.
Copy link to clipboard
Copied
Hi Tina,
inspected your InDesign document.
There are two kind of shapes. The ones where the rounded corners actually were converted to the text frame's path and the ones where the rounded corners are not converted. In principle the ones where the rounded corners are not converted to paths are the ones you could safely use with auto width.
One solution for your issue with the shape of the rounded corners could be to construct the text frames perhaps ten times as big as you need them. And then scale the frame back to 10 % with the following InDesign preferences enabled:
General > Object Editing > When Scaling: Adjust Scaling Percentage
Regards,
Uwe Laubender
( ACP )
Copy link to clipboard
Copied
It could actually work like that - not a 100% but close.
Copy link to clipboard
Copied
See my sample document that you can download from my Dropbox:
https://www.dropbox.com/s/duwhhsp02lrp5el/TextFrameScaledTo-10%25-2018.indd?dl=1
Regards,
Uwe Laubender
( ACP )
Copy link to clipboard
Copied
Another issue: With rounded corners intact ( not converted to paths ) your rounded corners will never follow exactly the shape of an arc of a circle. Not with InDesign 2019 and below. This bug was fixed with InDesign 2020.
If you decide to work with rounded corners converted to paths you should disable auto width of the frame and you should change the width of the frame by using the Direct Selection tool to select all path points either on the left or on the right of the text frame and then move the selected path points.
Regards,
Uwe Laubender
( ACP )
Copy link to clipboard
Copied
As it is a template for an online system I have to use the auto width option, so your previous solution is probably the best way.
Thanks again.