1 00:00:02,457 --> 00:00:07,113 Okay. So this will be our tutorial about using text wraps, 2 00:00:07,113 --> 00:00:11,885 hyphenation, spell check, and transform. 3 00:00:11,885 --> 00:00:14,238 So when we're thinking of image and text, 4 00:00:14,238 --> 00:00:16,255 we have some really cool options in InDesign 5 00:00:16,255 --> 00:00:19,710 to allow them to work together, that saves you some time. 6 00:00:19,710 --> 00:00:22,111 We're thinking always of being the most efficient. 7 00:00:22,111 --> 00:00:26,016 Once you have your techniques, you want to think about expediting your process 8 00:00:26,016 --> 00:00:29,434 so that you can make work um, as efficiently as possible. 9 00:00:29,434 --> 00:00:33,271 So let's start with thinking about text wrap. 10 00:00:33,271 --> 00:00:36,608 So a text wrap is when you're thinking about the interaction of text, 11 00:00:36,608 --> 00:00:38,261 so here is my text frame, 12 00:00:38,261 --> 00:00:41,314 and image, so here's my image frame. 13 00:00:41,314 --> 00:00:43,717 Of course, we know that our image frame, 14 00:00:43,717 --> 00:00:47,135 here I can see the image is actually quite large 15 00:00:47,135 --> 00:00:50,856 with this yellow orange kind of bounding box. 16 00:00:50,856 --> 00:00:52,841 That tells me that the image is really big, 17 00:00:52,841 --> 00:00:55,112 but of course, it's inside a frame 18 00:00:55,112 --> 00:00:59,799 and if I want to use the content grabber to edit, I can. 19 00:00:59,799 --> 00:01:03,937 So that is a big image, but it's kind of isolated to this page 20 00:01:03,937 --> 00:01:07,640 and I have my text. So the way to think about using text 21 00:01:07,640 --> 00:01:14,414 and um, text wrap, is a consideration of how you want the text to flow 22 00:01:14,414 --> 00:01:17,416 around any particular image. 23 00:01:17,416 --> 00:01:19,451 Now in this rectangular case, 24 00:01:19,451 --> 00:01:23,089 it's pretty easy to just kind of line up my text frame 25 00:01:23,089 --> 00:01:26,876 to be in a position where it feels like it's flowing around the image. 26 00:01:26,876 --> 00:01:30,096 But these two objects aren't really connected together. 27 00:01:30,096 --> 00:01:32,698 So another more interesting way 28 00:01:32,698 --> 00:01:35,184 is to think about using text wrap, 29 00:01:35,184 --> 00:01:37,169 and the way I'm going to show it to you 30 00:01:37,169 --> 00:01:38,771 is by changing the shape of this. 31 00:01:38,771 --> 00:01:40,873 You really get an idea of how it works. 32 00:01:40,873 --> 00:01:42,024 So the first thing I'm going to do is 33 00:01:42,024 --> 00:01:44,627 I'm just going to make this a non rectangular image, 34 00:01:44,627 --> 00:01:46,612 so I'm going to change the frame. 35 00:01:46,612 --> 00:01:49,549 And I'm going to do that, make sure you're not clicked on anything. 36 00:01:49,549 --> 00:01:51,917 I'm going to grab my direct selection tool 37 00:01:51,917 --> 00:01:54,603 because I just want to edit this one little corner. 38 00:01:54,603 --> 00:01:58,591 So I've clicked on that corner and I'm going to shift it over. 39 00:01:58,591 --> 00:02:02,929 So I'm just going to kind of create you know, some sort of a diagonal. 40 00:02:02,929 --> 00:02:05,865 This will just reveal the text wrap to you, 41 00:02:05,865 --> 00:02:08,317 more so than if it was rectangular. 42 00:02:08,317 --> 00:02:10,369 It's also kind of a nice design. 43 00:02:10,369 --> 00:02:14,256 So now, the trick with thinking about text wrap 44 00:02:14,256 --> 00:02:16,662 is it's something that you actually apply 45 00:02:16,662 --> 00:02:19,479 to the image, not to the text. 46 00:02:19,479 --> 00:02:23,782 That's the one little conceptual trick here uh, that's kind of hard to remember. 47 00:02:23,782 --> 00:02:25,585 So, here's my text. 48 00:02:25,585 --> 00:02:30,090 Let's imagine I'm going to kind of let it wrap around the edge of the image, 49 00:02:30,090 --> 00:02:33,942 both with my title and with the actual kind of information here. 50 00:02:33,942 --> 00:02:37,198 So I'm going to click on the actual image 51 00:02:37,198 --> 00:02:39,700 using my regular selection tool, 52 00:02:39,700 --> 00:02:42,368 because remember, that grabs the bounding box. 53 00:02:42,368 --> 00:02:44,937 And then, you'll see an opportunity 54 00:02:44,937 --> 00:02:48,323 inside your Properties panel down here called Text Wrap. 55 00:02:48,323 --> 00:02:52,094 Now again, really important. If you're using your other selection tool, 56 00:02:52,094 --> 00:02:55,115 oh, actually using the other one brings it up too, 57 00:02:55,115 --> 00:02:57,800 so if for some reason you didn't see it though, 58 00:02:57,800 --> 00:03:01,069 I just always kind of default to my regular selection tool. 59 00:03:01,069 --> 00:03:02,806 Click on the image. 60 00:03:02,806 --> 00:03:05,275 And then you'll see your text wrap. 61 00:03:05,275 --> 00:03:08,560 So, first opportunity here is no text wrap, 62 00:03:08,560 --> 00:03:10,512 so that's what it's currently set at. 63 00:03:10,512 --> 00:03:12,049 You can see it's a little bit darker. 64 00:03:12,049 --> 00:03:14,952 Here, if we wrap around the bounding box, 65 00:03:14,952 --> 00:03:18,971 remembering that I changed the bounding box, look what happens. 66 00:03:18,971 --> 00:03:23,226 It has shifted my text to kind of match this angle right here. 67 00:03:23,226 --> 00:03:26,379 Oops, I just zoomed in on the actual image 68 00:03:26,379 --> 00:03:28,147 instead of the frame, there you go. 69 00:03:28,147 --> 00:03:29,499 So now it's done that, 70 00:03:29,499 --> 00:03:31,968 if I want to use some offsets, 71 00:03:31,968 --> 00:03:36,323 which in this case is just one offset to kind of space it out, 72 00:03:36,323 --> 00:03:38,757 I could always increase some spacing. 73 00:03:38,757 --> 00:03:42,311 Oops, Command Z, let me get back here a little bit. 74 00:03:42,311 --> 00:03:47,601 Use some spacing on this image to kind of bump this around. 75 00:03:47,601 --> 00:03:50,403 So I'm going to click off and just zoom myself out a little bit. 76 00:03:50,403 --> 00:03:52,690 So again, I'm on the image. 77 00:03:52,690 --> 00:03:58,445 If I apply a text wrap, I'm going to go back in time here. 78 00:03:58,445 --> 00:04:03,115 There's my text wrap, which is a wrap around bounding box. 79 00:04:03,115 --> 00:04:08,070 If I need to increase the spacing then I'm going to use an offset. 80 00:04:08,070 --> 00:04:09,789 So this is an offset number. 81 00:04:09,789 --> 00:04:11,857 It'll usually limit you to just doing 82 00:04:11,857 --> 00:04:15,262 whatever one works for that particular bounding or text wrap, 83 00:04:15,262 --> 00:04:17,398 which in this case is a top offset, 84 00:04:17,398 --> 00:04:19,499 but it's sort of shifting things left to right. 85 00:04:19,499 --> 00:04:24,052 Now notice what's happening with also the title of this kind of article. 86 00:04:24,052 --> 00:04:26,122 It is getting overset. 87 00:04:26,122 --> 00:04:30,009 I'm kind of missing out on some of my text with this little red thing. 88 00:04:30,009 --> 00:04:35,648 So of course, I can increase the size of this text frame so that it also works, 89 00:04:35,648 --> 00:04:40,102 but it's shifting this according to the text wrap. 90 00:04:40,102 --> 00:04:43,723 So that is a text wrap with a bounding box. 91 00:04:43,723 --> 00:04:48,827 Very interesting, clever way-- the, of working with text and image. 92 00:04:48,827 --> 00:04:52,131 The other thing you can do, you don't necessarily have 93 00:04:52,131 --> 00:04:53,782 to have it working with an image. 94 00:04:53,782 --> 00:04:55,802 You can use text wrap with any object. 95 00:04:55,802 --> 00:04:56,970 So here's another object. 96 00:04:56,970 --> 00:04:59,189 This is something I drew really quickly 97 00:04:59,189 --> 00:05:02,057 and I actually just used the pen tool. 98 00:05:02,057 --> 00:05:04,010 Here we go, you're familiar with the pen tool. 99 00:05:04,010 --> 00:05:05,560 You can use the pen tool in InDesign. 100 00:05:05,560 --> 00:05:07,545 You can also use it in Illustrator. 101 00:05:07,545 --> 00:05:09,599 If you're drawing something more complex, 102 00:05:09,599 --> 00:05:13,236 then of course you can place your object inside InDesign. 103 00:05:13,236 --> 00:05:18,926 So here, I have some text and this kind of custom shape. 104 00:05:18,926 --> 00:05:23,628 Let's imagine it's a poorly drawn guitar of some sort. 105 00:05:23,628 --> 00:05:26,049 Uh, let's think about the kind of text wrap 106 00:05:26,049 --> 00:05:28,651 we could do with these two objects. 107 00:05:28,651 --> 00:05:31,353 So I am again, make sure you don't have anything selected. 108 00:05:31,353 --> 00:05:33,774 Get your black arrow selection tool, 109 00:05:33,774 --> 00:05:35,442 go to the object itself 110 00:05:35,442 --> 00:05:38,528 to determine what kind of text wrap you want. 111 00:05:38,528 --> 00:05:41,847 Here's the one we did before around the bounding box. 112 00:05:41,847 --> 00:05:44,967 Remember, this is actually in a bounding box that's square. 113 00:05:44,967 --> 00:05:46,586 So that's not going to help us at all. 114 00:05:46,586 --> 00:05:48,887 What I want us to think about instead 115 00:05:48,887 --> 00:05:51,757 is wrapping around the object that I've drawn. 116 00:05:51,757 --> 00:05:54,910 So if I use wrap around object, look what's happened. 117 00:05:54,910 --> 00:05:57,130 Now I have this lovely little flow 118 00:05:57,130 --> 00:06:00,382 around the side of the object. 119 00:06:00,382 --> 00:06:03,835 Of course, if I move my text frame around, it's going to keep flowing 120 00:06:03,835 --> 00:06:07,023 and the positioning of the text will flow around that object. 121 00:06:07,023 --> 00:06:09,008 If I change the size of the object, of course, 122 00:06:09,008 --> 00:06:11,377 it's just going to keep flowing. 123 00:06:11,377 --> 00:06:13,746 Now, other opportunity is maybe 124 00:06:13,746 --> 00:06:16,615 we don't want to be on the outside of this object. 125 00:06:16,615 --> 00:06:19,535 Perhaps we want to be on the inside of the object. 126 00:06:19,535 --> 00:06:23,290 In that case, you have an invert button here. 127 00:06:23,290 --> 00:06:28,294 So if I invert and also make sure I grab my text, 128 00:06:28,294 --> 00:06:32,081 so I'm going to use my black arrow. 129 00:06:32,081 --> 00:06:33,733 I'm going to move the text so that it's actually 130 00:06:33,733 --> 00:06:35,968 in the space of the object. 131 00:06:35,968 --> 00:06:39,188 And perhaps I need to make my text frame a little bit wider. 132 00:06:39,188 --> 00:06:41,557 Bring it in a little bit here. 133 00:06:41,557 --> 00:06:45,361 And I'm, that top line looks like it's, there we go. 134 00:06:45,361 --> 00:06:46,797 Bring that down a little bit. 135 00:06:46,797 --> 00:06:49,498 So now I have done a text wrap 136 00:06:49,498 --> 00:06:54,053 around an object and inverted it 137 00:06:54,053 --> 00:06:58,192 so that it's actually inside the object. 138 00:06:58,192 --> 00:07:01,928 So that is wrap around object shape, invert. 139 00:07:01,928 --> 00:07:05,215 You also have um, jump object, jump to next column. 140 00:07:05,215 --> 00:07:09,218 Those are a little bit more if you're uh, doing column based design work. 141 00:07:09,218 --> 00:07:11,486 I think the most useful for you currently 142 00:07:11,486 --> 00:07:15,893 is the wrap around bounding box or wrap around object shape, 143 00:07:15,893 --> 00:07:18,328 thinking about how to invert it. 144 00:07:18,328 --> 00:07:19,578 Again, if you don't want to do it, 145 00:07:19,578 --> 00:07:21,981 then you can always just go back to this no text wrap 146 00:07:21,981 --> 00:07:26,719 and now you're back to the basics where they aren't interacting together. 147 00:07:26,719 --> 00:07:29,254 So those are your text wrap options, very fun. 148 00:07:29,254 --> 00:07:32,292 Uh, the other thing I want to show you 149 00:07:32,292 --> 00:07:36,145 is to just pay attention to what is hyphenated. 150 00:07:36,145 --> 00:07:38,513 If you're writing out a lot of text 151 00:07:38,513 --> 00:07:42,086 and you're breaking on a line, 152 00:07:42,086 --> 00:07:44,538 it's going to create a hyphenation, 153 00:07:44,538 --> 00:07:46,272 so here's a hyphen, here's a hyphen, 154 00:07:46,272 --> 00:07:48,207 here's a hyphen, here's a hyphen. 155 00:07:48,207 --> 00:07:50,959 Sometimes that's a really kind of annoying thing 156 00:07:50,959 --> 00:07:53,196 when you're a viewer or a reader. 157 00:07:53,196 --> 00:07:56,665 Just seeing a bunch of hyphens along the edge is kind of a bad design. 158 00:07:56,665 --> 00:07:59,869 It can get kind of um, irritating on your eyes. 159 00:07:59,869 --> 00:08:02,071 So if you want to turn that off, 160 00:08:02,071 --> 00:08:04,990 I recommend turning that off and it's just a really simple setting. 161 00:08:04,990 --> 00:08:08,261 If you scroll down in your Properties panel, 162 00:08:08,261 --> 00:08:10,197 you have to be on a text frame 163 00:08:10,197 --> 00:08:13,149 because otherwise it won't have all the opportunities, but scroll down. 164 00:08:13,149 --> 00:08:16,686 Under this paragraph right here where you have paragraph options, 165 00:08:16,686 --> 00:08:19,389 you know, you've got center, justification, etc., 166 00:08:19,389 --> 00:08:21,307 we have a hyphenate button. 167 00:08:21,307 --> 00:08:25,010 So I like to turn that off and it's just going to move the words down 168 00:08:25,010 --> 00:08:29,215 rather than hyphenate, hyphenate, hyphenate all the time. 169 00:08:29,215 --> 00:08:30,784 That's hyphenation. 170 00:08:30,784 --> 00:08:33,369 The other thing I want you to pay attention to is your spelling. 171 00:08:33,369 --> 00:08:36,272 There is nothing worse than looking at a beautiful design 172 00:08:36,272 --> 00:08:38,158 that has a bunch of spelling errors, 173 00:08:38,158 --> 00:08:41,427 because they become these little kind of 174 00:08:41,427 --> 00:08:43,280 just nuisances to your brain. 175 00:08:43,280 --> 00:08:46,983 So, you can, of course, check your spelling in a word document. 176 00:08:46,983 --> 00:08:49,935 Particularly if you have a lot of text, 177 00:08:49,935 --> 00:08:53,072 use that kind of word document program, 178 00:08:53,072 --> 00:08:55,992 whatever it might be, to check your spelling. 179 00:08:55,992 --> 00:08:58,679 Or if you're just going to type into InDesign, 180 00:08:58,679 --> 00:09:01,080 we do have a spellcheck feature. 181 00:09:01,080 --> 00:09:02,966 So grab your text frame. 182 00:09:02,966 --> 00:09:05,317 Actually you don't even need to grab a text frame. 183 00:09:05,317 --> 00:09:08,439 You can go right into it. It's under the Edit menu. 184 00:09:08,439 --> 00:09:12,424 Spelling, Check Spelling. 185 00:09:12,424 --> 00:09:14,728 This will go through like a normal kind of text editor 186 00:09:14,728 --> 00:09:16,512 kind of word processing document 187 00:09:16,512 --> 00:09:18,715 and check all of your spelling. 188 00:09:18,715 --> 00:09:24,004 Suggested, you can commit to it, you can skip it, ignore it, etc. 189 00:09:24,004 --> 00:09:25,488 When you're finished, you can hit Done. 190 00:09:25,488 --> 00:09:27,073 So please check your spelling on your work. 191 00:09:27,073 --> 00:09:32,712 Um, that again is just Edit, Spelling, Check Spelling. 192 00:09:32,712 --> 00:09:35,965 You can also do Dynamic Spelling. That'll watch it as you type. 193 00:09:35,965 --> 00:09:40,652 That's an opportunity for you if you like that kind of um, spelling work. 194 00:09:40,652 --> 00:09:43,573 Okay, so we've done text wraps, hyphenation, spelling. 195 00:09:43,573 --> 00:09:45,875 The only other thing I'm going to show you 196 00:09:45,875 --> 00:09:47,609 that people often like to do, 197 00:09:47,609 --> 00:09:51,464 because we've done it in other programs, is to flip things. 198 00:09:51,464 --> 00:09:52,982 So if you've been experimenting 199 00:09:52,982 --> 00:09:55,401 with flipping images horizontally or vertically 200 00:09:55,401 --> 00:09:58,037 in Illustrator or Photoshop, 201 00:09:58,037 --> 00:09:59,872 we can do the same here. 202 00:09:59,872 --> 00:10:02,860 So let's do it on this actual image of the waves. 203 00:10:02,860 --> 00:10:05,561 So the way to do this is through transforming. 204 00:10:05,561 --> 00:10:07,964 Once you have your file, of course, 205 00:10:07,964 --> 00:10:11,585 and you've grabbed it with your selection tool, 206 00:10:11,585 --> 00:10:14,354 top of your properties panel is your Transform, up here. 207 00:10:14,354 --> 00:10:17,340 You always want to choose the reference point. 208 00:10:17,340 --> 00:10:21,277 So if you're just transforming vertically or horizontally as a flip, 209 00:10:21,277 --> 00:10:23,629 like you were thinking of it in a mirror, 210 00:10:23,629 --> 00:10:25,348 I use the center point, 211 00:10:25,348 --> 00:10:27,767 but you could also flip from edges. 212 00:10:27,767 --> 00:10:29,718 So you would just simply click on an edge 213 00:10:29,718 --> 00:10:32,371 and that's the reference point from which it would flip. 214 00:10:32,371 --> 00:10:34,456 But I keep it on the center for ease. 215 00:10:34,456 --> 00:10:36,910 Now of course, you could think about your X and Y 216 00:10:36,910 --> 00:10:40,998 and your rotation and etc., your angle, 217 00:10:40,998 --> 00:10:43,449 but the easiest thing, I think, is either 218 00:10:43,449 --> 00:10:45,951 use your rotations if that's what you're after 219 00:10:45,951 --> 00:10:49,922 or here's the flipping options. Flip horizontal, flip vertical. 220 00:10:49,922 --> 00:10:52,725 Kind of gives you a little preview of how it works in the icons, 221 00:10:52,725 --> 00:10:56,196 so here's a flip horizontal, here you see what's happened. 222 00:10:56,196 --> 00:10:59,816 Of course, I may have to rethink my text there. 223 00:10:59,816 --> 00:11:01,717 Here's flip vertical. 224 00:11:01,717 --> 00:11:03,053 So those, that's how those work, 225 00:11:03,053 --> 00:11:07,473 so a very easy opportunity to work with your images in InDesign.