How to Arch Text Using InDesign

Previously I posted an image of the Thank You cards I had created for a client, I created this using InDesign, a program I am still rather new to so I was very surprised when I wanted to arch some text and couldn’t for the life of me work out how, especially as this is so easy to do in Photoshop.

In Photoshop it’s as easy as typing out your text, highlighting the text you would like to arch, click the create warped text option at the top of the screen and make your adjustments from the pop up window, see below.

Screen shot 2013-05-14 at 13.54.04

Now onto the bit why you came here in the first place, how to arch text using InDesign:

1. To arch text, we need a path, for the project I was working on I used a circle, so right-click on the rectangle tool in the Tools panel and choose the Ellipse tool (*tip* rather than right-clicking you can just hold down on the triangle in the bottom right of this box). On your page, click and drag while holding Shift to create a perfect circle.

2. Now hover on over to the Type tool, within this panel is the Type on Path tool, select this tool and click as close to the top centre of the circle as possible (*tip* a small plus sign will appear next to the cursor when you’re in the correct position). Now you’re ready to start typing, you should see it flowing around the circle.

Screen shot 2013-05-15 at 08.44.41

3. Select the Selection tool (black cursor tool) and you will see a blue box appear around the circle.

Screen shot 2013-05-15 at 13.39.14

4. Now you can rotate the circle if you haven’t typed text all the way around the circle to your desired position by hovering near one of the corners and dragging to the left or right depending on how you would like the text to appear, for example:

Screen shot 2013-05-15 at 13.41.12

5. Yay, so now you know how to type on a circle but what if you want to type on the top and bottom of the circle rather than your text going all the way round like the below.

Screen shot 2013-05-15 at 13.47.06

6. To type text on a circle so that it’s not going in just the one direction, create your circle and type your text as mentioned above, then with the circle selected (blue box around the circle) you will notice a dot in the center, drag vertical and horizontal guides until they meet this dot.

Screen shot 2013-05-15 at 13.52.37

7. With the Elipse tool again, hold down shift and alt and from the centre point, start drawing your circle, as you are holding down alt this will draw the circle from the centre outwards and shift will keep the circle proportionate. Keep dragging until it is inline with the top part of your text. When you release, you will have your second circle, which will hold your lower text.

Screen shot 2013-05-15 at 14.03.54

8. Using the type on path tool, type the text you want to appear at the bottom of the circle. You’ll notice that the text starts typing in the same direction as the above text and on the outside of the circle rather than the inside.

Screen shot 2013-05-16 at 08.34.18

9. To correct this, highlight the text and right-click, choose Type on a Path, Options, when the options box appears, check the Flip box, ensure the To Path option is selected to Centre and Align should be set to Descender (*tip* check the preview box to see the changes being made during your selections, this is helpful if you are looking to create a different effect to what I am showing here). The text spacing can also be adjusted from this box. Once selections have been made, select ok.

Screen shot 2013-05-16 at 08.35.43

10. You can still change the font, size, colour or add more text after the above has been done. Lastly, choose the selection tool (black cursor tool) and click the second circle, hover over the corner until the rotate cursor appears and move the circle to the left or right to position into the desired position.

Screen shot 2013-05-16 at 08.41.11

11. Now that you have your text going in the right direction top and bottom, how about adding a border, this can be done with the existing circles. Choose which circle you would like to use with the select tool and in the control panel (top panel with lots of button options), choose the stroke colour, weight, opacity and line type. (*tip* all of these functions can also be found by selecting Window > Stroke, this will bring up the Stroke panel, both options shown below) and voila you’ve done it!

Screen shot 2013-05-16 at 08.43.49

Here was my final result:

Jack Thank You Card_Camera Logo

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s