InDesign: Create Text Columns with Titles and Quotes that Span Them | Benjamin Halsall | Skillshare

InDesign: Create Text Columns with Titles and Quotes that Span Them

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (12m)
    • 1. Class Introduction

      0:36
    • 2. Setting Up Your Columns

      3:46
    • 3. Setting Up Titles & Quotes to Span Columns

      4:17
    • 4. Creating Backgrounds for your Quotes

      3:08

About This Class

In this class you will learn how to create text text columns in InDesign as well as how to create titles & quotes that span columns. Starting with paragraph styles and step-by-step in this easy to follow class you will learn how you can control columns in your typgraphical layouts.

Check out the animated GIF below for a taster of what will be covered.

f0d069e4

Below is a list of my other Adobe InDesign classes on Skillshare:

Photoshop to InDesign: Creating Image Masks for Text Wraps

Adobe InDesign: Introduction to Shape, Image & Text Objects in-depth

InDesign: Placing Images, Scaling Images, Controlling Resolution & Rotating Images

InDesign: Create Custom Image Frames with Shapes, Type & The Pathfinder in this Graphic Design Class

InDesign: Create a Trifold Flyer

InDesign: Create Text Columns with Titles and Quotes that Span Them

InDesign: Table Styles & Scripts

InDesign: Create a Custom Newsletter Layout

InDesign: Tips for Customising Perfect Lists

InDesign: Save Time by Using Nested Paragraph Styles - Gallery Labels

Transcripts

1. Class Introduction: Hi. There's been household here on thanks. Checking out my in design tutorial. So in this lesson, we're gonna be having a look at how we work with Colin. So we're gonna be looking at how we create columns using the text frame options and then also how we worked with different paragraphs. Stars within those columns will be looking at how we create titles that span our columns and also looking at how we create quotes with a nice colored backdrop so that you can create a nice styling for the different columns in column layouts that you'll be working with in Adobe in design. I hope you enjoy the tutorial on the lessons on day. I look forward to seeing some of your work posted to the course board. 2. Setting Up Your Columns: Okay, So here in this class, we're gonna have a look at how we work with columns in in design, but also how we use paragraphs cars when we're setting up our columns. Okay, so we're gonna go ahead and set up a new document on for this. We're just gonna be using some placeholder text. I'm gonna set up a letter size page and 1/2 by 11. I'm gonna leave the margins as is We don't really believe because we're not gonna be working to the edge of the page. We're gonna be working just within a text box on a white background. So we're gonna go ahead and click OK to these settings. Okay on. So now we're gonna grab our type tool on stretch out a type box in our margins here. Okay? And if you have snapping, turned on the type book should snap to those margins. So we're gonna go ahead now and go to type and fill with placeholder text. So what we're gonna do here, first of all, is set up our columns within this text box. So we're gonna jump back to the selection tool, go to object, texture him options and here we're gonna add two columns to our box. And if you want to see the columns as they become alive, just check preview here on that will show you the column. So what we have here with columns is the number of columns we have. Ah, gutter, which is the distance in the middle here between the columns and then we have some insect spacing, which we can set up from the edge. Indian set spacing is useful. If you want to give your text box a colored background which will look as well as we're working through this. We've got some alignment options for our textbooks. We're not gonna work with those right now. We don't need toe align it to the center and like that is useful If you're working with a title that needs to sit in the middle of a text box for alignment purposes. So everything we set up here is perfect. Andi, we'll click. Ok, Okay. So now let's go ahead and set up a basic paragraph for the type in it. So I'm just gonna double clicking here on do command A Okay. I'm gonna jump to my paragraph styles across here on the right hand side in my panels in the right. Now, if you don't see your paragraph styles, just come to type. Andi, open up your paragraph styles There you can grab them from there and if they're not docked into the side So if you're just opening up the floating paragraph styles window, then you could drag it across to the right hand side on docket in there. Okay, so we'll go ahead and jump to our paragraph styles. Now on. Once we're in here, we're gonna create brand new paragraph Stop That's gonna apply to the text that we have selected. So will select this paragraph style Andi type in as the name for it Main Para. And then we can jump to the basic character formats. We're going to select Helvetica for the type here, so we can actually just select the front there and type in hell. That's good. Okay, that will flip all of our type. Helvetica. We'll stick with 10 point for the main body of the type here. Should make it a little bit smaller on. We're gonna push the leading up to 14 points. We got some nice spacing in our type here. Okay, Next thing we're gonna do is go to indents and spacing and set up our space after the paragraph case. If we push this up, you'll see the spaces opening up between up paragraphs. So now we'll leave that here. And you can see we've got a reasonably nicely flowing South type. Actually, one more thing will change in the basic paragraph. Start here. Just double click back into here is the hyphenation. We're just gonna turn hyphenation off for this. Andi, come back to in dense and spacing and change this to left justify which is gonna line a type up nicely in those columns, okay? 3. Setting Up Titles & Quotes to Span Columns: So once we've got the basic paragraphs set up here, what I want to do is and this is really that The main point here is what I set up a quote style. It's gonna run across these two columns on also a heading that's going to run across the two columns. So I'm gonna grab some type from one of my paragraphs here and just copy and paste it up at the top, and we're going to use this for a heading. And actually, it could be a bit shorter than this. I would just grab this line. So the place of the text is normally just this Pretend Latin's. We don't really need to worry about what it says. So we're gonna go ahead on with our mouse cursor flashing within here. Just create new paragraph style and we'll call this main heading, okay. And we're gonna go ahead and start to form at this. So we're gonna go to basic character formats. We're gonna make this 24 point, okay? We're going to change the case so that it's all caps. Andi. Now we're gonna go ahead, and this is the important part here. I will make this old as well. Okay. And now if we get on to span columns, this is where we can get our text to span the columns of the heading out to check. Spanned columns will span those columns, and we're just gonna need to go in and modify our character size a little bit so that this title will span across that's column so you can see our text now spanning the columns and we could make some other changes to as well. I'm just gonna modify the character color a little bit to make the heading Just a tent of time black, 75% which is gonna drop it back to a nice gray color. We only see the colors that we have set up a swatches in our character color options here. So if we want to add a new color for the heading here that we need to go into color flip toe, see him like a here, and then we can pick out a new color for are heading on, managed the cyan, magenta, yellow and black settings here, so we can always about to have a color that were we're happy with. Okay, so I'm looking at kind of a nice blue. There may be to start Hutch more black there, Okay? And then I can come here and go hard to swatches. And that will add this color now, to my swatches at the bottom here. Okay. So you can see I've got a nice blue there. So if we go back to the paragraph styles, we can double click in here and go to character color on Weaken, scroll down and set the character color to that new blue that we've created. Okay, so we've got a hitting that spanning those columns. Okay, so let's go ahead and have a look. How we create a quote that will span the converse. Well, we're gonna do some interesting stuff here with the background for the quote. So let's grab a small chunk of text here. We'll copy this, and I just pasted in above. Okay, so I'm gonna create a new style. Okay, Double click on this. I will. Coolest. Quote style. Okay, on. We're gonna come to Ah, basic character formats gonna make this lights oblique, so it's gonna be a lighter color. I only go to indents and spacing on adding some left in dancing here on some right in dancing. Okay, for this quote, and then we're gonna go to sparing columns and get this to span both those columns You can see now that quote flows across quite nicely. Will give this the same color. Has the heading got nice color there, and then we'll also in the basic character formats, just pushed the size up as well. So it's starting toe a little too much, starting to get a nice quote size there. So I think 18 point works well, and we'll just pull that the leading for that up a little bit. Okay, so we've got a nice quote that sits in that space. 4. Creating Backgrounds for your Quotes: it's now. One of the thing we could do is if we use the paragraph rules there, we can add a rule. Hello? I'm a paragraph will turn that on. Okay. And I'm gonna make this a very light tint off magenta. So somewhere between 10 and 20 in terms of the tent, and then we're just gonna increase the way of this. Okay, so increase the weights of that, and then I can offset it, huh? Just keep tweaking that offset until I get it in the right spot on the size. And I think we'll actually flip this Teoh slightly brighter blue. It's gonna work a little nicer with text we have over the top. Okay, So have a nice quote inset there. And if we go ahead and grab another chunk of text, I'm just gonna break it out. And we can use the quite star toe. Add in another quote. Now, the problem we have here is that this quote is a lot shorter than the original quote. But we've had So basically, what we need to do is have a quote style for five lines. Okay, Okay. And then creating new quotes styles and create a new paragraph start that would be quote style for two lines. And then once we have those to set up, we can just jump in here and change the paragraph rules so that it's a much smaller sighs with a different offset you can see. Now we've got to quite styles one for a longer quote on one for a short, and you may need a few set up for it. For elements of your design, we can also go into these quite styles. And before I do, I'm just gonna de select everything. And I go to quite style, the five line one. And now I'm going to just go to Indians and spacing and increase a little the space before on this space after that as well. On that will because my quote star for two lines is based on the quest of five lines. Any changes that I make their on will flow through, and this is one of the nice things about hierarchies in design. So if I come to my quote style here and change, for instance, the character color, it's gonna change and all those quote start so we can have a nice hierarchy that controls different elements of those designs. One other thing that I'll change here is the space after they heading here. So I'm gonna go to Indians and spicy. I just change the space after, so that drops down nicely. Okay, so we've got paragraph starting up here. We've got some nice spacing between their styles. Andi, Hopefully, this gives you a good introduction into how you can span columns on create some nice styles in adobe in design.