Adobe InDesign - Working With Text and Image Frames, Adding Static Captions | Angelo Montilla | Skillshare

Adobe InDesign - Working With Text and Image Frames, Adding Static Captions

Angelo Montilla

Adobe InDesign - Working With Text and Image Frames, Adding Static Captions

Angelo Montilla

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (25m)
    • 1. Part 1 - Creating Threaded Text Frames

      7:38
    • 2. Part 2 - Creating a Color Palette

      4:44
    • 3. Part 3 - Importing Multiple Images in a Grid Frame

      6:39
    • 4. Part 4 - Static Captions

      5:42
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

278

Students

--

Projects

About This Class

In this four-part #Adobe InDesign lesson, you will learn how to create threaded frames to easily flow text into different columns when importing text files into a layout. You will also learn how place multiple images into a grid of frames in a project, add static captions to them as well as build a color palette using InDesign's Color Theme Tool.

Meet Your Teacher

Hello! I'm Angelo.

I am a visual design instructor and freelance graphic designer based in Windsor, Ontario.

I have more than 15 years experience in the print and editorial design space. However, I also specialize in branding design.

I am eager to build an online learning platform here and share everything I have learned over my life with you.

See full profile

Related Skills

Graphic Design Creative

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Part 1 - Creating Threaded Text Frames: everyone. Angelo, here. Welcome to another design editorial. Today we'll be discussing how to import multiple photos or graphics by using a grid frame system. What this means is when you're dragging out a regular rectangle frame to import a graphic, I'm gonna show you how to divide that frame into multiple frames. Depending on how many images you're putting into this grid that I'm gonna show you how to create. So we're gonna go through that, and I'm also gonna show you how to create your own static caption so you don't have to individually import or tight captions as you're working. Both of these will be kind savors when you're designing, you want to spend less time on, you know these kinds of things and more time on being creative. So thes two steps creating your own caption system and creating a grid frame system are two ways of of improving your workflow, so to speak. So let's get started. I'm just working on, uh, a magazine or catalog kind of layout. Okay, so what I'm gonna do is we're gonna bring in these four backpacks, okay? And then I'm gonna show you how to create these static captions. Okay, so let's start with bringing in the images. Have ones first. Okay, so I have the same layout down below, and I've left that space empty to show you how to do this. So generally, normally, what you would probably do is go to directing a frame to a mid drive. Three or four or five boxes on, depending on how many images you're putting in. So don't draw a box as of yet. What you want to do is automatically go up to file and place. Okay? And I'm gonna make my way. Teoh thes images here. Got backpack, one backpack too. Three and four. Now, these air PNG's with backgrounds removed. You can do these with just regular images as well. Ok, so I'm going to click on backpack one, hold my command key click 23 and four. Once you have all of them selected. Just hit open, and there is my loaded cursor. OK, so I'm going to drag a frame, okay? And I'm gonna zoom in a little tight here page a little bit. And what I'll do is I'll start on this guy that I have here. I can always maneuver these frames afterwards. But that's a good starting point. I'm gonna left click drag, and as I drag, as you can see, just creating one frame for me. Okay, So what I want to do is because I have four images I want to create four different texture . Sorry. Frames image frames here. So first off, I'm still clicking. I haven't released yet, and I'm gonna click forming a press up here. Okay, What that does this creates too frames? And then what I'm gonna do is I'm gonna hit also hit, right arrow key twice. One. Actually, I just need four boxes. So if I did hit it twice, it would create six. So I only need four. Because I don't have four images. And now I can proceed and draw out my text. Sorry. My image frames here the way I can. You roughly want to draw the boat according to the size of your images. Now what's gonna happen is as I release, there's my four backpacks, and what I'll have to do now is I'll have to go in and kind of maneuver them, get the effect that I did up top. So let's do this going Teoh. That one's good. Actually, a good starting point is shift option commands, see, and then work your way down. So I'm gonna nudge that down a couple of times, So option command or control shift greater than or less than And then I'm just using my left, a rookie and up arrow key to maneuver that. And maybe I'll use these guides here as a way of positioning that maybe you will see. So shift option command. See, let's do the same here in the same year. That one's really big from cynical macro, so that might be a little bit bigger. So let me with my selection tool. I'll use this guide for this gutter as a good center point. Something like that. Maybe do the same thing here just to give equal space between. I'm gonna touch that one down, up. That's this one down. So you kind of just eyeballing this right now, Okay, Because these Air P and G's with backgrounds removed, it's hard to gauge how it would look. But the idea here is have the backpacks the same size or close to it. You don't want one backpack bigger than the other. The ideas. Tell this one here could be bumped up just one more and then position something. OK, so if you notice here, I didn't alter any of the tax frame for the picture boxes here. Okay, I just went in, Click the donut and altered maneuvered content within that frame. And that's the idea. So what I'm gonna do now is I want to collect these to select those, and I'm just gonna nudge those down, nudge those down. Why am I doing that? Is because we need space under these backpacks once I put in the captions, so I'm nudging those down. That's good for now, we can always revert back. Okay, so I'm happy with the sizes of those those backpacks. If you look up here, it's pretty close. OK? If you wanted to, you can increase the size or decrease. But I'm happy that maybe that OK, good. So that's it. That's how you would create a grid of photos. Now, that doesn't necessarily mean you can't go when alter these individually. They're not hide together. It's just a quick way of creating more than one frame and importing multiple photos once rather than doing it individually. you don't want to do that. Okay, so there we go. We have 44 boxes. Now, what I'm gonna do is I'm just gonna have created these little prices here. I want those one and copy it. Okay, so now have product, the price. And now I'm going to enter captions that are tied to these images. 2. Part 2 - Creating a Color Palette: Now I'm gonna show you how to create a color palette like this. So basically all use, actually, let's go to that last page. And let's build our own color palette based on this image, OK? And yeah, we can put it somewhere else. That's fine. Okay, So, as you see here on my swatches panel, if you don't have swatches, just go up the window color swatches. And I just tore it off my panel here so I can show you. I've built these color swatch scenes on page two pastry H for page five, and now I'm on page six. So let's build a let's build our own color swatch here, Okay? All right. So I'm gonna go to my color theme tool. Generally, your eyedropper tool will default on this setting. Just either hit shift I to get to the color theme or just click and hold for the fly out. And then you can select the color theme tool. All right, I'm gonna I'm gonna click over my image, See how I have a nice red border. That's good. Now, if I click on my image, what in design does for me is it puts together this color palette Swatch theme. And there's a few themes to choose from. The 1st 1 will be colorful. Then there's bright dark. You can click on them just to see which one you like. Which one works best for you. I'm gonna go with Theis Deep One looks pretty good, actually, let's go with bright bright seems good. And then to the right of the theme selector, you can actually add this watch. So add this seems at this themes to the swatches I'm gonna Yes, and just gonna come in as bright theme and what I usually do is just rename it. So if you're doing this on multiple pages to write a document, it's important. Teoh name these teams just so you know which ones you're dealing with. Eso This would be each six swatch and then I would just hit okay, And what I would do here. I'm just gonna go this command, see, And I'm gonna get that 1st 2nd game it go control or command be. And so this palette doesn't match up with the image. And generally I would just create these lips, little lips, shapes and then the colors with my new Swatch team. But because I already have the Ellipse shapes intact here, I'm just gonna copy and update them here. So I'll click my 1st 1 click on the second. And I've only used four colors, even though it saves five. So that's OK. Last one. Sure good. So there would be my color palette right there based on this image. So it's good to use the color theme tool to sample colors from different graphics patterns , images. It's just a great tool use and the beauty of this as well. If I go to my page six watch here, let me double click this 1st 1 I can go in and update that color. And you could see Look at this first ellipse here if changing in real time. So let's just say I didn't want to use that magenta. Um, I could change it. The purple I can make it darker. You can also change the different types of color modes. But because this is a print publication print purposes, I'm gonna leave a C m Y k. I'm just gonna hit cancel because I'm gonna leave it. Just know that you can update these in real time by double clicking the swatch and then changing sliders to your preference. They edit globally, which is great. Okay, so that's today's tutorial. We covered how to create threaded text frames, and I should you had to create your own custom color palette, using the color theme tool and saving that theme in your swatches for your product project that you're working on. Okay, hope you enjoyed this tutorial and we'll talk to you soon. Have a great day by now. 3. Part 3 - Importing Multiple Images in a Grid Frame: everyone. Angelo, Here. Welcome to another design tutorial. Today we're gonna be discussing how to create threaded text frames in your design project. This will allow you to flow text seamlessly through your layout and link up these text frames as well. So we're gonna get into that. I'm gonna show you how to create your own custom color palette using the color theme tool, sample some colors from different images and then create our own color palette much like you see here on my screen. So let's get right into it. Here is what we're going to applying. Apply to our Leo. So as you can see here, I have a text frame. They're two separate frames. That's because I've threaded them. Okay, so what I'm gonna do, I'm gonna just select both of them on Let's do it. I'm gonna put my guides on, and this is just 1/2 letter set up. So I'm just going to show you very quickly that I'm working on a letter half eaten half by 5.5 landscape orientation and thats 0.5 standard margins. Okay. So, normally, what you would do if you're putting in a text frame. I would go to my text type tool draw box like so click on it and then go down to your text frame options down below here and then maybe make it two columns. That's that's fine. There are some restrictions there in terms off moving the text boxes around separately and then easily flowing it like I'm about to show you. So let me delete that again and zoom in. Now, as I'm drawing out my tax box, there's an added shortcut here. So click left, click and hold. And while you're still dragging out your text box, just simply press the right arrow key on your tech on your keyboard and you'll see that See what's happening there. It's threading that specific text frames. So that's three columns that's for you going in going. But in this case, I want to. Okay, so I'm gonna do that. So as you could see there now, these two boxes are linked together. Okay, so now if I go click on the 1st 1 iota file place and go grab, um, have a text page to copy. I'm gonna hit open and there's my loaded text frame. When I click on this first box. You'll see it flows very nicely into that second. Okay, now, this text fits already, and I'm gonna show you how to link it up to another text box. Let's just say that you wanted to jump one story and bring it into another frame on its separate page. We'll get into that second. So, like I said, you can still move these text boxes around, okay? And they're still linked together. All right, so that's that's a simple wave of linking those text frames together using threaded text shortcut. OK, so down the low here I have another one. This one's gonna be a little bit, uh, there's a few extra steps here because, as you could see, if I zoom in down below here, I do have some over set text, so there's more tax spilling over. And I don't I want that to jump to another page. Okay, So let's again, I'm just gonna delete that it grabbed my type tool. And again, I'm gonna drag to what I want. And then just click Don't release your most, and then go ahead and hit the right arrow key. I do want to columns then you can release Now there's a couple ways of doing this. I want to carry over this copy onto this last page, which I've I've left open here. Down below this image. I want the copy to keep running the leftovers Copy to run rate under this image here. Okay, so what I could do is just create another extreme. So I'll start up this merge in, go all the way across and thread that Teoh four columns because I wanted Teoh. I wanted to flow with the calm system that I've already created here on this page. So four columns is fine. Now, if I import text in here, it's still going to spill over. And there will be some over set tax. There's an added step here. So what I'm gonna do is zoom in. Click here and I want to click this little icon here, this little white square. I'm gonna click that now. There's no copy in this box yet, and that's okay. I'm gonna go down to this, uh, this text frame, threaded text frame, four columns that have created and click that 1st 1 Now I know the minute I import text in here. It's gonna flow nicely right into the bottom on this last page. Okay, so let's go ahead and do that. And we click this first tech stream up to file in place. And now I want to click on this one. Morocco, Morocco. Miralles hit open. Drop it in there. Okay. So as you could see my Texas not format it, that's okay. I'm gonna select all And I do have a paragraph style here that I've set up called Body Copy . And there you go. See how it went right through. So I've link those boxes before, and now you could you could import this text before and then link the boxes. I just like doing it beforehand, so I know for sure. Once I import it, it flows into all the text boxes that I've linked up. All right, so that's how you would create threaded text frames. And the beauty of this is if I do any edits here, let's say I just maybe deleted paragraphs that's going to affect down here. Gays will keep that in mind. So if you had over sent text on this second warning, we want to edit it, headed some text up here. It's gonna take effect throughout all those lengths. Textbooks. Okay, 4. Part 4 - Static Captions: This is how I normally add captions to what's called the meta frame description. So there's my backpacks, as you can see here. Okay, so you would just open bridge and then par get the files that are the folders and have these images which I have here. And let me just use that one of example on the side Here, down below, under I e T c corps. You have all kinds of fields and what not ones. I want to target our description. You can have a little headline here if you wanted to, but the most important one to target is description. So this is where you would add what product vote what the images about what's going on in a graphic in an image. So this would be good and, you know, editorial design if you were running lines or captions. So once you've done that, that's it. You're done. And now he would save it. And those metaphor meta data are tied to each image. Okay, so what I'm gonna do is I'm gonna click on one. Um, hold my option. I'm sorry. Hold shift. Tried it again. Click Weinhold shift. Click the others. I'm gonna go up to objects, captions and captions set up already set these up here. Okay, this is the dialog box that you're going to get and under the metadata dropped down. You want to select the description? Because that's what we want. The caption To show what we put in those description boxes when I showed you how to do it in bridge. So select description you can position where you want your caption to be. I wanted to be below the image, but if you wanted above, you can do that. Left or right, I'm gonna leave it below. I've also created a caption style in my paragraph style. So what I would do before you been going to this point is create your caption style, save it in your paragraph styles, and then it will show up here in caption style. Okay, offset. You have to set some sort of offset. Otherwise, the caption will be biting or way too close to the frame of the image itself. Five set a offset of 0.5, and once that's done, I'm just gonna hit. Okay, now, nothing showing up that was just to set up the caption now I'm gonna go to object. Actions generates static caption. And there are my captions that I've created in Adobe Bridge. Now, as you could see, there's some maneuvering I need to do. So what I would do is just copy this stuff or select it and nudge it down. And then you could do the same up here. Maybe something that let's take a look for you here. Yeah, that's pretty good. I'm just going to position that. So it's centered to my page on. Then you could just eyeball to see what you want. Okay? One note here when I'm clicking and I want to change that price, you notice how I can't get to It is because my my caption is in front. Um, just a cool, a neat way of getting through. Things that might be kind is just hold down your command or control key on the PC and click . And then it would bypass what's in. Franklin goes right to the back, and now I can go in and change that. Let's leave that in 69. This one's 89. This'd 109 and this last 11 19. Okay, so that's a quick way. This is very good. If you're doing a catalog much like I I'm showing you here. You know you want Teoh putting descriptions of different items at once using the static caption feature. Now, if you needed to alter one of these captions, you could just go in and edit this way. That won't take effect in the actual overall master version of it and bridge. So you have to go back the bridge to your changes. And then why that change? Go back to, um, in design, go to your links panel and then reapply that you would update it. So you go to these three lines and then update the length. And then you would reapply that caption status to that image or all the images. Okay, but that's totally up to you. So that's it. That's today's tutorial. I hope you enjoyed it. Try to use these two techniques when your design and integrate them into your workflow because it's going to save you a lot of time, and it gave you more time to be creative as well. So I hope you enjoyed it. Take care and we'll talk to you soon. Find out