Welcome| Introduction | Using the exercise files| 00:00 | If you're a premium member of the
lynda.com Online Training Library or you
| | 00:04 | purchased this course on a DVD, you
have access to the Exercise Files we use
| | 00:08 | throughout the course.
| | 00:09 | I have organized the Exercise Files
into separate chapters, with separate files
| | 00:13 | for each individual movie.
| | 00:15 | All the image assets are located in
the Assets folder here at the root, but
| | 00:19 | if there are other files used
specifically for that movie, I've included them
| | 00:23 | in the chapter folder.
| | 00:24 | If you don't have access to the
exercise files, you can follow along with your
| | 00:28 | own files or start from
scratch. Let's get started.
| | Collapse this transcript |
|
|
1. Understanding Table FundamentalsThe three "Golden Rules"| 00:00 | If you're new to InDesign tables,
there are three things you need to know to get started.
| | 00:04 | I like to call these the golden rules of tables.
| | 00:07 | I'm going to switch from
Preview into Normal mode here.
| | 00:11 | The first golden rule is that an
InDesign table it's always inside a text frame.
| | 00:15 | It's not a stand-alone object on its own.
| | 00:17 | The frame may be larger than the table
or even narrower or if I close up this
| | 00:21 | frame and you get text overset, I can
just click on the Overset icon and create
| | 00:27 | a new text frame and the
table comes along with it.
| | 00:30 | Regardless of the size of your text
frame, the table always comes along with it
| | 00:35 | I'm going to delete the second
frame and open this up a little bit.
| | 00:39 | The other about InDesign tables, is
that they behave like an in-line object.
| | 00:43 | I just double-click on this text
frame and you can see that I have this
| | 00:46 | long black blinking cursor to the
right of the table, I'm going to press
| | 00:50 | the left arrow key and when I press
the Return key the table moves down
| | 00:54 | just like an in-line object.
| | 00:55 | I'm going to make this frame a little
bit larger I have some text over here on
| | 00:59 | the pasteboard, I'm going to select it
and copy it into the clipboard and if I
| | 01:03 | paste this text in front of the table
it also moves down, so it's just like an
| | 01:08 | in-line object in that way, the table
moves along with the text in front of it.
| | 01:13 | The second golden rule is that
InDesign tables can only be selected with a Type tool.
| | 01:18 | If I try to select this table with the
Selection tool, well, I'm selecting the
| | 01:22 | text frame that it's in.
| | 01:23 | Even the direct select tool doesn't help.
| | 01:26 | I have to use the Type tool I'm
going to press the letter T to switch to
| | 01:30 | the Type tool and now I can go in
and select any part of this table and
| | 01:34 | apply formatting to it.
| | 01:36 | I can select individual cells or row or
column or any part of it that I want to,
| | 01:42 | but it has to be the Type tool, I'm
going to switch back into Preview mode.
| | 01:47 | And now the third golden rule is
really more something to keep in mind even
| | 01:51 | sometimes for more experienced users
and that is be clear on the difference
| | 01:56 | between table level
formatting and cell level formatting.
| | 02:00 | Table level formatting includes things
like this border that goes around the
| | 02:03 | entire table or these alternating fill
patterns are applied at a table level.
| | 02:09 | Cell level formatting includes things
like the positioning of the text within
| | 02:12 | this frame or these row
strokes that you see here.
| | 02:16 | This distinction is even
reflected on the Table menu.
| | 02:19 | If we hold down the Table menu, we
can see we have Table Options and Cell Options.
| | 02:26 | This distinction is important when
you're formatting tables and it becomes
| | 02:30 | really important, when you start
working with table styles and cell styles
| | 02:33 | and it even comes into play when we
export to EPUB in HTML things will be
| | 02:37 | covering in other videos.
| | 02:39 | Once you follow these golden rules,
you we'll be able to utilize InDesign's
| | 02:42 | incredibly useful table features.
| | Collapse this transcript |
| Accessing table commands| 00:00 | Like many features in InDesign, there
are multiple ways you can access a table.
| | 00:04 | I'm going to switch from Preview to
Normal mode, so we can see this table a
| | 00:07 | little better, and switch to my Type
tool by pressing the letter T and I can
| | 00:11 | select a row in this table.
| | 00:13 | We of course, have an entire menu
dedicated to table commands and all the
| | 00:18 | commands that you see here from this
point down are available in other places in
| | 00:23 | the program, but these three at the
top are only available on the Table menu.
| | 00:27 | The command for inserting tables or
creating new tables from scratch and
| | 00:31 | commands for converting
tab text to tables and back.
| | 00:34 | When we have some part of the table
selected like this row that's selected
| | 00:39 | here the Control panel changes to
give us access to some of the table
| | 00:43 | formatting commands.
| | 00:45 | Those commands start here with icons for
vertical alignment within a cell and so
| | 00:49 | forth and we have things like the
ability to control our table strokes here,
| | 00:55 | apply styles, etcetera.
| | 00:57 | Exactly what you see on the Control
panel is really dependent upon your monitor
| | 01:01 | size and the resolution.
| | 01:03 | Another way that we can access
Table commands is using the Table panel.
| | 01:07 | Under the Window menu we have a Table
panel this panel has a number of controls
| | 01:12 | for formatting tables including setting
the number of rows and columns, the row
| | 01:16 | height, column width and here we have
those vertical alignment icons again.
| | 01:21 | We also have a menu here that actually
holds all of the commands that we saw in
| | 01:25 | the Table menu except those first three,
those are only available on the Table
| | 01:30 | menu, I'll close that panel.
| | 01:32 | Another way to access table commands
and it's one that I probably used most
| | 01:35 | frequently is to simply select part
of the table and then right mouse click
| | 01:39 | to bring up a contextual menu, this makes it
really fast and easy to access these commands.
| | 01:45 | Finally, there are certain keyboard
shortcuts available for some of the table
| | 01:49 | commands and of course, you can add
your own and if you access these dialogs
| | 01:53 | via keyboard shortcut, you don't have to
select part of a cell, you can just click in it.
| | 01:57 | For example I want to access the Table
Cell options and the keyboard shortcut
| | 02:02 | for that is Option+Command+B or Alt+
Ctrl+B, so I can just click in a cell and
| | 02:06 | press the letter B and there's my dialog.
| | 02:09 | So there are a number of ways that you
can access table commands in InDesign.
| | 02:14 | It doesn't really matter which one you use.
There's no right or wrong. Just choose
| | 02:18 | the method that's most comfortable for you.
| | Collapse this transcript |
| Navigating and selecting tables| 00:00 | If you ever have used Microsoft Excel,
you'll find that navigating around an
| | 00:03 | InDesign table is pretty much the same.
Click in a cell, and you have to have
| | 00:07 | the Type tool selected of course, and
then you can just press the Tab key to
| | 00:11 | move from cell to cell. Hold down the Shift
key and press Tab and you go back the other way.
| | 00:16 | Selecting parts of
InDesign table is really easy too.
| | 00:20 | You'll notice if I bring my cursor
and again it must be with the Type tool.
| | 00:24 | That's the only way we can select
parts of tables and as I bring my cursor
| | 00:28 | closer to the top of the table,
notice that my cursor changes to a black
| | 00:32 | arrow if I click I select the column, if I
Click and Drag I've selected multiple columns.
| | 00:38 | To select the row I bring my cursor to
the left side of the table and again as
| | 00:42 | my cursor gets closer to the table,
you'll see that changes to an arrow, one
| | 00:46 | click, I selected a row,
click and drag two rows.
| | 00:49 | If I want to select the entire table, I
bring my cursor to the upper left hand
| | 00:52 | corner and then the cursor
changes to diagonal arrow.
| | 00:55 | I click now and the entire table is selected.
| | 00:59 | If I want to select an individual cell,
the easiest way is to click in that cell
| | 01:03 | and simply press the Escape key,
doesn't get much easier than that.
| | 01:07 | There are menu commands for table
selection if I have a cell selected I can go
| | 01:11 | to the Table menu, and I can select any part of
a table cell, row, column or the entire table.
| | 01:17 | And you won't use the menu commands
very often, but once in a while you can
| | 01:20 | actually get to part of the table that
you need to, to select that there might
| | 01:24 | be an image up in the corner or
there might be an image in a table cell.
| | 01:27 | Sometimes when images are inside of
table cells the cell itself can be a
| | 01:31 | little tricky to select.
| | 01:33 | If you need to use a menu commands
to select part of the table, use the
| | 01:36 | contextual menu, I'm going to right
mouse click and now I can select a row or
| | 01:44 | right mouse click up,
this brings up a good point.
| | 01:47 | If you just click in a cell and use
the contextual menu for selecting text.
| | 01:54 | Be sure, if you want to use the contextual
menu that you press the Escape key first.
| | 01:58 | So now that the cell is selected, I
can just right mouse click and then I can
| | 02:02 | select the row or column or the table.
| | 02:05 | You may have noticed that there are
keyboard shortcuts that we can also use to
| | 02:08 | select parts of a table, Command+3 or
Ctrl+3 selects a row, Option+Command+3
| | 02:14 | or Ctrl+3 selects a column and Option+
Command+A or Ctrl+Alt+A selects the whole table.
| | 02:22 | So if I click in a cell, I can just
press Command+3 to select a row or
| | 02:28 | Option+Command+3, Alt+Ctrl+3 to select a column.
| | 02:31 | If I want to select the entire table, I
can just click anywhere and then press
| | 02:35 | Option+Command or Alt+Ctrl+A. That one
is easy to remember, it's kind of like
| | 02:40 | the Select All shortcut, Command+A or
Ctrl+A that we use in a regular text frame
| | 02:45 | we add the Option or Alt
key and we selected the table.
| | 02:48 | One last thing, I want to mention is it
is possible because a table is sitting
| | 02:52 | in a text frame to click just off the
table, and actually have your cursor
| | 02:56 | blinking in the text frame, you see
this long blinking cursor here, and I've
| | 03:00 | just basically missed the table and
now I'm in the text frame, Click takes me
| | 03:04 | back to the table no harm done.
| | 03:06 | So you can see navigating around a
table and selecting parts of it is really
| | 03:10 | easy and you'll be
comfortable with it in now time.
| | Collapse this transcript |
| Where do tables come from?| 00:00 | You can't start enjoying InDesign's
table features until you have a table.
| | 00:04 | Where do tables come from?
| | 00:05 | Well, there are three ways you
can get a table into your layout.
| | 00:08 | The first way is to create a
table from scratch right in InDesign.
| | 00:12 | First, you have to draw a text frame,
because all tables live inside of a text frame.
| | 00:17 | Then from the Table menu, we can use
the Insert Table command, we can indicate
| | 00:21 | the number of rows and columns we want
as well as header and footer rows, and we
| | 00:26 | can also apply a style.
| | 00:27 | When I click OK I get a very
simple table with no formatting.
| | 00:35 | Now, I can just type right into
InDesign and build my table from scratch this
| | 00:40 | way, I'm going to turn to the next
page by pressing Shift and Page Down, and
| | 00:45 | let's zoom in a little bit here.
| | 00:47 | Another way that you can get tables into your
layout is to convert tab to text into a table.
| | 00:53 | Here we have some text that has some
tabs in it, you can see that little
| | 00:57 | chevrons here, and I'm going to simply
select this tabs to text up to but not
| | 01:03 | including the last paragraph return and
then I'll go to the Table menu again and
| | 01:07 | now we have a Convert Text to Table command.
| | 01:12 | I can indicate what I
want to separate the columns.
| | 01:15 | In this case, it will be a tab, but I
could also choose a comma if I had some
| | 01:19 | comma delimited information and each
row will be separated by a paragraph.
| | 01:23 | Here again, I can apply a table style if
I have one in my document, I'm going to
| | 01:27 | click OK and here we have a table.
| | 01:32 | Once again, it's unformatted
it just has one-point strokes.
| | 01:38 | The reason I didn't select that last
return character, is that if you do
| | 01:42 | InDesign gives you another empty row here.
| | 01:45 | If you have tab text in your document,
you might think about converting it to a
| | 01:48 | table, you have a lot more formatting
options and in some ways an InDesign table
| | 01:52 | is easier to work with
and trying to set tab stops.
| | 01:55 | I'm going to turn to the third page
of this document Shift+Page Down and
| | 01:59 | possibly the most common way that you
can put a table into your layout is to
| | 02:04 | import an Excel worksheet or
Microsoft Word table document.
| | 02:08 | To do that, I use the File > Place
command and here I have an Excel worksheet
| | 02:14 | and it's usually a good idea to
show import options, when you import a
| | 02:18 | spreadsheet especially the first time,
you can check on Import Options here or
| | 02:22 | you can just hold down the
Shift key and click Open.
| | 02:25 | Now we have the Excel Import Options
dialog, and then let just choose things
| | 02:29 | like the Range that we want to import
from the worksheet, we don't have to
| | 02:32 | import the whole thing, but more
importantly it lets us control the formatting
| | 02:37 | of the table when we import it.
| | 02:39 | It's now set to come in as an
unformatted table, but we could also bring in the
| | 02:42 | Excel formatting if we wanted
to by selecting Formatted Table.
| | 02:45 | I'm going to leave it is as an
Unformatted Table and click OK.
| | 02:49 | Now I have the familiar place, cursor and
when I click once again we have a table.
| | 02:55 | Once you have a table in your layout,
you're ready to get started using all of
| | 02:58 | InDesign's great table features.
| | Collapse this transcript |
|
|
2. Basic Table FormattingPositioning tables in a text frame| 00:00 | We know that a table always lives inside of
a text frame and it's similar to an in-line object.
| | 00:05 | Now if your table is the only thing
inside a text frame, you can just move the
| | 00:09 | frame with a table in it around
on the page wherever you like.
| | 00:12 | But if your table is part of a text
flow with text above and below the table
| | 00:16 | like our example here, it's
important to understand how to control the
| | 00:19 | horizontal and vertical position
of the table within the text frame.
| | 00:23 | I'm going to turn on my invisible
characters and to do that, I'll go to the Type
| | 00:28 | menu and Show Hidden Characters that
will come in handy and I'm also going to
| | 00:33 | switch to the Type tool so that we can
select parts of this table as needed and
| | 00:39 | also click in the text.
| | 00:41 | Here we have a table sitting
between two paragraphs with the Basic
| | 00:44 | Paragraph style applied.
| | 00:46 | I'll click in this paragraph and we can see
that it has Basic Paragraph here and here.
| | 00:51 | The first thing that I want to do is
adjust the horizontal position at this table.
| | 00:54 | It's jammed over to the
left a little bit too much.
| | 00:56 | So I'm going to click to the right of
the table and notice that I have a big
| | 01:00 | blinking cursor here and it's
actually sitting in the paragraph that the
| | 01:04 | table is sitting in.
| | 01:06 | To adjust the horizontal position, I
actually use Paragraph Formatting controls.
| | 01:10 | I'm going to use the
keyboard shortcuts for alignment.
| | 01:13 | Shift+Command+C or Shift+Ctrl+C for
Center Shift+Command+R or Shift+Ctrl+R for
| | 01:18 | right aligned or L for left aligned.
| | 01:22 | We can also use paragraph formats for
indenting to control the position of this table.
| | 01:27 | Let's take a look up here at our
Control panel and the first line indent has no
| | 01:33 | effect on the position of the table.
| | 01:35 | I'm not really sure why that is, but the left
indent does affect the position of the table.
| | 01:40 | I'm going to change the position by
increasing the left indent by 2 picas, you
| | 01:46 | see the table moves over and if I have
the table right aligned, I can increase
| | 01:51 | the right indent as well.
| | 01:53 | But what I really think I like to do
this table is center it, so I'm going to
| | 01:56 | use my keyboard shortcut.
| | 01:57 | Shift+Command+C or Shift+Ctrl+C for centering.
| | 02:01 | Paragraph formats are the only way that
we can control the horizontal spacing of
| | 02:05 | tables and sometimes it can be a good
idea to make a paragraph styles that let
| | 02:09 | you control that positioning.
| | 02:11 | I'm going to make a paragraph style
of this paragraph by leaving my cursor
| | 02:16 | blinking in the paragraph and clicking
on the Paragraph Styles panel and then
| | 02:21 | I'm going to double-click on the Style name.
| | 02:23 | Now, normally it's not a good idea to
double-click on a Style to edit it, but in
| | 02:28 | this case, I want to apply the style
to the text from which I'm getting the
| | 02:33 | definition of the style.
| | 02:35 | Normally, InDesign doesn't do that.
| | 02:36 | So this the only time I double-click on
the Style, otherwise I right-mouse click
| | 02:40 | to edit it and we'll call this style Table.
| | 02:43 | You see that it's picked up our
central alignment along with those indents we
| | 02:46 | set, but that's okay.
| | 02:47 | That's not going to get in our way.
| | 02:50 | So that takes care of the
horizontal positioning of this table.
| | 02:53 | Now we need to take a look
at the vertical positioning.
| | 02:56 | The text above and below it is way too close.
| | 02:59 | There are a couple of different ways to
do this and one way you don't want to do
| | 03:02 | it is by modifying this
paragraph or this paragraph.
| | 03:07 | These presumably would be styled as
body text and we don't want to make a
| | 03:11 | special style body text before table or
body text after table nor do we want to
| | 03:17 | put local overrides on it.
| | 03:18 | What we could do, however, though is
actually put space before and space after
| | 03:23 | on this paragraph in which the table sits.
| | 03:25 | So with my cursor clicking in that
paragraph, I'll put a little bit of space
| | 03:29 | before, about 1.5 picas and then I'll
put a pica below it and now we have a
| | 03:37 | little air around the table.
| | 03:38 | We also have the expected style
override and now I can just redefine the style
| | 03:45 | and it'll update and now I can reuse
this throughout my document where I have
| | 03:49 | tables in stream with text.
| | 03:52 | So this works in this example, but it
doesn't always work to take care of the
| | 03:56 | vertical alignment by formatting the
paragraph style that the table sitting
is in.
| | 04:01 | Let's look at another example.
| | 04:02 | I'm going to turn to the next page
by holding down the Shift key and
| | 04:05 | pressing the Page Down key.
| | 04:07 | Here we have a table that goes all
the way across the text frame, we don't
| | 04:11 | really need to just any horizontal
alignment on it, and there is a return
| | 04:15 | character here, but it's
not that easy to get to.
| | 04:18 | So another way that we can have space
before or after a table is to actually
| | 04:22 | make it part of the table formatting
itself, I'm going to select this table by
| | 04:27 | clicking in the upper left-hand corner
and then I'm going to bring up the Table
| | 04:31 | menu by right-mouse clicking and
choosing the Table Setup dialog.
| | 04:36 | In the Table Options dialog under Table Setup,
we have these controls for Table Spacing.
| | 04:42 | Here you see the default spacing,
| | 04:43 | 4 points before and -4 points after.
I'm not really sure why that is, but we're
| | 04:48 | going to change it anyway and I'm going
to put a pica of space before the table
| | 04:54 | and 6 points of space after
the table. Oops! How about p6?
| | 05:00 | A little lesson in syntax there, there
we go, and when I click OK, I now have
| | 05:07 | space before and after the table, but
now it's part of the table formatting.
| | 05:11 | That means that we could actually make
it part of the table style and reapply it
| | 05:15 | to our tables throughout the document.
| | 05:17 | It's important to note that the
vertical spacing above and below a table can be
| | 05:22 | handled in a table style, but the
horizontal spacing can only be handled with
| | 05:26 | paragraph formatting,
usually the alignment commands.
| | 05:28 | Now that you have seen how to
position your table relative to text inside a
| | 05:32 | frame, you're ready to move on to the
mini formatting options for making the
| | 05:36 | table itself look great.
| | Collapse this transcript |
| Setting table borders| 00:00 | Regardless of the size or shape of your
table, how many rows and columns it has,
| | 00:05 | every table shares a common border
around the outside of all the cells.
| | 00:10 | This border is easy to set by
using the Table Setup dialog box.
| | 00:15 | I'm going to select a table by
switching to the Type tool, press the letter T
| | 00:20 | and I'm going to click in the
upper left-hand corner of the table.
| | 00:23 | I'll right-mouse click to bring up
the contextual menu and from the Table
| | 00:27 | Options menu, we'll
choose the Table Setup dialog.
| | 00:31 | In the Table Options dialog, we have
an area here where we can set the table
| | 00:36 | border and this looks very
similar to the Stroke panel.
| | 00:40 | You see that we can set to weight, the
color, the type of stroke as well as any
| | 00:47 | gap color if we choose a
dashed or dotted stroke.
| | 00:50 | I'm going to change this border and
make it 5 points, change the color and I'm
| | 00:57 | going to leave it as a solid line.
| | 01:00 | Now I'll deselect the table using Shift+
Command+A or Shift+Ctrl+A on Windows and
| | 01:05 | let's take a closer look at this border.
| | 01:08 | I'm currently viewing the table in
Preview mode so that we can see the
| | 01:12 | strokes more clearly, but I'm going to
switch to Normal method and zoom in to the corner.
| | 01:18 | One thing to be aware of with table
borders is that the strokes that are drawn
| | 01:22 | are always drawn from the center out.
| | 01:25 | We can see the edge of the table here
and we can see that the stroke is in equal
| | 01:29 | amounts on both sides of the table edge.
| | 01:33 | If I open the Stroke panel, you'll
see that for normal text frames, we can
| | 01:38 | specify where the stroke is drawn
when it goes around a text frame.
| | 01:42 | We can specify if it's drawn as is
table border is from the center out or if
| | 01:47 | it's drawn on the inside or outside,
but you can't do that for table borders.
| | 01:51 | The other thing that you can't do on
table borders that you can do on normal
| | 01:55 | text frame as you can't set the join.
| | 01:58 | You can't specify that the corner where the
sections meet have a rounded edge to them.
| | 02:06 | There are a couple of tricks that you
can do to modify the corner of this table.
| | 02:10 | I'm going to selects the table by
holding down Option+Command+A or Alt+Ctrl+A to
| | 02:16 | select the table and then we'll go
back to the Table Options dialog using the
| | 02:21 | shortcut Shift+Option+Command+B
or Shift+Alt+Ctrl+B on Windows.
| | 02:28 | And one thing we can do that
affects this joint is kind of a trick.
| | 02:33 | We can choose a different type of stroke.
| | 02:35 | I'm going to choose a dotted stroke and
the trick here is to simply set the Gap
| | 02:40 | Color to be the same as the Stroke Color.
| | 02:44 | When I do that you'll see that in this
corner I get a very slight rounded edge.
| | 02:50 | It's not a table with rounded corners,
but it does change that join a little bit.
| | 02:55 | Or if we choose a different type of
stroke, let's take a look at the Right
| | 03:00 | Slant Hash, if I change that, you'll see
that I get this kind of crazy decorative border.
| | 03:06 | So these are tricks, but we don't
really have control of how these strokes
| | 03:10 | joined at the corners the way we do on the
Stroke panel for other kinds of text frames.
| | 03:15 | So I'm going to click OK and we'll zoom out
a bit and let's take a look at another table.
| | 03:23 | Here we have a table that uses
alternating fills and strokes and I'm going to go
| | 03:28 | back into Preview mode, so that we can
see those strokes a little more clearly.
| | 03:32 | Now because alternating fills are
showing me clearly where the various rows of
| | 03:38 | this table are, I don't think it needs a
border and the good news is we can turn
| | 03:42 | borders off completely.
| | 03:44 | I'm going to select the entire table
and will scroll over a little bit to make
| | 03:49 | room for the dialog box here and I'll
open the Table Options dialog, again, with
| | 03:54 | the keyboard shortcut Shift+Option+
Command+B or Shift+Alt+Ctrl+B on Windows.
| | 04:00 | To turn off the table border, the
best way and the only way really that you
| | 04:04 | should turn off a table border or any
other strokes on an InDesign table for
| | 04:09 | that matter is to set the Weight to 0.
| | 04:12 | You don't want a really leave a
weight in here and try to change the color
| | 04:16 | to paper or none, because these
borders will affect the positioning of the
| | 04:20 | text within the cell.
| | 04:22 | So always set this to 0.
| | 04:24 | When I click OK and deselect the
table, you can see that the border is
| | 04:29 | completely gone, but the table is
still very easy to read because of
| | 04:32 | the alternating fills.
| | 04:34 | We'll look at another table example here.
| | 04:37 | One other issue that comes up sometimes
is how to control borders when we have
| | 04:41 | another stroke pattern going on.
| | 04:44 | Here I have a table where this green
stroke is emphasizing the third row in
| | 04:50 | the table and the question becomes
what happens to the border that I might
| | 04:54 | apply to this table.
| | 04:56 | I'll select the entire table and
open the Table Options dialog box.
| | 05:01 | First of all, notice that there is no
weight or color here, because we selected
| | 05:05 | an area that has two different
weights and two different colors selected.
| | 05:10 | I'm going to set a Table Border to 5
points and back to our lovely golden rod color.
| | 05:19 | When I click OK, you can see that the
border has overridden the green stroke
| | 05:24 | that's on that third row.
| | 05:26 | What if that's not what I want?
| | 05:28 | I'm going to undo this and we'll go
back to the Table Options dialog and I'll
| | 05:34 | reset the border to 5
points and specify the color.
| | 05:40 | And I want to, in this case,
preserve local formatting.
| | 05:44 | When I check Preserve Local
Formatting and click OK, you can see that a
| | 05:49 | table border has been drawn, but
that third row is still has the green
| | 05:53 | highlight around it.
| | 05:54 | Table borders are important and a
versatile part of InDesign tables and
| | 05:58 | fortunately, they're very easy to
set using the Table Options dialog box.
| | Collapse this transcript |
| Inserting and deleting rows and columns| 00:00 | Whether you're creating a table from
scratch and designating the number of rows
| | 00:04 | or columns you think you might want
in your table, or importing a table that
| | 00:08 | someone else has created, you are
often going to need to be able to add or
| | 00:11 | subtract rows or columns from your table.
| | 00:14 | Fortunately, it's very easy to do.
| | 00:17 | I am going to switch to the Type tool by
pressing the letter T and the first way
| | 00:24 | that we can add rows or columns
is to use a table set up dialogue.
| | 00:28 | I am going to select the table by
clicking in the upper left corner and then
| | 00:32 | right mouse click to Table
Options and choose Table Setup.
| | 00:36 | In the top part of this dialog box, we
can set our Table Dimensions and we can
| | 00:41 | add Rows or Columns.
| | 00:45 | But one limitation of this method is
that the Rows are always added to the
| | 00:49 | bottom of the table and Columns
are always added to the right.
| | 00:52 | So you don't really have much control as
to where you're adding Rows and Columns.
| | 00:57 | Same thing, if you subtract Rows or
Columns, I can Delete Rows from this table,
| | 01:02 | Yes I do want to continue, but it's
always from the bottom or if I delete
| | 01:07 | Columns it's always from the right-hand side.
| | 01:10 | Sometimes this may be a technique
that works well for you, but usually we
| | 01:14 | want to add Rows or Columns in the
middle of our table and there's a very
| | 01:19 | efficient way to do that.
| | 01:21 | Let's say that I want to
add two Rows below this one.
| | 01:25 | I'll select the row by clicking on the
left side of the table, and then right
| | 01:30 | mouse click to bring up the
contextual menu, and here I have an Insert
| | 01:35 | command and I can insert a Row or I
can use a keyboard shortcut Ctrl+9 on
| | 01:41 | Windows, or Command+9 on Mac.
| | 01:43 | In the Insert rows dialog box, I can
indicate the Number of rows that I want to
| | 01:49 | insert, I'll make it 2 rows, and the
nice thing is I can say whether or not I
| | 01:55 | want the new rows to be Above or Below
the current row that I have selected.
| | 02:00 | I will add these Below the
current row, and there they are.
| | 02:04 | Same thing with Columns, let's say
that I want to add a column to the right
| | 02:08 | of this one, so I will select this column,
right mouse click and choose Insert Column.
| | 02:16 | Again, I can control the Number of
columns and whether or not they'll be added
| | 02:19 | to the Left or the Right of the
one that's currently selected.
| | 02:22 | Let's add them to the Right, I will click OK.
| | 02:25 | Now you can see that these two
columns were added and also notice that they
| | 02:28 | picked up the formatting of
the column that I had selected.
| | 02:32 | This can be a good feature and make it
very quickly to add columns or rows of
| | 02:38 | a particular format.
| | 02:39 | I am going to undo the addition of those
columns and let's take a look at adding
| | 02:46 | new columns when we have two
different columns already selected with two
| | 02:50 | different formats, in this
case they are different widths.
| | 02:53 | With these two columns selected, again,
I will right mouse click and Insert >
| | 02:59 | Column and I am going to add 2 columns
to the left of the two I have selected.
| | 03:07 | When I click OK, two columns are added,
but they picked up the formatting of
| | 03:11 | the leftmost column.
| | 03:12 | That is these whiter columns with no fill.
| | 03:15 | I am going to Undo that and if we once
again go to the Insert > Column dialog
| | 03:21 | and add them to the right, you will
see that the formatting is picked up of
| | 03:26 | the right most cell.
| | 03:28 | So if you add them to the left, it
picks the formatting of column on the
| | 03:32 | left, if you add them to the right, it picks
up the formatting of the column on the right.
| | 03:37 | So it lets you control what formatting
your bringing along with the addition of
| | 03:41 | new rows or columns.
| | 03:43 | When it comes to Deleting Rows
or Columns, it's just as easy.
| | 03:47 | Let's say that I want to delete
these two empty rows that I added, I can
| | 03:51 | highlight them and then use the
contextual menu to delete the rows or I can use
| | 03:57 | the keyboard shortcut, Command+Delete.
| | 04:00 | Same thing with Columns, I'll
select these two columns and then use the
| | 04:05 | contextual menu or the keyboard
shortcut Shift+Delete and the columns are gone.
| | 04:11 | If I want to delete this middle column,
Shift+Delete, it's very quick and easy.
| | 04:17 | If I want to delete this row, the
keyboard shortcut is Command+Delete.
| | 04:23 | There is one other method that we can
use for inserting Rows or Columns and that
| | 04:28 | is to position our cursor on the stroke
between two rows or two columns, mouse
| | 04:33 | down and start dragging and
then hold down the Option key.
| | 04:37 | When I release my mouse, I have a new row.
| | 04:40 | The one thing I don't like about
this technique is it's very difficult to
| | 04:44 | control the height of the
row or the width of the column.
| | 04:47 | If we look at the row above this one, we
can see that it's exactly 2 picas high.
| | 04:54 | But if I select this row that I
just added, it's exactly a very strange
| | 04:59 | measurement that I would never use.
| | 05:01 | So mouse down, hold down the Option key and
then release and you can add a new row or column.
| | 05:07 | So you can see that inserting or
deleting rows and columns is something we have
| | 05:12 | to do all the time the tables, and
fortunately, it's very easy to do using
| | 05:17 | either the contextual menus or
the associated keyboard shortcuts.
| | Collapse this transcript |
| Setting header and footer rows| 00:00 | If you always create simple tables that
only appear on one page, you may never
| | 00:05 | need to use InDesign special header or
footer rows, but if you ever create a
| | 00:10 | table that spans multiple pages,
columns or frames, header and footer rows are
| | 00:14 | essential, because they
automatically repeat at the top or bottom of each
| | 00:18 | page, column or frame.
| | 00:19 | They are also an important part of
table styles, but we're going to talk about
| | 00:23 | that in another video, let's take a look
at how we can use header or footer rows
| | 00:28 | in tables that span multiple pages.
| | 00:31 | If you're setting up a table with no
content in it, you can use the Table
| | 00:36 | Options dialog box to
set header and footer rows.
| | 00:39 | I'm going to open that dialog
box by using the keyboard shortcut
| | 00:43 | Shift+Option+Command+B or Shift+Alt+
Ctrl+B, and you can see at the top of the
| | 00:48 | dialog that we have an area where we
can specify header or footer rows this
| | 00:53 | would only be used when you're
sitting up a table initially.
| | 00:57 | But if you already have your table on
the page, the best way to setup a header
| | 01:02 | and footer rows is to simply select
them in your table and use the Table menu,
| | 01:07 | I'm right mouse clicking to bring up
the contextual menu, and use the command
| | 01:12 | Convert to Header Rows, and you'll see
that there's no visible change in this
| | 01:17 | row, but it has very special behavior.
| | 01:20 | Because now, if I split this over to
text frames, which is what I'm going to do
| | 01:25 | now, I'll close up this text frame,
and then reflow it into another frame
| | 01:30 | underneath, you'll see that this
header row appears in both frames.
| | 01:35 | You'll notice that when I mouse
over this row, I get a lock symbol.
| | 01:39 | That's because I can't edit header rows,
except in the place where they first occur.
| | 01:45 | So I can go to the first occurrence of
this header row and anything I type in
| | 01:50 | here or any formatting that I change,
will automatically ripple throughout all
| | 01:55 | of the header rows or footer
rows that appear for the table.
| | 01:59 | Let's take a look at a more practical
example of a larger table that actually
| | 02:03 | spans multiple pages.
| | 02:04 | I'm going to switch to my other document by
holding down Command+ Tilde or Ctrl+Tilde key.
| | 02:10 | So here we have a table that spans a
couple of pages and here if I click in the
| | 02:16 | first row I can see that this is a header row.
| | 02:18 | How do I know it's a header row?
| | 02:20 | Well, if I right mouse click and look
the menu now says Convert to Body Rows, so
| | 02:25 | that let's me know that it's a header
row, because it's a toggle, you toggle
| | 02:29 | back and forth between rows being
either body rows or header or footer rows.
| | 02:34 | I also have a footer row down here and
I'll click there, and again, if I mouse
| | 02:39 | down you'll see that the option is
to convert this to a body row, so it's
| | 02:44 | already a footer row.
| | 02:45 | And if I flow this table or this text
frame on to the next page I'll click in
| | 02:51 | the Text Overset Symbol and we'll turn
to the next page and click to reflow the
| | 02:59 | rest of the table and I'll zoom in here
so you can see it a little bit better.
| | 03:02 | You'll see that we have our
header row repeated and our footer row.
| | 03:07 | It's very, very automatic and very easy to do.
| | 03:11 | You can even see how useful header
and footer rows are for tables that span
| | 03:14 | multiple pages, columns
or frames, and fortunately,
| | 03:17 | they're very easy to set up.
| | Collapse this transcript |
| Working with alternating strokes and fills| 00:00 | One of the most helpful table formatting
features and one that's used in many in
| | 00:04 | InDesign table is the ability to
set alternating fills or strokes.
| | 00:09 | Using alternating fills and strokes is
an easy way to enhance the appearance of
| | 00:12 | a table, while making the
information it contains more easily readable.
| | 00:15 | Let's take a look at a table that has
some formatting applied, but doesn't have
| | 00:19 | any alternating anything applied to it directly.
| | 00:22 | I do have a color applied to this top
row of cells, but this is not a header row.
| | 00:28 | It's still a body row.
| | 00:29 | How do I know that?
| | 00:30 | Because if I select it with the Table
menu, I see that I have the option to
| | 00:34 | convert it to a header row.
| | 00:36 | So that lets me know that this is
just a regular body row that I've applied
| | 00:40 | this fill color to.
| | 00:41 | I am going to select this table and
alternating fills and strokes are one of
| | 00:47 | the Table Options because they apply to the
whole table, Row Strokes, Column Strokes and Fills.
| | 00:52 | We are going to take a look at Fills
first because I think they are used most
| | 00:56 | frequently and are the most useful.
| | 00:58 | When you open this dialog box, notice
that the word Alternating is dropped,
| | 01:01 | there literally wasn't room for it
and I think that's a little confusing at
| | 01:05 | times to folks that are just
getting started with tables.
| | 01:07 | These Fills are not for individual
cells, they apply to the entire table in
| | 01:12 | alternating patterns.
| | 01:13 | And what are these patterns?
| | 01:16 | We can have a color on Every Other Row,
Every Second Row, Every Third Row or we
| | 01:21 | can even set Custom Rows where we can
set the First 3 Rows to be something and
| | 01:26 | the Next 2 Rows to be
another color and so forth.
| | 01:29 | We can also set Every Other Column fill
as well, but we can't do row fills and
| | 01:35 | column fills at the same time and it
kind of makes sense because if you think
| | 01:39 | about it, where those fills intersect,
where the row and columns intersect, what
| | 01:44 | would you do with the color,
which one would have president?
| | 01:47 | So it's a little confusing for
InDesign and we can only do one or the other.
| | 01:51 | Let's start with Every Other
Row and look at that pattern.
| | 01:55 | Now with this table selected there is no
Color here and that's because there are
| | 01:59 | actually two colors selected or multiple colors.
| | 02:02 | Remember, this first row
had a color applied to it.
| | 02:06 | Well, I actually don't want the
Alternating Pattern to include that row so the
| | 02:11 | first thing I am going to do is check
Skip First and set this to skip the first
| | 02:16 | one row and then I am going to set up
my pattern and you can see in the preview
| | 02:20 | that the change was made there.
| | 02:22 | So I can choose any color for my Swatches panel.
| | 02:26 | Let's go for army-green and I am
going to make it just a little bit darker.
| | 02:31 | I'll change the Tint to 50% and then the row
after that I'm going to change to goldenrod.
| | 02:39 | I'll click OK and there
is the Alternating Pattern.
| | 02:43 | Now remember I said this first row
wasn't a true header row, but let's say you
| | 02:47 | set this table up and you decided that
you didn't want a header row, maybe you
| | 02:50 | want to create a table style and header
rows are very useful for that as we'll
| | 02:55 | talk about in a later video.
| | 02:56 | So I am going to change this to a
header row, I am going to select it and then
| | 03:00 | right mouse click the Table menu
and Convert to a Header Row. Hmm!
| | 03:05 | What's happened here is that the
alternating fills applied to the body rows, in
| | 03:09 | this table and so now our first body
row is this row and you will also remember
| | 03:16 | that we asked InDesign to skip the first row.
| | 03:19 | So we need to go back in and fix that.
| | 03:22 | I'll select the table and use the
keyboard shortcut to open the Table Options
| | 03:27 | dialog that's Shift+Option+Command+B or
Shift+Alt+Ctrl+B and we'll go to Fills,
| | 03:35 | and I want to turn off this Skip First Rows.
| | 03:40 | That looks a lot better.
| | 03:42 | When you're working with Alternating
Fills and if you're going to use a header
| | 03:46 | row, try and remember to set the header
row first because it is going to affect
| | 03:49 | the Alternating Pattern that you have set up.
| | 03:52 | You may start with a wrong color or you
may end up with a blank row as we did here.
| | 03:56 | So set the header row first and
then apply your Alternating Fills.
| | 04:00 | Let's take a look at Alternating Strokes now.
| | 04:03 | I'm going to select the table and
we'll go to Alternating Row Strokes and we
| | 04:09 | have the same options for Alternating
Patterns, Every Other, Second, Third or
| | 04:14 | Custom Row, let's choose Every
Other Row and take a look at that.
| | 04:17 | I'm going to change the Weight, so we
can see this more easily and we'll make
| | 04:22 | the first row strokes 2 points and
we'll apply a Color and then I want the next
| | 04:30 | row stroke to also be 2 points
and we'll just leave it Black.
| | 04:35 | When I click OK, you can see that
every other row stroke is goldenrod and
| | 04:41 | every other one is black.
| | 04:42 | Well, this looks okay and you might
like the effect, but it doesn't really do
| | 04:47 | anything as far as giving meaning to
the table or dividing the information in
| | 04:51 | any particularly useful way.
| | 04:54 | Its one reason I think Fills
are a little bit more useful.
| | 04:57 | There is one nice trick that you can do
with Alternating Row and Column Strokes.
| | 05:02 | Let me show that to you.
| | 05:03 | Let's go back to Alternating Row Strokes.
| | 05:07 | You can use Alternating Row Strokes to
actually color all the strokes in your
| | 05:12 | table in one fell swoop and the way
we do that is with this little trick.
| | 05:17 | Instead of having different colors for
each pattern, I am simply going to set
| | 05:21 | the second color to be the same as the
first color and when I do that, all my
| | 05:27 | Row Strokes are color.
| | 05:30 | This is a very quick way to apply
Row Strokes without having to go
| | 05:33 | into individual cells.
| | 05:34 | The other advantage to setting fills
and strokes at a table level is that this
| | 05:40 | formatting is going to be included
when we export to EPUB in HTML, whereas
| | 05:45 | cell information is not.
| | 05:47 | So we are going to talk about all that in
a later video, but just a heads up on that.
| | 05:51 | If nothing else, it makes it a
lot faster to do this formatting.
| | 05:54 | Let's take a look at Column Strokes now.
| | 05:57 | And I am going to select the table and
do Column Strokes and I am going to set
| | 06:02 | up a pattern and use my color
everything, the same color trick, making this 2
| | 06:09 | points in a different color and
there we go, looks pretty good.
| | 06:16 | I don't like the border on this,
so I am going to turn that off.
| | 06:20 | I'll select the table and go to Table
Setup dialog box and simply turn the Table
| | 06:26 | Border off by setting it to zero.
| | 06:28 | Remember to turn off Strokes, set them to zero.
| | 06:32 | Now, we have a table with nice colorful
strokes and fills, but no ugly one point border.
| | 06:37 | Notice by the way that this stroke
underneath the header row did not change.
| | 06:42 | That's because the Alternating Row
Strokes apply to the body cells only and they
| | 06:47 | don't affect the header row.
| | 06:49 | But I actually don't mind the way that looks.
| | 06:51 | One last thing I want to take a look
at is that these strokes have drawn in
| | 06:57 | a particular order.
| | 06:58 | The default is that Row Strokes will
always draw on top of Column Strokes.
| | 07:02 | Now if you want to change that, you can
and that again is a table level format.
| | 07:08 | I'm clicked in a cell and I am going to
use the keyboard shortcut for the Table
| | 07:11 | Options dialog that's Shift+Option+
Command+B or Shift+Alt+Ctrl+B and we'll take
| | 07:16 | a look at the bottom of this dialogue
and here we have Stroke Drawing Order.
| | 07:20 | If I want to put the Column Strokes on front,
I change the Drawing Order and there we go.
| | 07:26 | Don't be shy about using Alternating Patterns.
| | 07:30 | They are an easy way to enhance the
information in your tables and bring the
| | 07:33 | overall design up a notch.
| | Collapse this transcript |
| Setting row height and column width| 00:01 | Regardless of whether or not you
apply any kind of formatting to a table to
| | 00:03 | make it pretty, you are almost always
going to need to adjust the size of the
| | 00:06 | cells in your table.
| | 00:08 | So we are going to take a look at adjusting
Column Width and Row Height of table cells.
| | 00:12 | Here I have a table that I've just
applied the default basic table style.
| | 00:16 | When I do that, the cells are set at a
default size where the column widths are
| | 00:21 | all the same and they fit the
text frame the table is sitting in.
| | 00:26 | The easiest way to resize table
cells is to simply pull the stroke over.
| | 00:30 | I am going to go out of Preview Mode
and into Normal Mode so we can see this a
| | 00:35 | little bit more clearly and then I'm
going to switch to the Type tool by
| | 00:38 | pressing the letter T.
| | 00:39 | I want to make this column a little wider.
| | 00:43 | Things look a little crowded there, so I
simply mouse over the stroke to the right.
| | 00:47 | You'll see that my cursor changes to
a two-headed arrow, mouse down and I
| | 00:51 | drag those cells over.
| | 00:54 | Now these cells extend past the age of
the text frame, so again I'll just grab
| | 00:59 | their right edges and pull them back, very easy.
| | 01:05 | If I hold down the Shift key when I
drag these strokes over, all the columns
| | 01:11 | are resized to fill the area that I've
dragged over while holding down the Shift key.
| | 01:15 | We can resize row height the same way.
| | 01:18 | If I want to make this row taller, I
position my cursor over the bottom stroke,
| | 01:23 | mouse down and pull it down and it's wider.
| | 01:27 | Again, if I hold down the Shift
key and I'll scroll down a bit there.
| | 01:31 | If I hold down the Shift key at the
bottom, I can quickly fill this area by
| | 01:36 | changing all the row heights and
actually this Shift key trick is a quick and
| | 01:40 | dirty way to resize tables, so
that they fill a certain area.
| | 01:44 | You can just hold down the Shift key
and pull over the right column in the
| | 01:47 | bottom row and quickly fill an area and
then go back and adjust the sizes, the
| | 01:52 | height and width with more precise measurements.
| | 01:54 | I am going to undo that row change
and we are going to talk about column
| | 01:59 | width for a moment.
| | 02:01 | And I am going to open the Table panel
just to make this a little bit easier to see.
| | 02:07 | We could access Column Width from the
Control panel or using the Cell Options
| | 02:12 | dialog, but I think in this case, it
will be a little bit easier to see here.
| | 02:16 | One thing that I don't like about the
method of just visually resizing these
| | 02:20 | cells is just like when you visually
resize anything, you don't get a precise
| | 02:24 | measurement and indeed if we look at
each of these columns, we'll see here that
| | 02:29 | they are different widths.
| | 02:31 | Well, I'd like them all to be the same width.
| | 02:33 | So to change that width I am going to
highlight all three, I have no value here
| | 02:38 | because there are different values
involved and I am going to make all of these
| | 02:42 | columns 6 picas wide.
| | 02:44 | I'll click on the first column and make
it exactly 20 picas wide and that's all
| | 02:51 | there is to adjusting column width.
| | 02:53 | It's pretty straightforward and we
just need to use our controls for column
| | 02:58 | width whether it's in the Table panel
or the Control panel or from the menu.
| | 03:03 | Let's take a look at Row Height.
| | 03:06 | Now if we look at our Table panel with
this row selected, you'll see that here
| | 03:10 | is our control for Row Height, you will
see next to it, we have this little pop
| | 03:15 | down menu, we have At Least and Exactly.
| | 03:17 | We have two different ways
that we can specify Row Height.
| | 03:20 | The default is At Least and At Least
means that the table cell height will grow
| | 03:26 | as we add text or for that matter images to it.
| | 03:30 | It's a growing cell which is
kind of an interesting concept.
| | 03:34 | So for example, if I click here and I'm
going to turn on my invisible characters
| | 03:39 | by holding down Option+Command+I or Alt+
Ctrl+I and press the Return key, you see
| | 03:45 | that the Row Height has grown and now
I am going to paste some text into here
| | 03:50 | that I have in my Clipboard and you see
that the Row Height grows by the amount
| | 03:55 | of text that I have in there.
| | 03:57 | If I delete some of the text,
the cell height decreases.
| | 04:01 | So that's a growing cell and that's At Least.
| | 04:04 | The other way that we can set Row
Height is by using the exact measurement.
| | 04:09 | So if I switch with this same row to
Exactly, I actually see here the current
| | 04:14 | height of the row and I am going to
round that up to be 2 picas and 8 points.
| | 04:20 | So this is a fixed height
and it will no longer grow.
| | 04:22 | If I add text by pasting it back in here,
I get the dreaded cell Overset symbol,
| | 04:30 | this little red circle that we see here.
| | 04:32 | Now that's an alarming thing indeed because
the question is how can we edit this text?
| | 04:37 | This isn't a text frame that we can thread
somewhere else, how do we get to this text?
| | 04:42 | Well, this is a case where the only
answer is to use the trusty Story Editor.
| | 04:48 | So from the Edit menu, I'm going to
open Edit in Story Editor and let me move
| | 04:55 | this window over a little bit, close my Table
panel and you can see here we have our Overset.
| | 05:02 | So now in the Story Editor it's very easy
to edit this text so that it's not too long.
| | 05:08 | So I'll just highlight it and delete it in
the Story Editor and my problem has gone away.
| | 05:14 | So that's how we deal with Overset when we
are using a fixed height for a row height.
| | 05:19 | Now here, we have a row that's taller
than all the others, this is the row that
| | 05:25 | has the most information in it and so I
want to make all of my rows this height.
| | 05:30 | So I'm going to open the Table panel
back up, Type & Tables > Table, just so we
| | 05:36 | can see it a little more easily and so
this row is 2 picas 8 points high and I
| | 05:43 | can now make all the rows that high.
| | 05:45 | So I'll select these and change the
Row Height menu to Exactly and then I can
| | 05:50 | type in 2 picas 8 points and all my
rows are the same height, except for this
| | 05:55 | header row here which I
could also change of course.
| | 05:57 | One last thing I want to show you is this.
| | 06:00 | I am going to select this row here and
close the Table panel because we have an
| | 06:05 | option that is only available in the
Cell Options > Rows and Column dialogue.
| | 06:10 | I just want to point out to you that
we do have a Keep Option here and we can
| | 06:15 | tell a row that it needs
to start somewhere else.
| | 06:19 | So Anywhere is the default of course,
but if I want this row to go to the next
| | 06:23 | page, I can set a Keep Option on this
row and when I do that, I get of course
| | 06:30 | Overset in this text frame, but I can
click in the Overset symbol and go to the
| | 06:36 | next page, zoom back out and then when
I click the rest of the table flows in
| | 06:42 | where this row has been set
to start on the next page.
| | 06:47 | So that might be useful for you.
| | 06:49 | One thing I want to point out though is you
can't make this Keep Option part of a cell style.
| | 06:53 | In fact setting Row Height and Column
Width can't be part of a cell style at
| | 06:57 | all, but that's another story we'll
be talking about a lot in our videos on
| | 07:01 | table and cell styles.
| | 07:03 | Fortunately, setting Row Height and
Column Width is something you can do and as
| | 07:08 | long as you keep in mind the two
different kinds of row height either growing or
| | 07:11 | fixed, it's really easy.
| | Collapse this transcript |
| Formatting text in a cell| 00:00 | Since most tables have text in each
cell, whether it's alphabetical or
| | 00:03 | numerical information, it's important
to understand how to format text within
| | 00:08 | each cell of your table.
| | 00:09 | The good news is that text formatting
is the same in tables as it is for any
| | 00:13 | text in a regular old text frame in
InDesign and the best technique still holds
| | 00:18 | true too, Use Paragraph Styles.
| | 00:21 | First, I can click in a cell as I am
here and then just use the Select All
| | 00:25 | command which is Command+A
on Mac or Ctrl+A on Windows.
| | 00:31 | That selects the text in the
cell, but not the cell itself.
| | 00:35 | I can also just click in a cell and
press the Escape key that's selecting the cell
| | 00:39 | and the text, but since we're just
formatting the text, it doesn't matter that
| | 00:43 | the cell is selected as well.
| | 00:44 | If I press the Escape key again, I
toggle back to selecting all the text.
| | 00:50 | If I use the Tab key to move from cell
to cell, the text is still selected or if
| | 00:55 | I've pressed the Escape key and the whole
cell is selected, when I press the Tab
| | 01:00 | key, the subsequent cell is selected as well.
| | 01:05 | Now I can select the text
in any part of this table.
| | 01:08 | I am going to select the first row and
then I can use all of the text formatting
| | 01:13 | commands that I'm familiar with.
| | 01:15 | For example, if I want to change the
font in this first row, I'm going to come
| | 01:19 | up to the Control panel and highlight
the Font list and type in let's say Ariel.
| | 01:25 | When I press the Tab key, all
the text has changed formatting.
| | 01:30 | Any kind of text format that I can apply to
regular text can be applied to tables as well.
| | 01:36 | One thing that does get a little
tricky though is if you want to change the
| | 01:40 | color of the text in a table.
| | 01:42 | Let's say that I want to change the color of
all the text in this table. How do I do it?
| | 01:46 | Well, the first I am going to select
the entire table and then the best way to
| | 01:51 | do this is to open the Swatches panel
and be sure that you click on the little T
| | 01:57 | icon which indicates that you're
going to be applying a swatch to the text
| | 02:02 | within and now we can make this a color
and I'll deselect the table and you can
| | 02:08 | see that all the text within the
table has a color applied to it.
| | 02:12 | I'm going to undo that.
| | 02:14 | So we can do any kind of direct
formatting to the table, but as I mentioned
| | 02:19 | just as with regular InDesign text,
the very best way to format tables is to
| | 02:24 | use paragraph styles.
| | 02:26 | Now I've created a few
paragraph styles and let's apply them.
| | 02:31 | First, I'm going to click the top row
of the table and apply the style that I
| | 02:35 | have already created called table_head.
| | 02:38 | That changes the font.
| | 02:40 | It centers the text and makes the text bold.
| | 02:44 | Next, I want to change the text in this
first column so I'll simply select the
| | 02:49 | first column of text and apply my
paragraph style. It's that easy.
| | 02:55 | Finally, I'm going to select all of my
table data and apply the paragraph style
| | 02:59 | aptly titled table_data and there we have it.
| | 03:04 | So all the rules are the same, there's
nothing different and I can even go back
| | 03:09 | and modify my style now.
| | 03:11 | One thing I'm noticing for example is
that I don't really like the alignment of
| | 03:15 | this information in these cells, in
fact, what I'd really like to have is for
| | 03:20 | all of these times to be lined up on
the colon symbol that separates the
| | 03:25 | minutes from seconds.
| | 03:27 | Well, we can set tabs inside of table
cells just as we would in regular text.
| | 03:33 | Let's take a look at that.
| | 03:34 | I am going to highlight
this entire first column.
| | 03:38 | I could just do this to one cell but
we'll select the entire column and I'm
| | 03:42 | going to open the Tabs panel.
| | 03:45 | So from the Type menu, I'll choose Tabs
and here we have our familiar Tabs panel.
| | 03:53 | It looks the same as it would be in
text, but notice that the right indent is
| | 03:56 | set to the width of the cell.
| | 03:58 | I'm going to choose this Align to
Tab and click in the middle here.
| | 04:03 | But the default for this tab character
is that it aligns on a decimal, but I've
| | 04:09 | changed it so that it aligns on a colon
and as soon as I've done that, you can
| | 04:14 | see that the text aligns up very nicely
and now I can move the position of the
| | 04:18 | tab to align those numbers up exactly as I want.
| | 04:22 | Once, I've done this of course my
paragraph style is showing an override and I
| | 04:27 | can simply redefine the style, I'm going
to right mouse click on that style name
| | 04:32 | and choose Redefine.
| | 04:33 | Now the style definition is changed
and all the text that has that style
| | 04:37 | applied to it, updates. It's very easy.
| | 04:40 | Formatting text inside a table is in
fact as easy as any text in InDesign and
| | 04:46 | good practices apply like
making use of paragraph styles.
| | Collapse this transcript |
| Positioning text in a cell| 00:00 | One way to think of table cells is
to think of them as a series of little
| | 00:03 | text frames that sit side by side
and on top of each other, and just like
| | 00:08 | text frames, table cells have the
ability to let us control the positioning
| | 00:12 | of text within each frame.
| | 00:14 | In fact, the controls for this are
very similar to a regular text frame.
| | 00:19 | Let's take a look at that.
| | 00:21 | Here we have a table where I've set the
Row Height to be fairly large so that we
| | 00:25 | can see the positioning of
the text within each cell.
| | 00:28 | Just like with regular text in a text
frame, if I want to position this text
| | 00:34 | horizontally, I use
paragraph formatting commands.
| | 00:38 | I'm going to switch to the Type tool and
select these three columns and center them.
| | 00:44 | To do that, I'll click on the Align
Center formats and the text is centered,
| | 00:50 | same as we would do with a regular text frame.
| | 00:53 | But what about the vertical positioning
and controlling more precisely, exactly,
| | 00:58 | where the text appears in each cell vertically?
| | 01:00 | I am going to select the entire table and
now we'll take a look at Cell Options for Text.
| | 01:09 | Notice the keyboard shortcut is Option+
Command+B or Alt+Ctrl+B, very similar
| | 01:14 | just one key different from Text Frame
Options, which is Command+B or Ctrl+B.In
| | 01:20 | the Text panel of the Cell Options
dialog, we can control Cell Insets, Vertical
| | 01:26 | Justification as well as the
location of the First Baseline.
| | 01:31 | The default setting for Cell Insets
is 4 points, and if you think about it,
| | 01:37 | that's really a good thing because you
rarely want text to bud up right to the
| | 01:40 | very edge of a table cell.
| | 01:43 | Vertical Justification works just the
way it does in a regular text frame.
| | 01:47 | I'm going to center all of the text in
this table, vertically center it that is,
| | 01:52 | and so I'm going to choose Align Center.
| | 01:55 | And we can adjust the First Baseline
position with similar controls to the Text
| | 02:00 | Frame Options dialog, but this is
something that we rarely have to change.
| | 02:04 | Once in awhile I use the Fixed First
Baseline, but only when working with images
| | 02:10 | and that's something we'll
look at in a later video.
| | 02:13 | When I click OK, you can see that
all the text is centered vertically.
| | 02:18 | But now that I am looking at this table,
I think I'd like the row headers to be
| | 02:22 | aligned to the bottom.
| | 02:24 | So I'm going to click on this row and
again, I'm going to go back to my Text
| | 02:29 | Options and I am going to use the
shortcut Option+Command+B or Alt+Ctrl+B and
| | 02:36 | for these cells, I want the
text to Align to the Bottom.
| | 02:40 | When I click OK, that's looking pretty good.
| | 02:45 | But one last thing, I think the text
in this left column is a little bit
| | 02:49 | close to the left edge.
| | 02:50 | So let's take a look at changing the Insets.
| | 02:53 | I am going to select this first column
and go back to my Text Options and first
| | 03:00 | of all you will notice that the
Vertical Justification is blank.
| | 03:03 | That's because I have two different
Vertical Justifications selected, bottom for
| | 03:08 | the header row and centered for
the other rows in this column.
| | 03:11 | But what we want to really pay
attention to here are the Cell Insets and when
| | 03:17 | you first open the Cell Insets dialog box,
a little Lock icon here is set, which
| | 03:22 | means that if you change one, they all
change and that's not really what I want.
| | 03:28 | I am going to set this back.
| | 03:30 | What I really want to do is change just
the Left Inset, so I'm going to click on
| | 03:34 | the little link icon and now I can
change just the Left Inset and you'll see
| | 03:39 | that the text is moving over very nicely.
| | 03:41 | Controlling the position of text in
table cells is easy and it's just like
| | 03:46 | controlling the position of
text in regular old text frames.
| | Collapse this transcript |
| Mastering row and column strokes| 00:00 | One thing we can modify in a table that
can really improve on its design is to
| | 00:04 | change the row and column strokes that
normally appear as those boring default
| | 00:08 | one point black lines.
| | 00:10 | Changing the format of table strokes
is not the most intuitive or easiest to
| | 00:14 | learn features, but once you know
how, you'll appreciate the power and
| | 00:17 | flexibility it gives you in
creating more interesting tables.
| | 00:21 | Let's start simple with a single table cell.
| | 00:24 | I'm going to click in the cell and
press the Escape key to select it and
| | 00:28 | we'll start with the Cell Options >
Strokes and Fill dialog, so you can see a
| | 00:35 | little bit more easily.
| | 00:37 | The way we control table strokes is to
use this proxy that's in the dialog here
| | 00:43 | and the proxy sometimes can be a
little difficult to get your head around, so
| | 00:48 | we're going take a look at that.
| | 00:50 | Each line of this proxy represents one
line in the cell that I have selected.
| | 00:56 | The left stroke here represents the left side
here, the bottom, the bottom here and so forth.
| | 01:02 | And then below that we have the
controls that we normally have for strokes and
| | 01:07 | we can change those as we like.
| | 01:09 | And whatever part of the proxy is
selected is the part that will be modified.
| | 01:13 | So let's start with a 3 point
stroke that's cyan and click OK.
| | 01:21 | There we have a stroke around the entire cell.
| | 01:23 | You'll also notice that the left side of
this cell put an override on the border.
| | 01:29 | So we can override the border and
actually control the border using
| | 01:32 | individual cell strokes.
| | 01:34 | I am going to undo that and now I am
going to select two cells and take a look
| | 01:39 | at that proxy again.
| | 01:41 | Now the proxy looks a little bit
different and it represents all the strokes in
| | 01:45 | the two cells that I have selected
and again if I change this to a 3 point
| | 01:51 | stroke of a different color,
that change is applied here.
| | 01:56 | I am going to undo it.
| | 01:58 | The middle line of this proxy here
represents the middle stroke here.
| | 02:03 | So if I turn that off and then change
the stroke, Weight and Color, I just have
| | 02:11 | a border around all the cells.
| | 02:14 | And one more example, I am going to undo this.
| | 02:17 | I am going to select now four cells
and go back to our Stokes and Fill dialog
| | 02:23 | and now our proxy represents all
the strokes in these four cells.
| | 02:28 | And if for example I want to turn off
the inside strokes and just draw a box
| | 02:33 | around these for cells as it were, I can
turn off these proxy lines by clicking on them.
| | 02:39 | And notice if I click on the
intersection they both turn off and then I can
| | 02:42 | change the Weight and the Color and
it's reflected and updated in the table.
| | 02:47 | We can also use the Stroke panel to
apply strokes to table cells along with the
| | 02:54 | Swatches panel to apply the appropriate color.
| | 02:57 | But there is one possibly serious
caveat to using the Stroke panel that I'll
| | 03:01 | talk about in a few moments.
| | 03:02 | So in the meantime, I am going
to keep using the dialog box.
| | 03:06 | I'm going to undo this change
and now select the entire table.
| | 03:11 | And again we'll go back to
the Strokes and Fill dialog.
| | 03:14 | Now this proxy works a little bit differently.
| | 03:17 | Up until now with the examples we've
seen each stroke of the proxy has a
| | 03:21 | one-to-one relationship to
a stroke in the table cell.
| | 03:25 | But now we've got a lot of cells
selected and it works a little bit differently.
| | 03:30 | The outside strokes on this proxy do
still have a one to one relationship
| | 03:36 | with the outside strokes of this table, the
border really which we can also control here.
| | 03:42 | But the inside strokes, this one
vertical represents all of the vertical strokes
| | 03:49 | in the table, and this horizontal
stroke represents all of the horizontal
| | 03:54 | strokes in the table, so we have
a one to many relationship in the
| | 03:58 | representation of the proxy.
| | 04:00 | Let's take a look at how that works.
| | 04:02 | I am going to turn off all of the inside
strokes in the proxy and then I'm going
| | 04:06 | to change the Weight and Color and if
we take a look at that, you can see that
| | 04:12 | I've basically just put a
cyan border on this table.
| | 04:15 | I am going to undo that and
go back to our dialog box.
| | 04:20 | And this time, I'm going to turn off
the outside strokes on the table and again
| | 04:24 | notice that I'm just clicking on the
intersection of the proxy lines here to
| | 04:28 | turn them off more quickly.
| | 04:30 | I'll change this to 3 points Cyan and
you can see that all of the internal
| | 04:36 | strokes have been changed because all
the strokes and fills in the table are
| | 04:41 | represented by single lines
in the proxy in the dialog box.
| | 04:44 | Now, what if we want to completely change
the pattern of these row and column strokes?
| | 04:51 | Let's take a look at another example.
| | 04:54 | Here we have a table with
alternating fills and a different color for a
| | 04:58 | header row and let's say that we
want to change the stroke patterns
| | 05:02 | completely from what they are now.
| | 05:05 | The first step is to select the entire
table and we'll go to our Strokes and
| | 05:09 | Fill dialog and when trying to
reestablish new patterns throughout your table,
| | 05:15 | just turn off all of the row and column
strokes and the correct way to do that
| | 05:20 | is to change the Weight to zero.
| | 05:23 | Don't try to change the Color to Paper
or something else clever, because if you
| | 05:27 | do, you'll still have a stroke that's
the Weight specified here and it will
| | 05:31 | affect the position of
your text within the table.
| | 05:33 | So I've set all of the strokes in this
table to zero, I've essentially turned them off.
| | 05:39 | And when we take a look at that,
there are no strokes at all.
| | 05:42 | And in fact, the table looks pretty
good as it is because the alternating
| | 05:45 | fills tell us clearly where the information
is and divide the information clearly for us.
| | 05:51 | But let's add some strokes and
come up with a different pattern.
| | 05:55 | I'll select the table again and back
to our dialog box and now I'm going to
| | 06:02 | apply a stroke pattern to the row strokes here.
| | 06:06 | So I am going to turn off all of the
vertical strokes and I actually don't
| | 06:10 | want to stroke on the top line across the
top of the table, so I'll turn off this proxy.
| | 06:16 | So now I am going to change all of the
insides cell strokes with this line in
| | 06:21 | the proxy and the bottom line with this line.
| | 06:25 | I'm going to change this to be 3
points so we can see it clearly and
| | 06:31 | we'll choose goldenrod-2.
| | 06:34 | When I click OK and check the results,
you'll see that I got exactly what I wanted.
| | 06:39 | I have these row strokes throughout
the table, but not on the top row of the
| | 06:44 | table, exactly what I wanted.
| | 06:46 | Let's put in some column strokes and
notice I have to reset the proxy and I
| | 06:51 | don't have any Weight shown here
because we have mixed values here.
| | 06:55 | But I'm going to turn off all of the
strokes in the table including the outside
| | 06:59 | edges, because I don't want a vertical
stroke on the outside of this table and I
| | 07:03 | am going to focus just
on the inside stroke here.
| | 07:06 | Let's make that 3 points of
another color and click OK.
| | 07:12 | Looks pretty good and it's not a
1 point black stroke, I like that.
| | 07:17 | But there's one thing I don't like about this.
| | 07:19 | Let's zoom up a little bit.
| | 07:21 | You'll notice that all of the row
strokes have drawn on top of the column
| | 07:25 | strokes and that's not really what I wanted.
| | 07:27 | This is the default order that you
get when you apply strokes using the
| | 07:32 | Strokes and Fills dialog.
| | 07:34 | To reverse this, we have to go to
the controls for the entire table.
| | 07:39 | So I have my blinking cursor in this cell.
| | 07:42 | I am going to use the keyboard
shortcut to open the Table Options dialog.
| | 07:46 | That's Shift+Option+Command+B or Shift+Alt+
Ctrl+B.So here is our Table Options dialog.
| | 07:53 | Notice that I was able to open it
without selecting the whole table.
| | 07:57 | I want to come down here
to Stroke Drawing Order.
| | 08:01 | And you see I have several options here.
| | 08:03 | What I really want is to
bring the Column Strokes in Front.
| | 08:08 | Turn on Preview will help and
that's exactly what I wanted.
| | 08:13 | So, we can use the Table Options set up to
control the drawing order of these strokes.
| | 08:20 | That brings me to the limitation
of using the Stroke panel along with
| | 08:25 | the Swatches panel.
| | 08:27 | Let's take a look at how that works.
| | 08:29 | Here are two very simple tables and I'm
going to apply strokes to them using the
| | 08:33 | Stroke and Swatches panel.
| | 08:35 | Let's open the Stroke panel and I'll
pull it out from the group and then let's
| | 08:41 | drag our Swatches panel down here
and I'm going to join these together by
| | 08:45 | dragging the Swatches
panel up over the Stroke panel.
| | 08:49 | Now the problem with using the Stroke
and Swatches panel is it's much harder to
| | 08:53 | control the drawing order of the strokes.
| | 08:56 | Let me show you how that would work.
| | 08:57 | I am going to select this first table and now I
see this proxy just as we saw in our dialog box.
| | 09:05 | The first thing I'm going to do is
set all of the row strokes to be really
| | 09:11 | obvious color a 3 point
Weight and we'll make them Cyan.
| | 09:16 | I need to switch my Swatch icon so that
I bring the stroke to the front and I am
| | 09:21 | going to make that Cyan.
| | 09:24 | And now I'm going to set the vertical
column strokes to be a different color,
| | 09:33 | let's make those Yellow.
| | 09:36 | And I missed one here, this has
to do with the proxy selection.
| | 09:40 | In the previous example you saw that
when we use the dialog box, the drawing
| | 09:45 | order is that the Row Strokes are always on top.
| | 09:47 | When you use the Stroke panel and the
Swatches panel together, the drawing order
| | 09:51 | is the order that you put the strokes
down in, in other words, the first strokes
| | 09:55 | I put down with the row strokes, so
those are on the bottom and the last stroke
| | 09:59 | that I put down was the
column stroke, so that's on top.
| | 10:02 | If this is not what I want, the
problem is that this Table Setup option for
| | 10:09 | Stroke Drawing Order has no effect.
| | 10:12 | Let's say I want the Row Strokes in front.
| | 10:14 | If I do that, absolutely nothing happens.
| | 10:17 | So if I wanted the Row Strokes on
top I would have to draw those second.
| | 10:21 | So on this second example I'm going to
take the verticals and this time, I'll
| | 10:25 | turn off that proxy which was giving
me this stroke here, the proxy works and
| | 10:31 | I'm going to make the column strokes first, so I'll make
those 3 points yellow. Let's take a look. That looks good.
| | 10:38 | And now I'm going to draw the Row Strokes.
| | 10:43 | So just as in our previous example,
I'll make this 3 points cyan and now they
| | 10:48 | are on top and I can't switch the order.
| | 10:51 | The only way I can do that is if now I
go back in and modify the Column Strokes,
| | 10:56 | then they'll be on top.
| | 10:58 | So it's kind of crazy making.
| | 10:59 | There is an advantage to using the
Stroke panel and that you may have noticed
| | 11:02 | that each time I selected the table, the
stroke proxy remembered my last setup for that.
| | 11:09 | So that's good, but you
can't change the drawing order.
| | 11:12 | So that's one caveat of using the Strokes panel.
| | 11:15 | Whether you use the Strokes and
Swatches panel or the Strokes and Fills dialog,
| | 11:19 | don't be afraid to modify your
table strokes, 1 point black is boring.
| | 11:23 | And once you understand how strokes and
the table proxy works, it's really easy
| | 11:27 | to break out of the boring
with creative stroke patterns.
| | Collapse this transcript |
| Working with cell fills| 00:00 | It's a wonderful world of color out
there and InDesign tables are part of this
| | 00:04 | world, because it's very easy to fill
table cells with any color that's in your
| | 00:07 | Swatches panel or Gradient for that matter.
| | 00:10 | Applying fill colors to table cells is
pretty straightforward and we are going
| | 00:13 | to take a look at that along with some
little things you need to keep in mind.
| | 00:17 | Using gradients in table cells
is a bit less straightforward.
| | 00:20 | So we'll cover that in another video.
| | 00:21 | I can apply a fill to table
cells in a couple of different ways.
| | 00:25 | I am going to first switch to the Type
tool by pressing the letter T and I'm
| | 00:29 | going to select this cell by
clicking in it and pressing the Escape key.
| | 00:34 | The easiest way to apply color
is to just use the Swatches panel.
| | 00:37 | Let's open the Swatches panel and I'll
bring it over here, so we can see it a
| | 00:42 | little better and first I want to check
that my Fill icon is forward, and then I
| | 00:49 | can just pick a color.
| | 00:50 | So let's try sea_blue.
| | 00:52 | The color is applied to the fill of the
cell and that's pretty straightforward.
| | 00:58 | I can also use the Strokes and Fills dialog.
| | 01:01 | I am going to reselect this cell
and right mouse click to bring up the
| | 01:05 | Strokes and Fills dialog.
| | 01:07 | At the bottom here you see that we
have an area to apply Cell Fill and the
| | 01:11 | color I just applied is shown there or I can
choose any other color that's in my Swatches panel.
| | 01:17 | Let's try tree-green.
| | 01:19 | Now notice there is no button here to
preserve overrides and so this color is
| | 01:24 | going to replace the other color that was there.
| | 01:26 | So now we have tree-green.
| | 01:28 | One thing about applying colors to
cells is that with the table cell selected,
| | 01:32 | it's really hard to see the color that
you've chosen and if you need to apply a
| | 01:36 | color to just one cell, here's a little
trick, you can simply click in the cell
| | 01:40 | and then use the keyboard shortcut
to bring up the Cell Styles dialog.
| | 01:44 | That's Option+Command+B or Alt+Ctrl+B.
Then you can hold down the Command or Ctrl
| | 01:49 | key and press the Down Arrow and that
takes you right to the Fills dialog.
| | 01:54 | Now, we can change the color and
because that cell isn't selected, we can see
| | 01:59 | the color more clearly.
| | 02:02 | So that might come in handy for you and
of course we can apply colors to a range
| | 02:06 | of cells by simply selecting the range of cells.
| | 02:09 | I'll click on this row and apply a color
and then we'll select this column and I
| | 02:16 | can apply another color.
| | 02:18 | I can apply a Tint.
| | 02:20 | This would be a little bit
dark if we leave it at 100%.
| | 02:23 | So I'll change this to 50% and then we can
select these cells and apply yet another color.
| | 02:32 | Cell Fill colors can also
be part of a cell style.
| | 02:34 | So it can make it really easy and
quick to apply color throughout your table.
| | 02:39 | Let's take a look at the default fills
for tables again and so here's that same
| | 02:45 | table, but it's set to the default fill
and I want to point out to you that the
| | 02:50 | default fill for tables is None, and
that means if you have a background image,
| | 02:56 | it's going to show through.
| | 02:58 | I happen to have one here.
| | 03:00 | I am going to turn it on and because
the fill is None, you would see the
| | 03:04 | image through the table.
| | 03:05 | If that's not what you want, you will
need to select the table and then give it
| | 03:09 | another fill, maybe Paper or some other color.
| | 03:13 | This is also true with Alternating
Fills by the way that is the default, if we
| | 03:18 | take a look at that, the default for
Alternating Fills is that the first row is
| | 03:23 | 20% black, but the
Alternating Row is 100% of None.
| | 03:28 | So those cells would be see-through
as well or you will be able to see the
| | 03:33 | background image behind those as well.
| | 03:35 | So that's just something to be aware of.
| | 03:38 | Speaking of Alternating Fills, we
don't need the Layers panel anymore.
| | 03:42 | Let's take a look at a
table with Alternating Fills.
| | 03:45 | As I mentioned when you apply color to
a cell, it overrides whatever color is
| | 03:50 | there and the same is
true with Alternating Fills.
| | 03:53 | If I select this column, even though it
has Alternating Fills in it, and apply
| | 03:58 | another color on top of that, the color changes.
| | 04:02 | What didn't change here is just the Tint.
| | 04:05 | So this cell is still Tinted at 100%
because it was 100% of None and this cell
| | 04:12 | still has a 20% Tint and so this may
or may not be an effect you are going
| | 04:17 | for, but it's colorful.
| | 04:19 | All in all, you can see that applying
color fills to table cells is pretty easy.
| | 04:24 | So perk up your tables with
the wonderful world of color.
| | Collapse this transcript |
| Setting diagonal lines in tables| 00:00 | Once in a while we have a table that
requires diagonal lines in a table cell or cells.
| | 00:04 | These diagonal lines might be
used to show information that doesn't exist
| | 00:09 | or maybe to x through information like
prices of an item before the sale price,
| | 00:14 | takes effect that sort of thing.
| | 00:16 | Fortunately InDesign has controls
that make it really easy to add diagonal
| | 00:20 | lines to table cells.
| | 00:21 | I'm going to switch to my Type tool by
pressing the letter T, and I'm going to
| | 00:27 | select some text here and delete it,
so that we have some cells without
| | 00:31 | information in them.
| | 00:33 | And to add diagonal lines to these
cells, we access the Cell Options Diagonal
| | 00:39 | Lines dialog, this dialogue is pretty
straightforward we have controls for
| | 00:45 | the line stroke, so I can change the
Weight and the Color or the Style of the stroke.
| | 00:53 | And then at the top here we have
different diagonal patterns that we can apply.
| | 00:57 | A diagonal this way, that direction
or an x, if I click OK you can see that
| | 01:05 | InDesign has drawn the diagonal lines
in the Weight and Color that I indicated.
| | 01:11 | If I want to apply diagonal lines
to cells that have text in them I can
| | 01:15 | certainly do that again I'll select
a couple of cells and to go the Cell
| | 01:19 | Options Diagonal lines dialog, and again, I'm
going to increase the Weight and add a Color.
| | 01:26 | And let's make another x pattern here.
| | 01:30 | One thing I would like to point out and
I'll zoom in a little bit here, is that
| | 01:34 | you will that this text is actually
sitting on top of the diagonal lines.
| | 01:39 | That's because the default setting
is that the content is on top of the
| | 01:42 | diagonals, but we can change that.
| | 01:45 | I'll reselect the cells back to
our dialog, and here you see I have a
| | 01:53 | pop-up menu that lets me control if the
content is in front or the diagonal is in front.
| | 01:58 | Let's switch that so that the diagonal
is in front, and now this information is
| | 02:02 | truly Xed out, zoom back a little bit.
| | 02:05 | So you can see it's pretty
straightforward to apply diagonal lines inside of
| | 02:09 | table cells and just one more thing
I want to show you, kind of a little
| | 02:13 | throwaway for you designers out
there, let's turn to the next page.
| | 02:18 | It turns out you can use table cells
and diagonal lines to create all kinds of
| | 02:22 | patterns, like this one you see here.
| | 02:24 | We could change the color of the
diagonal lines or the color of the table
| | 02:28 | strokes or fill the cells with color.
| | 02:31 | And here's a kind of crazy thing,
because the current setting of these cell
| | 02:35 | fills is None, I can actually click on this
object and apply a drop shadow to it, crazy huh?.
| | 02:43 | That one is for all you drop shadow
nuts out there, including the famous
| | 02:46 | lynda.com author David Blatner and
others, and there you have diagonal lines.
| | 02:52 | Easy to apply, whether for serious
purposes or just for a little fun.
| | Collapse this transcript |
|
|
3. Other Table FormattingMerging and splitting cells| 00:00 | Sometimes the information in our table is
not always a perfect rid of row and columns.
| | 00:04 | And there are lots of reasons we
might need to combine two or more cells or
| | 00:07 | divide one cell into two.
| | 00:09 | Fortunately InDesign makes it very
easy to do this using the Merge and
| | 00:13 | Split Cell commands.
| | 00:15 | These commands are essential to
formatting certain tables and can also add a lot
| | 00:18 | of flexibility to your tables in the process.
| | 00:20 | We're going to start with the simple
table that doesn't have any data in it so
| | 00:24 | we can more easily see the patterns
we can create with Merge and Split.
| | 00:28 | In order to merge cells we have to
have at least two selected of course and
| | 00:33 | then we can just use the contextual menu,
bring up the Table menu and Merge the cells.
| | 00:40 | We can merge as many cells as we like.
| | 00:42 | I can select an entire
group of cells and merge them.
| | 00:46 | The opposite emerging, of course, is
to split the cells so if I select a
| | 00:51 | smaller cell here I can split it
horizontally or vertically, or I can take a
| | 00:59 | group of cells that I've merged into
one cell and it's just one cell so I can
| | 01:04 | split that as well.
| | 01:07 | If I've merged cells in addition to
splitting them I can unmerge and it will go
| | 01:13 | back into the original
pattern that we have here.
| | 01:15 | So I can actually turn this table into the
Mondrian pattern and merge lots of cells.
| | 01:24 | Fill them with color, kind of fun.
| | 01:38 | But really Merge an Split is all about
formatting a more serious tables, and
| | 01:44 | here we have a table that came in from
Microsoft Excel and you'll see this first
| | 01:49 | cell here has been merged.
| | 01:50 | That was merged in Excel so it
comes over in InDesign that way.
| | 01:55 | What I'd really like here is a row that
goes all the way across so again I can
| | 01:59 | select this top row and merge these cells.
| | 02:05 | Down at the bottom here I can do the same thing.
| | 02:07 | If I select these three cells and
merge them the text doesn't get deleted.
| | 02:13 | Of course, in this case I mean it's
over but I can use cell and sits to push
| | 02:17 | it back if I need to.
| | 02:19 | If you merge two cells that both have
text in them the text is maintained and
| | 02:24 | the text from the second cell is put on a
new line, there is a paragraph return in here.
| | 02:29 | In fact, let's go to Normal view
and turn on our invisible characters
| | 02:34 | Option+Command+I or Alt+Ctrl+I and you can
see that there is a return character in here.
| | 02:39 | So none of the text gets deleted.
| | 02:41 | Each cell will add a new line
divided by a paragraph return.
| | 02:45 | If I merge cells that are two different
patterns, the pattern and the formatting
| | 02:51 | actually that's in the first cell in
the range that I select to merge is what's
| | 02:55 | going to take over as the
formatting for all the merge cells.
| | 02:58 | So if I select these four cells for
example and merge them, the text is
| | 03:05 | maintained divided by paragraph returns,
the alignment that was assigned to this
| | 03:10 | text is maintained, and the overall
formatting as far as the cell Fill and
| | 03:15 | Stroke and what have you is from
the first cell that I selected here.
| | 03:18 | One more thing I'd like to share
with you merging and splitting cells is
| | 03:22 | actually a real-life example.
| | 03:24 | I'm going to go to the next page
and I wanted to show you this little
| | 03:29 | example from a client.
| | 03:31 | This is a slug that goes at the bottom
of packaging and the information in here
| | 03:35 | needs to be constantly updated.
| | 03:37 | Well, the problem is as you can see
it's just a big mess and it really,
| | 03:41 | really was hard to edit.
| | 03:42 | So what we did with this
is we made it into a table.
| | 03:46 | So here we have an InDesign table
that we created by using a combination of
| | 03:52 | Merge and Split commands in changing row
strokes and fills and so forth, and now
| | 03:56 | it's a table that's really
easy to go into and edit.
| | 04:00 | So tables don't always have to look
like tables, and especially with the Merge
| | 04:07 | and Split commands you can really
benefit from the underlying structure of a
| | 04:12 | table without having your
table look like a table at all.
| | Collapse this transcript |
| Creating tables with rounded-corner borders| 00:00 | One of the questions I get most often is how
to make a table with rounded corner borders.
| | 00:05 | Unfortunately, there is no
table with Rounded Corners command.
| | 00:09 | After all, tables aren't
really standalone objects.
| | 00:12 | They're always inside a text frame,
and well, you just can't do it.
| | 00:16 | However, there are a couple of
techniques you can use to create a table with
| | 00:19 | rounded corner borders and
neither one is terribly difficult.
| | 00:23 | Here's an example of the end result of
one of the techniques and let's take a
| | 00:27 | look at how it was done.
| | 00:28 | I'm going to turn to the next page
by holding down the Shift key and
| | 00:31 | pressing Page Down.
| | 00:33 | Here we have an unrounded corner table
with alternating fills and no border.
| | 00:39 | Although, whether or not it has a border
doesn't really matter in this technique.
| | 00:43 | I'm going to switch from Preview mode
to Normal mode, and you can see that this
| | 00:48 | table is sitting inside a text frame.
| | 00:51 | This technique involves rounding the
corners of the containing text frame of the table.
| | 00:55 | I'm going to click on this text frame and
the first thing we'll do is round the corners.
| | 01:01 | So I'm going to go to the Control panel
and set the text frame to have a rounded
| | 01:06 | corner and I'll increase that just a
bit and then I'm going to put a stroke on
| | 01:13 | the text frame and I'm going to
specify the color that's used throughout the
| | 01:18 | strokes in this table, and I'll
make it just a little bit thicker.
| | 01:22 | Let's set it to 2 points.
| | 01:25 | Now we can make this text frame snap to
the table by double-clicking the corner,
| | 01:29 | let's see what we have here.
| | 01:31 | It looks like we have a little problem.
| | 01:34 | If I zoom into the corner you'll see
that the heading of the table actually
| | 01:39 | sticks out beyond the edge of the
text frame and it's not rounded.
| | 01:45 | Now if I had a table with no fill in
the header and no fill in the last row, I
| | 01:51 | could actually just round the corners
of the containing text frame and put a
| | 01:55 | stroke on and I'd be done.
| | 01:57 | But most tables tend to have some kind of fill
color in either the header or the footer row.
| | 02:03 | That is the first or the last row in the table.
| | 02:06 | So what we can do in this case to avoid
this problem is to simply pull the text
| | 02:09 | frame out just enough that the corners
of the header row don't show any more.
| | 02:16 | But now we've got this white space
around the table and the text frame and to
| | 02:21 | resolve that we're going to fill
the text frame with the same color.
| | 02:25 | So I'll choose the same Pantone
color, and oops, it looks like we have
| | 02:30 | another little problem.
| | 02:31 | The reason these rows have a Fill applied
to them is that they were filled with none.
| | 02:36 | That's one of the default
alternating Fill patterns.
| | 02:39 | So we'll fix that, I'm going to switch
to the Type tool and select the whole
| | 02:44 | table by clicking in the upper-left corner.
| | 02:47 | I actually just need to click part of
the table and then I can right mouse click
| | 02:51 | and go to my Alternating Fills dialog
and here we can see that every other row
| | 02:57 | was set to have a fill None.
| | 02:58 | So I'll simply change that to
Paper and that takes care of that.
| | 03:04 | I'm going to go back into Preview mode.
| | 03:05 | So I can see what the table looks
like and the last step is really just
| | 03:09 | adjusting the space of the edge of
the text frame around this table.
| | 03:14 | I might make it a little thicker or a
little thinner, but that looks pretty good.
| | 03:19 | The advantage of this technique is that
we don't have any extra frames or pieces.
| | 03:24 | The rounding is done on
the containing text frame.
| | 03:27 | The potential disadvantage from a
design point of view is we do have to leave
| | 03:32 | a little extra border in here to sort of
hide the edge of the heading showing here.
| | 03:39 | Let's take a look at the second
technique, and I'm going to go to the next page
| | 03:43 | by pressing Shift+Page Down.
| | 03:47 | Here we have the same table.
| | 03:49 | This time we have a border, but that
doesn't really affect the technique
| | 03:52 | one where the other.
| | 03:54 | And I'm going to zoom back out and go
out of Preview mode where you can see that
| | 04:00 | I've drawn a separate frame with rounded.
| | 04:02 | It already has rounded corners and has
a stroke rounded of our Pantone color.
| | 04:07 | With this technique I'm going to cut
the table into the clipboard and use
| | 04:11 | the Paste Into command.
| | 04:13 | So I'll simply select the table and its
containing text frame, and Cut, and then
| | 04:20 | I'm going to move my empty frame over,
and now I'm going to use the Paste Into
| | 04:25 | command from the Edit menu and there's my table.
| | 04:29 | Now I need to adjust the positioning.
| | 04:31 | What's nice about this technique
though is that the table is like a graphic
| | 04:36 | object inside the frame, although it's
still quite editable, and I can just grab
| | 04:41 | it and move it wherever I want.
| | 04:43 | If we zoom in to those corners at the
top the table doesn't show through it all.
| | 04:48 | In fact, because I used Paste Into this
frame essentially acts as a mask as it
| | 04:54 | were for the entire table.
| | 04:55 | So I can make it just as snug as
I want, and freely move it around.
| | 05:01 | But the table is still editable as I mentioned.
| | 05:03 | If I switch to the Type tool, I can
come into the table and select a row.
| | 05:07 | I can edit the text very easily so I
still have the flexibility of changing the
| | 05:14 | text that's in the table or changing the format.
| | 05:18 | Let's go back into Preview mode, take a
look, looks good and there you have it.
| | 05:23 | Even though you can't actually round the
corners of an InDesign table itself you
| | 05:27 | can use either of these workaround
techniques to achieve the same result. Good stuff!
| | Collapse this transcript |
| Rotating text in a cell| 00:00 | Sometimes our table design calls for
text in the table headings or other
| | 00:03 | cells to be rotated.
| | 00:05 | InDesign makes it really easy to
rotate text at 90 degree increments.
| | 00:09 | I'm going to switch from Preview to
Normal mode, and let's select these cells in
| | 00:15 | the table to rotate to 90 degree increments.
| | 00:18 | We rotate text using Text > Cell Options,
and in the lower corner of this dialog
| | 00:24 | box we have a Text Rotation dialogue.
| | 00:27 | It's currently set to 0, I can rotate
the text into 90 degree, but you see I've
| | 00:33 | created text overset.
| | 00:36 | Even though this row was set to grow set to
the At Least setting, I still get text overset.
| | 00:42 | But it's pretty easy to fix.
| | 00:44 | I can just grab this bottom row
stroke and pull it down and there we go.
| | 00:49 | But that's not really the
direction I wanted the text rotated in.
| | 00:52 | So we'll go back to our Cell Options
Text dialog and the choices we have our 90,
| | 00:57 | a 180 degrees, oh, upside down or 270
degrees which is the same really as -90
| | 01:04 | degrees, and that's really what we want.
| | 01:07 | When we rotate text at 90 degree
increments, in this case -90 degrees, the
| | 01:12 | paragraph alignment works
at a 90 degree angle as well.
| | 01:16 | In fact, if you look carefully at the
text cursor the baseline is perpendicular
| | 01:22 | to what would normally be
the baseline of the cell.
| | 01:24 | So what that means is that what is
normally the left alignment will be at the
| | 01:29 | bottom of the cell and right alignment
goes to the top of the cell, and centered
| | 01:36 | of course stays centered.
| | 01:38 | As far as our Cell Options for
alignment go, the orientation of the cell
| | 01:43 | insets doesn't change.
| | 01:44 | In other words, the bottom insets are
still at the bottom of the cell and the
| | 01:51 | left is still to the left, but the
vertical justification is rotated as well.
| | 01:55 | So you need to kind of turn your head
to a 90 degree angle and then you'll
| | 02:00 | understand that Align Top is actually
going to move this text to the left and
| | 02:04 | Align Bottom will move it to the right.
| | 02:08 | And centered is still centered of course.
| | 02:11 | Those are our options for
rotating text in InDesign.
| | 02:15 | However, one thing that people really
want to do most often with rotating text
| | 02:19 | or very often I should say is to
rotate it at a 45 degree angle.
| | 02:24 | For that we need a little trick of the
trade that I'm going to show you now.
| | 02:28 | I'm going to turn to the next page
using Shift and Page Down and we have this
| | 02:33 | same table here and I'll zoom out a little bit.
| | 02:37 | If you need text rotated at a 45 degree
angle, there is no automatic command and
| | 02:41 | there are couple of different tricks
you can do to try to force InDesign into
| | 02:45 | it, but this is the one I like the best.
| | 02:48 | Especially, for tables that aren't
too large or complicated it's not a
| | 02:51 | bad solution I think.
| | 02:53 | First, I'm going to select this table
and I'm going to separate the header row
| | 02:59 | from the rest of the table.
| | 03:00 | In this way I'm going to thread them.
| | 03:02 | So I'm rolling up the text frame so that
all I can see is the top row and then I
| | 03:07 | get text overset in the text frame itself.
| | 03:11 | I'll click to load the place cursor
and then I'll just draw the rest of
| | 03:14 | the table down below.
| | 03:17 | Now I'm going to make this frame just
a little bit larger and I'm going to
| | 03:22 | switch to the Type tool and just drag down
the bottom stroke of that row to make it taller.
| | 03:30 | The next step is where the trick comes in.
| | 03:32 | I'm going to select this entire text frame
and I'm going to skew it to a 45 degree angle.
| | 03:40 | The table is still one table.
| | 03:42 | It just happens to be threaded into text frames.
| | 03:45 | If I pull the bottom of this frame down
you'll see that first row come up. Wow!
| | 03:51 | You can do some crazy stuff with that.
| | 03:54 | But I'm going to roll this back up and
choose the next steps to get the text in properly.
| | 03:59 | I'm going to select all the text
in this row and just delete it.
| | 04:05 | Over on the pasteboard you can see
that I actually have all the header text,
| | 04:09 | each bit of text in its own frame.
| | 04:12 | I'm going to take one of the labels that
we want to rotate at 45 degree and copy
| | 04:16 | it into the clipboard, Command+C or Ctrl
+C, and then click in the cell where I
| | 04:22 | want it to be positioned.
| | 04:24 | I'm going to paste it into place and
you can see that it takes on the skewing
| | 04:28 | angle of the text frame.
| | 04:30 | Now I'm going to select this, you can
see that it's anchored, we zoom in just a
| | 04:35 | little bit, and I'm going to
do two things to this text.
| | 04:38 | One, is I'm going to turn the
skewing off by setting the skewing to 0.
| | 04:43 | Then the next thing I'm going to do
is rotate it 45 degree. There you go!
| | 04:49 | So the idea here is that we take
each bit of text, and yes, it's a little
| | 04:54 | time consuming, but if this is
the effect that you really need it's
| | 04:59 | definitely one way to go.
| | 05:00 | So again we paste this text in, we
remove the skew effect that was picked up by
| | 05:06 | setting the skew to 0, and then
we put a 45 degree rotation on.
| | 05:11 | What about this first cell where I want
text in there, but I don't want to rotate it.
| | 05:16 | In that case I do the same thing,
I'm going to copy and paste this in.
| | 05:20 | I have a little text overset there.
| | 05:23 | Let's get rid of that.
| | 05:25 | And in this case I'm just going to
remove the skewing from the text so it's
| | 05:30 | sitting upright in the
cell, but it's not rotated.
| | 05:33 | I can select these cells
and I can adjust the spacing.
| | 05:36 | I'll open my Cell Options dialog and
if I want to bring it a little closer to
| | 05:42 | the bottom of these cells
I just adjust the insets.
| | 05:45 | So you get the idea.
| | 05:47 | I'm not going to do the entire table.
| | 05:50 | It's a little bit of work, but the net
result is that you can have a table that
| | 05:53 | has headings rotated at 45 degrees.
| | 05:56 | A little alignment and we're good to go.
| | 06:03 | So you can see how easy it is to rotate
text in a table cell at 90 degree increments.
| | 06:08 | But if you need other angles, it's
really good to know some of these little
| | 06:11 | tricks of the trade.
| | Collapse this transcript |
| Using gradients in tables| 00:00 | We know it's very easy to apply solid
color fills to table cells using either
| | 00:04 | the Swatches panel or the
Strokes and Fills dialog.
| | 00:07 | We can also apply gradients to table
cells the same way, but gradients don't get
| | 00:12 | applied exactly the way we
might like. Let's take a look.
| | 00:16 | I have a few gradients set up in
this document and I'm going to open the
| | 00:20 | Swatches panel, and pull it over here,
so we can it a little bit more clearly,
| | 00:25 | and I have three gradients.
| | 00:29 | One goes from just one color to
another, and then I have one that goes from
| | 00:37 | one color to another, and then back
again, our A-B-A_gradient, and then we
| | 00:41 | have a radial gradient.
| | 00:43 | I'm going to switch to the Type tool by
pressing the letter T and we'll go into
| | 00:48 | Normal Mode, so that we
can see what this looks like.
| | 00:52 | If I select an entire row of this table
and apply a gradient, we'll choose the
| | 00:57 | A-B_gradient, doesn't look so bad.
| | 01:00 | It goes from one color to another.
| | 01:02 | Let's try our A-B-A_gradient.
| | 01:06 | That looks pretty good too.
| | 01:08 | But, the problem comes in if we
try to apply it to a single column.
| | 01:12 | I'll select this first column,
and then apply the same gradient.
| | 01:17 | That's not exactly what I expected,
because this is my A-B-A_gradient, I wanted
| | 01:22 | it to go from green to yellow and back to green.
| | 01:26 | That's just not what I wanted.
| | 01:28 | The reason this problem comes up is
that gradients applied to tables are really
| | 01:34 | seeing the entire text frame
that the table is sitting in.
| | 01:37 | I'll show you what I mean.
| | 01:39 | I'm going to select this text
frame and apply that same gradient.
| | 01:44 | Here is where the gradient is actually
being applied, and you can see that in
| | 01:49 | fact, that's what I got in that first
row and this is what I got in that column
| | 01:55 | which is not exactly what I wanted.
| | 01:57 | I'm going to undo that.
| | 01:58 | There are a couples of
ways that we can fix this.
| | 02:02 | One which I'll show you now is
to use the Gradient Swatch tool.
| | 02:07 | I'm going to select this first column
and then I'll choose the Gradient Swatch
| | 02:11 | tool, and redirect the gradient.
| | 02:15 | Now, that's more what I
intended to have when I applied this
| | 02:19 | particular gradient.
| | 02:21 | So I can use the Gradient Swatch
tool and I can even redirect the
| | 02:26 | gradient altogether.
| | 02:27 | So I'm going to go from top to bottom.
| | 02:30 | That's pretty interesting!
| | 02:31 | But it's a lot of work.
| | 02:33 | The only other thing we can do is
create a new gradient, and adjust the color
| | 02:37 | stops to try to fit the column.
| | 02:39 | Let's look at another example.
| | 02:41 | I'm going to hold down the Shift key,
and press Page Down, and here is a
| | 02:44 | table with no fills in it, no gradients, and
I'm going to make a copy of our A-B_gradient.
| | 02:51 | So I'll right mouse-click on the A-B
_gradient and Duplicate the Swatch.
| | 02:56 | Here, I have a copy and I'll go to
Swatch Options and we'll rename this.
| | 03:01 | We'll call it gradient column.
| | 03:06 | Now, I can move over these stops.
| | 03:10 | So I'm going to select the row to
begin with, and we're going to apply
| | 03:15 | the original gradient. That's okay.
| | 03:21 | Now again, if we apply that same gradient
to the first column, that's not what we want.
| | 03:26 | But, if we apply our new
gradient, it's a little bit better.
| | 03:31 | It goes from one color to the other
which is much closer to what we wanted.
| | 03:36 | But, the problem with building a new
gradient is it'll really only work in this column.
| | 03:42 | If I try to apply it to another
column, that's not what I wanted at all.
| | 03:48 | And again, that's because this
gradient is being applied or the gradient is
| | 03:52 | seeing the entire text frame, and
so we do have our color shift here.
| | 03:57 | But, by the time we get to this location in
the text frame, we're into this other color.
| | 04:03 | So gradients can be used in tables,
but they really work best when they're
| | 04:07 | applied to cells that either span the
width of a text frame, or if they're
| | 04:11 | applied to an entire table.
| | 04:12 | For example, we can select this table,
and apply our radial gradient and
| | 04:19 | well it's interesting.
| | 04:21 | It's fun to play around with gradients,
but just be aware of these limitations
| | 04:25 | as you add them to your tables.
| | Collapse this transcript |
| Dealing with overset text| 00:00 | One of the most frustrating things about
working with tables can be dealing with text overset.
| | 00:04 | It doesn't have to be that way though,
as long as you know why it's happening
| | 00:07 | and more importantly, how to fix it.
| | 00:10 | The cause of text overset
usually has to do with row height.
| | 00:13 | Let's take a look at this table.
| | 00:15 | I'm going to switch from Preview to Normal Mode.
| | 00:19 | If I click on a row in this table, we
can see on the Control panel here that
| | 00:23 | it's set to one of the two modes of
row height which is that it'll grow.
| | 00:27 | It's set to At Least.
| | 00:29 | That means if I change the width of
this column, the text will rewrap, and if I
| | 00:34 | make it narrower, it still rewraps.
| | 00:36 | It also means if I add text to a
cell that, that cell is going to grow.
| | 00:40 | I have some text over here on the
pasteboard, so I'm going to select it with
| | 00:44 | Command+A or Ctrl+A, and copy it into
the clipboard with Command+C or Ctrl+C and
| | 00:48 | then I'm going to click in this
first cell and paste it. Wow!
| | 00:55 | That grew all right.
| | 00:56 | Maybe that's just a little much.
| | 00:58 | We'll actually delete part of this
and you can see when I do that, the row
| | 01:01 | height is reduced again.
| | 01:03 | You're rarely going to have overset
problems when you have the row height set to
| | 01:08 | At Least, so that it grows.
| | 01:10 | The problem comes in when you set
the row height to a Fixed Height.
| | 01:14 | I'm going to select all the rows in
this table and usually we want them all to
| | 01:18 | be the same height, and I'm going to set the row
height to Exactly. Let's try 5 picas. Wow, there we go!
| | 01:28 | Overset all over the place.
| | 01:30 | Now, there are a number of ways we
could fix it, we can always make the columns
| | 01:34 | wider or we could make the font a lot smaller.
| | 01:37 | But sometimes, we don't have that option,
and what we really need to do is to be
| | 01:41 | able to edit the text that's in the cell.
| | 01:43 | But, how do we know it's in the cell?
| | 01:45 | It's not like overset in a regular text
frame that we can maybe flow on to our
| | 01:50 | pasteboard somewhere.
| | 01:51 | In order to see the text in a table
cell, so that we can edit it, it's
| | 01:55 | actually really easy.
| | 01:56 | Story Editor to the rescue.
| | 02:01 | Here, we can see my blinking cursor
matches where it was in the layout, and
| | 02:05 | there is my overset clearly marked.
| | 02:08 | So now I can come into this text,
and edit it, and avoid the overset.
| | 02:13 | Italy is one of the most important
centers for art. No more overset.
| | 02:20 | So don't let overset lead to
upset. Use the Story Editor instead.
| | Collapse this transcript |
|
|
4. Table and Cell StylesUnderstanding the limitations of table and cell styles| 00:00 | If you use InDesign styles like
paragraph and character styles, which hopefully you do,
| | 00:04 | maybe object styles once in a
while, table and cell styles are going to
| | 00:08 | look pretty familiar to you.
| | 00:09 | The basic approach is the same.
| | 00:11 | But there are a couple of
limitations in table and cell styles that I know
| | 00:14 | really threw me off when I started
trying to learn them and I wanted to
| | 00:17 | share them with you.
| | 00:18 | We're going to cover the details of the
how-to and other videos in this chapter,
| | 00:23 | but I wanted to point out a couple of
things upfront, so that hopefully you
| | 00:26 | won't get discouraged by
trying to use table and cell styles.
| | 00:29 | But, we'll end up really appreciating your
power and speeding up your table formatting.
| | 00:33 | I'm going to open the Table Styles
panel and that lives under the Window >
| | 00:37 | Styles menu and here we can see I
have one table style in this file.
| | 00:43 | If I click on this table, that's
the style that's applied to it.
| | 00:47 | And just like other styles, we can
right mouse-click to edit this style, and it
| | 00:52 | has the same general setup with
different things here that you can control.
| | 00:57 | And table styles also let you include cell
styles within the definition of the table style.
| | 01:04 | Just like with other styles in InDesign,
we can even load table styles and cell
| | 01:08 | styles from other documents.
| | 01:10 | I'm going to choose from the Menu here,
and choose Load Table and Cell Styles.
| | 01:15 | We have a document here,
| | 01:18 | that its only purpose is to
let us load table styles from it.
| | 01:21 | I'm going to open that document.
| | 01:23 | Again, just like with other
style types, we have a list here.
| | 01:27 | This icon represents that these are
table or cell styles and it also brings
| | 01:32 | along any paragraph styles
that are used in the table cells.
| | 01:36 | I am going to turn off Basic Table.
| | 01:38 | I don't like to bring that over and I
never like to bring over basic paragraph
| | 01:42 | from another document, because you
just don't know how those are defined.
| | 01:45 | So with that, I'll click OK and now I
have this second table in my panel, and
| | 01:50 | so far, everything looks very familiar, and it
is, because it works the same as other styles.
| | 01:54 | I'm going to switch to the Type tool
and I can select this table which has this
| | 01:58 | style applied and simply click
on this style, and it's applied.
| | 02:03 | So that works really great.
| | 02:05 | I'm going to go down to the second
table, which is partially formatted and
| | 02:09 | what's partially formatted in here is
really important to understanding the
| | 02:12 | limitations of table and cell styles,
because what's formatted here is first of
| | 02:17 | all, this row has been
converted to a header row.
| | 02:20 | I know that because it says Convert to
Body Rows, so it's already a header row.
| | 02:24 | The other thing that's important to note
that the formatting that's been done on
| | 02:28 | this table includes the
row height and column width.
| | 02:32 | That's already been set and these two
things are very important, because neither
| | 02:35 | of them is something that you can
incorporate into a table or cell style.
| | 02:41 | So with this formatting already
applied to this table, the header row
| | 02:45 | designated, and the row height and
column width set, I can simply click on this
| | 02:50 | table, and apply a style, and it works great.
| | 02:55 | But, if I go down to this table at the
bottom which doesn't have the header row
| | 02:59 | designated and doesn't have the row
height and column width set, when I apply
| | 03:03 | the style, it's not quite
such a satisfying experience.
| | 03:07 | I am going to click on tide_table,
and that's just not quite right.
| | 03:13 | In order to make this table look right,
I'm going to have to first of all, click
| | 03:16 | on this top row and make it a header row,
and then I'm going to have to set the
| | 03:21 | row height and column
width for the entire table.
| | 03:25 | So I'm going to set that up here in
the Control panel, and then I'd have to
| | 03:31 | control or reset rather, or
adjust the column width also.
| | 03:37 | So this doesn't really seem logical
especially with the row height and column width.
| | 03:41 | That's something that we think
should be part of the styles, but it just
| | 03:45 | isn't.But, I think if you approach
table and cell styles knowing that the row
| | 03:51 | height and column width is not part of
the style, nor is the specification of
| | 03:55 | which row is a header row or
a footer row for that matter.
| | 03:58 | Once you get your head around that or
kind of get beyond it if you will, you can
| | 04:02 | really find a lot of power in
using table and cell styles.
| | 04:06 | So table and cell styles are immensely useful.
| | 04:09 | But, if you try to learn how to use
them without understanding these two
| | 04:13 | basic table formatting attributes can't be set,
it can make your experience very frustrating.
| | 04:18 | Once you understand the limitations
however, you can really start to enjoy the
| | 04:21 | incredible power of working with
table and cell styles which we're going to
| | 04:24 | cover in detail in the
other videos in this chapter.
| | Collapse this transcript |
| Setting up and applying cell styles| 00:00 | Cell styles are really useful when
it comes to speeding up formatting
| | 00:03 | of InDesign tables.
| | 00:05 | Even if you never used a table style,
you should definitely get familiar with
| | 00:08 | how cell styles work.
| | 00:10 | I am going to start by
opening the Cell Styles panel.
| | 00:12 | Let's pull this over here and we
have here a basically unformatted table.
| | 00:19 | It has the default basic table style
applied and if I click in a cell and select
| | 00:23 | it, we see that the cell style, None is applied.
| | 00:26 | Now, None for cell styles is a little bit
different from None for character styles.
| | 00:31 | The character style of None is truly
empty, but with the cell style of None,
| | 00:36 | it's not really empty because if we
look up here at the Control panel, with
| | 00:40 | this cell selected, we can see that it
has a 1 point stroke around it and it
| | 00:46 | also has a Fill of None.
| | 00:47 | So we'll keep that in mind as we
move forward with working with styles.
| | 00:51 | Let's start by defining a new style.
| | 00:53 | I am going to hold down option or Alt
and click on the New Style icon and here
| | 00:57 | we have the New Cell Style dialog.
| | 00:59 | I am going to make a new style called
green_cell and you can see that this
| | 01:04 | dialog looks pretty familiar, we have
General settings here, we can base this
| | 01:09 | on another style or put in a shortcut
and we have different panels here where
| | 01:13 | we can set things like the text positioning,
set our Strokes and Fills or add Diagonal Lines.
| | 01:20 | These are all empty, but again
they're not truly neutral in all cases.
| | 01:25 | I am going to define this cell style
with a color, how about olive-green and
| | 01:31 | click OK and now we can apply it to the cell.
| | 01:35 | And the result is pretty much what you'd expect.
| | 01:37 | I want to take a look for a moment.
| | 01:40 | At the Cell Options though that we
normally have when we are formatting a
| | 01:43 | cell directly and we have text which
we saw in the Cell Style dialog, we can
| | 01:48 | define Strokes and Fills.
| | 01:49 | That's what we did in our style.
| | 01:51 | We can add Diagonal Lines if we want,
but there was no Rows and Columns setting.
| | 01:57 | Cell styles cannot set
Row Height and Column Width.
| | 02:00 | That's just all there is to it.
| | 02:03 | I know, I don't like it,
but that's just the way it is.
| | 02:05 | So you have to work with it.
| | 02:06 | Let's click OK and knowing that we have to
define our own Row Height, let's do that now.
| | 02:12 | I'm going to select this table and
change it from the default growing setting of
| | 02:16 | At Least to Exactly.
| | 02:17 | We'll make this two picas p6.
| | 02:22 | So now we have our Row Height set
and let's get back to the Styles.
| | 02:26 | I am going to apply this style to
this entire row by selecting the row and
| | 02:31 | clicking on it and I want to talk for
just a moment about cell style overrides.
| | 02:36 | If you look at the bottom of this panel,
they're not active now, but there are
| | 02:39 | two icons that have to do with overrides.
| | 02:42 | One says Clear overrides in selection
and the other is Clear attributes not
| | 02:48 | defined by style, what's the difference here.
| | 02:51 | Well if we go back to this style and
look at it, the only attribute that we
| | 02:56 | defined or changed is the Fill Color.
| | 02:59 | So that is the only
attribute defined by this style.
| | 03:03 | If I change the Fill Color and I'll
select this cell and open the Swatches panel
| | 03:08 | and change it, we have an override.
| | 03:13 | And this is a local override, because
we're overriding the attribute that's been
| | 03:16 | defined there, namely the Fill Color.
| | 03:18 | So, this icon is now available to me and I
can clear the overrides in that selection.
| | 03:25 | However, if I change an attribute
that's not even defined in the style, it
| | 03:30 | doesn't act as an override.
| | 03:32 | Here is what I mean.
| | 03:32 | I am going to select this cell and we didn't
change any of the stroke weights in this style.
| | 03:38 | So I'm going to come up to the
Control panel and deselect the top and left
| | 03:42 | stroke and then I am going to format
the right and bottom stroke to be a lot
| | 03:47 | wider just so we can see it.
| | 03:50 | Now if I click in this cell,
no override is showing.
| | 03:54 | And in fact, the icon to clear
overrides isn't even available to me.
| | 03:59 | What I can do is clear any
attributes that are not defined by the style.
| | 04:02 | But I don't redefine the style by
just adding attributes that haven't
| | 04:07 | already been defined.
| | 04:08 | I'd have to basically create another style.
| | 04:11 | Just like other styles in InDesign, we
can define cell styles either from using
| | 04:16 | the Cell Style panel or we can go ahead
and format some cells to make them look
| | 04:20 | exactly the way we want them and then we
can just pick up the styling from there
| | 04:24 | and that's really the easiest way to do it.
| | 04:26 | I prefer to build paragraph styles
that way and same is true for cell styles.
| | 04:30 | I want to get it to look just the
way I want and then I'll pick up a
| | 04:34 | definition from that.
| | 04:35 | So let's start with this header row here.
| | 04:37 | I am going to select this first cell
and with that cell selected I'm going to
| | 04:41 | click on the Create New Style icon and
I'll hold down the Option or Alt key and
| | 04:46 | we'll call this header_rows.
| | 04:49 | Notice that it picked up certain
attributes, they are no longer neutral.
| | 04:54 | We changed the Vertical
Justification, the Left indent.
| | 04:58 | We put a fill and a stroke on it.
| | 05:00 | We didn't add any Diagonal Lines.
| | 05:02 | Now, the one thing that doesn't get
picked up from a cell when you define it
| | 05:07 | from an existing cell is the paragraph style.
| | 05:10 | This is possibly one of the most
powerful aspects of a cell style is a paragraph
| | 05:16 | style and we want to be sure and
use that feature whenever we can.
| | 05:20 | So I am going to choose a paragraph style
called table_text_head and I'll click OK.
| | 05:26 | By the way this paragraph style, table_
text_head actually includes a GREP Style
| | 05:32 | that says anytime I have text inside
parentheses, apply the character style
| | 05:37 | called inside_parens which
gives me the italic here.
| | 05:40 | The point being that you can use any
kind of paragraph formatting, GREP Style,
| | 05:44 | Nested Style that you can use on
regular text, you can use in a table cell.
| | 05:48 | And there are some excellent videos in
the lynda.com Library on GREP styling.
| | 05:52 | But, back to our cell styles, let's
define a couple of more styles here, I am
| | 05:56 | going to select one of the cells in
this left column, press the Escape key to
| | 06:00 | select the cell, we don't need our
paragraph styles anymore and Option or Alt
| | 06:04 | click on cell styles and we'll call this
description_cells and again it picks up
| | 06:11 | various attributes from this cell.
| | 06:13 | And we are going to add the
paragraph style, table_text_med.
| | 06:18 | One more, we'll select one of these
cells in this area and Option+click or
| | 06:24 | Alt+click on new style and we'll call
this body_cells and again include the
| | 06:28 | paragraph style that in
this case is called table_text.
| | 06:31 | So you can see that makes it
really easy to build cell styles.
| | 06:35 | Now let's apply them to
this bottom unformatted table.
| | 06:38 | I am going to select this row and
change it from a green_cell to header_rows.
| | 06:44 | Notice that this new cell style
completely overrides the old cell style.
| | 06:51 | So if you have one in there and you put
another style in, it overrides the first one.
| | 06:55 | Let's select the cells here and we
can apply the description_cells and then
| | 07:00 | we'll select our body text
cells here and apply body_cells.
| | 07:07 | So when you think about all of the
formatting that's in a table cell, the
| | 07:10 | Justification, the Insets, the Fill
Color, the Stroke Color and the paragraph
| | 07:14 | style, that's a lot of work if you
have to do it from various places in the
| | 07:19 | menus every time you format a cell.
| | 07:21 | That's part of what makes cell styles
really, really useful and why it's a good
| | 07:24 | idea to get up to speed on them.
| | 07:26 | Now, one last thing that I want to
show you and that is that we can redefine
| | 07:30 | cell styles just the way we
do other styles in InDesign.
| | 07:34 | Let's say that I don't really like the
color of this screen against the other.
| | 07:37 | So I am going to select this first cell
and open my Swatches panel and the Tint
| | 07:43 | is 25% and that's okay, but I am going
to try to perk it up with another color.
| | 07:48 | Let's try sea_blue.
| | 07:49 | That looks pretty good.
| | 07:52 | Now if I select this cell, I see that
there is in fact an override on it and
| | 07:57 | just like I do with other InDesign
cells, I can right-mouse-click and
| | 08:01 | Redefine the Style.
| | 08:03 | And, all the cells that have that
style applied, update automatically, just
| | 08:07 | what you would expect.
| | 08:08 | The only thing that I don't want to let
throw you off about cell styles is they
| | 08:12 | cannot set row and column width.
| | 08:14 | But don't let that stop you from using them.
| | 08:16 | You can see how very useful they can be,
especially if you have a large table to format.
| | Collapse this transcript |
| Setting up and applying table styles| 00:00 | Table styles are a great way to speed
up formatting of your InDesign tables,
| | 00:03 | especially if you work with
lots of tables in your documents.
| | 00:07 | I've already opened the Table Styles and Cell
Styles panels from the Window > Styles menu.
| | 00:11 | Let's take a look at the table style
options by looking at the basic table style.
| | 00:15 | Here you can see a standard setup
for a Style Option dialog, we have the
| | 00:19 | various formatting controls that we
have on the Table Options menu, except we
| | 00:25 | don't have any option here to specify the
header and footer rows, we have to do that manually.
| | 00:29 | But one thing that's a little
different about Table Style Options is that
| | 00:33 | they use cell styles.
| | 00:35 | Down at the bottom of this dialog, you
can see that we can set cell styles for
| | 00:39 | various parts of the table.
| | 00:41 | And this kind of makes sense because
if you think about it, there are a very
| | 00:44 | limited number of formatting
options you have at the table level.
| | 00:48 | I mean you can set the border and
you can set Alternating Fill and Stroke
| | 00:52 | Patterns, but that's about it.
| | 00:53 | Everything else we format in the table,
like the position of the text within a
| | 00:57 | cell or fills and strokes for header
rows and the formatting of the text
| | 01:02 | inside each cell which we can do with the cell
style, all of that is done at the cell level.
| | 01:07 | So table styles really are kind
of useless without cell styles.
| | 01:12 | Now, we can designate cell styles
for different parts of the table:
| | 01:16 | Header, Footer Rows, Body Rows and
the Left Column and the Right Column.
| | 01:20 | I made a little overlay in this file to
help you visualize that a little better.
| | 01:24 | I am going to go to the Layers panel and
turn on the overlay layer and these are
| | 01:29 | the different parts of a table
that can be defined with cell styles.
| | 01:33 | You don't need to make them all
different, but you have the option to make them
| | 01:37 | different if you need to.
| | 01:38 | Most commonly in table styles
you'll at least have two cell styles;
| | 01:42 | one to apply formatting to the header
row and the other to apply formatting to
| | 01:48 | the body cells or the whole
rest of the table down here.
| | 01:52 | But, if we need to we can
format other parts of the table.
| | 01:55 | For example, here in the Left Column
this text is formatted a little differently
| | 02:00 | from the text in these other cells.
| | 02:03 | So we can make a separate cell
style for the cells in the Left Column.
| | 02:07 | Let's turn that overlay off and take
a look at how we build table styles.
| | 02:11 | I am going to turn to the next page by
holding down Shift+Page Down and let's
| | 02:16 | switch from Preview to Normal Mode.
| | 02:19 | Just like other styles in InDesign, the
easiest way to build a table style is to
| | 02:23 | go ahead and format a table the way you
want it to look and then to use that as
| | 02:27 | the basis for your style definition.
| | 02:29 | We do that with paragraph styles,
character styles and even object styles and we
| | 02:33 | can do the same thing with table styles.
| | 02:35 | So I've already formatted a table here
and we're going to use that to build a
| | 02:38 | table style that we'll then apply
to the unformatted table underneath.
| | 02:43 | First, I am going to select the table
and then I am going to hold down the
| | 02:47 | Option or Alt key and click
on the Create New Style icon.
| | 02:51 | Let's call this green_table.
| | 02:52 | Now you can see that we've picked
up the table style and here we have
| | 02:57 | our Alternating Fills.
| | 02:59 | So I am going to click OK and now
let's just go ahead and apply it to this
| | 03:02 | bottom table down here, here we go, green_table.
| | 03:07 | Well, we have some things
here, but not that much.
| | 03:11 | For one thing remember that table
styles and cell styles cannot control the Row
| | 03:16 | Height and Column Width of your table.
| | 03:18 | You're going to always
have to set that manually.
| | 03:21 | So I am going to select the rows
in this table and make them an exact
| | 03:25 | height, let's make them 2.5 picas and
I'll change the Column Width of these
| | 03:33 | columns, let's make that 6 picas and
then I'm just going to make this column
| | 03:38 | wider by dragging it over.
| | 03:40 | The thing that we can't format with
table styles or cell styles is we can't tell
| | 03:46 | InDesign which row is the header row.
| | 03:49 | That's normally a table level format.
| | 03:51 | And InDesign Styles just can't keep track of it.
| | 03:54 | So I am going to click on this
first row and make it a header row.
| | 03:59 | Now, that first row is a header row,
but it doesn't have any formatting in it
| | 04:03 | yet, because I haven't defined the cell
style that's going to format it for me.
| | 04:08 | Next, we need to start building the
cell styles that are going to bring the
| | 04:12 | additional formatting into this table.
| | 04:14 | I am going to start with the header
row and just click in the first cell here
| | 04:18 | and press the Escape key.
| | 04:20 | Now I am going to go to the Cell Styles
panel and again Option+click on the New
| | 04:24 | Style icon and let's call this
cell style, how about header_cells.
| | 04:30 | We've picked up the definition of the
formatting that's there and we can also
| | 04:35 | add the paragraph style.
| | 04:39 | So I am going to click OK and now
we're going to put that header cell style
| | 04:44 | into our table style.
| | 04:46 | So for the green_table style we want
our header rows to be styled with the cell
| | 04:52 | style called Header Cells.
| | 04:54 | I am going to click OK.
Good news! There we go.
| | 04:59 | So that entire row is formatted for us.
| | 05:01 | Now, I'm going to go through and make cell
styles for the other regions of the table.
| | 05:06 | The left column is different from the
body cells because it has a different font
| | 05:10 | in it and also, it's a little hard to
see in this view, but there is a solid
| | 05:15 | stroke on the right side of this cell,
but there is no border, so the left side
| | 05:19 | has no stroke on it at all.
| | 05:21 | So that's a unique style for this entire column.
| | 05:24 | Again, I'll press the Escape key and Option+
click or Alt+click on the Create New Style icon.
| | 05:30 | Let's call this left_col.
| | 05:33 | It has this paragraph style in it.
| | 05:37 | Now, these are my body cells, so
I'm going to click in just any one of
| | 05:40 | them, press the Escape key and again create
a new style and we'll call this body_cells.
| | 05:47 | And the paragraph style here is table_data.
| | 05:53 | Finally, I need to format the cells in
the right column a little bit different,
| | 05:56 | simply because like the left column
there's a solid stroke here, but there's no
| | 06:01 | stroke on the outside.
| | 06:03 | So that needs a different
stroke pattern than the body cells.
| | 06:07 | Again, I'll click in the cell, press the
Escape key and create a new cell style from this.
| | 06:12 | Let's call this right_col.
| | 06:15 | The paragraph style in this case is
the same as the body_cells, table_data.
| | 06:20 | I am going to click OK.
| | 06:24 | Now I'm going to put these cell styles
into my table style and see what we have.
| | 06:29 | I'm not using any footer rows in this
table, but for body rows, I am going to
| | 06:34 | apply the cell style that I created.
| | 06:38 | The Left Column needs a
cell style called left_col.
| | 06:41 | You can see why I named them this way;
| | 06:43 | it's easy to keep track of which one goes where.
| | 06:46 | Now when I click OK, there we go.
| | 06:49 | The table has formatted.
| | 06:51 | Let's go back into Preview
Mode so we can take a look.
| | 06:55 | Now that I have this style built, I
can apply it to other unformatted tables.
| | 06:59 | I am still going to have to set the
header row and change the Row Height and
| | 07:02 | Column Width, but all of this
formatting is done for me automatically.
| | 07:07 | It takes a little time to set up these
table styles, but if you work with a lot
| | 07:10 | of tables in your documents, they can
save you an enormous amount of time.
| | Collapse this transcript |
| Using cell styles to "clean up" table styles| 00:00 | Table styles speed up design,
but they can't do everything.
| | 00:03 | Sometimes we need to apply an
additional cell style to get the look we want.
| | 00:07 | Let's take a look at a few examples.
| | 00:10 | I've already opened the Table
Styles and Cell Styles panel from the
| | 00:12 | Window Styles menu.
| | 00:14 | Here we have a table that already has a
table style applied, tide_table, and I
| | 00:18 | am going to apply it to the table down below.
| | 00:21 | This table is unformatted, except of
course, we already set the row, height, and
| | 00:24 | column width, because we
can't apply that in styles.
| | 00:28 | So I've selected the table and
I'm going to apply the style.
| | 00:31 | Well, that looks pretty good.
| | 00:33 | Let me deselect everything.
| | 00:34 | I am holding down Shift+Command+A
or Ctrl+A. That's not quite right.
| | 00:40 | If we click in this cell, we can see that
the cell style header_cells has been applied.
| | 00:45 | When a cell style is used inside a
table style, you can click in the cell and
| | 00:49 | tell which cell style it is,
because the name of it appears down here.
| | 00:53 | It doesn't get highlighted in the panel,
but we can see which style it is here.
| | 00:57 | Well, this is one of the most common
reasons that we have to use extra cell
| | 01:00 | styles to fix our tables.
| | 01:03 | We only have one style that we
can apply to the entire header row.
| | 01:06 | So that means, any time this right
and left cell of the header row is
| | 01:11 | different from all the other cells in header
row, we have to bring out an extra cell style.
| | 01:16 | And if you look at this design, you
can see that most of the header rows or
| | 01:20 | the center header rows have strokes
on both sides of them, but the left and
| | 01:24 | right side only have a stroke on one side,
so we need to create a cell style to fix that.
| | 01:29 | We'll create the cell style by
simply selecting these cells.
| | 01:32 | It's the easiest way to do it.
| | 01:34 | And so with this cell selected, I'll go
to the Cell Styles panel and hold down
| | 01:38 | Option or Alt and click on Create New Style.
| | 01:42 | Let's call this one left_header_
fix, because that's what it is.
| | 01:47 | Notice, that the style has also picked
up the most important thing here and that
| | 01:53 | is the Left Stroke Weight is
turned off. It's set to 0.
| | 01:56 | Now we'll do the same thing for the
rightmost cell in the header row, I'll
| | 02:01 | select it by pressing the Escape key
and then we'll Option or Alt click on the
| | 02:06 | Cell Styles Create New Style icon, and
let's call this guy right_header_fix.
| | 02:13 | Now that we've created these cell styles,
it's really easy to go in and correct
| | 02:17 | the formatting for this table.
| | 02:18 | Here is our left_header_fix
and there's our right_header_fix.
| | 02:22 | So even if you had a lot of tables
in your document with this table style
| | 02:26 | applied and you had to go back and fix
the header row corners, it's not so bad.
| | 02:31 | It's pretty easy to do as long as you
create a cell style to speed along the process.
| | 02:35 | Fixing the style of your header row
is one of the most common reasons that
| | 02:39 | you'll need to create these extra cell
styles, because remember, when we assign
| | 02:44 | a cell style in our table style, we have
to apply one for the entire header row,
| | 02:48 | we can't break out the left cell or
the right cell of that entire header row.
| | 02:53 | And lots of times our designs have a
different stroke treatment on one side or
| | 02:58 | the other, of these outside cells.
| | 03:00 | Let's take a look at a
slightly different kind of example.
| | 03:03 | I am going to turn to the next page,
Shift+Page down, and here we have the table
| | 03:07 | that also has a table style applied to
it and if I click around, I can see that
| | 03:13 | there is a Header cell style, there's
one it's cut off in the panel here, but
| | 03:19 | it's a left column style, and then
this part of the table has the same cell
| | 03:24 | style applied to it, again, via
the table style called body_cell.
| | 03:30 | The problem in this table is that
this one column of all the body cells
| | 03:35 | should be centered.
| | 03:36 | The style calls for them to be right aligned.
| | 03:38 | So in this case we have to start by
creating a paragraph style that will fix this.
| | 03:43 | I am going to open the Paragraph
Styles panel and the paragraph style is
| | 03:46 | called table_text2.
| | 03:47 | I am going to make a duplicate of that
and we'll call this table_text_centered.
| | 03:55 | I'll change the Alignment and then I
am going to select this column where we
| | 04:02 | need to center the text and
apply the paragraph style.
| | 04:05 | Now, if this is the only fix you need to
do your table, you don't really have to
| | 04:09 | create a cell style, you can
just apply the paragraph style.
| | 04:12 | But this is another thing that comes up a lot
in tweaking the formatting from table styles.
| | 04:18 | One more example is this table.
| | 04:20 | We have a table style applied and that
style is what's giving us the alternating
| | 04:25 | fill patterns here, two Pantone
colors, alternating on every other row.
| | 04:34 | But the design of this table calls for
creating the effect of both alternating
| | 04:39 | row fills and column fills.
| | 04:41 | Well, you can't do that in InDesign and
one of the reasons is InDesign doesn't
| | 04:45 | really know what to do with the colors
where these two fill patterns intersect.
| | 04:50 | We've made a design decision to make
these cells a light tint of this primary
| | 04:56 | pantone color and then these
cells are a tint of this teal color.
| | 05:01 | In this case, we simply created cell
styles that apply these fills to the cells.
| | 05:06 | And then yes, we had to go through and
select each one, one by one, you can't
| | 05:11 | select noncontiguous cells
and apply the cell styles.
| | 05:14 | So you probably wouldn't want to do
this for a document that has hundreds of
| | 05:18 | these tables, but if it's a smaller
table, you can use these individual cell
| | 05:22 | styles to really do any number of
things and it doesn't take that long really.
| | 05:27 | There are plenty of other times when
you're going to need to create a cell style
| | 05:30 | to fix the formatting
applied by your table style.
| | 05:33 | If you have subhead rows running
through your table, you'd have to create
| | 05:37 | a separate cell style for those, you
can't include them as part of the table style.
| | 05:41 | But, even if a table style doesn't
format every cell of your table exactly just
| | 05:45 | right, you can see its pretty easy to
use cell styles to finish the job off and
| | 05:48 | still save tons of time.
| | Collapse this transcript |
|
|
5. Updating TablesWorking with linked files| 00:00 | Wouldn't it be nice if every time we
completed a layout it would never be edited again?
| | 00:05 | That would be nice, wouldn't it?
| | 00:07 | You spend hours and hours bringing
life to an otherwise dull Excel worksheet,
| | 00:11 | then suddenly there's new data in the
worksheet and now you've got to get that
| | 00:15 | into your beautiful InDesign table.
| | 00:18 | Well, the good news is that we can
create links to Excel and Word table
| | 00:22 | documents just like we can with
images, so that when the original file is
| | 00:26 | modified, we can update it to the
current version in our InDesign document.
| | 00:30 | The not so good news is that not 100%
of the formatting is maintained, but you
| | 00:35 | can come pretty close,
especially if you apply table styles.
| | 00:39 | We're going to take a look at how to
update table data by linking to the
| | 00:42 | original document it came from, and how
to tweak the data once it's updated to
| | 00:47 | make this process as painless as possible.
| | 00:50 | The first step is to set up your
InDesign document so that it links to the Excel
| | 00:54 | worksheet or Word table document
you'll be placing and formatting as a table.
| | 00:59 | We do this under Preferences.
| | 01:01 | On the Macintosh this is under the
InDesign Preference menu and on Windows it's
| | 01:05 | under the Edit menu.
| | 01:06 | We are going to go to the section on
File Handling and if you look at the bottom
| | 01:11 | of this dialogue there is one unchecked
option, which lets us Create Links When
| | 01:16 | Placing Text and Spreadsheet Files.
| | 01:19 | By turning this on we are going to
have a linking relationship with any text
| | 01:23 | document or Excel document that we
import just like we do with images.
| | 01:29 | And this is a preference that's going
to travel with the document, so we don't
| | 01:32 | have to worry about turning it on
every time we open the document up.
| | 01:36 | On the flipside, we want to be aware
that it's on and not link, say a Word
| | 01:40 | document with text in it that we
don't want to accidentally update.
| | 01:44 | So just be aware of when you have
this turned on and make it work for you,
| | 01:48 | instead of against you.
| | 01:49 | I am going to click OK and now let's
take a look at an Excel spreadsheet that
| | 01:54 | we're going to import.
| | 01:55 | I am going to be using an Excel
document in our example today, but everything
| | 02:00 | I'm showing you will apply to
Microsoft Word documents as well.
| | 02:03 | Here we have a pretty basic Excel document.
| | 02:06 | It's got headings here that are
unformatted as is pretty much the rest of the table.
| | 02:11 | Fairly straightforward,
let's place it in InDesign.
| | 02:15 | I'm going to use the File Place command and
here's the document we were just looking at.
| | 02:22 | Now the first time you import an Excel
document especially when you have these
| | 02:26 | linking relationships established,
it's a good idea to take a look at the
| | 02:29 | import options dialog box.
| | 02:32 | We can do that by either checking this
box here or use the shortcut holding down
| | 02:37 | the Shift key and then clicking Open.
| | 02:40 | Here we have the Microsoft Excel
Import Options dialog and there are a lot of
| | 02:44 | things you can control about the way
your spreadsheet is imported, whether it's
| | 02:49 | linked or not, this dialogue is
always available to you by holding down the
| | 02:52 | Shift key, when you place a document.
| | 02:55 | First of all if there are multiple
worksheets in the document, this one only has one.
| | 02:59 | But if there are multiple worksheets,
you can choose which one you want.
| | 03:04 | You can also restrict the Cell Range,
so you don't have to import all the data
| | 03:08 | that the guys in accounting
have set up in the document.
| | 03:11 | You can bring in just part of
it by restricting the Cell Range.
| | 03:15 | Under Formatting we have a number of options.
| | 03:18 | We can bring the table in as a Formatted Table.
| | 03:21 | That is, with any
formatting that was done in Excel.
| | 03:24 | We probably don't want that.
| | 03:25 | We can bring in all the information
with No Formatting or we can bring
| | 03:30 | the information in and have it
not be a table at all, but have it
| | 03:33 | converted to Tabbed Text.
| | 03:35 | And this last option, Formatted Only
Once will bring in Excel formatting and if
| | 03:41 | the formatting is changed in Excel, it
won't be updated in the InDesign file,
| | 03:46 | but again, we want the guys in
accounting formatting this thing.
| | 03:49 | So, we're going to bring our
spreadsheet in as an Unformatted Table.
| | 03:54 | We can also apply a table style,
but we're just going to leave it as a
| | 03:57 | basic table for now.
| | 03:59 | I'll click OK and place the
table on the page and there it is.
| | 04:03 | Let's go into Preview Mode so that we
can see the formatting of the table a
| | 04:06 | little bit more clearly.
| | 04:08 | To standard table here's our
worksheet, but here's the important thing.
| | 04:13 | If we take a look at the Links panel,
here is the Excel file that's linked just
| | 04:18 | as an image would be.
| | 04:20 | And if this file is changed, we're going
to get an out of date reference or that
| | 04:25 | yellow icon in our links panel here.
| | 04:27 | Let's switch back to Excel
and make a change in that file.
| | 04:32 | So, this is about food consumption by Americans
over the years, and I say, let's get healthy.
| | 04:38 | Let's eat more Tofu and how
about a little Granola, much better.
| | 04:42 | I am going to save this file
and let's go back to InDesign.
| | 04:47 | Now we have an out of
date icon on the links panel.
| | 04:50 | By the way, if you have an Excel file
linked to your InDesign document, as soon
| | 04:54 | as you open that Excel file, it's
going to show out of date in your InDesign
| | 04:58 | document, whether you saved the file or not.
| | 05:01 | Now in our case we saved the file, so
of course we have the out of date icon.
| | 05:06 | I'm going to select this file and then
we're going to update the link, there we go.
| | 05:12 | And now we're eating healthier, we've got
Tofu and Granola and that went pretty smoothly.
| | 05:17 | But, this table doesn't have any
formatting in it, and of course, we're always
| | 05:21 | going to have some kind of formatting in
tables, but I just wanted to give you a
| | 05:25 | clear picture of how the
linking relationships work.
| | 05:29 | Let's take a look at some tables that
do have formatting applied and update
| | 05:33 | those links and see what happens.
| | 05:34 | I am going to switch to another file
that I have open by holding down the
| | 05:38 | Command+ Tilde key or Ctrl+Tilde key.
| | 05:41 | Here we have a document with two
tables in it, two similar tables, and this
| | 05:45 | document has been said to have
spreadsheet and Word document files linked to it.
| | 05:50 | In fact, we can see them sitting in
the Links panel here, so the preference
| | 05:53 | for that has been set.
| | 05:56 | The way that these tables have been
formatted is a little bit different.
| | 06:00 | In this top table we've done a couple of things.
| | 06:03 | Let's switch to the Type
tool by pressing the letter T.
| | 06:06 | First, we have the top row here which we
have made into a header row and we know
| | 06:12 | it's a header row because we have the
option to Convert to Body Row, so it's
| | 06:15 | already a header row.
| | 06:17 | We set the Row Height and Column Width
and we applied some paragraph styles.
| | 06:22 | So paragraph styles have
been applied in this top table.
| | 06:26 | But, all of the table formatting, the
alternating fills, the strokes, etcetera,
| | 06:31 | were done locally, there were
no table or cell styles applied.
| | 06:36 | Let's take a look at the Table and Cell
Styles panel, so under the Window menu,
| | 06:41 | we'll open Table Styles and you can see
there's no table style applied, nor are
| | 06:48 | there any cell styles applied.
| | 06:50 | There are only overrides to the style, None.
| | 06:53 | So, this table has local formatting.
| | 06:56 | The bottom table also has a header
row set, Convert to Body Row, so I know
| | 07:01 | that's a header row and not only that, this
entire table was formatted using a table style.
| | 07:09 | Let's take a quick look at that style.
| | 07:12 | I'm going to right-mouse click on
the Style Name, and we have some table
| | 07:15 | Formatting in here, alternating fills,
a border etcetera, and we've also
| | 07:20 | specified some special cell styles to
format the header rows, the body rows
| | 07:27 | and the left column.
| | 07:30 | If we take a look at a couple of the
cell styles, let's look at the Header
| | 07:34 | Style, for example, we have some cell
formatting such as the strokes and insets
| | 07:39 | and that sort of thing, but the
important part of this cell style is that we've
| | 07:43 | designated which paragraph style is
going to be applied when the table style is
| | 07:47 | applied or the cell style for that matter.
| | 07:49 | So, all of these cell styles
specify a particular paragraph style that
| | 07:54 | formats this table.
| | 07:55 | So, yes, it took a little
bit of extra time to set up.
| | 07:59 | But you'll see in a moment
that the effort is well worth it.
| | 08:02 | Now, the next thing we are going to do
is change these original Excel files and
| | 08:08 | so that they go out of date, and we
can see what happens to a formatted table
| | 08:12 | when it gets updated.
| | 08:13 | I am going to switch back to Excel
and let's open those files, they're very
| | 08:22 | similar, but they involve different
dates, and once again, we are going to
| | 08:27 | make America healthy and get rid of the Red
meat, go to Tofu, and how about a little Granola?
| | 08:34 | That's from 1980 to 1995 and I don't
even know if we had Granola in those
| | 08:39 | days, and we'll update the other
spreadsheet, we'll just do it the same way,
| | 08:45 | just so that you get an idea of the
fact that it's been modified and now I'm
| | 08:51 | going to save both of these files, let me
make sure that I saved the other one, and I did.
| | 08:58 | And now we'll go back to
InDesign and have a look.
| | 09:00 | In our InDesign document we can see
that both of these files have been
| | 09:04 | modified and we have the out of date icon, so
now it's time to update them and see what happens.
| | 09:10 | I am going to close my Table and
Cell Style panel, I don't really need it
| | 09:14 | anymore and I'm going to select one
file and then when I go to my Update
| | 09:20 | Link icon, I'm going to hold down the
Option or Alt keys, so that they are
| | 09:23 | all updated at once.
| | 09:25 | Now I get a dialog or a warning that tells me
really pretty much about what is going to go on.
| | 09:31 | That is, I am going to lose all of
my formatting, except for that applied
| | 09:36 | through cell styles or table styles.
| | 09:38 | Do I want to update the link?
| | 09:39 | Sure, let's go for it.
| | 09:42 | So, we have our updated table.
| | 09:45 | We are now eating Tofu and Granola
and lots of it I might add, but the
| | 09:50 | formatting is sort of there, but not completely.
| | 09:55 | What's happened here?
| | 09:56 | Well, if we look at his top table,
there are a couple of things.
| | 09:59 | One, I noticed that my
alternating fill pattern is wrong.
| | 10:03 | I actually had a tan row underneath the
green heading, and the reason for that
| | 10:08 | is that this top row has lost sense
of the fact that it's a header row.
| | 10:14 | If I right mouse click, I can see that
I can convert it back to a header row.
| | 10:18 | So I am going to switch that back.
| | 10:20 | So now my alternating fill pattern is correct.
| | 10:24 | I also have maintained other formatting
characteristics, the row height, column
| | 10:30 | width, strokes, etcetera, but a big
problem is all of my text styling is gone.
| | 10:35 | So, I would need to go through this
table and reapply all the paragraph styles.
| | 10:41 | Now, in this example it
might just take a minute.
| | 10:43 | But if I had a very extensive table, or
if I had a lot of tables in my document
| | 10:48 | that were being updated,
this would be a big hassle.
| | 10:51 | If we look at the table below where
we applied a table style, things look
| | 10:56 | a little bit better.
| | 10:57 | The only thing that I have to update here
is to reset this top row as a header row.
| | 11:04 | My fill pattern is off and this
doesn't have the correct formatting.
| | 11:09 | So I'm going to select it and right-
mouse-click and simply make it a header row
| | 11:14 | and the table is perfect.
| | 11:15 | So when we update links to tables
that have been styled with table and cell
| | 11:19 | styles, the one thing that gets lost is
that InDesign loses track of which row
| | 11:25 | is the header row, so we do
have to reset the header row.
| | 11:28 | But, other than that our work is done.
| | 11:30 | And if I had a choice between having
to reapply all of the paragraph styles
| | 11:35 | versus not, I'll take not.
| | 11:38 | And it makes it worth the time to
setup the table style to begin with.
| | 11:41 | As you can see you really don't have to
stress out so much when the information
| | 11:46 | in your InDesign table is updated.
| | 11:48 | By turning on the Linking option and
using table styles, you can stay cool, calm and collected.
| | Collapse this transcript |
| Using Cut and Paste to update table data| 00:00 | There any number of reasons you may need to
update the information in an InDesign table.
| | 00:04 | If the original table source was an
Excel or Word table document, you can link
| | 00:08 | to those documents and update them via
the Links panel which we discussed in
| | 00:12 | the previous video.
| | 00:14 | But sometimes the information you need
to update isn't in an Excel file or a
| | 00:18 | Word table document, maybe it came as an
e-mail attachment or from a website, or
| | 00:22 | maybe you don't really need to update an
entire table, you just need to change a
| | 00:26 | few rows or columns.
| | 00:28 | Fortunately there's a pretty good
alternative to linking files, turns out,
| | 00:32 | InDesign is pretty smart about letting
you cut and paste to tab delimited text
| | 00:36 | into a table, and actually in some ways
it's easier than updating a linked file,
| | 00:41 | in fact, if your table is not that large,
and if your workflow is such that you
| | 00:46 | can do it, I think this method is a bit better.
| | 00:49 | Here we have a table that needs to
be updated and the updates are in a
| | 00:52 | tab delimited file.
| | 00:54 | The first step is we are going to a
place that file on the pasteboard, so I'm
| | 00:58 | going to zoom out and switch from Preview to
Normal mode, so that we can see the pasteboard.
| | 01:05 | Using the File Place command I will
select the file and I'm going to just click
| | 01:10 | and drag and position it over on the pasteboard.
| | 01:13 | Let's zoom in and take a look at this.
| | 01:17 | Couple of things you need to keep in
mind is first the information in your
| | 01:21 | text file needs to be Tab Delimited,
Comma Delimited text won't work, but
| | 01:26 | that's not such a big deal.
| | 01:27 | If the information that you need to use
to update your table is comma delimited,
| | 01:32 | just place it on the pasteboard and
then use Find Change to find comma and
| | 01:37 | change to a tab character.
| | 01:39 | But it's got to be tab delimited.
| | 01:41 | And also you need to select the same
number of data fields that is the text in
| | 01:48 | between each tab character the number
of bits of information or the number of
| | 01:54 | tabs has to match the number of cells
that you're pasting into, or at least, if
| | 01:59 | you're trying to for example, replace an
entire row, things have to match up, if
| | 02:03 | there is a field missing it's
going to miss a line in your table.
| | 02:07 | So I am just going to replace all the
text in this table with the text from this
| | 02:12 | file and I'll have my blinking cursor
in the text so I will select all with
| | 02:16 | Command+A or Ctrl+A and we
will copy this into the clipboard.
| | 02:21 | I'm going to move over to the table and
by the way this table is formatted with
| | 02:28 | paragraph styles but it uses only local
formatting for the tables there are no
| | 02:33 | table or cell styles applied to it.
| | 02:35 | Now I'm going to click in the first
cell and select the text and then I'm going
| | 02:42 | to paste, I am going to use the
keyboard shortcut, Command+V or Ctrl+V not good
| | 02:47 | the dreaded overset symbol, but
that's okay, this is not the correct way to
| | 02:52 | paste information into a table.
| | 02:53 | I am going to undo that, Command+Z or Ctrl+Z.
| | 02:58 | The way to paste text into a table is to
select an entire cell, you can actually
| | 03:04 | just select the first cell in the range
of the text that you want to replace, as
| | 03:08 | I've been here by pressing the Escape key.
| | 03:10 | Now we will paste this text into the
table, Command+V or Ctrl+V and the text
| | 03:17 | comes in, the table formatting is there,
but all of my text formatting is lost.
| | 03:23 | Well, I could reapply paragraph styles
and what have you, but that's a lot of work.
| | 03:27 | There's actually a better way to do this.
| | 03:29 | I am going to undo this, Command+Z or
Ctrl+Z.And instead of using the paste
| | 03:35 | command, I'm going to use the wonderful,
Paste Without Formatting command, this
| | 03:42 | is a command you should really be aware
of when you're copying and pasting text
| | 03:46 | into your InDesign file
whether it's in tables are not.
| | 03:49 | If I use this command, all of the text
is replaced, we've gone from European
| | 03:54 | countries to Asian countries, and
because I pasted the text without taking any
| | 03:59 | formatting from the text that I am
pasting into this table, all the formatting
| | 04:04 | is there and guess what, I
am done, pretty nice huh?
| | 04:10 | And I didn't even have to
apply any Table or cell styles.
| | 04:14 | Now I can use Table or cell styles.
| | 04:16 | In fact, we are going to look at a few
more examples of how to cut and paste
| | 04:20 | text with a table that is styled.
| | 04:22 | I am going to turn to the next page
using Shift and Page Down, and this table is
| | 04:27 | just like the other one, but
it's been styled with a table style.
| | 04:30 | I'll select the text and let's
open our Table Styles panel and it's a
| | 04:38 | standard table style.
| | 04:39 | If we take a look at it, it has table
level formatting, but it also has some
| | 04:44 | cell styles designated here.
| | 04:46 | And if we look at the cell styles,
they have that very important attribute of
| | 04:52 | assigning a paragraph style to the table.
| | 04:55 | But as I say in this case we don't
really gain an advantage with our formatting
| | 04:59 | by applying a Style.
| | 05:01 | However, it's still a good practice,
because we can always use the style if the
| | 05:05 | need to apply it to a table with
different information in this document, right?
| | 05:09 | Now I already have the text
over here on the pasteboard.
| | 05:12 | It's the same text that we used before.
| | 05:14 | I will get this panel out of the way
and one thing that's really great about
| | 05:20 | copying or cutting and pasting text
into the table is you don't have to replace
| | 05:24 | the entire table, like you do
when you update a linked Excel file.
| | 05:28 | I am going to select just these last
two rows here and copy the text into the
| | 05:34 | clipboard, Command+C or Ctrl+C,
and I'll select just this first cell.
| | 05:40 | I know that this is the last two rows
of the table and instead of pasting.
| | 05:44 | I am going to Paste Without Formatting
the keyboard shortcut is Shift+Command+V
| | 05:49 | or Shift+Ctrl+V, so it just adds the
Shift key to the paste command you're
| | 05:53 | accustomed to, and there we go, those two rows
are updated and we are done. How about that?
| | 06:03 | That didn't hurt at all.
| | 06:04 | It turns out using just good old cut
and paste can really take a lot of the
| | 06:08 | sting out of updating table data.
| | 06:11 | And at the same time, it maintains
all the text and the table formatting. I like that.
| | Collapse this transcript |
|
|
6. Working with Images in TablesPlacing images in tables| 00:00 | Some people don't even realize that you
can place images in tables and a lot of
| | 00:05 | people have tried it and
just given up in frustration.
| | 00:07 | I want to show you a few things
that hopefully will make you a lot more
| | 00:10 | comfortable working with images in your tables.
| | 00:13 | It's really as easy as using the File
> Place command, but there are a few
| | 00:16 | things you need to know about
controlling the positioning of images in table
| | 00:20 | cells in order to use them successfully.
| | 00:22 | We're going to place some images
in the first column of this table.
| | 00:25 | So I'm going to switch from Preview to
Normal mode, and it's really as easy as
| | 00:31 | using the File > Place command.
| | 00:32 | I'm going to double-click in this
cell and you see I have a blinking cursor
| | 00:37 | there and then I'll go to the File
menu and Place, and from our Assets folder
| | 00:43 | I'm going to place this first image by
just double-clicking, and there it is.
| | 00:47 | That wasn't so painful.
| | 00:49 | Once the image is in the cell, if I click
on it I can see that it's an anchored object.
| | 00:53 | And one more thing I want to do
before we go any further is change the
| | 00:57 | Display Performance to High Quality
Display so we can see these images a
| | 01:00 | little more clearly.
| | 01:02 | Now, because this image is like an in-
line or anchored object, we can control a
| | 01:07 | few things about it.
| | 01:09 | For one thing I can center it in this
cell by using the Paragraph Alignment
| | 01:14 | Center commands, just
like I would if it was text.
| | 01:17 | So I'm going to switch to the Type tool,
and actually I'm going to want to do
| | 01:20 | that for all the cells in this column.
| | 01:23 | So I'll select them all and
click on the Align Center icon.
| | 01:27 | That looks pretty good.
| | 01:30 | Another thing that I can do with this
image once it's in this cell because I can
| | 01:33 | select it is I can scale it.
| | 01:35 | I'm going to hold down Shift+Command or
Shift+Ctrl and just grab the corner and
| | 01:40 | you'll notice that as I'm
resizing it that the row height changes.
| | 01:46 | That's because the row height is set to grow.
| | 01:48 | It's not a fixed height.
| | 01:50 | But I do want to make these rows a fixed
height because I want to make them all the same.
| | 01:54 | So I'm going to switch back to the
Type tool and select all these rows and
| | 01:59 | we're going to change the setting from At Least,
which is the growing setting for row height.
| | 02:04 | I'm going to change that to Exactly, and
I'd like to make all of these 8 picas high.
| | 02:10 | So there we go, except we
have a little problem here.
| | 02:16 | This little red circle is precisely
the reason that a lot of people try using
| | 02:21 | images in tables and
just give up in frustration.
| | 02:24 | Here, when we change to a fixed
height row-column height, we have over set.
| | 02:30 | And because this is an image I can't
really click to get in there, and that's
| | 02:35 | when people usually start grumbling
under their breath and give up, because
| | 02:39 | really the first question is,
how do you get into this cell?
| | 02:42 | Well, the way you get into this
cell is to use keyboard shortcuts.
| | 02:45 | Remember, pressing the Tab key moves
our cursor to next cell and pressing
| | 02:49 | Shift+Tab brings it to this previous cell.
| | 02:51 | So, I'm going to just hold down Shift+Tab,
and now I'm in that cell, and now I'm
| | 02:58 | going to hold down Option+Command or Alt
+Ctrl+B and open our Cell Options+Text
| | 03:04 | dialog, and there are few changes that
we need to make inherent that's going to
| | 03:09 | make it all good for us.
| | 03:11 | First of all, generally, when you're
working with images in table cells it's a
| | 03:14 | good idea to set the Cell Insets to 0.
| | 03:18 | So we're going to do that, and in
this case that alone fix this problem.
| | 03:24 | But what if it didn't fix our problem?
| | 03:26 | I'm going to make this image a little
bit larger still, so I'm holding down
| | 03:30 | Shift+Command or Ctrl.
| | 03:31 | I'm just going to scale
it up a bit. There we go.
| | 03:36 | So I want our problem back so
I can show you how to solve it.
| | 03:39 | I'll click in this cell to the right
and then Shift+Tab back to that cell and
| | 03:43 | there are two other
settings that we need to make.
| | 03:46 | The most important one is
to change the First Baseline.
| | 03:50 | It's because of this setting that
InDesign is pushing this image out of the cell
| | 03:55 | when we have a fixed row height.
| | 03:57 | So I'm going to change the Offset to Fixed.
| | 04:00 | And you can see right-away I can
already see the image because InDesign is
| | 04:04 | placing the baseline, which in this
case it seizes the bottom of the image at a
| | 04:09 | fixed height, in this case 0, from the
top of the cell, which is treating like
| | 04:15 | a little text frame.
| | 04:17 | The other change that I like to make
and then I think it's a good idea to do is
| | 04:20 | to change the alignment
from the top to the bottom.
| | 04:23 | And now I can see the image, and more
importantly I can get to it to resize it
| | 04:28 | and change it and modify in any way I
want to make it fit in that cell properly.
| | 04:33 | So I'm going to click OK and choose my
Selection tool and now I can hold down
| | 04:38 | Shift+Command or Ctrl and I can
just make this the correct size.
| | 04:42 | It's very easy to get to, and because
it's an in-line object, I can even raise
| | 04:47 | it a little bit if I want to.
| | 04:49 | So those three settings are really
important and because I know I'm going to put
| | 04:53 | images in these other cells, I'm going
to just go ahead and select the other
| | 04:57 | cells in this column and go back to my
Cell Options dialog using the keyboard
| | 05:01 | shortcuts Option+Command or Alt+Ctrl+B,
and we're going to change those three
| | 05:06 | settings for all the cells in this column.
| | 05:09 | So number one, I want to make the Cell Insets 0.
| | 05:13 | Number two, I'm going to make the
Vertical Justification aligned to the bottom.
| | 05:17 | That's not really what makes these
images accessible to us but the most
| | 05:22 | important setting of all is to set
this First Baseline to a Fixed Offset.
| | 05:27 | Now, that these cells have that
setting I can start placing images.
| | 05:30 | So Command or Ctrl+D and I'll bring in a
lovely Austrian timepiece here and so I
| | 05:37 | can select it and hold down Shift
+Command or Ctrl and resize it.
| | 05:41 | That didn't hurt one bit.
| | 05:42 | Go to the next cell, Command or Ctrl+D
and let's bring in a Grecian urn, and
| | 05:49 | that's a nice size graphic.
| | 05:51 | So I'm going to select it
and start scaling it down.
| | 05:55 | Now, with this image there's
one more thing I want to show you.
| | 05:59 | Let's say that what we want with this
image is not really the whole thing but we
| | 06:02 | really want to close-up
the main part of the base.
| | 06:06 | I need to get into this cell and I
can't really just click in it because the
| | 06:10 | image is in the way.
| | 06:11 | So I'm going to go to the cell to the
right and Shift+Tab to get in it and then
| | 06:15 | go back to our Cell Options > Text dialog.
| | 06:18 | And there's one more setting that is
important when we're working with images
| | 06:24 | and that is Clip Contents to Cell.
| | 06:26 | I'm going to turn that on and when we
use this setting InDesign will essentially
| | 06:31 | crop or mask any image
that's in a cell to that cell.
| | 06:36 | And so now, I can click on this image
and I can drag it down into position so
| | 06:43 | that the main bull of the vase is there.
| | 06:45 | I could even scale it up if I want to.
| | 06:48 | If I again select the image, I can use
the keyboard shortcuts for scaling an
| | 06:53 | image, Option+Command or Alt+Ctrl and
Period makes it larger, so we can really
| | 07:00 | scale up or maybe that's a little too
close in, so I can use Option+Command or
| | 07:06 | Alt+Ctrl and the Comma key to scale down.
| | 07:12 | Looking good and it's not hurting a bit
as I say, and we'll put one more image
| | 07:18 | in Command+D and let's put in
our little French plate. Wow!
| | 07:22 | Was that lucky or what?
| | 07:24 | It fit in perfectly.
| | 07:25 | Let's go for the whole run.
| | 07:27 | There is a piece of furniture
that we can again scale down.
| | 07:32 | I'm using the keyboard shortcuts and I
can just drag it up into position because
| | 07:36 | it's an anchored object.
| | 07:41 | So you can see that placing
images is not that difficult.
| | 07:45 | Our table looks pretty good and once we
know the settings we need to make in the
| | 07:49 | cells, it's pretty easy to do.
| | 07:51 | Thing is, you just need to remember, in
most situations you'll need to set that
| | 07:55 | First Baseline to Fixed and adjust the
Vertical Justification so that you can
| | 07:59 | control the positioning.
| | 08:01 | But using images and tables
opens up all kinds of possibilities.
| | 08:05 | Remember too that you can even turn
off all the row and column strokes in the
| | 08:09 | cell fills and use the table to
structure any kind of series where you have text
| | 08:14 | in an image like instructions
or steps of how to do things.
| | 08:20 | Tables don't always have to have
fills and strokes, so with images and the
| | 08:24 | flexibility that you really have
with tables plus their grid structure
| | 08:29 | underneath, well, the
possibilities are limitless.
| | Collapse this transcript |
| Using graphics frames in tables| 00:00 | We have seen in a previous video that
we can insert images directly into table
| | 00:03 | cells by using the File Place command
and making a few positioning adjustments.
| | 00:08 | But we can also place empty graphics
frames into table cells along with all
| | 00:12 | kinds of preset specifications.
| | 00:15 | And especially useful one being,
setting frame fitting options.
| | 00:19 | By assigning attributes to a graphics
frame and then inserting that frame into a
| | 00:24 | table cell first, we can speed up the
process of importing graphics quite a bit.
| | 00:29 | Let's take a look at that.
| | 00:30 | I'm going to switch from Preview to
Normal mode, and the first thing I want to
| | 00:35 | do is create a graphics frame that'll fit
inside these table cells in the first column.
| | 00:41 | I want to make that frame an exact measurement.
| | 00:44 | These sales are 8 picas by 8 picas.
| | 00:47 | So I want to make a graphics frame
that's just about one point smaller.
| | 00:51 | And the quickest way to make a graphics
frame of a particular size is to simply
| | 00:55 | click and then input the
measurements in the rectangle dialog here.
| | 01:01 | So I'm going to type in
7p11 by 7p11, and click OK.
| | 01:09 | Now I have a graphics frame that
is exactly the size that I want.
| | 01:13 | The next thing I am going to do is
apply some fitting options to this frame
| | 01:18 | before I start pasting it
into the column of the table.
| | 01:21 | So from the Object menu we go to
Fitting and Frame Fitting options.
| | 01:28 | I want to use in this case the option
to Fit Content Proportionally, I want the
| | 01:33 | entire image to fit inside this frame.
| | 01:35 | So I will choose that and I always like
to align my images from the center when
| | 01:41 | I'm putting them into graphics frames.
| | 01:44 | Now I can copy this into the Clipboard,
Command or Ctrl+C and then click and
| | 01:52 | paste, and I could go down and do it
for all of the cells in this column, but I
| | 01:57 | want to show you this kind of
crazy grep routine that does it for you
| | 02:02 | automatically, in case you have a large table
and you might not want to click in each cell.
| | 02:07 | I have this frame in the Clipboard, right?
| | 02:11 | So I'm going to select this column and
we will go to our Find/Change dialog.
| | 02:17 | And there's nothing in this cell but
there is this little Pound sign that's the
| | 02:23 | end of story marker, the little hatch
mark right here, you see it in each cell.
| | 02:29 | And I'm going to look for what's
called the end of story character.
| | 02:33 | Now it's not on this convenient
little special character menu here, but it
| | 02:39 | happens to be \Z, and I want to find
that end of story character which is
| | 02:44 | essentially a location and change
it to the contents of the Clipboard.
| | 02:53 | So once I've done that now let's do
our first Find and Change, Find Next >
| | 03:00 | Change, Find Next and Change.
| | 03:03 | One thing I found about this routine is
that you can't just do Change All and to
| | 03:08 | be honest with you I'm not sure why,
but it might be faster for you to just use
| | 03:14 | Find Next and Change.
| | 03:15 | Because I selected this column first
even though the search is restricted to the
| | 03:21 | story, which is the entire file I could
have restricted it to the selection, but
| | 03:26 | because I selected the column
the Find Next went down the column.
| | 03:31 | Okay, so there is a little grep
exercise and there are some great videos on
| | 03:35 | using grep in InDesign in the lynda.com Library.
| | 03:39 | I will close that dialog and then
let's scroll back up and take a look at
| | 03:45 | our graphics frames.
| | 03:46 | Now before I start placing images I
want to point out one thing about the cells
| | 03:51 | in this column that before we started
this exercise I set some things in this
| | 03:58 | column that are really important
for the positioning of these frames.
| | 04:02 | I'm going to go into this first frame
and as we talked about in the previous
| | 04:07 | video when you have a frame that's
being taken up by an image you can't just
| | 04:11 | click in there to get into it or to select it.
| | 04:14 | So we use instead of the Tab key to move to
the right we use Shift+Tab to move to the left.
| | 04:19 | So now I'm in that cell and we are
going to take a look at the positioning
| | 04:23 | settings for that cell, I've opened the
Cell Options dialog using the keyboard
| | 04:28 | shortcuts Option+Command or Alt+
Controlled+B. And we have set up a few things
| | 04:33 | here that are important to set up with images.
| | 04:37 | The Cell Insets are all set to 0.
| | 04:39 | It's a good idea anytime
you're working with images.
| | 04:42 | But the thing that's really important
is that this First Baseline be changed
| | 04:46 | from the default of ascend to a fixed height.
| | 04:49 | And that the Vertical
Justification is set to the Bottom.
| | 04:53 | What these settings are doing is, of
course removing any inset from this cell,
| | 04:58 | but this first baseline is bringing
the baseline or the bottom of this frame
| | 05:03 | down to the bottom of the cell, and
Vertical Justification brings that baseline
| | 05:09 | down, if the vertical justification was
at the top the frame goes in alliance to
| | 05:14 | the top of the cell.
| | 05:14 | So these settings were already put in
place and that's what made these frames
| | 05:20 | tuck into position so nicely.
| | 05:22 | Now that we have these frames in
position and they have the Fitting options set,
| | 05:27 | we can select all of our images, I am
going to hold down the Shift key and
| | 05:32 | select these five images from the Assets folder.
| | 05:35 | And click Open and now one,
two, three, four, five, done.
| | 05:44 | Let's change to High Quality Display and
go into Preview mode so that we can see
| | 05:52 | the formatting of the table a little
more clearly, and there you have it.
| | 05:58 | I might want to go in and adjust the
Scaling of some of these images, I will
| | 06:02 | just click on them and use the
keyboard shortcut for scaling graphics,
| | 06:05 | Option+Command or Alt+Ctrl and then
the Comma key reduces the scaling or the
| | 06:12 | Period key increases it so I can just
adjust some of these if they're tucked a
| | 06:17 | little bit too close to the edge of the cell.
| | 06:19 | One thing I would like to point out is
that we've put these images in what is
| | 06:24 | obviously a table, but you can use a
table structure and not have any row
| | 06:29 | strokes or fills and still
position images next to text.
| | 06:34 | I will show you what I mean just to
give you a rough idea of what I'm talking
| | 06:37 | about I am going to select this entire
table and from the Swatches panel I am
| | 06:42 | going to make sure that the Fill is active
and I'm going to make it filled with paper.
| | 06:48 | And when I do that it gets rid of all of
what made this look like a table structure.
| | 06:54 | Let's turn on our Table Controls here,
I can come in and say, well, I don't
| | 06:59 | really need the text up here anymore
and I can ingest the Insets here and move
| | 07:07 | that text over a little bit.
| | 07:09 | But I can do it all without
it being obviously a table.
| | 07:13 | It still makes it really easy to
adjust the text, the width of the columns in
| | 07:18 | the relationship of everything here, I
can come over to the right here and maybe
| | 07:22 | pull this out and change the spacing
here really more easily than I would if I
| | 07:28 | had the set up with tabs.
| | 07:31 | So tables don't have to have strokes
turned on or fills and when you use that or
| | 07:37 | think about it that way there's all
kinds of setup that you can do with text and
| | 07:42 | images next to it with that actually
uses a table, but it's not so obvious.
| | 07:46 | And if you are going to put images into
your table cells think about inserting
| | 07:50 | empty graphics frames first, this
will allow you to set all kinds of things
| | 07:54 | first especially fitting options
that will size your images for you
| | 07:57 | automatically as you place
the images inside each cell.
| | 08:01 | And I hope this gives you a good idea
and some ideas about how to use these
| | 08:06 | features for yourself.
| | Collapse this transcript |
|
|
7. Gettin' Fancy: Using Anchored Objects in TablesUsing shapes to change cell corners| 00:00 | Do you sometimes feel like you've run
out of design ideas for creating tables
| | 00:04 | that are interesting and maybe
a little out of the ordinary?
| | 00:07 | Well here's a little trick you can use
to create tables that are different and
| | 00:11 | that no one will believe or done an InDesign.
| | 00:13 | Here's a table where if we
look closely the cells don't have
| | 00:16 | rectangular corners.
| | 00:17 | At each intersecting point of row and
column strokes a small circle has been
| | 00:22 | added that changes the corner appearance.
| | 00:24 | Let's take a closer look
and see how this was done.
| | 00:27 | I'm going to switch from Preview
mode to Normal mode so we can see what's
| | 00:32 | going on and if we click on each of these
circles we will see that they are anchored objects.
| | 00:38 | But where are they anchored to?
| | 00:41 | Well the best way to find out where an
object is anchored to is to go to the
| | 00:45 | View menu and use Show Text Threads.
| | 00:49 | Now we normally use this feature to
see how text frames are threaded, but you
| | 00:53 | can use them with anchored objects
to see where an object is anchored to.
| | 00:57 | And here we can see that each of these
circles is anchored to the beginning of
| | 01:01 | the text in the cell to the right of it.
| | 01:03 | What's important here is that the
distance from the left side of the cell and
| | 01:08 | the top of the cell, the insets, are set
the same for all the cells in the table
| | 01:15 | that have a circle anchored to them.
| | 01:17 | So if I open up the Cell Options, you
can see that the Top Inset is 1p2, the
| | 01:23 | Left Inset happens to be the same
measure, but it's not so important that the
| | 01:28 | top and left are the same as each other
within a single cell, what's important
| | 01:32 | is that these insets are the
same in all of these cells.
| | 01:36 | So they all have the same
top and the same left inset.
| | 01:42 | By having the same inset that allows us
to anchor this object to essentially a
| | 01:47 | consistent location.
| | 01:49 | Now let's take a look at the Anchored
Object Options for one of these circles.
| | 01:54 | I'm going to go to the Object menu to
Anchored Object > Options and let me
| | 02:00 | translate this sometimes hard to read dialog.
| | 02:04 | The reference point is the circle and
the reference point in the circle is the
| | 02:08 | center which makes a lot of sense
because we're trying to line it up with the
| | 02:12 | intersection of the strokes.
| | 02:14 | The anchored position or the reference
point is to the left here but to the left
| | 02:21 | of the anchor marker.
| | 02:22 | Most of us that use Anchored Objects
are used to using them with the text frame
| | 02:27 | or maybe a column edge, but you can
anchor objects relative to the marker
| | 02:31 | itself, and that's what we've done here
and because of the distance from the top
| | 02:35 | and left is the same in all of the cells
the position of this circle will be the
| | 02:38 | same consistently throughout the table.
| | 02:40 | I am going to click OK.
| | 02:42 | Once we've established the anchored
position of our first circle it's a good
| | 02:47 | idea to create an object style of this.
| | 02:49 | I'm going to open the Object Styles panel
and we have our object style little circles.
| | 02:54 | Now this object style was really easy to make.
| | 02:57 | After we anchor the first circle we
just click on the New Style icon here and
| | 03:03 | just like we can define a style by
using formatted text or define a paragraph
| | 03:08 | style by using formatted text we can
do the same thing with an object style.
| | 03:11 | So it's really pretty straightforward,
the style picks up the color and most
| | 03:15 | importantly the anchor
position of this little circle.
| | 03:18 | Now let's start from scratch.
| | 03:21 | I'm going to turn to the next page and
here we have a table that doesn't have
| | 03:26 | little circles, but we
have a circle sitting here.
| | 03:28 | So the first step is to anchor
this circle in the first cell.
| | 03:33 | In CS4 and CS5 the way that we anchored
this circle is to click on it and before
| | 03:42 | I do anything else I'm
going to apply the object style.
| | 03:47 | What that'll do is make sure that when
I anchor it it's in the right position
| | 03:51 | already, so I don't have
to keep applying the style.
| | 03:54 | So that's one thing to keep in
mind that will speed things up.
| | 03:57 | In CS4 and CS5 we select the object and
cut or copy it into the Clipboard, I'm
| | 04:04 | just going to copy this and then we
position our text cursor at the anchor point
| | 04:08 | and paste, and here's our
circle in the correct location.
| | 04:13 | I am going to undo that, in CS5.5
we have this little anchor icon that
| | 04:19 | little blue icon on the object, and we can
just drag it over in front of the first cell.
| | 04:25 | Now when we do that the position that
the circle is in now acts as an override
| | 04:29 | on the object style, so I am going to
just clear that override, and now I have
| | 04:33 | the circle in the right place.
| | 04:35 | So regardless of which version you are
in or the exact method that you use, the
| | 04:39 | trick is here that we have the object
style already applied so the circles are
| | 04:43 | in the right position.
| | 04:44 | Next we want to copy the circle into
the Clipboard so that we can paste it into
| | 04:47 | the other cells in the
table. How do we do that?
| | 04:50 | Well, there's a couple of ways, one is
we can just click on the circle and copy
| | 04:55 | it and that'll put it in the Clipboard
along with its anchored object position
| | 04:59 | and then we can paste it.
| | 05:01 | But sometimes you can't select the
actual object itself and there is another
| | 05:07 | way to get to anchored objects and that's
to use our good old friend the Story Editor.
| | 05:11 | If we look in the Story Editor we will
see that there is a very clear icon here
| | 05:17 | for anchored objects, and I could just
go into Story Editor, select this anchor
| | 05:22 | and then copy it into my Clipboard,
and you can use that for any anchored
| | 05:25 | object not just in tables.
| | 05:27 | So one way or the other we want to copy this
into the Clipboard so that we can paste it.
| | 05:31 | Now this table is pretty small and it
wouldn't take long to paste this little
| | 05:35 | circle into all the cells, but if
you had a table that was very large it
| | 05:38 | could get really tedious and there is
actually a way we can speed this up tremendously.
| | 05:43 | We don't have to copy and
paste it into each cell one-by-one.
| | 05:45 | I am going to undo the
position of this first little circle.
| | 05:50 | It's copied into the Clipboard which
we've already done and its anchored
| | 05:54 | position is there, and we are going to
use a GREP Find/Change routine that will
| | 05:59 | put this into the table for us really quickly.
| | 06:01 | I am going to select the cells that
need to have the circle anchored into
| | 06:05 | them and we're going to go to the
Find command, Command or Ctrl+F, and we
| | 06:15 | have in here already a GREP Find/
Change routine that's going to position
| | 06:19 | these circles for us.
| | 06:21 | Let's take a look at what
this GREP code really stands for.
| | 06:24 | In the Find what field,
in fact I will delete that.
| | 06:28 | In the Find what field we want to go
to the location of the beginning of
| | 06:32 | paragraph because InDesign sees each
cell, and the text in each cell as the
| | 06:38 | start of a paragraph.
| | 06:40 | Then we want to find any character,
the first character that's in that
| | 06:45 | paragraph, in the Change to field, and
I'll delete that out, the first thing
| | 06:51 | that we want to put in is the contents
of the Clipboard, and then we want to put
| | 06:58 | in the character that we
found in the Find routine.
| | 07:03 | The other thing that's important here is
that we want to limit it to the selection.
| | 07:08 | Now my selection became undone, so
I'm going to reselect these cells.
| | 07:13 | Now this is switched to Story.
| | 07:14 | That's not what I want.
| | 07:15 | I want to limit this Find/
Change routine to the selection.
| | 07:20 | I am going to live dangerously here and
just click Change All, see what happens.
| | 07:24 | 16 replacements made, and boom, we are done.
| | 07:31 | Remember, we can also save this
Find/Change routine and then it'll be
| | 07:36 | available on our menu here.
| | 07:38 | I am going to switch back into
Preview mode and there we go.
| | 07:45 | This looks pretty good.
| | 07:47 | Hopefully this technique
will give you some inspiration.
| | 07:50 | Try this along with a little imagination
and some other shapes maybe rectangles,
| | 07:55 | diamonds or other ornaments and make
your tables look not only out of the
| | 07:59 | ordinary but very extraordinary.
| | Collapse this transcript |
| Creating infographics with tables| 00:00 | You know people sometimes give me a
funny look when I tell them how crazy I am
| | 00:03 | about InDesign's Table features.
| | 00:06 | One of the reasons is that once you
understand the basics of how InDesign
| | 00:10 | features work you can start to think
about them in a more pliable and flexible way.
| | 00:15 | I mean after all cells can be any size
especially when you start splitting and
| | 00:21 | merging them, you can get some
interesting patterns, cell strokes can be turned
| | 00:25 | off altogether or they can be made really huge.
| | 00:27 | And you can use any color in your
Swatches panel, gradients with some limitations.
| | 00:32 | And yet at the same time there's
always this beautiful underlying grid.
| | 00:36 | Throw in anchored objects and the
possibilities are literally endless.
| | 00:41 | Here's just one simple example, a flow
chart type diagram, that is in fact a
| | 00:47 | simple InDesign table.
| | 00:48 | I will show you how this was done, and
hopefully get you thinking about other
| | 00:54 | ways in which InDesign tables can
be used, maybe ways that you haven't
| | 00:57 | thought about before.
| | 00:58 | I'm going to turn to the next page
Shift+Page down and here I have the table
| | 01:03 | with some text formatting but
just the default table style applied.
| | 01:08 | First I am going to select all the rows
and make them a fixed height, so we'll
| | 01:13 | go from At Least to Exactly
up here in the Control panel.
| | 01:16 | And I am going to set the row
height to 4p8, 4 picas and 8 points.
| | 01:22 | We will change the vertical alignment
in the cells to centered, and again I
| | 01:28 | can just use the Control panel up here and
then we will go ahead and apply our colors.
| | 01:33 | I am going to click in the first
column and open the Swatches panel, the
| | 01:37 | first column is filled always want
to check and make sure that's what I'm
| | 01:41 | selecting, first column is purple, second one
is PANTONE color, and the third is 50% yellow.
| | 01:49 | Then next thing I am going to do is
turn off all of the row strokes, let's
| | 01:54 | right mouse click and go to our
Strokes and Fills dialog so we can see it a
| | 01:58 | little more clearly.
| | 01:59 | And remember, when you want to turn column
and row strokes off, set the Weight to 0.
| | 02:05 | Also if you're doing some kind of
totally customized pattern I think it's a good
| | 02:10 | idea to turn off all the
strokes completely first.
| | 02:14 | Now we'll go back and turn
on the strokes that we want.
| | 02:18 | I am going to select the table and go
back to our Strokes and Fill dialog and I
| | 02:24 | want to turn off all of the vertical
strokes, I am not going to have any
| | 02:27 | vertical strokes, but I am going to
have horizontal strokes and I am going to
| | 02:32 | set the weight to be pretty fat.
| | 02:34 | We are going to make an 18 point stroke
here and I want it to have the Color Paper.
| | 02:40 | Click OK, we don't your Swatches panel anymore.
| | 02:43 | So now we have these really thick
strokes that are going to give us room for the
| | 02:47 | little pointy parts of this arrow.
| | 02:51 | I'm going to switch from Preview to
Normal mode so we can see the cell edges a
| | 02:55 | little better and switch back to my
Type tool, and now I am going to make the
| | 03:01 | first column narrower and the second
and third columns I'll stretch out a bit,
| | 03:07 | they don't have to be
exactly the same width here.
| | 03:10 | Next I am going to adjust my Cell
Insets, I am going to click on the first
| | 03:13 | column and go to our Text Controls
and make sure that this little link is
| | 03:19 | unchecked, we will change this by just a little
bit I think 6 points will do it. That looks good.
| | 03:26 | Sometimes the Inset settings are on the
Control panel, but it really depends on
| | 03:29 | the size of your monitor and the resolution.
| | 03:32 | Next I am going to change the left
inset for the second and third column and
| | 03:38 | again we will go back to our Cell Options.
| | 03:41 | So I'm going to make room for that
arrow, I'm going to change these to 3p6,
| | 03:46 | 3 picas and 6 points.
| | 03:50 | That will make room for our arrow.
| | 03:52 | Now we're ready to put this arrow into position.
| | 03:56 | The arrow was originally drawn in
Illustrator, and we brought it into
| | 03:59 | InDesign and it also has an object
style applied to it that sets in the
| | 04:05 | anchored object positions.
| | 04:07 | I am going to anchor it and
we will take a look at that.
| | 04:10 | In CS4 or CS5, to anchor this we need
to cut or copy it into the Clipboard
| | 04:15 | and I'll copy this, and then position our
cursor where we want to anchor it and paste.
| | 04:22 | In CS5 we can just grab the
blue icon and drag it here.
| | 04:27 | So this is already positioned by virtue of
the object style that's been applied to it.
| | 04:33 | And let's take a look at the
anchored object options for this.
| | 04:36 | The anchored object is of course the
arrow and its reference point is the
| | 04:40 | right-center, so it's referencing here.
| | 04:44 | And it's referencing to where, to the
left side of the Anchor Marker, which
| | 04:49 | is here, and we have a fixed offsets
for that, the horizontal offset is just
| | 04:54 | 5 points, so there's only 5 points between
the anchor point and the tip of the arrow.
| | 05:00 | And then I left the vertical position
relative to the baseline so there is a
| | 05:03 | vertical offset of 4.5 points.
| | 05:07 | That vertical offset is
measured from here up to here.
| | 05:12 | So the reason that we anchor the arrow
in the cell over here, even though the
| | 05:17 | arrow is going to be part of this is that
we have a fixed distance from here to here.
| | 05:22 | The next thing I am going to do is
apply a color to this arrow, so I will open
| | 05:27 | my Swatches panel again, and because
this arrow is suppose to be part of the
| | 05:31 | cell in the first column I am
going to give it this purple color.
| | 05:34 | Now I can copy it into the Clipboard,
Command or Ctrl+C and then I'll click in
| | 05:40 | this cell and paste it and paste again.
| | 05:47 | Next we are going to copy this into the
next column, so I'll select it and click
| | 05:54 | here and paste it in and this
arrow is going to be made this color.
| | 05:59 | This way it looks like the
arrow is part of this cell here.
| | 06:03 | So I'll copy this into the Clipboard
again because now it's the correct color
| | 06:07 | and paste here and here.
| | 06:13 | Even at this point if we look at this
in Preview mode so that we can see the
| | 06:16 | formatting, it looks pretty good and
then kind of great that it's a table, huh.
| | 06:21 | Well, the last thing we are going to
do is make it match up to the example
| | 06:24 | that I showed you at the beginning
of the video where these arrows are
| | 06:27 | actually different lengths.
| | 06:29 | I am going to switch back to the Type
tool and select this column and change the
| | 06:35 | left inset here, we will make this 5 picas.
| | 06:39 | Notice that the arrows have
pulled away. That's okay.
| | 06:44 | Now we'll go into this column and I'm
going to make the left insets even larger
| | 06:48 | here, we will make those 7 picas.
| | 06:52 | And what this is going to help do is
give us the illusion that the lines that
| | 06:56 | are being drawn that are attached to
these arrows are different lengths.
| | 06:59 | Now there's one obvious problem here
that because the arrows are anchored from
| | 07:03 | here to here they moved forward
and that's pretty easy to fix.
| | 07:07 | I am going to do that with the Direct
Select tool to move this back line of the
| | 07:12 | arrow back to the left.
| | 07:14 | Notice that when I bring this cursor
close to that left line a little line icon
| | 07:19 | appears at the bottom of the cursor.
| | 07:21 | That tells me that if I mouse down now I am
going to be selecting that line in the arrow.
| | 07:26 | So I'm going to hold down the Shift key
to keep it straight and just pull that
| | 07:30 | back and click on this one, same thing,
pull that back a bit and here pull that
| | 07:37 | back as well, then we will do the
same for the arrows in this column.
| | 07:45 | Now this is in the wrong position and
that's simply because this column is a
| | 07:48 | little bit too narrow, so if I
just straighten that out, there we go.
| | 07:53 | Everything falls back into its correct
position and we can adjust that arrow as well.
| | 08:00 | So now because we've changed the width
of these columns and moved the insets
| | 08:05 | over we have room for what's
essentially longer arrows here that when
| | 08:09 | connected to the cell color here, make it look
like this consists of arrows of different lengths.
| | 08:16 | So the settings might be a little fussy
to set up here, but the nice thing about
| | 08:21 | this now is we have a flow diagram
that's all in one frame, we can move it
| | 08:26 | around and it all moves together, and it
can easily be edited in ways that would
| | 08:31 | be much more cumbersome to do with
trying to line up frames or tabs or some
| | 08:34 | other technique that we
might try to come up with.
| | 08:38 | So just remember, you can anchor any
kind of shape in a table, and you can
| | 08:42 | manipulate things like the row strokes
or other parts of the table to create all
| | 08:46 | kinds of table objects that
don't even look like tables.
| | 08:49 | Have some fun with it.
| | Collapse this transcript |
|
|
8. Tables That Don't Look Like TablesSimplifying complex text frames with tables| 00:00 | InDesign tables don't always have to
look like Excel spreadsheets and their
| | 00:04 | unique characteristics can be used to solve
layout problems that don't even look like tables.
| | 00:09 | Here is an example, this is a design
element used by a financial institution
| | 00:13 | throughout all of their collateral.
| | 00:15 | It appears in hundreds of places.
| | 00:17 | The thing is this large interest rate
number gets updated everyday constantly
| | 00:22 | and the designers have to do it.
| | 00:24 | Problem is if we look at how this was
built, and I will switch from Preview into
| | 00:28 | Normal mode, it is a veritable rat's
nest of frames and it's really hard to get
| | 00:33 | in here to select that frame that
has the interest rate number in it.
| | 00:38 | I am clicking, holding down the Command or
Ctrl key, trying to click into frames here.
| | 00:42 | Am I close, maybe that's it?
| | 00:45 | Well, finally got it.
| | 00:46 | Very frustrating and very time-consuming.
| | 00:49 | We can make this sort of thing very
easy to work with by using a table.
| | 00:54 | If we create is using a table, it
will look exactly like this but it'll be
| | 00:58 | really easy to edit, because that
interest rate number will be sitting in its
| | 01:02 | own nice neat little table cell.
| | 01:05 | The first thing we have to do if we
want to create a table, especially, when
| | 01:08 | it doesn't look like a table is figure out
how many rows and columns we are going to need,.
| | 01:12 | I created a little overlay layer to help
us visualize that a little more clearly.
| | 01:17 | I can see we are going to
need three rows and two columns.
| | 01:20 | We will need one row for the percentage
sign, another row for the APY text and a
| | 01:26 | third row for that little
text blurb at the bottom.
| | 01:28 | We will need two columns, one for the
interest rate number in the blurb and
| | 01:33 | another for the % sign in the APY text.
| | 01:36 | These dotted lines that you see here
represent where we are going to merge the cells.
| | 01:40 | So three rows and two columns, I'll
turn that overlay off now, we don't need
| | 01:45 | that anymore, and I have already created a
text frame where we can insert our table.
| | 01:49 | I am going to go the Table menu and
use the Insert Table command, and I need
| | 01:54 | three rows and two columns.
| | 01:56 | It's already set, click OK
and here's our basic table.
| | 02:02 | Now the first thing I am going to do
is select these two cells where that
| | 02:05 | interest rate number needs to go, and
I'm in a right mouse click and merge them.
| | 02:09 | Then I will select where the
blurb goes and merge those two cells.
| | 02:13 | Next, I need to make a
couple of formatting changes here.
| | 02:19 | In the Cell Text Options I
want to set all the Insets to 0.
| | 02:23 | We want all the text to be able to bud-
up right against the edge of each cell.
| | 02:27 | The next thing I am going to do is turn
off all of the Strokes, this is a stroke
| | 02:32 | less table and the way I do that of
course, is to set the Weight to 0.
| | 02:39 | Now I need to start changing the size
of some of these cells to make room for
| | 02:43 | the information we need to put in them.
| | 02:45 | I am going to drag this row down to
make room for that interest rate number
| | 02:50 | and move it over here.
| | 02:51 | I am going to type in just some
placeholder text for now and I have made some
| | 02:56 | character styles to apply the formatting, ah!
| | 02:59 | European style, let's make that a decimal.
| | 03:03 | Then in this cell goes our percentage
sign, and in fact, let me scroll over a
| | 03:09 | little bit so we can see our other
example there, underneath that the APY text,
| | 03:15 | and I have got character
styles for both of those.
| | 03:17 | Let's format the % sign.
| | 03:19 | There we go, wrong character style,
and I will select the APY text and apply
| | 03:29 | that character style and then I'm just
going to select this blurb and copy it
| | 03:34 | into the clipboard, and
then we'll paste that in here.
| | 03:37 | We are done with the character styles.
| | 03:40 | Now looking at this I can see the
spacing is definitely off, but it's
| | 03:44 | really easy to fix.
| | 03:46 | I'm going to bring the % sign and APY
text over closer to the interest rate
| | 03:49 | number by just pulling the site
of the interest rate cell over.
| | 03:53 | The interest rate and APY text are
too tight here, and again, I am going to
| | 03:56 | increase the spacing by just pulling
down the bottom of the cell, this text is
| | 04:01 | too far away, there we go,
little more tweaking there.
| | 04:06 | Now I will bring the edge of the table
in, just to tidy things up, doesn't get
| | 04:10 | any easier than that.
| | 04:11 | I mean all you have to do to change
the spacing is move the edge of the
| | 04:14 | cell around, fantastic!
| | 04:17 | Now we have this interest rate
number in its own little cell and it's
| | 04:21 | really-really easy to edit,
no frustration whatsoever.
| | 04:24 | The last thing we will do to format
our little element here is to put it in a
| | 04:29 | frame with a rounded corner.
| | 04:30 | Now tables don't have their own
built-in feature for rounded corners
| | 04:34 | unfortunately, but it's very
easy to create that kind of effect.
| | 04:38 | I have already drawn a frame with
rounded corners and we're going to basically
| | 04:42 | used the paste into command and
put the table inside this frame.
| | 04:45 | I will tighten up the text frame by
double-clicking on its corner and then
| | 04:49 | I'm going to cut the table into the
clipboard, Command+X or Ctrl+X I will
| | 04:54 | click on this frame and instead of
using the Paste command, Paste Into is the
| | 05:00 | command that we want here.
| | 05:01 | Now the table is inside this frame,
but I can move it around by just
| | 05:06 | grabbing the Content Grabber in CS5.
5 or in CS4, CS5, I can just use the
| | 05:12 | direct Select tool.
| | 05:13 | The table is still completely editable.
| | 05:16 | So as interest rates go up,
we can make the change quickly.
| | 05:19 | Finally, I'll bring our little
pumpkin into place and there we go, let's
| | 05:26 | setback our Preview mode.
| | 05:29 | So both these things look the same,
but there's one important difference,
| | 05:33 | the one on the right that we just created
is in a table and it's a really easy to edit.
| | 05:38 | That's the important difference.
| | 05:41 | If interest rates go up or down, we are there.
| | 05:44 | So this is just one example, but
anytime you have a grid where you have to go
| | 05:48 | in and edit the text a lot, think
about using a table for that, because by
| | 05:53 | putting text into individual cells, it
makes it really easy to get into those
| | 05:56 | cells and edit your text.
| | Collapse this transcript |
| Setting up images and captions with tables| 00:00 | One of the most fundamental
characteristics of a table is its underlying grid.
| | 00:05 | If you keep this in mind and at the same
time try to free yourself from thinking
| | 00:08 | table equal spreadsheet, there are all
kinds of layout challenges that can be
| | 00:13 | solved with tables, and they have
nothing to do with spreadsheets.
| | 00:15 | I would like to show you one example
where an InDesign table ended up being the
| | 00:20 | perfect solution for what would have
been an otherwise onerous layout challenge.
| | 00:25 | Can you find the table on this page?
| | 00:27 | Well, it's actually a series of images
and captions on the right-hand spread.
| | 00:32 | If we zoom in a little closer and I'm
holding down the Z key to get the zoom
| | 00:37 | tool, I'll tell you what
made this a bit challenging.
| | 00:40 | I am going to turn off the background
layer so we can see it a little more closely.
| | 00:44 | And I will switch from Preview to Normal view.
| | 00:48 | Now because this layout required that
the images were stacked on top of each
| | 00:53 | other, a table would have been a good
solution in any case, but what really came
| | 00:58 | in handy here was that all around
the edge of each photo, as well as the
| | 01:04 | caption, is a hairline stroke in table terms.
| | 01:09 | Let's zoom in even a little bit more.
| | 01:13 | There it is, if you think about trying
to line up all these images and captions
| | 01:18 | and then have borders on them it would
have been really hard to do with just
| | 01:22 | regular image and text frames.
| | 01:24 | And it turns out a table was a perfect solution.
| | 01:28 | Let's take a look at this table in more
detail and see exactly how this was done.
| | 01:31 | I am going to turn to the next page
and we will zoom back a little bit and
| | 01:37 | here's the table with the images out of it.
| | 01:40 | I will go into Preview mode for just
a moment and you can see the hairline
| | 01:45 | stroke or rule around each of the
image frames and where the caption falls.
| | 01:52 | Now this table doesn't look
anything like a spreadsheet.
| | 01:56 | I am going to switch to the Type tool by
pressing the letter T and take a look at it.
| | 02:00 | It is a one column table with six
row and they're all a fixed height.
| | 02:07 | If we look at the cell that holds the
images, we can see that it has the correct
| | 02:13 | settings to put images in to table cells.
| | 02:16 | That is, all of the Insets have been turned off.
| | 02:19 | The first-base line is set to fixed, and the
Vertical Justification aligns to the bottom.
| | 02:25 | That's going to position the image or
in this case the image frame that goes in
| | 02:29 | the cell, in a position
where we can actually see it.
| | 02:32 | The thing about the cell is that
we've checked on Clip Contents to Cell.
| | 02:39 |
| | 02:40 | Let's take a look at the images in their frames.
| | 02:43 | There are no fitting options here,
because each image was selected by the art
| | 02:47 | director and positioned in a
different way, so none of our preset fitting
| | 02:52 | options really worked for this.
| | 02:54 | Some of these images were scaled, they
were cropped, and each one is different
| | 02:59 | from the other, but they're
all sitting in an image frame.
| | 03:03 | Now before the table was created, the
image frames were actually put inside the
| | 03:07 | table frame here, then the images
were placed and positioned and scaled.
| | 03:12 | I am going to make the strokes on this
table a lot wider than they are in the
| | 03:16 | original design, so you can see a
little more clearly what's going on.
| | 03:19 | I will set all the strokes to be
pretty thick let's do three points.
| | 03:27 | So that's the basic structure of the
table with strokes around all the cells.
| | 03:32 | I will go back into Normal mode and
I'll just copy this image and then click in
| | 03:40 | the cell and paste it.
| | 03:43 | Same thing for this one, same thing here.
| | 03:55 | What made this a really nice solution
too for this layout is if the designer
| | 03:59 | needed to slightly change the width of
the column essentially it could be done
| | 04:06 | very easily and we don't have
to worry about the strokes here.
| | 04:09 | I'll select the type tool and you see
if we just wanted everything to be a
| | 04:14 | little bit wider, it could be, or a
little bit narrower, it could be, and
| | 04:22 | because the cell is set to Clip the
Contents to the Cell the image is still
| | 04:26 | cropped, and it's very close to
being in the correct position.
| | 04:30 | Now, if you see this is widened very
much, you may want to readjust the images,
| | 04:34 | but it's really easy to do.
| | 04:38 | This is amazing, there is no other
way you can could close to creating this
| | 04:44 | layout with this kind of
flexibility, unless you use a table.
| | 04:49 | Even if we turn off all the strokes on
this table, we still have a nice grid for
| | 04:54 | images and captions.
| | 04:55 | I am going to do that now.
| | 04:57 | Also I want to point out that when you
have an image in a cell and the contents
| | 05:02 | are clipped or even if they're not,
it's really hard to get your arrow to the
| | 05:06 | edge of the cell to select
it there. I finally got it.
| | 05:10 | But in this case I usually find myself just
going down to the cell where the caption is.
| | 05:18 | So we will turn off all the Strokes, I
am going to select the entire table let's
| | 05:23 | do that now, Option+Command+A
or Alt+Ctrl+A, try this again.
| | 05:29 | Now I have a proxy for the entire table,
and I turn the Strokes off of course by
| | 05:33 | setting the Weight to 0.
| | 05:35 | And you see even without the rule
around it, this is still a nice solution.
| | 05:39 | I will get rid of these extra images
so you can enjoy seeing the result here.
| | 05:46 | Now I'm not advocating that every
time you have an image with the caption
| | 05:49 | underneath that you use a table.
| | 05:51 | But there are definitely times when
it's something to consider even if you have
| | 05:55 | a grid or stack of images like this, it
can be a really nice solution, because
| | 05:59 | of course, this whole thing
moves around in one piece.
| | 06:03 | And if you thrown in an element like
putting a border around all of these images
| | 06:06 | and captions, a table frankly I think
is the only solution that you can use.
| | 06:11 | So I hope this example gets you
thinking about tables in a little bit different
| | 06:15 | way than maybe you did previously.
| | 06:18 | Think about their characteristics, the
fact that they create a grid that strokes
| | 06:23 | can be turned on or off, and in any part
of the grid and just enjoy using tables
| | 06:30 | to make your layout life a lot easier.
| | Collapse this transcript |
| Creating pull quotes and design objects using tables| 00:00 | One thing I hope you'll be able to
take away from this course besides of
| | 00:03 | course a real comfort level with using
tables, is that you'll be able to step
| | 00:07 | back and think about using InDesign's table
features for things that don't look like tables.
| | 00:12 | One of the most interesting features I
think is that you can set row height in a
| | 00:16 | way that it will grow or shrink
depending on how much text is in the cell.
| | 00:20 | I mean that's incredible.
| | 00:22 | No other frame does that.
| | 00:23 | That means you can use it for things
like we see on this page where we have
| | 00:27 | these blocks of text with a tint behind them.
| | 00:29 | Each one has a different amount of text.
| | 00:31 | Now, there are any number
of ways you could do this.
| | 00:34 | But, one of them is to use a table.
| | 00:36 | I'm going to zoom in a little bit, and
switch to the Type tool, and then I'll go
| | 00:42 | out of Preview Mode so you can see
a little bit more what's happening.
| | 00:46 | Each of these what looks like a text
frame is actually a one cell table.
| | 00:52 | I mean who said cell
tables have to be two cells?
| | 00:55 | So we have a one cell table where
the row height is set to Grow or Shrink
| | 01:01 | according to the amount of text that's within
it, and there's a gray tint in the background.
| | 01:06 | Because there's only one column in this table,
the column and the cell width are the same.
| | 01:11 | If we add text to one of these frames,
and I'm just going to copy a little bit
| | 01:15 | of text here, and paste it in, the cell grows.
| | 01:19 | If we delete text, it shrinks.
| | 01:23 | Again, there's no other frame
in InDesign that will do that.
| | 01:27 | The formatting for the
cell is part of a cell style.
| | 01:30 | We'll take a look at that.
| | 01:33 | So here we have a style called info_
box and if we take a look at that, we can
| | 01:39 | see that our Cell Insets are set, and
that's the amount that the text is pushing
| | 01:44 | away from the edge of the cell and
we have a tint in it. Beautiful!
| | 01:50 | Now, one other thing to note is that
these one cell tables are actually sitting
| | 01:55 | on a paragraph of their own and
that paragraph is set to Auto Leading.
| | 01:59 | That's important because Auto Leading
is kind of flexible, and will lead by the
| | 02:04 | amount of whatever the largest character
is in any given line, and in this case,
| | 02:08 | the object, the table is the largest character.
| | 02:11 | So that's why the leading is increasing and
decreasing as we change the size of the frame;
| | 02:17 | in this case, the cell.
| | 02:18 | We also have space before and after
applied to this paragraph return and so we
| | 02:23 | made it into a paragraph style.
| | 02:24 | So because of this unique
characteristic that table cells have, that they can
| | 02:28 | grow and shrink, we have a really
great solution to this particular layout.
| | 02:33 | I'm going to close the Cell Styles
panel, and let's look at another example.
| | 02:37 | I'm going to turn to the next page,
Shift+Page Down and zoom back a little bit.
| | 02:42 | Let's go back into Preview Mode, so you
can get a better look at what this page
| | 02:46 | looks like, and let's take a closer
look at this pull quote. This is a table.
| | 02:54 | I'm going to switch back to Normal View.
| | 02:58 | So this is a pull quote type object
that appears in every issue of this
| | 03:02 | magazine, in this particular section
of the magazine, and it always has these
| | 03:08 | parentheses at the top and bottom, and
it always has these titles Pros and Cons.
| | 03:14 | But, under Pros and Cons, the number of
items that are pros or cons may change
| | 03:19 | from issue to issue.
| | 03:20 | Instead of three pros, there might be four.
| | 03:22 | How about good food?
| | 03:25 | Now, you'll notice that when I added
that line of type, I didn't have to adjust
| | 03:30 | anything else in this pull quote, or
in this little sidebar if you will, and
| | 03:35 | that's because this also is a table.
| | 03:38 | Let's take a closer look.
| | 03:40 | I've made a copy of the table on the next page
in this file, and we can sort of take it apart.
| | 03:46 | So this is a table, if we look at the
Table Setup, that is six rows by one
| | 03:53 | column, and again, who said a
table has to be more than one column?
| | 03:57 | The first row contains this graphic
which is an outlined parentheses, this row
| | 04:05 | is on a fixed height.
| | 04:07 | But, this row and this row
are where the magic happens.
| | 04:12 | These rows are set to Grow, and that
means that if you add or subtract a line,
| | 04:19 | the entire layout module if you
will is going to move with it.
| | 04:23 | I mean, this is really a case if
you think about what the alternatives
| | 04:26 | are, they're not pretty.
| | 04:28 | If these were separate items in separate
frames, every time you had an edit here
| | 04:33 | or here, you'd have to move
this item up, or pull it down.
| | 04:37 | Here, everything stays in place.
| | 04:39 | The distance from the baseline of
this line to the baseline here is really
| | 04:45 | controlled not only by the
height of this row, but by the insets.
| | 04:48 | So everything is positioned perfectly.
| | 04:51 | Nothing else can do this sort of thing
like a table can, and if you sit back and
| | 04:55 | think about what tables can do, well,
you can start to understand why I'm so
| | 04:59 | crazy about the table features in InDesign.
| | 05:01 | Try going a little nuts yourself!
| | Collapse this transcript |
|
|
9. Exporting Tables to EPUB and HTMLComparing table styling for best export results| 00:00 | If you're working in InDesign today,
you're probably at least thinking about
| | 00:04 | delivery of your content in
either HTML or EPUB format.
| | 00:07 | InDesign is getting better at the
process of converting your print documents
| | 00:11 | to these digital formats, but it's not
perfect, and that's especially true with tables.
| | 00:16 | There are a few things you need to
know though that will help give you better
| | 00:18 | results, or at least fewer surprises.
| | 00:21 | If you're working in CS4 or CS5, the best
advice I can give you is to upgrade to version 5.5.
| | 00:27 | Almost all the new feature
improvements in 5.5 related to making HTML and
| | 00:31 | EPUB export better.
| | 00:33 | Also, if you're not aware already,
successful creation of HTML and EPUB Export
| | 00:38 | requires that you get to
know at least a little CSS.
| | 00:41 | CSS or Cascading Style Sheets basically
control the formatting of your HTML or EPUB.
| | 00:47 | In fact, an EPUB which is a file
format, is really just an HTML file and is
| | 00:52 | associated CSS that's wrapped as a zip file.
| | 00:55 | We're not going to get into CSS in this video.
| | 00:57 | If you need to learn about it, there
many excellent titles in the Online
| | 01:00 | Training Library you can take a look at.
| | 01:03 | In this file, I have an example of
some tables that were formatted in
| | 01:07 | some different ways.
| | 01:09 | The good news is that without doing
anything, if you have a table in your
| | 01:12 | InDesign document, you do get the table
structure in the Export, but you don't
| | 01:16 | get a lot of the formatting.
| | 01:18 | This first table has no formatting except
it has the default style Basic Table applied.
| | 01:26 | In fact, let's open our Table Styles
panel and you can see that it has Basic
| | 01:31 | Table applied with no overrides.
| | 01:33 | The second table in this file just has
Basic Table applied, but there are some
| | 01:38 | overrides and this is really where we've just
applied some formatting using the Cell options.
| | 01:43 | We've basically put some fill in
and applied some text formatting
| | 01:46 | using paragraph styles.
| | 01:48 | One thing you need to know about
exporting InDesign tables is that none of the
| | 01:52 | formatting you do via cell options
comes over in the export. That's right!
| | 01:56 | All these fills are going
to get lost in the export.
| | 01:59 | The only way that we can keep these
cell fills is if we choose to preserve the
| | 02:04 | local overrides, which is
really not a good practice.
| | 02:07 | On the next page, we have
a couple of more tables.
| | 02:11 | This table does have a table style
applied, aptly called green_table_style,
| | 02:16 | because if we take a look at the style,
we can see that these fills have been
| | 02:21 | applied by the cell styles
that are included down here.
| | 02:25 | One cell style for the header row and one for
the body row is what's giving us the fill here.
| | 02:30 | There is no alternating fill pattern
coming from the table level formatting itself.
| | 02:36 | The last table in this file has yet
another table style applied and it does
| | 02:41 | use alternating fills;
| | 02:43 | only the header row has its
fill applied by a cell style.
| | 02:46 | Let's take a look at what
happens when we export this file.
| | 02:50 | I'm going to go to the File menu, and
choose Export and we'll go to our desktop.
| | 02:55 | Now, I'm going to just export this file as HTML,
because the result will be the same for EPUB.
| | 03:01 | Remember, with EPUB, we'll basically get
a flavor of HTML, and the associated CSS.
| | 03:07 | And this will be a little quicker
for us to look at in our browser.
| | 03:09 | Let's call this no_overrides because
I'm going to export it without preserving
| | 03:16 | any of the local overrides.
| | 03:18 | We'll order it based on the page
layout, because all of this text is
| | 03:21 | threaded together and the tables are basically
in-line objects, so they're already anchored.
| | 03:26 | We don't need to do anything with images.
| | 03:29 | Under the Advanced Settings, we just
want to be sure that the CSS is included
| | 03:33 | and we're not going to
preserve any local overrides.
| | 03:37 | When I export this file, you can see that
the table did get exported, but not much else.
| | 03:42 | There's almost no formatting here.
| | 03:45 | This is the table where we used cell
formatting to apply fills and text formatting.
| | 03:51 | Some of the text formatting
came over, but none of the fills.
| | 03:54 | This third table was styled you may
recall with the green_table_style.
| | 03:59 | So it used the table style, but no
table level alternating fill patterns and we
| | 04:05 | got no fill patterns here or much else
of any other formatting for that matter.
| | 04:11 | The last table finally has a
little color and that is coming from the
| | 04:15 | alternating fill pattern that we
applied at the table level of formatting.
| | 04:19 | Even the header row that was filled was
filled by virtue of cell formatting, and
| | 04:25 | that doesn't come over either.
| | 04:27 | And also, you can see in every case,
none of the sizing of the cells or
| | 04:32 | table came over either.
| | 04:34 | Let's take a look at the code behind
what we're seeing in our browser here.
| | 04:37 | I'm going to take a look at this in
Dreamweaver, but there are all kinds of
| | 04:41 | programs out there that you
can use to view your code.
| | 04:43 | We'll choose File > Open, and go to
our Desktop and there is our file.
| | 04:48 | Now, on the right here, we have
what we basically view in the browser.
| | 04:53 | So that's what we just saw in Safari.
| | 04:55 | On the left, we have at the top our CSS rules.
| | 04:58 | We do have some rules for table, and
more importantly, I wanted to show you
| | 05:04 | that we have a separate CSS rule for each of
the table styles that we included in that file.
| | 05:10 | We have Basic-Table, green_table_
style and alt-fills table style.
| | 05:15 | That means we can get into these
rules and add additional formatting.
| | 05:19 | So that's a good thing.
| | 05:20 | If we scroll down and look at the code, we do
have a table structure that you can see here.
| | 05:29 | This is that second table that had the
Basic-Table style applied to it, and it
| | 05:33 | basically is using the same
CSS rule as the first table.
| | 05:36 | So it would be, well, it would be
a lot of work to make different CSS
| | 05:41 | styling for the second table from the first
table, because they both have the same style.
| | 05:45 | In every case, we have to set
the padding around the cells.
| | 05:49 | So we have the basic table structure
here, we have some CSS rules that we can
| | 05:54 | grab on to, and use, but
we don't have much else.
| | 05:57 | Let's take a quick look at exporting that
same file, and preserving local overrides.
| | 06:05 | So I'm going to go back to
the File, and we'll export.
| | 06:10 | This one we'll call just overrides,
because it's going to include overrides, and
| | 06:16 | we'll leave the same settings.
| | 06:18 | But here, I'm going to preserve local overrides.
| | 06:21 | What this is going to do is bring over
that formatting in that second table that
| | 06:26 | we applied with cell option formatting.
| | 06:29 | I suppose if you are exporting a
document that just has one or two tables in it
| | 06:32 | and you want to kind of force the
formatting in there, you could use these
| | 06:37 | local overrides, but it's really not a good
practice and your CSS person is not going to be happy.
| | 06:43 | But, there you have it!
| | 06:45 | So when it comes to exporting InDesign tables,
the results are maybe not what we would hope for.
| | 06:50 | But, applying table styles will help,
and anything you can do in InDesign to
| | 06:54 | improve the code on Export
is definitely worth doing.
| | Collapse this transcript |
| Converting tables to graphics for export| 00:00 | When you export your InDesign table to
HTML or EPUB the table structure will be
| | 00:04 | maintained, but not a whole a lot
of the formatting will come over.
| | 00:07 | You have to fix that in the CSS
code, if you know CSS that is.
| | 00:11 | Another way to export a table
is to convert it to an image.
| | 00:14 | Then it'll look exactly as it does in your
InDesign layout, complete with the formatting.
| | 00:18 | How well that will work though partly
depends on the size of your table, because
| | 00:23 | especially if you're exporting to
EPUB the size of the table is going to be
| | 00:26 | determined by the screen size of the
Reader and if the table resizes for smaller
| | 00:30 | screen or smaller browser window the
type can be scaled so much that you
| | 00:34 | actually can't read anymore.
| | 00:36 | And of course if you export your
table as an image it means it's not
| | 00:39 | searchable in any case.
| | 00:41 | But for some situations this is a
viable solution, especially if you're working
| | 00:44 | with smaller tables.
| | 00:45 | I'm going to show you two ways to do this.
| | 00:48 | The first method can be
done in CS4, CS5, or CS5.5.
| | 00:52 | The second way I'll show is CS5.5 only.
| | 00:55 | The first step to converting your table
to an image is to select it and remove
| | 00:59 | it from the main text flow.
| | 01:00 | You'll see my blinking cursors
to the right of the table here.
| | 01:03 | So I'm going to hold down the Shift
key and press the left-arrow key and
| | 01:07 | that selects the table.
| | 01:08 | Now I'm going to cut it out of the text
flow, Command+X or Ctrl+X, and then I'll
| | 01:13 | just scroll over a little bit and make
a text frame to paste the table into.
| | 01:17 | The next step is an important one.
| | 01:19 | I want to make sure that the text
frame is really snug against the table.
| | 01:22 | That's because the entire text frame
is going to be exported as an image so I
| | 01:25 | don't I want any extra white space around it.
| | 01:28 | Next with the table still selected I'm
going to go to my File > Export Options,
| | 01:34 | and the best format for export is really JPEG.
| | 01:37 | I'll save this to the desktop.
| | 01:40 | The thing we have in JPEG Export is
that we can export just the selection here.
| | 01:45 | We can also change other image
settings such as the resolution and so forth.
| | 01:49 | I'm just going to export this and now
we'll bring it back into our InDesign table.
| | 01:54 | I'm going to place that file and we will just
double-click and bring it out on the pasteboard.
| | 02:01 | I do have to anchor this back into my
text flow so that it'll be in the right
| | 02:05 | order, especially in CS4 and CS5.
| | 02:07 | So let's cut it to the clipboard,
Command+X or Ctrl+X and then I'll click back
| | 02:13 | in that paragraph where the
table was before and paste.
| | 02:16 | So now my layout looks exactly as it did
before it's just that the table is an image.
| | 02:21 | When you're using this method by the
way it's really important to keep your
| | 02:24 | original table so you have to do any
edits, you have the original table, and
| | 02:28 | then you can just re-export it
as a JPEG with your edits in it.
| | 02:32 | Now we're ready to export.
| | 02:33 | I'm going to use the keyboard shortcut
Comman+E or Ctrl+E, and this time we're
| | 02:38 | going to export as HTML.
| | 02:41 | I could export it as an EPUB, but HTML
is a little easier to see, and an EPUB
| | 02:45 | after all is really just a flavor of an
HTML file and the CSS in a zip rapper.
| | 02:51 | So let's click Save.
| | 02:53 | I want to export the document
and let's check the image settings.
| | 02:58 | One very important thing we want
to look at here is the image size.
| | 03:02 | We have a choice of the image being
exported in a Fixed size or Relative to the
| | 03:05 | Page, and Relative to the
Page is usually what we want.
| | 03:08 | When the pages resized or when it's
viewed in a different Reader we want the
| | 03:13 | table to scale with it.
| | 03:16 | Let's export this and see
what we have. There we go!
| | 03:19 | There is our table.
| | 03:20 | Formatting is all there, but it is
an image and you can see that it's the
| | 03:25 | browser window changes size the table
does as well, and if this window gets
| | 03:29 | really small you can see that the
table might become unreadable altogether.
| | 03:34 | If you're going to use this technique,
it might be a good idea to actually make
| | 03:37 | some of the type in your table bigger
than when you export it and if the table
| | 03:41 | scaled down it might be a
little bit easier to read.
| | 03:44 | The next method I want to show you for
converting your images is CS5.5 only.
| | 03:49 | I'm going to click and delete this JPEG
image we just put in here, and we still
| | 03:53 | need our original table as a separate object.
| | 03:56 | We need to take it out of the main text flow.
| | 03:58 | So it's already on the
pasteboard here, I'm going to select it.
| | 04:02 | And in CS5.5 we have this great Object
Export Options dialog, and under the tab
| | 04:10 | for EPUB and HTML we can choose
Custom Rasterization, which basically takes
| | 04:15 | whatever object we have
selected and converts it to an image.
| | 04:19 | In this case for us a JPEG.
| | 04:21 | Now when I close the dialog box the
last step is that I need to anchor this
| | 04:26 | table in the text flow.
| | 04:28 | In CS5.5 of course we need only
grab this little blue icon and drag it
| | 04:33 | right into position here.
| | 04:35 | Let's export this again.
| | 04:37 | I'm going to just right over
the file that was already there.
| | 04:41 | We'll check our Image Settings, make
sure we have relative to page and here we
| | 04:46 | go, and we have the exact same result.
| | 04:50 | So you can see in CS5.5 especially
it's pretty easy to convert your tables
| | 04:57 | to images for export.
| | 04:58 | If you're going to go this route
instead of tweaking the CSS code it's just one
| | 05:02 | more reason to upgrade.
| | Collapse this transcript |
|
|
ConclusionNext steps| 00:00 | Hey, thanks for watching our
InDesign Tables In Depth course.
| | 00:04 | I hope you've learned a lot of new
tricks that you'll be able to use every day
| | 00:07 | both to work with tables you already
have, but also to think a little more
| | 00:11 | creatively, how to use
InDesign's table features.
| | 00:14 | If you have more questions about how
to use styles check out Michael Murphy's
| | 00:18 | InDesign Styles in Depth.
| | 00:20 | If you're interested in more on EPUB
watch Anne-Marie Concepcion's series on
| | 00:25 | InDesign for EPUB, Kindle, and iPad.
| | 00:28 | But if you're just looking to get more
creative with InDesign I highly recommend
| | 00:32 | Mike Rankin's biweekly series InDesign
FX, and Anne-Marie and David Blatner's
| | 00:38 | biweekly series InDesign Secrets.
| | 00:40 | Both have the great little nuggets
of information that you can sprinkle
| | 00:43 | all through your work.
| | 00:44 | Well, again thanks for watching,
and I hope to see more of you here at lynda.com.
| | Collapse this transcript |
|
|
