How To Add Paragraph Borders & Shading In Adobe InDesign CC
Hi there in this video. We're going to put lines around paragraphs and put ugly corner effects on it as well. Just because now why is it great is because when I hit paste look, it comes along and gets bigger and smaller. And if I select this one, I've turned it into a paragraph style so I get to reuse it over and over again gets better. Okay, there's a few other options here. We do lines around the outside. We also do some shading another naf corner that have added Page three. We need to do this as well. You can see read more. Okay, this little side thing happens. It's just an adjustment of that shading and the last bit of shading awesomeness to have a little look runs off the page. So let's go and look now how to make these borders and shading in adobe in design. Okay, so to add our borders around the outside, we are going to select the paragraph. Actually just have your cursor flashing anywhere in the first paragraph. Mine is quite a big first paragraph. I'm not sure I like that beca...
use it's Lauren ipsum placeholder text, I can just kind of break it there. Okay, so I'm going to use just this first junk here cursor flashing anywhere inside of it. Okay, and along the top here doesn't matter whether you're on character or paragraph all the way on this side. There's a hamburger menu cook on that one. And hiding in here is one called paragraph borders and shading. Ok. This is the one that's going to add our magic, let's make sure previews on. And let's turn border on. We'll start with borders. Okay, pretty easy. Border on the outside. You're going to have to add some padding around it. So watch this. So you're gonna be using down here the offset. Okay. So if I increase the offset, can you see because they're all linked, they're going to go out all different directions. So make it bigger. Okay, So I'm gonna have to play around with my space after I can't control that now. But that's kind of where I want to do. And you can unlinked these and play around like say the right hand side maybe bringing a little bit. Okay, So that controls how far away from the paragraph it is going to pick a color from my list. Okay, I'm going to use my pink and I'm going to play around with one of these borders up to you. I am going to use the bottom. Right? So I'm gonna unlinked them because I just want the bottom right? You can kind of see that icon that indicates bottom right? You might have to play around with them. I'm gonna use fancy. Okay. And nothing really happens. You're going to increase the pixel number. You can see on my option over here. It's getting just a little bit bigger. Cool. So yeah, that is it. That's lines around the outside using borders and let's finish up this paragraph style and look at some of the other options. I'm gonna click. Ok. Now you can see the space here needs to be changed. So there's a couple of things I'm going to do for the first paragraph. I'm going to select it all and then I'm going to say actually I'd like my character color to be the MF pink as well. All right. All right. And I want the space after to be more. So I'm gonna go to that character. I'm going to go to paragraph actually and I'm going to increase this up. Can you see it's just pushing that bottom paragraph away. Alright, So I'm going to set this as a paragraph style. So I'm going to go to new style. I'm going to double click paragraph style one and this one is going to be called M F first paragraph just called first para. Now, when you are working with paragraph styles, there's this thing called based on So what it's doing is it's using the paragraph style that I already had as its kind of like bass. And on top of that it's going to add some stuff. And basically what's going to do is going to add the pink and the border around the outside and the space after. But it's relying on the font from my can see here, MF interactive body copy. Now that happens by default and that often gets people lost when they later on delete one paragraph style and it affects lots of other ones. So when you know what you're doing, it's great. It's kind of like you're basing it on top of another one but can get confusing normally, unless I'm working on a really big document, I will just have based on no paragraph style. Okay, So it's just a standalone. Does everything itself and includes the fonds includes the color. So I don't have to worry when I delete a paragraph style, is it connected to another paragraph style? What's going to happen? What the consequences? So I just kind of leave every time based on no paragraph style. Let's click. Ok. And because it's part of the paragraph style and let's say this paragraph here, cursor flashing inside, let's just test it. My first paragraph, you can see it does the same thing. Okay, adds a line around the outside. Okay, so I'm going to undo that. So let's look at doing one of the other options. So I'm going to go to page two, I'm gonna zoom out. I'm gonna hit my W key so I'm not in preview, grab the type tool, drag out a text box, fill it with placeholder text, select it all and because I've got my interactive body copy, I should be able to easily apply it. Great. So cursor flashing in this 1st 1st paragraph and let's look at shading. Ok. So the border is obviously the line around the outside. So cursor flashing the first paragraph up to our stripey line, I've got my type tool selected. Okay, and in here I'm going to go to paragraph borders and shading and it's shading in this case that I'm going to use and what I like to do is turn shading on, make sure previews on By default, it's a 20% black, I'm going to switch that out for MF pink at and again I'm gonna play around with the offsets okay. Until I get something I like, I'm gonna play around with that bottom corner again and link it but I'm gonna use a rounded corner down the bottom. Let's move it out the way so we can see, I'm gonna increase this up. So it's kind of like, it's a popular thing to do. Great, let's click Okay. And yeah, we'll make a paragraph style out of this one, we won't, we'll just change the font color, awesome. So that's how to do the shading of a paragraph. I might also just make it look a little nicer as do my space after just to push that first paragraph afterwards down a bit. Now another thing people do is there's another kind of use if I go to page three, let's have another little go at doing shading and so on page three, I'm gonna grab my type two or type box, I'm gonna fill with placeholder text, select it all. And I went and closed my paragraph styles and open them up and body copy. Great, That's kind of an ugly first paragraph there. So I am going to make my own great. Alright, so with my cursor flashing in the first paragraph, we're gonna do one that just kind of lines up on the side here. So what we'll do is we'll go to make sure you're on your type tool, you've clicked in your first paragraph, go to your hamburger menu and we're going to go to paragraph borders and shading. And what we'll do is we'll do shading, turn it on and we're going to use a huge negative on the offsets. So let's break the link on the right hand side. I want to go down you can get it doing negative. Okay. I want to keep going negative. Now, what you'll notice is that goes down on one pixel. Remember the shortcut we learned earlier. If you hold down shift and click it it goes down in like big chunks of 10 and hopefully now can you start to see it's going down on that side there, Clickety click. You might just type it in. I'm clicking away. Okay, So I'm gonna go up on the left a couple. Okay. And down even further. And it's just a like a visual side market now not kind of covering it and yeah, so you might use this instead of doing like a whole paragraph. I'm going to use the Hello And I'm going to set it to 100 and I'm going to click OK. And what's really nice about this. And I guess we haven't really done because you could have drawn a box next to it. Is that if I add more text, let's say I copy this and just paste it a couple of times, you see it comes along for the ride the paragraph style is kind of nice and up datable and kind of adjust to fit the first paragraph, no matter how big or small it is, click on my black arrow hit w and you can see there's just a nice clear indication of the first paragraph or it might be a quote or a factoid or some sort of like pricing data or something that you have as part of your copy. You can use this as a kind of a visual cue to find that on the page. Let's look at one more options. Page four, I should have copied and pasted this paragraph text, but I'm not. You're gonna watch me do it one more time. Okay. In their field, placeholder text and select it all body copy. And let's have our cursor flashing in this first paragraph here and we're gonna get this one to kind of like run off the side. It looks kind of cool. And you can do it for titles or first paragraphs. So we're gonna have a cursor flashing, let's go to a hamburger menu. Let's look at paragraph borders and shading let's go to shading. Let's click on shading and let's pick I'm gonna pick the green, Crank it up to 100% and down here where it says offsets. We're gonna break that link and the right, we'll keep fine. It's the left. We're going to go into negatives now. We're gonna hold shift. So it runs off actually not negatives. Okay, positives but holding shift. So it runs off to the edge here and it's just I guess a nice way of Yeah, it's just a nice thing to have that kind of runs off the edge. Just a nice visual thing. I'm going to have a little bit offset at the top and the bottom and probably a little bit to the right as well. Cool, let's click. Ok. And I'm going to switch out the font color, character type paper so it's that kind of effect. Close it down, Yeah. All right. So those are three different options we did borders to start with and then we just kind of done variations of the shading to give you different looks and the benefit is is that you can add it as part of your style and when the paragraph gets bigger or smaller it adjust to match. All right, that is it for this video. Let's go and do some more paragraph awesomeness. Next