WEBVTT 00:00:02.457 --> 00:00:07.113 Okay. So this will be our tutorial about using text wraps, 00:00:07.113 --> 00:00:11.885 hyphenation, spell check, and transform. 00:00:11.885 --> 00:00:14.238 So when we're thinking of image and text, 00:00:14.238 --> 00:00:16.255 we have some really cool options in InDesign 00:00:16.255 --> 00:00:19.710 to allow them to work together, that saves you some time. 00:00:19.710 --> 00:00:22.111 We're thinking always of being the most efficient. 00:00:22.111 --> 00:00:26.016 Once you have your techniques, you want to think about expediting your process 00:00:26.016 --> 00:00:29.434 so that you can make work um, as efficiently as possible. 00:00:29.434 --> 00:00:33.271 So let's start with thinking about text wrap. 00:00:33.271 --> 00:00:36.608 So a text wrap is when you're thinking about the interaction of text, 00:00:36.608 --> 00:00:38.261 so here is my text frame, 00:00:38.261 --> 00:00:41.314 and image, so here's my image frame. 00:00:41.314 --> 00:00:43.717 Of course, we know that our image frame, 00:00:43.717 --> 00:00:47.135 here I can see the image is actually quite large 00:00:47.135 --> 00:00:50.856 with this yellow orange kind of bounding box. 00:00:50.856 --> 00:00:52.841 That tells me that the image is really big, 00:00:52.841 --> 00:00:55.112 but of course, it's inside a frame 00:00:55.112 --> 00:00:59.799 and if I want to use the content grabber to edit, I can. 00:00:59.799 --> 00:01:03.937 So that is a big image, but it's kind of isolated to this page 00:01:03.937 --> 00:01:07.640 and I have my text. So the way to think about using text 00:01:07.640 --> 00:01:14.414 and um, text wrap, is a consideration of how you want the text to flow 00:01:14.414 --> 00:01:17.416 around any particular image. 00:01:17.416 --> 00:01:19.451 Now in this rectangular case, 00:01:19.451 --> 00:01:23.089 it's pretty easy to just kind of line up my text frame 00:01:23.089 --> 00:01:26.876 to be in a position where it feels like it's flowing around the image. 00:01:26.876 --> 00:01:30.096 But these two objects aren't really connected together. 00:01:30.096 --> 00:01:32.698 So another more interesting way 00:01:32.698 --> 00:01:35.184 is to think about using text wrap, 00:01:35.184 --> 00:01:37.169 and the way I'm going to show it to you 00:01:37.169 --> 00:01:38.771 is by changing the shape of this. 00:01:38.771 --> 00:01:40.873 You really get an idea of how it works. 00:01:40.873 --> 00:01:42.024 So the first thing I'm going to do is 00:01:42.024 --> 00:01:44.627 I'm just going to make this a non rectangular image, 00:01:44.627 --> 00:01:46.612 so I'm going to change the frame. 00:01:46.612 --> 00:01:49.549 And I'm going to do that, make sure you're not clicked on anything. 00:01:49.549 --> 00:01:51.917 I'm going to grab my direct selection tool 00:01:51.917 --> 00:01:54.603 because I just want to edit this one little corner. 00:01:54.603 --> 00:01:58.591 So I've clicked on that corner and I'm going to shift it over. 00:01:58.591 --> 00:02:02.929 So I'm just going to kind of create you know, some sort of a diagonal. 00:02:02.929 --> 00:02:05.865 This will just reveal the text wrap to you, 00:02:05.865 --> 00:02:08.317 more so than if it was rectangular. 00:02:08.317 --> 00:02:10.369 It's also kind of a nice design. 00:02:10.369 --> 00:02:14.256 So now, the trick with thinking about text wrap 00:02:14.256 --> 00:02:16.662 is it's something that you actually apply 00:02:16.662 --> 00:02:19.479 to the image, not to the text. 00:02:19.479 --> 00:02:23.782 That's the one little conceptual trick here uh, that's kind of hard to remember. 00:02:23.782 --> 00:02:25.585 So, here's my text. 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, 00:02:30.090 --> 00:02:33.942 both with my title and with the actual kind of information here. 00:02:33.942 --> 00:02:37.198 So I'm going to click on the actual image 00:02:37.198 --> 00:02:39.700 using my regular selection tool, 00:02:39.700 --> 00:02:42.368 because remember, that grabs the bounding box. 00:02:42.368 --> 00:02:44.937 And then, you'll see an opportunity 00:02:44.937 --> 00:02:48.323 inside your Properties panel down here called Text Wrap. 00:02:48.323 --> 00:02:52.094 Now again, really important. If you're using your other selection tool, 00:02:52.094 --> 00:02:55.115 oh, actually using the other one brings it up too, 00:02:55.115 --> 00:02:57.800 so if for some reason you didn't see it though, 00:02:57.800 --> 00:03:01.069 I just always kind of default to my regular selection tool. 00:03:01.069 --> 00:03:02.806 Click on the image. 00:03:02.806 --> 00:03:05.275 And then you'll see your text wrap. 00:03:05.275 --> 00:03:08.560 So, first opportunity here is no text wrap, 00:03:08.560 --> 00:03:10.512 so that's what it's currently set at. 00:03:10.512 --> 00:03:12.049 You can see it's a little bit darker. 00:03:12.049 --> 00:03:14.952 Here, if we wrap around the bounding box, 00:03:14.952 --> 00:03:18.971 remembering that I changed the bounding box, look what happens. 00:03:18.971 --> 00:03:23.226 It has shifted my text to kind of match this angle right here. 00:03:23.226 --> 00:03:26.379 Oops, I just zoomed in on the actual image 00:03:26.379 --> 00:03:28.147 instead of the frame, there you go. 00:03:28.147 --> 00:03:29.499 So now it's done that, 00:03:29.499 --> 00:03:31.968 if I want to use some offsets, 00:03:31.968 --> 00:03:36.323 which in this case is just one offset to kind of space it out, 00:03:36.323 --> 00:03:38.757 I could always increase some spacing. 00:03:38.757 --> 00:03:42.311 Oops, Command Z, let me get back here a little bit. 00:03:42.311 --> 00:03:47.601 Use some spacing on this image to kind of bump this around. 00:03:47.601 --> 00:03:50.403 So I'm going to click off and just zoom myself out a little bit. 00:03:50.403 --> 00:03:52.690 So again, I'm on the image. 00:03:52.690 --> 00:03:58.445 If I apply a text wrap, I'm going to go back in time here. 00:03:58.445 --> 00:04:03.115 There's my text wrap, which is a wrap around bounding box. 00:04:03.115 --> 00:04:08.070 If I need to increase the spacing then I'm going to use an offset. 00:04:08.070 --> 00:04:09.789 So this is an offset number. 00:04:09.789 --> 00:04:11.857 It'll usually limit you to just doing 00:04:11.857 --> 00:04:15.262 whatever one works for that particular bounding or text wrap, 00:04:15.262 --> 00:04:17.398 which in this case is a top offset, 00:04:17.398 --> 00:04:19.499 but it's sort of shifting things left to right. 00:04:19.499 --> 00:04:24.052 Now notice what's happening with also the title of this kind of article. 00:04:24.052 --> 00:04:26.122 It is getting overset. 00:04:26.122 --> 00:04:30.009 I'm kind of missing out on some of my text with this little red thing. 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, 00:04:35.648 --> 00:04:40.102 but it's shifting this according to the text wrap. 00:04:40.102 --> 00:04:43.723 So that is a text wrap with a bounding box. 00:04:43.723 --> 00:04:48.827 Very interesting, clever way-- the, of working with text and image. 00:04:48.827 --> 00:04:52.131 The other thing you can do, you don't necessarily have 00:04:52.131 --> 00:04:53.782 to have it working with an image. 00:04:53.782 --> 00:04:55.802 You can use text wrap with any object. 00:04:55.802 --> 00:04:56.970 So here's another object. 00:04:56.970 --> 00:04:59.189 This is something I drew really quickly 00:04:59.189 --> 00:05:02.057 and I actually just used the pen tool. 00:05:02.057 --> 00:05:04.010 Here we go, you're familiar with the pen tool. 00:05:04.010 --> 00:05:05.560 You can use the pen tool in InDesign. 00:05:05.560 --> 00:05:07.545 You can also use it in Illustrator. 00:05:07.545 --> 00:05:09.599 If you're drawing something more complex, 00:05:09.599 --> 00:05:13.236 then of course you can place your object inside InDesign. 00:05:13.236 --> 00:05:18.926 So here, I have some text and this kind of custom shape. 00:05:18.926 --> 00:05:23.628 Let's imagine it's a poorly drawn guitar of some sort. 00:05:23.628 --> 00:05:26.049 Uh, let's think about the kind of text wrap 00:05:26.049 --> 00:05:28.651 we could do with these two objects. 00:05:28.651 --> 00:05:31.353 So I am again, make sure you don't have anything selected. 00:05:31.353 --> 00:05:33.774 Get your black arrow selection tool, 00:05:33.774 --> 00:05:35.442 go to the object itself 00:05:35.442 --> 00:05:38.528 to determine what kind of text wrap you want. 00:05:38.528 --> 00:05:41.847 Here's the one we did before around the bounding box. 00:05:41.847 --> 00:05:44.967 Remember, this is actually in a bounding box that's square. 00:05:44.967 --> 00:05:46.586 So that's not going to help us at all. 00:05:46.586 --> 00:05:48.887 What I want us to think about instead 00:05:48.887 --> 00:05:51.757 is wrapping around the object that I've drawn. 00:05:51.757 --> 00:05:54.910 So if I use wrap around object, look what's happened. 00:05:54.910 --> 00:05:57.130 Now I have this lovely little flow 00:05:57.130 --> 00:06:00.382 around the side of the object. 00:06:00.382 --> 00:06:03.835 Of course, if I move my text frame around, it's going to keep flowing 00:06:03.835 --> 00:06:07.023 and the positioning of the text will flow around that object. 00:06:07.023 --> 00:06:09.008 If I change the size of the object, of course, 00:06:09.008 --> 00:06:11.377 it's just going to keep flowing. 00:06:11.377 --> 00:06:13.746 Now, other opportunity is maybe 00:06:13.746 --> 00:06:16.615 we don't want to be on the outside of this object. 00:06:16.615 --> 00:06:19.535 Perhaps we want to be on the inside of the object. 00:06:19.535 --> 00:06:23.290 In that case, you have an invert button here. 00:06:23.290 --> 00:06:28.294 So if I invert and also make sure I grab my text, 00:06:28.294 --> 00:06:32.081 so I'm going to use my black arrow. 00:06:32.081 --> 00:06:33.733 I'm going to move the text so that it's actually 00:06:33.733 --> 00:06:35.968 in the space of the object. 00:06:35.968 --> 00:06:39.188 And perhaps I need to make my text frame a little bit wider. 00:06:39.188 --> 00:06:41.557 Bring it in a little bit here. 00:06:41.557 --> 00:06:45.361 And I'm, that top line looks like it's, there we go. 00:06:45.361 --> 00:06:46.797 Bring that down a little bit. 00:06:46.797 --> 00:06:49.498 So now I have done a text wrap 00:06:49.498 --> 00:06:54.053 around an object and inverted it 00:06:54.053 --> 00:06:58.192 so that it's actually inside the object. 00:06:58.192 --> 00:07:01.928 So that is wrap around object shape, invert. 00:07:01.928 --> 00:07:05.215 You also have um, jump object, jump to next column. 00:07:05.215 --> 00:07:09.218 Those are a little bit more if you're uh, doing column based design work. 00:07:09.218 --> 00:07:11.486 I think the most useful for you currently 00:07:11.486 --> 00:07:15.893 is the wrap around bounding box or wrap around object shape, 00:07:15.893 --> 00:07:18.328 thinking about how to invert it. 00:07:18.328 --> 00:07:19.578 Again, if you don't want to do it, 00:07:19.578 --> 00:07:21.981 then you can always just go back to this no text wrap 00:07:21.981 --> 00:07:26.719 and now you're back to the basics where they aren't interacting together. 00:07:26.719 --> 00:07:29.254 So those are your text wrap options, very fun. 00:07:29.254 --> 00:07:32.292 Uh, the other thing I want to show you 00:07:32.292 --> 00:07:36.145 is to just pay attention to what is hyphenated. 00:07:36.145 --> 00:07:38.513 If you're writing out a lot of text 00:07:38.513 --> 00:07:42.086 and you're breaking on a line, 00:07:42.086 --> 00:07:44.538 it's going to create a hyphenation, 00:07:44.538 --> 00:07:46.272 so here's a hyphen, here's a hyphen, 00:07:46.272 --> 00:07:48.207 here's a hyphen, here's a hyphen. 00:07:48.207 --> 00:07:50.959 Sometimes that's a really kind of annoying thing 00:07:50.959 --> 00:07:53.196 when you're a viewer or a reader. 00:07:53.196 --> 00:07:56.665 Just seeing a bunch of hyphens along the edge is kind of a bad design. 00:07:56.665 --> 00:07:59.869 It can get kind of um, irritating on your eyes. 00:07:59.869 --> 00:08:02.071 So if you want to turn that off, 00:08:02.071 --> 00:08:04.990 I recommend turning that off and it's just a really simple setting. 00:08:04.990 --> 00:08:08.261 If you scroll down in your Properties panel, 00:08:08.261 --> 00:08:10.197 you have to be on a text frame 00:08:10.197 --> 00:08:13.149 because otherwise it won't have all the opportunities, but scroll down. 00:08:13.149 --> 00:08:16.686 Under this paragraph right here where you have paragraph options, 00:08:16.686 --> 00:08:19.389 you know, you've got center, justification, etc., 00:08:19.389 --> 00:08:21.307 we have a hyphenate button. 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 00:08:25.010 --> 00:08:29.215 rather than hyphenate, hyphenate, hyphenate all the time. 00:08:29.215 --> 00:08:30.784 That's hyphenation. 00:08:30.784 --> 00:08:33.369 The other thing I want you to pay attention to is your spelling. 00:08:33.369 --> 00:08:36.272 There is nothing worse than looking at a beautiful design 00:08:36.272 --> 00:08:38.158 that has a bunch of spelling errors, 00:08:38.158 --> 00:08:41.427 because they become these little kind of 00:08:41.427 --> 00:08:43.280 just nuisances to your brain. 00:08:43.280 --> 00:08:46.983 So, you can, of course, check your spelling in a word document. 00:08:46.983 --> 00:08:49.935 Particularly if you have a lot of text, 00:08:49.935 --> 00:08:53.072 use that kind of word document program, 00:08:53.072 --> 00:08:55.992 whatever it might be, to check your spelling. 00:08:55.992 --> 00:08:58.679 Or if you're just going to type into InDesign, 00:08:58.679 --> 00:09:01.080 we do have a spellcheck feature. 00:09:01.080 --> 00:09:02.966 So grab your text frame. 00:09:02.966 --> 00:09:05.317 Actually you don't even need to grab a text frame. 00:09:05.317 --> 00:09:08.439 You can go right into it. It's under the Edit menu. 00:09:08.439 --> 00:09:12.424 Spelling, Check Spelling. 00:09:12.424 --> 00:09:14.728 This will go through like a normal kind of text editor 00:09:14.728 --> 00:09:16.512 kind of word processing document 00:09:16.512 --> 00:09:18.715 and check all of your spelling. 00:09:18.715 --> 00:09:24.004 Suggested, you can commit to it, you can skip it, ignore it, etc. 00:09:24.004 --> 00:09:25.488 When you're finished, you can hit Done. 00:09:25.488 --> 00:09:27.073 So please check your spelling on your work. 00:09:27.073 --> 00:09:32.712 Um, that again is just Edit, Spelling, Check Spelling. 00:09:32.712 --> 00:09:35.965 You can also do Dynamic Spelling. That'll watch it as you type. 00:09:35.965 --> 00:09:40.652 That's an opportunity for you if you like that kind of um, spelling work. 00:09:40.652 --> 00:09:43.573 Okay, so we've done text wraps, hyphenation, spelling. 00:09:43.573 --> 00:09:45.875 The only other thing I'm going to show you 00:09:45.875 --> 00:09:47.609 that people often like to do, 00:09:47.609 --> 00:09:51.464 because we've done it in other programs, is to flip things. 00:09:51.464 --> 00:09:52.982 So if you've been experimenting 00:09:52.982 --> 00:09:55.401 with flipping images horizontally or vertically 00:09:55.401 --> 00:09:58.037 in Illustrator or Photoshop, 00:09:58.037 --> 00:09:59.872 we can do the same here. 00:09:59.872 --> 00:10:02.860 So let's do it on this actual image of the waves. 00:10:02.860 --> 00:10:05.561 So the way to do this is through transforming. 00:10:05.561 --> 00:10:07.964 Once you have your file, of course, 00:10:07.964 --> 00:10:11.585 and you've grabbed it with your selection tool, 00:10:11.585 --> 00:10:14.354 top of your properties panel is your Transform, up here. 00:10:14.354 --> 00:10:17.340 You always want to choose the reference point. 00:10:17.340 --> 00:10:21.277 So if you're just transforming vertically or horizontally as a flip, 00:10:21.277 --> 00:10:23.629 like you were thinking of it in a mirror, 00:10:23.629 --> 00:10:25.348 I use the center point, 00:10:25.348 --> 00:10:27.767 but you could also flip from edges. 00:10:27.767 --> 00:10:29.718 So you would just simply click on an edge 00:10:29.718 --> 00:10:32.371 and that's the reference point from which it would flip. 00:10:32.371 --> 00:10:34.456 But I keep it on the center for ease. 00:10:34.456 --> 00:10:36.910 Now of course, you could think about your X and Y 00:10:36.910 --> 00:10:40.998 and your rotation and etc., your angle, 00:10:40.998 --> 00:10:43.449 but the easiest thing, I think, is either 00:10:43.449 --> 00:10:45.951 use your rotations if that's what you're after 00:10:45.951 --> 00:10:49.922 or here's the flipping options. Flip horizontal, flip vertical. 00:10:49.922 --> 00:10:52.725 Kind of gives you a little preview of how it works in the icons, 00:10:52.725 --> 00:10:56.196 so here's a flip horizontal, here you see what's happened. 00:10:56.196 --> 00:10:59.816 Of course, I may have to rethink my text there. 00:10:59.816 --> 00:11:01.717 Here's flip vertical. 00:11:01.717 --> 00:11:03.053 So those, that's how those work, 00:11:03.053 --> 00:11:07.473 so a very easy opportunity to work with your images in InDesign.