Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

InDesign Tutorials


 


Two Ways to Use Flush Space - InDesign CS2 Tutorial
Jacob Van Ness

 

April, 2007

In this tutorial we will explore two ways to use Flush Space. The first use we will explore is when an icon is added at the end of a magazine article. In almost all cases this icon is right justified at the end of the very last line of the article. There are several ways to set this up and one of them is by using a Flush Space. Tutorial Includes project files.

 

1. First we will need to open a new document in InDesign. I have chosen to set this up as a three column article to give the appearance of being in a magazine. You can see the setting I used in the picture below.

New Document

 

2. Once we have our new document open, a text box in each column and those boxes linked we will need to fill our text boxes with filler text. InDesign has a special function that will do this automatically for you. You can find it under the menu Type – Fill with Placeholder Text.

Placeholder Text

 

3. I chose to pull the third column’s text box up slightly so it looks like the picture below. Again, this is to make the appearance much like you would see in a magazine.

Placeholder Text Shown

 

4. To help us work with the special spacing it is ideal to turn on your Hidden Characters. To do this you go under the menu Type – Show Hidden Characters.

Show Hidden Characters

 

5. With your text cursor located at the very end of the article, you will now need to add the icon you wish to have indicate that the article is finished. I have decided to use the solid square icon available in the ITC Zapf Dingbats font. To find this icon we will bring up our Glyphs dialog box. You can find this under the menu Type – Glyphs.

Glyphs

 

6. Making sure the ITC Zapf Dingbats font is selected in the bottom left corner of this dialog box, you will then double click on the solid square icon you wish to place at the end of the article.

ITC Zapf Dingbats

 

7. The square will then appear at the end of the last sentence where your text cursor is sitting.

Square Shown

 

8. Now we want to have that square flush to the right side of the text box.

Move Square

 

9. First we need to highlight the entire article and then open the Paragraph Formatting Controls. Here we will click on the Justify with the last line aligned left. You may see your text move around a bit to fit this new justification. If your last line ends up falling below the end of the text box, just open up the box so you can see the last line.

Paragraph Formatting

 

10. Now as you can see the solid square is still close to the last word of the last sentence. Place your text cursor right before the solid square so that it is between the square and the last word.

Place Cursor

 

11. Next you will insert the Flush Space. You can do this by going under the menu Type – Insert White Space – Flush Space.

Flush Space Added

 

12. You will see a little character insert itself between the solid square and the last word of the article. It is a bit hard to see but it is very similar to ~.

Flush Space Shown 1

 

13. To get the Flush Space to work the way we want it to we will need to change the justification of the very last line. With the last line highlighted we will go back to the Paragraph Formatting Controls and change the justification to Justify all lines.

Last Line Highlighted

 

14. When you do this you will see the solid square move to the right hand side of the text box. You can see the hidden character for a Flush Space a little easier now that there is more room.

Justify All Clicked

 

Flush Space Shown 2

 

15. As you can see the solid square icon indicating the end of the article is now in its proper place.

First Example Finished

 

 

 

The second use we will explore is the use of Flush Space to evenly space information at the bottom of a letterhead. This can be used just as easily on other types of stationery, such as business cards and envelopes.

 

1. First we will need to open a new document at the Letter size and then select the Type Tool.

Type Tool

 

2. We will create a text box at the very bottom of our letterhead.

Bottom Text Box

 

3. In this new text box you will type your information you want to have evenly spaced. I have chosen to use cities where a company might have their offices. Place only a single space in between each city.

Cities Typed

 

4. Highlight the text you have entered and then go to the Paragraph Formatting Controls. Select the Justify All Lines button.

Justify All Lines

 

5. As you can see the cities will spread out across the entire text box. It even adds extra space for cities with two parts to their name, such as New York and San Francisco in the example. We will use Flush Spaces to correct this issue.

Odd Spacing

 

6. Highlight where you want the even spacing to be located between two of the city names.

First Flush Space Location

 

7. Next you will add a Flush Space by going to the menu Type – Insert White Space – Flush Space.

 

8. You will notice that New York now has the correct single space between the words New and York but has now forced all the other cities towards the right.

Push Rest Over

 

9. To get the spacing to be even between each city you will need to add a Flush Space in that location. So following step 7-8, you will do the same between each of the other cities.

Second Flush Space Location

 

10. As you can see, each time you do so it will move the cities over making the spacing a little more even between them.

Moving Cities Over

 

11. Once you have added the Flush Space between each city, you should have something similar to the picture below. The spacing between each of the cities is now even.

Evenly Spaced

 

Be careful not to add a Flush Space between San and Francisco because this will cause a large space to occur between them. You only want a single space between those two words, the same as what you see between New and York.

Download the original source files from this tutorial in Zip format Here




Copyright (c) 2007,
Jacob Van Ness, All Rights Reserved

 



Be the first to bookmark or share this

 

 

 



Graphic Design and Publishing Resources

Visit the Designer Today resource directory for more InDesign Tutorials, including Acrobat Tutorials, Canvas Tutorials, FrameMaker TutorialsOffice Tutorials, PageMaker Tutorials, Publisher Tutorials, Quark Tutorials, Ventura Tutorials, Word Perfect Tutorials.










Fun Meme

Designer Community Forum

Monthly Newsletter


Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Fun Meme Jokes and Humor | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media |
Stock 3D wiki | Statesboro Magazine | Five Million Dots | Small Business Consumer
GMP Savings Store

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved