in

InDesign Tutorial – How to create Rounded Corners on a Table in InDesign

In my current role I work on 300 page plus booklets that have a lot of tables (for example, the annual report for JB HI-FI – a publicly traded company in Australia). Because of the amount text used in these documents the tables need to be able to move up and down with the text should the client change it.

JB Hi Fi

As the style these days is shifting more towards rounded edges on just about everything, rather than square, the need for tables in InDesign with rounded corners came about.

Here is an example of what I’m talking about:

Film Lab

The question is how would you do this in InDesign, given that tables only have a square edge.

Well, hopefully my tutorial below will help solve the mystery of Rounded Edges in InDesign, once and for all.

Step 1 – Create the text box

Create a text box in InDesign, to whatever dimensions you need, e.g. 100mm x 100mm.

Film Lab

Step 2 – Create the table

Create your table, e.g. 3 Body Rows and 3 Columns.

Film Lab

Step 3 – Set your Row Height

Set your Row Height to an Exact Measurement, e.g. 6mm.

Film Lab

Step 4 – Draw your Rounded Corner in Adobe Illustrator

Go into Adobe Illustrator and use the Rounded Rectangle to create your box, e.g. with a width of 100mm (the same width of the table). Ensure that you have set the fill to none, and the stroke width is the same as the box (eg. 1 pt).

Film Lab

Film Lab

Film Lab

Step 5 – Remove the edges

Using the white arrow tool select the top four points of the box you have just created and press delete.

Film Lab

Film Lab

Step 6 – Copy it into InDesign

Use the black arrow tool and select the image and copy and paste it from Illustrator.

Film Lab

Film Lab

Step 7 – Paste it into InDesign

Go back to InDesign and select the text box of where the table is located. You will need to place the cursor after the end of the table (as circled below). You may need to put a return in to force it go to the next line.

Film Lab

As below, this is what you should see once you have pasted it.

Film Lab

Step 8 – Cleaning up

As you will see the edges do not line up, zoom into 4000%.

Using the white arrow tool select the top two points of the round edge.

Film Lab

Film Lab

Use the measurements panel, type in 99.999mm as the width

Film Lab

You should notice that the box will still not line up. Place your cursor after the image and select the whole line by double clicking on it so that it is highlighted (as below).

Film Lab

Adjust the leading so that the Corner of the table and the image line up, e.g 16pt

Film Lab

Step 9 – The final product

Zoom back out to 100% to see your final product!

Film Lab

Conclusion

A long process to get there, but it is worth it in the end. Particularly if you want the table to be able to move with the text.

Downloads

Written by CrazyLeaf Editorial

Follow us on Twitter @crazyleaf , Facebook , Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Loading…

30 Yellow Iconic Logo Designs

Ten Ton Books 3 x 1 Month Unlimited Access Subscriptions Giveaway