Tables

 

Powering Up with Adobe InDesign CS6

 

Lesson Info

Tables

Going to use tables for a lot of different things, and we're going to start with just one that we would used him before, just information s so we're not going to think about tabular information, like, with money and stuff like that. I mean, we all have to do annual reports. Well, maybe a lot of people that are out there, they're photographers don't, but as a designer, we have to do things like that, but the great thing is, with tables, we can actually spice things up a little bit, make things looked really good, and we're also going to some other things, like, put images and tables and do some other fun things where we're not they don't really look like tables, but they are tables, and we're going to see that we can use tables to kind of put everything together in a nice little package. So it's going to make sense once we actually get some information in here, so there's a couple different ways to get tables into in design, one of them is that we can bring them in from somewhere else f...

rom, like, a word or excel file, or even an apple numbers file, although it's, a little iffy, sometimes would bring those in, but we'll work with the e word and excel files was going to go to my desktop to show you that I have to dock files to word files, one that says hikes and one that's the footer for hikes. And so this is our main hike, one that we have, and I'm going to bring it in, and when we work with tables, we work in a text frame, so just like everything else, we're going to use a text frame. We're gonna put it inside there, but the great thing is I can just bring in ah file from word, just like we did just a little while ago, but if I bring it and it's a table it's going to put it into a text frame for me, just like before, but now I have the standalone text from with the table in it, so I'm going to file a place just like every time we've placed anything. We used to place command, and I'm going to go out and find my tables file that I have here hikes dot doc again, I want to make sure my import options were turned on and I'm going to strip out all the styling, and he knows this is removed styles and formatting from text and tables and preserve those local of rights and then convert tables. Is already set up toe on formatted tables, you know, there's no option for beautifully formatted looks exactly the same kind of tables that's not in there so we can either unformed at tables or we can take all the tables and create tab text out of them. Well, we wanted tables, we're going to leave that, as is so when I bring in a table file or if this table was embedded inside a flow of text inward, we would have the text and then we'd have the table in the text would be there as well. So I'm just gonna bring that and I'm going to click and place it and it's pretty small to start with. So that's what we want, you know, made my text frame really big, but my table's small and that's because that's, all the information that was there. So the first thing I want to start playing with that we're going to make that bigger so we can actually see it. When we're working with tables, we used the type tool because it is just type, this is basically a paragraph of type actually, each line is basically a paragraph of type, and yet the tables also sort of act like in line graphic, so if I had this in the middle of text and I was using that cursor to go over the text it would jump over the table just like it did when we had an inline graphic so just keep that in mind it's sort of a hybrid all right? I'm going to use the type tool though to play with that the first thing I want to do is I want to grab this bottom line so as I roll over this bottom line, I get this double headed arrow and I'm going to zoom in just to show you that, but actually zoom out so we can see it. So I'm just rolling over that bottom line and I get that double headed arrow zoom back out because what I wanted to do is I want to pull that line down and when I do, all I'm doing is making that bottom sell really big that's not really very helpful gonna undo that instead of going to hold down the shift key when I do that and then I'm gonna pull and now what I'm doing is making all the cells taller so made them taller and I'm going to do the same thing on the right hand side still holding down the shift key and I'm gonna drag out right now I just wanted my table to be really big now the type isn't very big it's not very helpful yet, but right now I've changed how the actual paragraphs look inside this sad table one thing to be aware of if I used the selection tool and I grabbed the text frame tables are also weird in that they can hang out on the right side of a text frame and this happens a lot and when you bring it in sometimes if your text frames narrow and you've got a table that's really why it comes in and just throw it out to the right side that kind of annoys me the fact that it could do that it won't do it below it it will actually cut off and we'll get that over set text because I just chopped off the bottom rose and the rest of the rose there sitting here waiting to be placed somewhere else in a minute we're going to place a table that goes from frame to frame or jumps from page to page but what I can do with this is I can double click on this lower right hand corner I should let's pull this down first make sure it's large enough to accommodate it and double click on it and the frame the frame should do it it's not doing it for me again today is that it won't it should click into the size of that table so I generally either make it large enough or I do that trick and if that doesn't work we come up under the object menu and do fitting and I know we worked on this yesterday with images, but one of the choices of fit frame to content when I do that, it snaps into place not exactly neatly as I had hoped, but it can't do it at times I don't know I didn't do that, so anyway it snaps in, I like to do it so that I don't have this table hanging outside my text frame, no other text can do that, so it kind of wears me out a little. The next thing I want to do is I want to make some changes to the text itself so we can actually see what we have in here, so I'm just going to double click inside a frame, then I'm going to click and drag on clicking to the right and down and selecting all the cells that are in there, but I'm not actually dealing with cells yet right now, I just want to deal with the type that's in there, so think of this as different tabbed columns in a paragraph, and then when I go to the next row, it's like hitting return and having a whole new paragraph, so it kind of works with it in that same fashion paragraphs of reach road. Right now, I can see it's seven point type let's, not let's get something a little bit bigger should just even a little bit bigger just wouldn't kind of see what's going on there, so he's now I have some text in here that I can read, and if I turn on my preview, I can see that I don't even see any lines so that's one thing to think about the tables is that you don't have to have those divider lines, they're there, but you don't have to show them at all, so that's kind of nice, I could just have this nice, neatly lined up text that's in a table, but doesn't necessarily look like a table, so keep that in mind as you're working with it as well, and I'm actually gonna make this type ever so slightly smaller fits in a little bit better, and they were actually going to just zoom in a little bit, and the next thing I want to do is play with some of these the options that are in here, you know, it's all my text is sitting crammed to the left in the bottom of my frames, and I don't really want that I wanted to be sitting somewhere else now if I'm working with how the texts, its alignment wise left center to right that's a paragraph setting just like we've been doing the whole time so and come up here to the alignment and just tell it, it's centered that's going to center the text that way if I want to, but if I want to tell it where it sits in the frame or in the cell itself, I need to go into the actual cell options that air there so up under the table menu, and if you don't want to eat the table menu, you have some great table icons here from one of these people that these don't make much sense to me at all. I'm not sure why there's also a table panel and coming here types and tables and open the table panel again. A lot of little icons muslim don't make sense to me, so I don't use them, but feel free to if you want to. I use the table menu, and if I'm working with tables a lot, I have a keyboard, shortcuts said. That is just for table, so if you don't have and there's a lot of things that don't have any keyboard shortcut assigned to it, go into short cuts and assign those some of them, though, are ones that are used for other things, so I have a different keyboard shortcut that I used if I'm doing a lot of tables, I go and change my keyboard, shortcut to my tables set, and then a lot of keyboard shortcuts that are in there for someone who can't remember keep what targets at the time, I have two sets in my head that always that are always running right, so I'm gonna come into the under the table menu undersell options, and I'm going to choose the text, and I want to tell it some of the things that it could do with text, and we turn on my preview. Make sure my previous on and right now there's already a sell incense, which means on the top and bottom there's a small amount of space between the lines and where the text sits in itself. On the left, right, there was none. We noticed it was crammed off to the left hand side, but I want might want to come here and make sure that I have an eighth of an inch all the way around, if if I can actually do it let's, do it of an inch and you know if there's more of the top and that's because I'm telling it that it's actually sitting aligned to the bottom of the cell. But I might wanted to align the center in the cell right so this is how it sits top of bottom in the south so the alignment is in the paragraph settings but the alignment of the vertical lineman vertical justification is in the cell options instead all right so I just gave it a little bit of extra space around which means that as I hit return right if I make bigger type my cell has to grow to accommodate that type that's there and that extra spacing so now we have it it's looking a little bit better is looking a little more like we'd like it to look I can also come in here and roll over any of these strokes whether it's the rose strokes or the column strokes and make changes now where I held down the shift key to move everything if I come in here and move the shift key I'm moving just this particular line so I could make this one a little bit narrower which makes this one a little bit wider and if I just want to have this one out I don't hold down the shift key and it just takes the outside one so I get hold of the shift key make that a little bit smaller holding the shift key maybe make this one a little bit bigger a second play with the different sizes of the columns and the strong and the rose that way I can also if I wanted to I could come along here and get that downward arrow or a right facing a row on the left hand side and click and I select a whole row or a whole column and if I wanted to select multiple columns I would just hold down my mouse and move that over you can only select continuous columns and rose or cells can't select this cell here and this cell here without selecting everything in between I can however roll over if I just select the type I'm just affecting the type should I roll a little bit more? I've got the whole cell selected so I could do that and say just select these cells in the middle and do something to them maybe I changed the text maybe I'm changing the alignment whatever it is I'm doing I can also take cells and add them it's actually add an extra row at the bottom just made my my type from a little bit bigger and when I'm in a cell and I hit tab itjust tabs to the next cell and that's pretty pretty common in most uh tables and most tables and other programs I mean and if I hit tab again it actually creates a whole another road and so just created a whole nother row for me and that's great because what I want to do so I won't have space for that footer we have that footer information and I'd like that to go in there we're going to do that in just a second, but the first thing I want to do is I want to take a cell and selected and I can either lace a drag and selected, but sometimes it gets a little difficult to just select that cell and not the one next to it. So a keyboard trick is to put your cursor inside a cell and hit the escape key and it fills the whole cell and now we're working with cell and doing whatever so I can grab that cell and let's hit escape and I'm actually going to add another page here just so that I have some room so that's outside of that banner at the bottom, so your key strokes aren't hiding what it is I'm actually doing I can take that month under the table menu come into cell options I'm sorry not sell options I want to split that either horizontally vertically, so I have that one self selected aiken select that and now I've just split it vertically and I've added another cell all right, so I could take that or I can select multiple cells like another dragon or in this case I could have just clicked on the left hand side and I could take that table and I think I had emerged those cells so now I have one long sell at the bottom, and if you ever worried about how it's changing the the order the tab order of a table, sometimes when I select things and then I have a split a split, I've just split one frame vertically and horizontally, and I've got all these little cell frames I suddenly just hit tab and kind of get an idea of what the order is, because that's kind of how it's going to see it when you select a row or a tab? Like, for instance, in this case, if I select this column it's selecting the whole bottom frame because I've made it one big cell now, which starts in that first column and continues so it's going to be kind of strange at times, but I can select that I can do things like cholera cell if I want to, I can select the cell and let's, go back to the table options and sell options and the strokes and fills and it here I can tell it what color the phil color is. I could make that orange if you notice it's blue, right? I said, make it orange and it's blue well, the reason for that is it's always selecting it in the opposite color, so I'm actually going to give you a little tip on how to see it so that you can actually see it in the color while having it selected to go up under the window menu and choose a range and tile it will actually sorry. Arrange new window let's do a new window here I now have two windows here and it's actually get to the point where we can see that I know of two instances of that same exact window. So the nice thing is I could be selecting one let's actually select this cell that we wanted and come over here and go to the table menu and shoes sell options, strokes and fills. And when I changed that to an orange, I actually see it over here because it's two instances of the same exact document here's where it's selected but here's what it's showing me what it's going to look like so it's just showing me the same thing. I have two versions of the same document open. So that's what I do, what I'm working with tables I'm a selected over here, but I'm going have this one open so I can actually see what it looks like and keep in mind you can have different magnification on each of those so I might be really close on one so I could select it but I might have the other one zoomed out so I can see overall how it looks and that's for whenever you're working on anything but I find it really helpful on table lt's because I'm trying to do colors and alternating colors and when it's doing it in the opposite color, I can't quite get an idea of what my table even looks like, and so we're just looking at two different versions of it, and it doesn't affect anything at all. The other thing that I could do is I can instead coming here tio I could do some alternating table table cell I'm sorry alternating cell colors in a table if I want if I don't want to do it individually, right? I'm just doing individual cells I can also change the stroke and this is where it gets kind of confusing. I have this stroke and this kind of blue proxy telling me what I'm looking at well, I have one cell selected so it's basically telling me this is the cell and I could do a different color for each of those strokes. So right now, if they're blue, that tells me whatever I do to the stroke is what's going to happen to all four sides of that cell. So if I make this really big and I tell it it's a solid line, I just did all four sides but let's actually bring that back to just one point here and if I double click all those blue lines go away maybe I just want the top and bottom to be thick so I can click on each one and now they're blue and that tells me this is what I'm affecting the top and bottom of that selected cell, so if I make that bigger on ly, those lines get bigger that makes sense so it's kind of a proxy if I cancel out of them and I select four cells or six cells doesn't matter. I have nine cells, I guess coming here go back under the table menu under the cell options strokes and fills. Now I have more here basically this is telling me that those that I selected these air, the outside lines and these air any inside line so it doesn't matter if there's two or for whatever the whole table, those air the inside lines versus the outside lines of my selected cells, so to make that point let's actually make the phil color orange, we could see which ones were working with so I might say, I want the inside lines to be thick but not the outside lines. So what I'm going to do is I'll double click on the outside ones and they go away, so now I'm just affecting these inside line let's make those really big and make that a solid line right? Does that make sense? So you could make a table that didn't have any lines here but maybe these air think and we have just a orange square with these inside lines but I don't have to draw the lines individually and they're nicely drawn and there nicely miter together so it looks really good so I could look at that and say ok that's what that's going to look like great, you know? So maybe that's all that's maybe all I have I doesn't look like a table to me it just looks like an interesting chart, but it doesn't look like a table I just wondered why it is in blue and you know how you say it highlights in the opposite color it is there a benefit to that? Is that the reason it was designed that way? Okay, it's just kind of where those that's, how it's always been sort of thing but that I sing is I can open up another version so I can see it when I'm working in that I said come back over here to this particular version of it and yeah, so anyway I have the strokes and phil set up that way so it's those air little proxies of that if I don't want to do that let's undo that and I want to close this as soon as I closed this other instance of this document that was still there, it's you know, it wasn't like there was too actual instances, it was just two windows showing me that, but I can also take some things across for the whole entire table. So if I go here to the upper left hand corner, I get that diagonal line and I select the entire table and now I'm going to go into the table menu it's good to tables and table options table set up. We also can go into these alternating fills so you might want to have a different phil color on each each row. So this case let's say alternating pattern for the rose let's do every other road. So the first row is twenty percent black and the second one let's actually make it. We'll do orange, it will do forty percent of the orange writes well, say it, okay? And when we look at that, we now have alternating rows. The great thing about this, like I said, if we tell told that we didn't want any strokes whatsoever. So they come both under the table, options, strokes and fills and let's just tell it all the strokes that air selected. I wanted to be no cell or no strokes at all. I can turn off the return on the preview so I can see that I have this nice laid out piece, but it doesn't really look like a table. But the great thing is, if I come in here and decide I need another row right in here. I don't have to change these colored boxes back behind. Because it's, a table and it's built in there. So let's say I wanted another row. After this, I decided a whole new a bit of information came in. I could go under the table menu and do insert row let's come in here and insert a row and asked me where I want to put it. Let's do one below the current road that I have. So when I do that it's blank. But now I have that alternating color. Now I can put in the new information and have to worry about changing the background of anything. I use this all the time for things like catalogs, where you just have some information. You could have it so that this is all one sell or one column. One column, but many rose. You could put all your text that you need inside there and maybe have, like a class list is one that I do is just different classes that are offered. So you want to put another one and you're using that alternating rows? It automatically changes that color for you, so I put all sorts of stuff in a table that doesn't really look like a table at all all right, so let's actually play with a couple more table items that we might have, so I'm going to create a new page actually and one of the other ways to create a table that's all something that we brought in we had the information here's another instance that I use it for is you can't take text that you've created and that has tabs and returns and create a table from there, so I'm actually mean tell you the other thing you can insert a table that's easiest way take a text frame, say inserted table tell us how many rows and columns and heading for the rosewood change we're going to go back to that in just a second and it is ok let's do a four by four table boom there's your table ready to put information in, but the way I like to do it is to take we'll take that same tab thing we did before and hit return and then just do a b c d like that and that's just tab so I've got tabbed text so I can come in here under the table menu and convert that tech just a table by default assumes that you're calm separators or tabs and your row separators are paragraphs or returns, which is exactly what we did. And I just say, ok, and now that suddenly in a table, so this is really handy for doing things like forms that you have to fill out. This is how I do most forms or anything. I wantto line up really easily, and the reason for that is that if I could make a form and I just used lines of drawn with line toe put name line will address lying tool and the client doesn't like how far apart those lines are, and I suddenly needed to go from a quarter of an inch to a half inch. I have to move each thing down manually, it's in a table, I just move the cell down and make the cell go from a quarter of an inch to a half a niche so I might do something like that were says, you know, name? And then I might hit return and that's why we're gonna put the name and there's address and return and another return, and then we'll put city here. Then I hit tab state tab and sip, so when I do that and hit another return, select all that, I can convert that text to a table now I could do things like take thes and do that same merge cell so we're gonna come in here emerge of those cells and I'm going to merge visas well, I need emergent each individually otherwise it would make one big cell that is the height of both of those but I could be that's a name and maybe I'm going to come in here and tell it this cell actually has a black background and here's a quick way to throw color into the cells as well. I can come in here and just grab the color that I need and now it's a black background of course now you can't see the type to select the type and I could change the type toe white so now I have that ready to go so I'm on my way to create a form here you have to keep merging of course merging the cells emerging the would you be able to use your eye dropper anything that once you got the name calling the right way that it would just do it tio ok, sure so coming here do the same thing address great get that all in here it's merged those cells and who emerged this into one big one so that's, what happens if you select multiple rose emerges of all into one cell there and then I might play with this and go actually I need a little bit less room for the state little less room for the zip hoops and I did that wrong that should actually be done below here but I can continue I could I could slit select this and make this into I could split that vertically and have extra ones here is well I should have put tabs in there to get that that continuous line but I could do that as well and move that around and then I have a form ready to go and then when they say oh that's not enough room to write his shift select that bottom and suddenly I have more so it's a really easy way to do that I think I can do is I can select all of those open to the table menu under the cell options under rows and columns I could tell it how high or how wide I want that particular cell to be so I could tell it it's the least or exactly a certain space so let's make it exactly a half on inch maximum half a niche writes I tell it okay and now you know it's exactly a half inch high so that's some of the uses that I use for tables one of the other ones that I do we'll probably need to go on pretty soon we're gonna run out of time tables I told you they get their good they're excited. I want you to see all the cool things that you can do but I am going to type just the word let's just do the word workshop says something that I've done before and make a table out of that and make that a little bit wider and I could tell it that I wanted to be exactly two inches by two inches whatever select that tech all the text that's their center that up and in the cells I also want to center that text we just we've already done this center that there, maybe I make the text a little bit bigger. All right? So have that and then I can just tell it there's no strokes I could go on to tell it no strokes we're not going to do that, but I could also just grab colors and sorry grabbed for my swatches here and grab a swatch and drag it across and assign colors that way I don't have much in the way of swatches, unfortunately let's just do the paper one here actually really of paper, so I guess we'll just do those two for now, all right? So I could do that and if I didn't have strokes on that we'll look kind of cool as well, so it's just a quick way to use tables for that and the last thing I'll show you on tables is how to put images inside tables images are kind of tricky when it comes to tables now let's, go ahead and inserted table let's do it four by four I'm just going to make this kind of big here one of the things we want to make sure when we put an image in his, we want to make sure the image comes all the way to the edge of the table, and we have that inset remember we're working with that cell. We had this little bit of a inset around, we want to set that to zero because we wanted to come right to the edge, and the other thing we probably want to do is down here clip contents to sell, and what that does is keeps the picture from going out on the right hand side into the next cell, so it'll actually kind of hang out it's not really in the next challenge is overlaps the next cell, if you don't have that on right, so have that item here and then what I do when I place an image we do place has gotten grabbing image really quickly let's come in here and grab something we haven't seen in a while, a cornfield does everybody want to see a cornfield? How awesome is that and what I usually do when I place an image I try and place it pretty much close to size just because once we get in the table sometimes it's a little tricky moving it around and I'm going to copy that and delete it or I could cut it I put my cursor in the cell hair that we already fixed up and paste it pasted inside there and of course it looks a little weird to say that we're dwight border I'm gonna hold on my shift can just make this image a little bit bigger and more exciting so now I have that image sitting right inside that cell now what I do sometimes I'll have images that are maybe checkerboard id and I have no stroke turned on so it just looks like this checkerboard of images but the great thing is I could move them all together I can resize them all together and I also know that the corners are always butted up against each other really nice I'm perfectly so I put images in my tables all the time we go back to this last one here is first of that we started with and I want to tell it that I have a header here ahead a row so I'm going to select my first row and go up under table and I'm going to convert that road to ahead of roe now it's kind of special because now it doesn't even fit that same pattern with the alternating thing, so it knows it's something different it's not included in that alternating pattern I could do whatever I want to this maybe on this I would make these little bigger probably boulder, maybe a different font even but I make it look a little different and the reason I wanted to be a hetero is because by telling it it's a hetero, it will repeat no matter where I skipped this table too, so if I shorten this up, it will chop off a row it's not going to chop off in the middle of a row it's going to do a whole row and I click the out tech sport right here and I can put this on another page, but I'm going to put it on the same page so we can see it just put the rest of the story to flows the rest, the story but because that's a header row, it automatically duplicates it here. In fact, I can't do anything to this, you know I double click on it, I get a little opt icon, I can't make any changes to the hetero except in the very beginning, but any change I make to it let's make it a little bit bigger, it changes everywhere the other thing I can do is have that foot a row let's grab the rest of that text, put it on a new page and hopefully it all fit and flow in they're going to grab this bottom row and I'm going to go out and grab the text that's here this footers footer hike I'm going to place that right inside there so I put my cursor in the foot a row and do place and go back out to that text and we'll click on the foot or hike and it dropped it right inside here and maybe we'll make some changes to the size whatever make that a little bit bigger so you can see it but I need to tell it that's a foot a row and the reason I want that is I also want the footer to repeat on all the pages I may or may not I could just leave it at the end and not tell it it to put a row but if I converted to a foot a row now that's going to appear at the end of every occurrence of that particular the particular table whenever we see it across the board that makes sense so we can continue tables from one page to the other or whatever just different parts of the same the same document but by telling it's a heroin a foot, a road that means it repeat in every occurrence of that, otherwise, if we don't, we can just leave it there. And it's totally fine. But especially having the header is nice. I don't usually repeat my footer very often, but there's always a need for that.

Class Description

Go in-depth into Adobe InDesign CS6 with Erica Gamet! This class takes you from the basics, getting familiar with the Adobe workspace, color basics, and working with pages and layers, to advanced type, graphics and table manipulation and working with long documents! It goes all the way from creation through output, whether print or digital. This class is designed for those with a firm knowledge of page layout, such as those migrating from QuarkXPress, PageMaker, or Word, and those who want to get past the basics of InDesign. Though taught on version CS6, the core information also pertains to versions CS4 and up.


Software Used: Adobe InDesign CS6

Reviews