ADOBE INDESIGN CS2 REVEALED- P24 pps

Lesson 2 Create and Format a Table INDESIGN 9-21 Apply fills to a table 1. Position the pointer over the top-left corner of the table so that a black diagonal arrow appears, then click once to select the entire table. 2. Click Table on the menu bar, point to Table Options, then click Alternating Fills. 3. Click the Alternating Pattern list arrow, then click Every Other Row. 4. Click the first Color list arrow on the left side of the dialog box, click Black, type 20 in the Tint text box if necessary, then click OK. 5. Click the pasteboard to deselect all, then compare your table to Figure 41. 6. Select the entire top row, click Table on the menu bar, point to Cell Options, then click Strokes and Fills. 7. Click the Color list arrow in the Cell Fill sec- tion of the dialog box, click Red, type 100 in the Tint text box, then click OK. 8. Click the pasteboard to deselect all, then compare your table to Figure 42. You applied a fill to three rows simultaneously by using the Alternating Fills command. You then changed the fill color of the first row. FIGURE 41 Applying alternating fills FIGURE 42 Changing the fill color of the first row LESSON 3 What You’ll Do INDESIGN 9-22 Working with Tabs and Tables Entering Text in a Table Because InDesign regards tables as text— tables are always in text frames—entering text in a table is simple and straightfor- ward. With the Type Tool selected, simply click in a cell and begin typing. Press [Tab] to move from column to column. You can also use the arrow keys to move from cell to cell in any direction. You can select text in a cell and modify it using the features in the Character palette, just as you would in a regular text frame. When you enter text in a cell, by default it is aligned to the left edge of the cell. You can select the text and change its alignment—center it, justify it, etc.— using the alignment buttons in the Paragraph palette. By default, text that you enter in a cell is aligned vertically to the top of the cell. To modify this, you use the vertical alignment buttons in the Table palette, shown in Figure 43. Figure 44 shows text in a table that is centered both horizontally and vertically. Modifying a Table to Fit Text Once you have entered text into a table, you will often find that you need to edit the table to better fit the text. Sometimes the rows will not be tall enough to contain all the text, and sometimes the columns won’t be wide enough. In Figure 45, for example, the left column is too narrow for the state names—note that four of them are broken by hyphens. However, the sec- ond column is more than wide enough to contain the four-digit dates. Wouldn’t it be great if you could quickly reduce the size of the second column and increase the size of the first? Fortunately, InDesign makes it very easy to modify the height of a row or the width of a column. One way to do this is to select the row or column and enter a greater height or width value in the Table palette. Another option is simply to drag a cell bor- der left or right to decrease or increase the width. Similarly, you can drag a cell bor- der up or down to decrease or increase the height of a row. In this lesson, you will explore options for formatting and positioning text within tables. ▼ FORMAT TEXT IN A TABLE Lesson 3 Format Text in a Table INDESIGN 9-23 In Figure 46, the width of the first col- umn has been increased by dragging the cell border to the right. Note the double arrow that appears when you position the pointer over a cell border. Note too that increasing the width of the first column increased the width of the entire table. If you wanted to return the table to its origi- nal width, you could decrease the width of another column. In Figure 47, the width of the second column has been reduced. The ability to change the size of cells in this manner is a very powerful option. Being able to modify the table “by hand” allows you to experiment until the table looks the way you want it to look. If you didn’t have this option, you’d need to enter different values into the Table palette, through trial-and-error guess work. FIGURE 43 Vertical alignment buttons FIGURE 44 Text centered horizontally and vertically FIGURE 45 Noting a column that is too narrow FIGURE 46 Increasing the width of a column FIGURE 47 Decreasing the width of a column Align top button Align center button Align bottom button Justify vertically button Resizing arrow INDESIGN 9-24 Working with Tabs and Tables Insetting Text Within a Cell The cell inset text boxes in the Table palette, shown in Figure 48, allow you to control the text inset for all four sides of the cell. With the default inset of .0556 in, a block of text would appear as shown in Figure 49. Note how on the left and right, the text is very close to the vertical borders of the cell, whereas there’s a lot of “air” above and below. The reason the top and bottom margins are larger is because there’s not enough text to take up more vertical space. The result is that the text appears to “fight” the cell, as though it doesn’t fit properly. Figure 50 shows the same block of text with the left and right inset values increased to .1875 in. Note the improve- ment in appearance. FIGURE 48 Cell inset text boxes FIGURE 49 Text with a default cell inset FIGURE 50 Text with increased right and left cell inset values Top Cell Inset text box Bottom Cell Inset text box Left Cell Inset text box Right Cell Inset text box Lesson 3 Format Text in a Table INDESIGN 9-25 Enter text in a table 1. Click the Type Tool (if necessary), click in the top-left cell, then type restaurant. 2. Press [Tab], then type signature. 3. In the remaining four cells of the top row, type chef, review, hours, and info. 4. Click in the first cell of the second row, then type Shame on the Moon. 5. Press , then type Blame it on Midnight. 6. Press , then type The Black Swan. 7. Press , then type Chez Blake. 8. Press , type The Groove Pod, then com- pare your table to Figure 51. You entered text into the cells of a table. FIGURE 51 Entering text into a table INDESIGN 9-26 Working with Tabs and Tables Format text in a table 1. Position the pointer over the left edge of the first cell in the top row so that a black arrow appears pointing right, then click once to select the entire row. TIP The Type Tool must be selected in order for the black arrow to appear, so that you can select an entire row or column. 2. Show the Swatches palette, click the Formatting affects text button , click Paper, then verify that the stroke is set to None. The text changes to a white fill. 3. Show the Character palette, change the font to Impact, then change the font size to 18 pt. 4. Click anywhere in the first cell of the second row, then drag down to select all of the cells in the first column (except the top cell). 5. Show the Character Styles palette, then click Restaurant name. TIP If your computer substituted fonts when you opened ID 9-3.indd, your restaurant name style may differ from that shown in the figures. 6. Position the pointer over the top-left corner of the table so that a black diagonal arrow appears, then click to select the entire table. 7. Click the Align center button in the Paragraph palette. 8. Click the pasteboard to deselect all, use soft returns to remove the hyphen in BLAME IT ON MIDNIGHT, then compare your table to Figure 52. 9. Save your work, then close Table. You modified the font, the font size, and the align- ment of text in a table. You also applied a charac- ter style to selected text in a table. FIGURE 52 Formatting text in a table Lesson 3 Format Text in a Table INDESIGN 9-27 Position text vertically within a cell 1. Open ID 9-3.indd, verify that you are in Normal View Mode, then save it as Table Complete. This table has the exact formatting of the table you created up to this point. The only thing that is different is that more text has been added to the cells, a “key” graphic has been placed below the table, and icons are on the pasteboard. 2. Select the top row of cells, then click the Align bottom button in the Table palette. 3. Click anywhere in the “Blame it on Midnight” cell, then click the Justify vertically button . 4. Position the pointer over the top-left corner of the table until a black diagonal arrow appears, then click to select the entire table. 5. Click the Align center button in the Table palette. 6. Deselect all, then compare your work to Figure 53. You used the align buttons in the Table palette to format how text is positioned vertically within a cell. FIGURE 53 Table with all text centered vertically and horizontally INDESIGN 9-28 Working with Tabs and Tables Adjust column widths and cell insets 1. Click View on the menu bar, point to Grids & Guides, then click Show Guides. 2. Note the “review” text in the fourth column. TIP Red circles in cells indicate that the cell content is too big to fit in the cell. 3. Position the pointer over the navy blue verti- cal cell border that separates the “hours” col- umn from the “info” column so that a double arrow appears, as shown in Figure 54. 4. Click and drag the arrow left, so that the ver- tical cell border is aligned with the green vertical guide, as shown in Figure 55. The width of the “hours” column is reduced. The width of the “info” column is not reduced; it merely moves with the “hours” column. 5. Position the pointer over the navy blue verti- cal cell border to the right of the “review” column so that a double arrow appears. (continued) FIGURE 54 Positioning the cursor over a column rule FIGURE 55 Reducing the width of a column Lesson 3 Format Text in a Table INDESIGN 9-29 6. Click and drag the arrow right until the right edge of the “review” column is aligned with the green guide, as shown in Figure 56. 7. Select only the five cells containing reviews. 8. In the Table palette, increase the Left Cell Inset value to .125, then increase the Right Cell Inset value to .125. 9. Deselect all, click View on the menu bar, point to Grids & Guides, click Hide Guides, then compare your table to Figure 57. You decreased the width of one column and increased the width of another in order to fit text. You also increased the left and right cell insets so that the text was not too close to the vertical rules. FIGURE 56 Increasing the width of a column FIGURE 57 Viewing the edited table LESSON 4 What You’ll Do INDESIGN 9-30 Working with Tabs and Tables Placing Graphics in a Table InDesign makes it easy to place a graphic into a cell in a table. One simple method is to simply click the pointer in the cell and then use the Place command to choose and place the graphic. If the graphic you place is too large to fit in the cell, a red circle will appear in the bottom-right corner of the cell. Your only options are to increase the size of the cell or decrease the size of the graphic. Figure 58 shows a table with six graphics placed in the rightmost column. If you’ve entered text into a table, you have the option of replacing text with graphics. Remember, InDesign regards tables as text. Thus, graphics in tables function as anchored objects—they are just like any other text element. Many designers, when they are building tables, will simply type a graphic’s name in a cell as a placeholder. They will place the graphics In this lesson, you will insert graphics into table cells using the Place command and the Copy and Paste commands. ▼ PLACE GRAPHICS IN A TABLE [...]... table row or column You then changed your focus to InDesign s powerful Tables feature You learned how to create tables and how to specify the number of cells horizontally and vertically You learned how to apply strokes and fills to tables and how to enter text into the table and then modify it Finally, you learned how to place graphics into a table INDESIGN 9-34 How to use different tab alignments How... graphics 1 Click the Selection Tool , click the moon graphic in the pasteboard, click Edit on the menu bar, then click Copy TIP The “moon” graphic is the top-left graphic on the pasteboard (continued) INDESIGN 9-32 Working with Tabs and Tables FIGURE 61 2 Click the Type Tool , then select the “late night menu” text in the top cell of the info column Replacing two lines of text with graphics 3 Click... a clipping path that you can use to remove the background if necessary 9 Save your work, then close Table Complete You replaced selected text elements with graphics Lesson 4 Place Graphics in a Table INDESIGN 9-33 C H A P T E R S U M M A R Y CHAPTER SUMMARY What You Have Learned Key Terms As is clear from its title, Chapter 9 is all about working with tabs and tables You focused first on tabs, learning... If a graphic you want to insert is in a separate file, you can use the Place command to put it at the insertion point location FIGURE 58 Placing graphics in a table Lesson 4 Place Graphics in a Table INDESIGN 9-31 Place graphics in a table FIGURE 59 Placing two graphics 1 Click in the second cell of the second row 2 Place the file named Sole.tif from the location where your Data Files are stored 3 . 42 Changing the fill color of the first row LESSON 3 What You’ll Do INDESIGN 9-22 Working with Tabs and Tables Entering Text in a Table Because InDesign regards tables as text— tables are always in text. FIGURE 57 Viewing the edited table LESSON 4 What You’ll Do INDESIGN 9-30 Working with Tabs and Tables Placing Graphics in a Table InDesign makes it easy to place a graphic into a cell in a table quickly reduce the size of the second column and increase the size of the first? Fortunately, InDesign makes it very easy to modify the height of a row or the width of a column. One way to do