Working with InDesign Elements Part 1


Powering Up with Adobe InDesign CS6


Lesson Info

Working with InDesign Elements Part 1

We're going to go in and when you start talking about some design elements right now all we have is a nice blank page we haven't done much else we need to put some stuff actually on the page, someone start working with the different frames that we have. There are a lot of different frames to be had here in indesign click this so I have a double double column here and we're going to start with text frames, so everything in in design has to be in a frame. It's not like you've been working inward rages suddenly start typing and it's there, you have to create a frame first to put it in, and the nice thing is, when I place things in and design, it often creates a frame for me, but if I'm starting and going to enter whatever it is I'm doing, say text from indesign, I have to create the frame for me to put the text into so I want to start with that we'll choose the type tool and I love that it's a type tool, but it makes a text frame so typing text I may screw them up and, you know, use the w...

rong terminology from time to time it is the type tool to create text frames, so I want to select that frame or that tough tool and we come over to the page and I'm going to draw it out wherever I want this frame, so I'm just going to click and drag, and if you notice it's telling me in that little gray box in the lower right, it's telling me how wide and how high that frame is going to turn that off in a second, we show you how to do that, so I was going to drag it out to the size I need and let go. I may have wanted to actually I'm going to undo that. I may have one actually draw it to the size of my margin, so if I click near my margin, the upper left, we'll sort of snap into place by default, it set to snap to guides, and now I have a mark. I have a frame that since tire size of my margin, when I do that as well, I want to put in the middle so I could actually see it if you are not seeing the's outlines when you have nothing selected, I just selected the type to unclipped or the selection tool and clicked off. I can see the outline of my friend if you're not seeing that you need to go up under the view menu under extras and do hide or show frame inge's. So I hide them, I don't actually see it, but I want to be able to see them. Obviously, I want to see where my text frames are, so you don't see that, make sure you turn that on, and I want to go back to preferences again, and I want to choose I want to not see those transformation values that air there, so I need to come down here and under interface, choose show transformation, values, or d select that. So when I was drawing that frame, I didn't want to see the size, right? So that little gray box goes away. If you want that, go ahead and keep that on. I just find it sort of a distraction, all right? Someone draw on my text frame, and then I suddenly have a cursor, a blinking cursor, ready to put type in, we're actually going to that, yet we're just going toe fill it with placeholder text, but if I do just see this frame sitting here, I can't really tell what kind of frame that is. I can't tell what the content of that would be, so I can select the item, but they're dragging across it, or just clicking on one of the sides of it, and I can tell it's a text frame because it has a lot of squares on it right? We're going to see that we keep adding squares every version there's another colored square being added on here but what I can do what I can tell that's a text frame is the frames are the little boxes in the upper left and also down in the lower right as well. So I have this little box here and I have one down in the lower right zoom back out in that I have one down here what those are those those air text ports and it just means that the text if there's text flowing from somewhere else we can have what's called linked text frame so we're going to work those later I have text coming into the upper left and it will flow out to the lower right so that's how our text comes in and how it text leaves so by looking that I can tell that that's a text frame the other way I could tell what a frame is second up to the object menu and come down here to content and I can see that it's a text friend the great thing is in any time I could decide it's not a text frame and make it something else so I could just click graphic and now it's a graphic frame and it looks different those boxes are gone and there's an x so that's a look at what a graphic frame is, I've got to frame tools, I wish I'm gonna pull this off a little so we can see that about two different frame tools that are here, and if I click and hold, I have an ellipse tool and appalling on tool under each of those as well. So I have two different frames and they actually kind of worked pretty similar, but the first one is a graphics frame and it has that accident, and it basically says, ok, when I create a frame and there's a big accident, I'm going to put an image in there if I create this kinds is just a frame tool, just your shape tool, I could just drop that shape and it says, all right, she's not going to put a graphic in there, but the cool thing is that any time I could drop a graphic into a shape frame or it can never put a graphic into a graphics frame, minute doesn't matter so it's kind of nice that they're different, but they kind of do the same thing so here's, what I do, I have one set to rectangle and click and hold have one sent to an ellipse, so I always have the the exact shape I need ready, whether I need an ellipse oren rectangle but to draw from either one of them will choose the shape or the frame tool first I either click and drag so I can click and drag that shape out or I'm going to undo that I can hold on the option keir the bulky on a pc and drag and it draws the shape from the center outwards. So wherever I clicked first instead that being the outer handle it becomes the center of that shape sometimes you know where the center of your shape needs to be, you know my wanted right the center of your page or on a particular item and you draw it from that our words but hold on the shift key that constrains the proportion so I get a perfect square, a perfect circle. Whatever I'm drawing, I can also just grab the tool and click once on the page and I get a little box that asks me what exact size do you want that to be? Maybe I know I wanted to be four by four and I say ok and it's gonna draw it from where I clicked outward. If I clicked with the option key, so option, click and do the same thing that became the center of my object that make sense to everybody like a click and drag one visually or I could put in an actual amount you have questions if I wanted to enter in a specific parameter for how big that was going to be and I have my preface and preferences set two inches how would I said it or what would I use for pixels especially in the for a graphic for pixels you can actually come in here and just type in let's do don't almost do forty pixels px px epa so just two forty p x and they didn't recognize pixels until version c s six so if you're in an earlier version you have to use points petey which corresponds to pixels second you just put that just put in the px ok so one of the same thing with the lips tool exactly the same thing hold on the shift key to constrain proportions use your options actually hold on the shift key and not the cap locks hold on the shift key to constrain her proportions or hold on the option of the all key to draw from the center outwards and the shift key also the same sort of thing exactly the same way but again when I draw with the shape tool on the frame tool it looks like it says hey it's waiting for a graphic and then this one is not waiting for graphic it's just a frame I call it a frame for frame sake maybe just making a frame for some reason but any time we can change that the last one that's under those tools is the polygon tool the polling on tools pretty cool if I click and start dragging, it automatically drags out the last shape that I created some actually going toe close that and I wanted double click on the polygon tool and this is where they asked me, how many sides just my polygon have and a star in set if I'm making a star so let's make a five sided star and let's grab a star and sit and because we don't know what we're doing, we're just going to plug in a number and see what happens, right? Let's just put forty percent I'll say ok and they click and drag that's my starts not exactly what I wanted and we hold the shift key so I could see what looked like I wanted to be a little more pinched so I can go and make a couple of changes to it if I want but I haven't easier way to do that while I still have my mouse keep being held down if I click my space bar has pushed my space bar once now I can do something that I like with polygons I can add size ad sides to it and also play with the star pinch on the fly while I'm still holding down my mouse key headed by space bar first had to turn off this a new tool that's introduced and then I click my up and down arrow keys so I call us bring a friend shortcut because you need like three hands to do it it's great trying to see me do it on a laptop because my hands across the least with the mouse it's little easier less you're left handed then it will still be just as bad I'm going toe hit the up arrow key and it added another side to my shape so hold on the arrow key of course it's going to add a lot of sides I get a nice starburst and if I use the down arrow key gets rid of him if I use the right arrow key it changes the pinch there's that star inset I still play with that let's go back to our five sided star and I'm gonna play with the pinch until it looks like I wanted to now it's going in increments if I want to be more specific I need to go back to that value box and figure it out but I think that looks pretty good gonna hold down the shift key to make it proportionate and I'm gonna let go so that's how we make a polygon right so and if we don't know exactly how many sides we just know it's a starburst it has a lot of sides I could go ahead and do that so I like the polygon tool but you have to remember to hit the space bar and I'll show you why later because there's an actual really cool tool that's in there and the space bar turns that off so well look at that later them got to leave a little something for later all right? So let's go ahead and work with some guides a cz well before we start putting more stuff on the page so guys are a great way to line things up we've already got a couple guides here we've got our margin guides and are believed guide but sometimes we just want to have everything lined up all in once place maybe what we don't want anything to come above one inch all right? So we're going to just put a guide there I just grabbed from the ruler and dragged it down right? So let's put one also it two and a quarter inches so when I have it selected it's a little darker blue hopefully can see that on the monitors there and if I if if it's not selected it's this light sayin color but aiken select them as it would any other object I can individually select him I can shift slept to multiple select items or I could drag across so I can work with them once I have them selected I could do things like move them up and down I can also see exactly where on the page that sits so I've got my my y axis, which is my up and down taxes, you know, there's nothing for the x axis, which is the left and right because guides are sort of infinite, so obviously moving the guides rightto left wouldn't do any good because you won't see any difference, right? So I'm going to actually get none of that so a guide I might put on the page just tow line something up to so when I am creating a an object here and I go to move that object well, I move that up it's snapping into place right? So it's just a easy way to line things up and I like to call these dumb guides because in a minute we're going to look at something. They introduced a few versions back called smart guides, but I like guides still, even though they're dumb, they just kind of sit there and they lock things into place but to make them you like said if either drag out or if I want to delete one I can select one and just hit delete their like any other object I could do that but a quicker way to draw those guides is to come up to the ruler and just double click so I double click on foreign knows his shot one right out from here all right, so I just shot it out from there just double click I don't know why drew so many in this case but it did was double click that it's very odd excuse me it's making really weird ones I'm not sure why it's picking really fat rulers but it is s o anyway I could come over and just double click but what happens is when I double clicked on that if I look at this ruler I could done six it's really close to six but it's not exactly six inches so I can sit there and go ok let's let's click on the x to the left to select it all and hit six and return and moved it exactly right but there was a lot of work so the other thing I could do if I want something exactly at one inch get really close to it on the ruler and hold the shift key down and double click and now that ruler is exactly at that one inch mark if you need a more exact measurement you would simply zoom in so again command space bar zooms in I'm just going to drag across to zoom in and now I have more tick marks so I could be more accurate with my with my ruler shooting I don't know why these air really thick but anyway there you go that makes sense putting rulers on there so there's a putting some ruler guys out there I can select across all of them and select everything and hit delete if I have an object on the paid what's going to put our star back on the page and I drag across is it on lease elects the object because it doesn't let you select an object and a ruler at the same time it would kind of defeat the purpose if you moved everything on the one so purpose is to get things lined up, so if I want to select all the guides I can either drag across here and drag across them holding down my shift key to select multiple items and not hit that object at all. I also conflict all guides on the page with a keyboard shortcut command option shift g I believe let's do that command I'm sorry it's command option g or control algae on a pc and then select all the guides and hit delete as well so I don't have to try and drag across him. Those are dumb guides, they just kind of sit there let's look at smart guides, I'm actually going toe go back to my rectangle tool and I'm just going to draw a guide out and I'm sorry a frame and then I'm going to draw another one out and I wanted to be the same height the same with so much start drawing and when I get to the same height, you know they get these little arrows on the right hand side little green arrows and it says they're the same height as I draw out will eventually tell me when I hit the same with and depending on how much caffeine you've had will be whether or not they actually show up so I was trying to get him exactly right is a little difficult let's see if we get it just right again I had it before there we go now I know it's the same heightened with now in the case of this frame I might have just copied and pasted then I know that I have exactly the same shape that's there but sometimes you already have some stuff done to you already got an image in there you want to create another frame that's exactly the same way you don't have to have the image and delete them and she just wanted to look exactly the same. So that's what smart guides is and it's on light of fault if you don't see it, you can turn it on and to do that usually what I do is use a contextual menu so I right click or control click on something and because guides have to our page wide thing, I make sure nothing selected and I'll hold down the control key or the or the right clicky and coming here to grids and guides until it's smart guides and turn it on should be on by default. But if it's not turned up and then that way I have that and if I create another one, I'm going actually copy and paste this so you know it's exactly the same height, but I want to do is I want to move it down here and I wanted to be the same distance as the other two units. When I get really close, it suddenly is showing me that the distance between the two of them are exactly the same. So I want that I come down here and make sure everything's lined up a cz well, all right, so I'm just going to line that up, and now I know that those were the same distance apart so that's, what the smart guides are and in the preferences we're gonna go back to preferences on a mac it's under indesign preferences on a pc it's under edit preferences, and I'm going to come down to grids and guides sorry, guides and baseboards and I'm gonna come down to smart guides options and by default, everything's turned on its telling me when you're at the objects center in the object edges, so is tell me what to objects there near each other when they're lined up to the other ones center or edges and the smart dimensions and smart spacing is what we just saw. What the green arrow's it shows me when it's the same heightened with and it shows me when it's the same distance apart so I can turn those on a swell. All right, so I can turn off individual things if I don't want to see that one of the things that it shows me that can get a little annoying when I get to the center of a page and get this big magenta line that comes down it's kind of nice, if, you know you want a line, something up in the center of your page. Now I know it's lined up like that, but that could get kind of annoying as you're moving things along and these lines keep showing up the green lines, show up the magenta line, show up so you can turn off those if they get kind of annoying. So they're smart guys, I really like smart guides because I could just throw things on the page is something I've always told people not to do is just eyeball everything. And now smart guys, let's go eyeball everything that's on there so all right, let's, look at modifying some of these shapes that air here. I was going to create the same shape graphics frame, it saying, hey, I'm going to put a graphic in here and again, I can always check that later under the object menu under content graphic, all right? But I'm just gonna play with this, and I just want to manipulate it a little bit amusing the selection tool, because when I do that, I'm working with the container, so this is a container it's just empty at the moment, so I want to bring that in and I can modify where that sits by grabbing it, I could grab it in the center if I have the frame tool I often can't grab in the center because there's nothing really to grab it's sort of like a frame that's empty. I like to think of this one is more like a mat. You're going to put a photo and you've got the mat it's cut out there's, a kind of foreign there's, the back side of it there's no photo in there yet, so I'm actually grabbing the mat and moving that's that's kind of how I a picture that seem grab it anywhere you want. We can also modify it by grabbing one of the handles and changing the shape pretty pretty standard if you hold down the option here, they all key it actually draws in from both directions. Same thing. If I grab the side handle holding down the option of the all k it draws from both directions, I grabbed the corner and pull out. It does just like we do. We're drawing it, draws it from the center outwards or changes it from the center outward. In this case. Also, when I get really close to a handle, you notice I get this little curved icon that's, their little curved with double headed arrow that knows that it's ready to rotate. So when I get close to the corner and I just click, I could also rotate my angle that way, my adam that way. And if you notice up here it's changing the id the angle for me, I can always type in the angle in that box is well, if I know the exact angle I wanted to be, I also have something called the transformed panel, which any time we're making any of these changes, if we know numerically what we want, we can put that in the transformed panelas. Well, that's one of those things that I usually tell people I send people to the help menu and say, look, read all about all the different transformation stuff that we can do in there but again, if we're working numerically, we can work with it here or we could do it visually on the page. So we're going to just cover the visually stuff today I second grab that and rotate that or put an angle here. If I want to say we know it's fifty five degrees, right? That's how we rotate the objects that are there and the last thing I do before we go to questions is talk about stacking order, grab all this and hit delete when I put stuff on the page it's stacking it and specific order. So I put something on the page. The next thing I put on the pages on top of that object, and I keep stacking that way and that's kind of important. When you start having objects that are overlapping each other, you want to create a specific look. It needs to know what order it was it was laid out in, and it also for some more advanced topics. When things are being exported, you're saying export this as something you can export individual objects. It does it in order of stacking as well, and some of the other, like advanced topics with, like numbering. Automatic numbering it knows what order you put something in on the page. So that's something to be thinking of all the time is when you put it in order, how it affects the other objects on the page. So what we do is I'm going to give us just nice big orange square. We're going talk about color and just a little while, so don't worry, really how I did that, I just want to create a couple objects on the page and give them each a separate color so we can actually work with the stacking order and see how that color is being affected. So I'm going to grab a color if you notice when I drew that second one it's on top of the one that was behind it and I'm gonna do that star that we have here is well, and we'll just give that a color, so we have everything on top of it. So as I drew each thing, it always gets laid on top of the item that's below it. So was we talk about layers? I think tomorrow or maybe later she gave everything. Tomorrow we're going to talk about how we have a stacking order, and I want to start stacking pages on top of each other as well or layers of a page. So always be thinking about how things were laid out on the page, but one of things I want to show you what the stacking order, if I were to take this item, must make this star really big, and it kind of blocks everything that's back behind. All right? I want to get to that circle that's back behind, but I can't because it's in the star is in the way, so I can either just click on that item on the star and I can range where that sits, soak up under the object menu under a range, and I can tell it either send it backwards, which will send it one layer backwards or consent it all the way to the back. So it's a nice way to move things around and grab things without having to actually move things out of your way, because maybe they're sitting exactly where you need them to be, so I can actually get to them by just saying let's, send this backwards so it sends it back one layer I'm gonna undo that, bring it back to the front, I think I could do is send that all the way to the back so it goes completely behind everything, I'm also going to undo that. So we can play with it that's the stacking order, but sometimes I just want to grab something that's down below. I don't want to rearrange the order. I like the order, but I'd really like that orange or that I'm circle the magenta circle to just kind of pick out a little bit from behind the star. So I click and of course, the thing I hit is the thing that's, right in the way the star but I could hold down the command key and click, and it grabs the next item in the stacking order so I can tell it's the circle, because at least I made him different color, so I can see that that is the circle. And I know it's kind of sitting back here so I could do something to that. I could either bring that to the front using the object of rain, which menu or I could just go and move it that's all I really wanted to do if I can grab the handle great, move it, but sometimes if you grab from here, you'll accidentally and a pitting the star, so I often even though it's a little slow and painful, sometimes I might just used my arrow keys. Just wait for it to show up, right? So I might do that or I could go up into the upper left hand corner and actually type in the value of where it sits, but I'm doing it all visually someone's going to move this over until I get it exactly where I want it that's a way to drill down through the stacking order so again click on that item hold the command can click and we'll hit the next item by click again it will hit the next item so if you have a ton of things piled on top of each other and that happens sometimes when you have text frames they've just they're a little bigger than they need to be and you're trying to get something you keep hitting that stupid text frame drilled down and you'll hit the thing you're actually trying to hit that's down below it make sense to anybody that's the stacking word of how we put things on the page and that that will come in handy as you're laying things out, it will save you a lot of time to actually know to drill down through the items and how the stacking order works any questions on any of that elements the frames or items guides before we take our break, we'll do a couple questions that they're raising their hands they have questions let's let's get some questions we got something from denver all right? Guru asks can the guide snap into place in the guide step into place they can step to an object if you have an actual object I'll delete these objects here you have this object and he pulled down a guide and roll over the handle you can snap it to the item so some majority of the items and you realize I should have put a guide and theirs to snap other items too so you can snap them into place but they don't just snap into place on the page there's nothing for them to snap to. Ok. Uh, selling arts is wondering if there is a way to set a guide at an exact position by typing a number in yes and you dragged one out to start with and then you would go pear if you knew you wanted this to be at a specific amount we would just come in here and maybe it's quarter of an inch so just type in the amount and hit return or tampa but you need to draw it out first. Uh one more quick one sure. Can you insert content into the lips or polygon shapes? I know you said you did colors but is there any other yes we conflict type in there and we'll do that in just a little while what we comfort the shapes yep absolutely ok, good yeah, I think we're good then. Ok, cool that's it all right? Actually then let me show that we'll just do that now since I have that if that's all right, I will take this and let's actually let's do something fun like that star it's not the super pretty because trying to type on a star is always fun, but at any moment I can convert that we looked at how to see what the content wass I'd come up to the object menu and see content and say, oh, it's a it's a graphic right now, but let's actually make it a text from when I do that I can see the little text from little in and out is here and here, and I can actually put text in there, so we used that keyboard shortcut we came up for placeholder text, and that was to someone's going to have to and it filled with placeholder text like so it's not exactly pretty because you're trying to cram in a star, but you can actually do it. And when I turned the preview on, I can actually see what we don't want let's not make a stroke will do that, so I just have the text sitting there in the star shaped like that, and I'll actually I'll talk about that placeholder text right now and one of the the defaults that I normally said is my default type, so I'm going to close my document that I'm going to set type, because right now, it's going to be probably minion pro used to be times new roman was the default font for in design, and I never used times new roman and I used many pro but that's not usually what I like to show, especially when I'm demo and I like bigger type. So when I have no document open, I go over to the tight menu and choose the font that I wanted to be. So I'm gonna put tribute. Shea and I like to have, like, eighteen point just so you can actually see it might make it two big on the screen. We'll see, but I was going to return. And then when I create my new document, I come back over here, create that text frame filled with my placeholder text and it suddenly is in that size that I needed to be. That makes sense. We also can have a placeholder text. I have just the the fakey fake latin. I call it it's not even lauren if summits it's fake latin and the problem is the whole reason you put dummy type in their placeholder text we set up a keyword shark up for it so we can kind of emulate what it'll look like when text is actually gonna be in there but it does not a hyphenated because it's I'm set up tio have us english so doesn't know howto hyphenated so I actually change out my placeholder text file which don't have any back and grab some really quick I have some text files that air here let me actually grab some of my text from yesterday I'll come in here and I have a blank text here placeholder text I'm gonna copy that out and I can take any text that I want and as long as I make it a plain text file so I'm just going to make it a plain text file it's a big plane text and would have saved that as let's just save it as placeholder dot t x t so we need to take this out and if you call it placeholder dot t x t and it has to be lower case placeholder dot t x t if I take that and put that into more, my application sits so we're going to applications and I go into in design and if you don't see a file that's called placeholder t x t it's just hidden but we're just going to drag that right into the application folder. And now when I come back to in design and create a new document and a text frame, I'm going to do my placeholder. Text. It suddenly is that text that I just created. So you use any text that you want, but it has to be called placeholder dot sixty lower case p, and it automatically grabs that. And now I have some actual english and there, which is kind of nice, so it knows that a hyphenated. So I always have that a different placeholder text that's in there than one. What comes with the document?

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