Skip to main content

How To Add Paragraph Borders & Shading In Adobe InDesign CC

Lesson 24 from: Adobe InDesign Mastery

Daniel Walter Scott

How To Add Paragraph Borders & Shading In Adobe InDesign CC

Lesson 24 from: Adobe InDesign Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

24. How To Add Paragraph Borders & Shading In Adobe InDesign CC

Lessons

Class Trailer

Overview

1

Introduction To Adobe InDesign CC Advanced

02:24
2

Getting Started With The Adobe InDesign CC Advanced Class

02:38
3

Adjusting Your Workspace For Maximum Amazingness

08:20

Fonts

4

Setting The Default Font Size For New Documents Adobe InDesign

01:14
5

Special Features For Typekit & Open Type Fonts

07:43
6

Where To Get Great Free Fonts For Use In InDesign

03:34
7

Mastering Your Fonts In Adobe InDesign CC

03:39
8

What The Font - Font Guess In Adobe InDesign CC

06:20
9

How To Pick Beautiful Font Pairings In Adobe InDesign CC

02:27
10

Quiz - Fonts

Creative Cloud APP

11

Free Icons Using Adobe Market In InDesign CC

05:45

Color

12

How To Use The Color Theme Tool In Adobe InDesign CC

03:13
13

Using Color Modes In Adobe InDesign CC

02:37
14

Importing Colors & Setting Default Colors In Adobe InDesign CC

06:58
15

Finding Great Colours Using Adobe Color For Use In Adobe InDesign CC

01:11
16

Appearance Of Black & Proofing Colours

07:59
17

Draw Lot Of Shapes At Once InDesign Gridify Live Distribute

13:15
18

Quiz - Color

Drawing

19

How To Make Arrows In Adobe InDesign CC

04:13
20

How To Draw Complex Flowers In Adobe InDesign CC

07:25
21

Quiz - Drawing

Paragraph Goodness

22

How Text Boxes Can Auto-Expand In Adobe InDesign CC With Auto Size

04:41
23

Placeholder Text Alternatives In Adobe InDesign CC

05:43
24

How To Add Paragraph Borders & Shading In Adobe InDesign CC

09:57
25

Paragraph Vs Single Line Composer In Adobe InDesign CC

02:17
26

How To Make Paragraphs Span 2 Columns In Adobe InDesign CC

03:00
27

Mastering Justification In Adobe InDesign CC

04:42
28

Mastering Hyphenation Options Using Adobe InDesign CC

06:54
29

Optical Margin Alignment In Adobe InDesign CC

02:25
30

The Secret Power Of Keep Options In Adobe InDesign CC

05:00
31

Advanced Anchored Objects In Adobe InDesign CC

04:27
32

How To Use Conditional Text In Adobe InDesign CC

07:23
33

Quiz - Paragraph Goodness

Charts & Infographics

34

How To Create Pie Charts & Bar Graphs In Adobe InDesign CC

09:37
35

Quiz - Charts & Infographics

Interactive Documents

36

The Pros & Cons Of The Various Interactive Types In InDesign CC

08:46
37

How To Create An Interactive PDF In Adobe InDesign CC

08:48
38

How To Add Interactive Page Transitions In Adobe InDesign CC

03:58
39

How To Add Navigation To An Interactive PDF In Adobe InDesign CC

06:01
40

What Is Publish Online In Adobe InDesign CC

06:39
41

How To Publish Your Adobe InDesign Publish Online Documents

03:37
42

How To Add Video To Adobe InDesign CC Documents

06:56
43

How To Create Interactive Button Triggered Animations In InDesign CC

05:53
44

How To Make A Multi State Object In Adobe InDesign CC

03:36
45

How To Add Adobe Animate CC To InDesign CC Files

03:39
46

Adding Maps & Calendars To Interactive Documents In InDesign CC

02:52
47

How To Create QR Codes In Adobe InDesign CC

02:49
48

Quiz - Interactive Documents

Keyboard Shortcuts

49

Keyboard Shortcuts In Adobe InDesign CC That Will Change Your Life

11:04
50

Keyboard Shortcuts

Long Documents

51

How To Automatically Place Lots Of Text Onto Multiple Pages In InDesign CC

08:07
52

How To Make A Cross Reference In Adobe InDesign CC

06:33
53

How To Create An Index In Adobe InDesign CC

05:21
54

Add Document Name Automatically To The Page In InDesign Using Text Variables

05:47
55

How To Use The Adobe InDesign CC Book Feature

04:53
56

Quiz - Long Documents

Preferences

57

Changing Preferences For Advanced InDesign Users

05:24

Workflow Speed Tips

58

How To Speed Up Your Workflow For Advanced InDesign CC Users Styles

03:34

Styles

59

Why Should I Use Character Styles In Adobe InDesign CC

04:09
60

Advanced Paragraph Styles In Adobe InDesign CC

01:57
61

How To Use & Map Word Styles In With Adobe InDesign Styles

03:18
62

How To Create Nested Styles In Adobe InDesign CC

04:08
63

How To Create A Grep Style In Adobe InDesign CC

05:58
64

How To Use A Next Style In Adobe InDesign CC

05:27
65

Advanced Object Styles In Adobe InDesign CC

07:51
66

Quiz - Styles

Multiple Documents

67

Best Practices For Working Across Multiple Documents In Adobe InDesign

10:06

Images

68

How To Use Adobe Stock With Adobe InDesign CC

03:16
69

How To Crop Images Inside Of Text In Adobe InDesign CC

04:11
70

Using Adobe Comp CC To Make InDesign Layouts On Your Mobile Phone Or Ipad

03:47
71

Quiz - Images

CC Libraries

72

Advanced Use Of CC Libraries In Adobe InDesign CC

09:40

Photoshop & Illustrator

73

How To Get The Most Of Photoshop & Illustrator In Adobe InDesign CC

13:32

Forms

74

How To Create A PDF Form Using Adobe InDesign CC

21:17
75

Quiz - Forms

Pages

76

Advanced Use Of The Pages Panel In Adobe InDesign CC

08:22
77

How To Place InDesign Documents Inside Of Each Other

01:55
78

Quiz - Pages

Scripts

79

How To Use And Install Scripts In Adobe InDesign CC

08:42

Speed Up InDesign

80

How To Speed Up InDesign When It’s Running Really Slow

07:34
81

Quiz - Speed Up InDesign

Exporting & Printing Tricks

82

Advanced Exporting & Printing Tricks For Adobe InDesign CC

02:32
83

Quiz - Exporting & Printing Tricks

Next Steps

84

BONUS: Software Updates

03:42
85

What To Do Once You’ve Finished Your Advanced InDesign CC Training Class

01:04

Final Quiz

86

Final Quiz

Lesson Info

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

Class Materials

Bonus Materials with Purchase

Completed files
Exercise Files

Ratings and Reviews

Guy Holt
 

Kelli Drum
 

Student Work

RELATED ARTICLES

RELATED ARTICLES