0:00:02.457,0:00:07.113
Okay. So this will be our tutorial [br]about using text wraps,

0:00:07.113,0:00:11.885
hyphenation, spell check, and transform.

0:00:11.885,0:00:14.238
So when we're thinking of image and text,

0:00:14.238,0:00:16.255
we have some[br]really cool options in InDesign

0:00:16.255,0:00:19.710
to allow them to work together, [br]that saves you some time.

0:00:19.710,0:00:22.111
We're thinking always [br]of being the most efficient.

0:00:22.111,0:00:26.016
Once you have your techniques, you want[br]to think about expediting your process

0:00:26.016,0:00:29.434
so that you can make work um,[br]as efficiently as possible.

0:00:29.434,0:00:33.271
So let's start with thinking[br]about text wrap.

0:00:33.271,0:00:36.608
So a text wrap is when you're thinking [br]about the interaction of text,

0:00:36.608,0:00:38.261
so here is my text frame,

0:00:38.261,0:00:41.314
and image, so here's my image frame.

0:00:41.314,0:00:43.717
Of course, we know that our image frame,

0:00:43.717,0:00:47.135
here I can see the image [br]is actually quite large

0:00:47.135,0:00:50.856
with this yellow orange [br]kind of bounding box.

0:00:50.856,0:00:52.841
That tells me [br]that the image is really big,

0:00:52.841,0:00:55.112
but of course, it's inside a frame

0:00:55.112,0:00:59.799
and if I want to use [br]the content grabber to edit, I can.

0:00:59.799,0:01:03.937
So that is a big image, [br]but it's kind of isolated to this page

0:01:03.937,0:01:07.640
and I have my text. So the way[br]to think about using text

0:01:07.640,0:01:14.414
and um, text wrap, is a consideration [br]of how you want the text to flow

0:01:14.414,0:01:17.416
around any particular image.

0:01:17.416,0:01:19.451
Now in this rectangular case,

0:01:19.451,0:01:23.089
it's pretty easy to just kind of [br]line up my text frame

0:01:23.089,0:01:26.876
to be in a position where it feels[br]like it's flowing around the image.

0:01:26.876,0:01:30.096
But these two objects [br]aren't really connected together.

0:01:30.096,0:01:32.698
So another more interesting way

0:01:32.698,0:01:35.184
is to think about using text wrap,

0:01:35.184,0:01:37.169
and the way I'm going to show it to you

0:01:37.169,0:01:38.771
is by changing the shape of this.

0:01:38.771,0:01:40.873
You really get an idea of how it works.

0:01:40.873,0:01:42.024
So the first thing I'm going to do is

0:01:42.024,0:01:44.627
I'm just going to make this [br]a non rectangular image,

0:01:44.627,0:01:46.612
so I'm going to change the frame.

0:01:46.612,0:01:49.549
And I'm going to do that, make sure [br]you're not clicked on anything.

0:01:49.549,0:01:51.917
I'm going to grab my direct selection tool

0:01:51.917,0:01:54.603
because I just want to edit [br]this one little corner.

0:01:54.603,0:01:58.591
So I've clicked on that corner [br]and I'm going to shift it over.

0:01:58.591,0:02:02.929
So I'm just going to kind of create [br]you know, some sort of a diagonal.

0:02:02.929,0:02:05.865
This will just reveal [br]the text wrap to you,

0:02:05.865,0:02:08.317
more so than if it was rectangular.

0:02:08.317,0:02:10.369
It's also kind of a nice design.

0:02:10.369,0:02:14.256
So now, the trick [br]with thinking about text wrap

0:02:14.256,0:02:16.662
is it's something that you actually apply

0:02:16.662,0:02:19.479
to the image, not to the text.

0:02:19.479,0:02:23.782
That's the one little conceptual trick[br]here uh, that's kind of hard to remember.

0:02:23.782,0:02:25.585
So, here's my text.

0:02:25.585,0:02:30.090
Let's imagine I'm going to kind of [br]let it wrap around the edge of the image,

0:02:30.090,0:02:33.942
both with my title and with [br]the actual kind of information here.

0:02:33.942,0:02:37.198
So I'm going to click on the actual image

0:02:37.198,0:02:39.700
using my regular selection tool,

0:02:39.700,0:02:42.368
because remember, [br]that grabs the bounding box.

0:02:42.368,0:02:44.937
And then, you'll see an opportunity

0:02:44.937,0:02:48.323
inside your Properties panel down here [br]called Text Wrap.

0:02:48.323,0:02:52.094
Now again, really important.[br]If you're using your other selection tool,

0:02:52.094,0:02:55.115
oh, actually using the other one[br]brings it up too,

0:02:55.115,0:02:57.800
so if for some reason [br]you didn't see it though,

0:02:57.800,0:03:01.069
I just always kind of default [br]to my regular selection tool.

0:03:01.069,0:03:02.806
Click on the image.

0:03:02.806,0:03:05.275
And then you'll see your text wrap.

0:03:05.275,0:03:08.560
So, first opportunity here [br]is no text wrap,

0:03:08.560,0:03:10.512
so that's what it's currently set at.

0:03:10.512,0:03:12.049
You can see it's a little bit darker.

0:03:12.049,0:03:14.952
Here, if we wrap around the bounding box,

0:03:14.952,0:03:18.971
remembering that I changed [br]the bounding box, look what happens.

0:03:18.971,0:03:23.226
It has shifted my text to kind of [br]match this angle right here.

0:03:23.226,0:03:26.379
Oops, I just zoomed in [br]on the actual image

0:03:26.379,0:03:28.147
instead of the frame, there you go.

0:03:28.147,0:03:29.499
So now it's done that,

0:03:29.499,0:03:31.968
if I want to use some offsets,

0:03:31.968,0:03:36.323
which in this case is just one offset [br]to kind of space it out,

0:03:36.323,0:03:38.757
I could always increase some spacing.

0:03:38.757,0:03:42.311
Oops, Command Z, [br]let me get back here a little bit.

0:03:42.311,0:03:47.601
Use some spacing on this image [br]to kind of bump this around.

0:03:47.601,0:03:50.403
So I'm going to click off [br]and just zoom myself out a little bit.

0:03:50.403,0:03:52.690
So again, I'm on the image.

0:03:52.690,0:03:58.445
If I apply a text wrap, I'm going [br]to go back in time here.

0:03:58.445,0:04:03.115
There's my text wrap, which is [br]a wrap around bounding box.

0:04:03.115,0:04:08.070
If I need to increase the spacing[br]then I'm going to use an offset.

0:04:08.070,0:04:09.789
So this is an offset number.

0:04:09.789,0:04:11.857
It'll usually limit you to just doing

0:04:11.857,0:04:15.262
whatever one works for [br]that particular bounding or text wrap,

0:04:15.262,0:04:17.398
which in this case is a top offset,

0:04:17.398,0:04:19.499
but it's sort of shifting things [br]left to right.

0:04:19.499,0:04:24.052
Now notice what's happening with also [br]the title of this kind of article.

0:04:24.052,0:04:26.122
It is getting overset.

0:04:26.122,0:04:30.009
I'm kind of missing out on some [br]of my text with this little red thing.

0:04:30.009,0:04:35.648
So of course, I can increase the size [br]of this text frame so that it also works,

0:04:35.648,0:04:40.102
but it's shifting this[br]according to the text wrap.

0:04:40.102,0:04:43.723
So that is a text wrap [br]with a bounding box.

0:04:43.723,0:04:48.827
Very interesting, clever way-- [br]the, of working with text and image.

0:04:48.827,0:04:52.131
The other thing you can do, [br]you don't necessarily have

0:04:52.131,0:04:53.782
to have it working with an image.

0:04:53.782,0:04:55.802
You can use text wrap with any object.

0:04:55.802,0:04:56.970
So here's another object.

0:04:56.970,0:04:59.189
This is something I drew really quickly

0:04:59.189,0:05:02.057
and I actually just used the pen tool.

0:05:02.057,0:05:04.010
Here we go, you're familiar[br]with the pen tool.

0:05:04.010,0:05:05.560
You can use the pen tool in InDesign.

0:05:05.560,0:05:07.545
You can also use it in Illustrator.

0:05:07.545,0:05:09.599
If you're drawing something more complex,

0:05:09.599,0:05:13.236
then of course you can place [br]your object inside InDesign.

0:05:13.236,0:05:18.926
So here, I have some text [br]and this kind of custom shape.

0:05:18.926,0:05:23.628
Let's imagine [br]it's a poorly drawn guitar of some sort.

0:05:23.628,0:05:26.049
Uh, let's think about [br]the kind of text wrap

0:05:26.049,0:05:28.651
we could do with these two objects.

0:05:28.651,0:05:31.353
So I am again, make sure [br]you don't have anything selected.

0:05:31.353,0:05:33.774
Get your black arrow selection tool,

0:05:33.774,0:05:35.442
go to the object itself

0:05:35.442,0:05:38.528
to determine what kind [br]of text wrap you want.

0:05:38.528,0:05:41.847
Here's the one we did before[br]around the bounding box.

0:05:41.847,0:05:44.967
Remember, this is actually in[br]a bounding box that's square.

0:05:44.967,0:05:46.586
So that's not going to help us at all.

0:05:46.586,0:05:48.887
What I want us to think about instead

0:05:48.887,0:05:51.757
is wrapping around[br]the object that I've drawn.

0:05:51.757,0:05:54.910
So if I use wrap around object, [br]look what's happened.

0:05:54.910,0:05:57.130
Now I have this lovely little flow

0:05:57.130,0:06:00.382
around the side of the object.

0:06:00.382,0:06:03.835
Of course, if I move my text frame around, [br]it's going to keep flowing

0:06:03.835,0:06:07.023
and the positioning of the text [br]will flow around that object.

0:06:07.023,0:06:09.008
If I change the size of the object, [br]of course,

0:06:09.008,0:06:11.377
it's just going to keep flowing.

0:06:11.377,0:06:13.746
Now, other opportunity is maybe

0:06:13.746,0:06:16.615
we don't want to be [br]on the outside of this object.

0:06:16.615,0:06:19.535
Perhaps we want to be[br]on the inside of the object.

0:06:19.535,0:06:23.290
In that case, you have [br]an invert button here.

0:06:23.290,0:06:28.294
So if I invert and also[br]make sure I grab my text,

0:06:28.294,0:06:32.081
so I'm going to use my black arrow.

0:06:32.081,0:06:33.733
I'm going to move the text [br]so that it's actually

0:06:33.733,0:06:35.968
in the space of the object.

0:06:35.968,0:06:39.188
And perhaps I need to make [br]my text frame a little bit wider.

0:06:39.188,0:06:41.557
Bring it in a little bit here.

0:06:41.557,0:06:45.361
And I'm, that top line looks like it's, [br]there we go.

0:06:45.361,0:06:46.797
Bring that down a little bit.

0:06:46.797,0:06:49.498
So now I have done a text wrap

0:06:49.498,0:06:54.053
around an object and inverted it

0:06:54.053,0:06:58.192
so that it's actually inside the object.

0:06:58.192,0:07:01.928
So that is wrap around object shape, [br]invert.

0:07:01.928,0:07:05.215
You also have um, jump object, [br]jump to next column.

0:07:05.215,0:07:09.218
Those are a little bit more if you're uh, [br]doing column based design work.

0:07:09.218,0:07:11.486
I think the most useful for you currently

0:07:11.486,0:07:15.893
is the wrap around bounding box[br]or wrap around object shape,

0:07:15.893,0:07:18.328
thinking about how to invert it.

0:07:18.328,0:07:19.578
Again, if you don't want to do it,

0:07:19.578,0:07:21.981
then you can always just [br]go back to this no text wrap

0:07:21.981,0:07:26.719
and now you're back to the basics [br]where they aren't interacting together.

0:07:26.719,0:07:29.254
So those are your text wrap options, [br]very fun.

0:07:29.254,0:07:32.292
Uh, the other thing I want to show you

0:07:32.292,0:07:36.145
is to just pay attention[br]to what is hyphenated.

0:07:36.145,0:07:38.513
If you're writing out a lot of text

0:07:38.513,0:07:42.086
and you're breaking on a line,

0:07:42.086,0:07:44.538
it's going to create a hyphenation,

0:07:44.538,0:07:46.272
so here's a hyphen, here's a hyphen,

0:07:46.272,0:07:48.207
here's a hyphen, here's a hyphen.

0:07:48.207,0:07:50.959
Sometimes that's a really [br]kind of annoying thing

0:07:50.959,0:07:53.196
when you're a viewer or a reader.

0:07:53.196,0:07:56.665
Just seeing a bunch of hyphens [br]along the edge is kind of a bad design.

0:07:56.665,0:07:59.869
It can get kind of um, [br]irritating on your eyes.

0:07:59.869,0:08:02.071
So if you want to turn that off,

0:08:02.071,0:08:04.990
I recommend turning that off [br]and it's just a really simple setting.

0:08:04.990,0:08:08.261
If you scroll down[br]in your Properties panel,

0:08:08.261,0:08:10.197
you have to be on a text frame

0:08:10.197,0:08:13.149
because otherwise it won't have[br]all the opportunities, but scroll down.

0:08:13.149,0:08:16.686
Under this paragraph right here [br]where you have paragraph options,

0:08:16.686,0:08:19.389
you know, you've got center, [br]justification, etc.,

0:08:19.389,0:08:21.307
we have a hyphenate button.

0:08:21.307,0:08:25.010
So I like to turn that off [br]and it's just going to move the words down

0:08:25.010,0:08:29.215
rather than hyphenate, hyphenate, [br]hyphenate all the time.

0:08:29.215,0:08:30.784
That's hyphenation.

0:08:30.784,0:08:33.369
The other thing I want you [br]to pay attention to is your spelling.

0:08:33.369,0:08:36.272
There is nothing worse [br]than looking at a beautiful design

0:08:36.272,0:08:38.158
that has a bunch of spelling errors,

0:08:38.158,0:08:41.427
because they become these little kind of

0:08:41.427,0:08:43.280
just nuisances to your brain.

0:08:43.280,0:08:46.983
So, you can, of course, [br]check your spelling in a word document.

0:08:46.983,0:08:49.935
Particularly if you have a lot of text,

0:08:49.935,0:08:53.072
use that kind of word document program,

0:08:53.072,0:08:55.992
whatever it might be, [br]to check your spelling.

0:08:55.992,0:08:58.679
Or if you're just going [br]to type into InDesign,

0:08:58.679,0:09:01.080
we do have a spellcheck feature.

0:09:01.080,0:09:02.966
So grab your text frame.

0:09:02.966,0:09:05.317
Actually you don't even need [br]to grab a text frame.

0:09:05.317,0:09:08.439
You can go right into it. [br]It's under the Edit menu.

0:09:08.439,0:09:12.424
Spelling, Check Spelling.

0:09:12.424,0:09:14.728
This will go through like [br]a normal kind of text editor

0:09:14.728,0:09:16.512
kind of word processing document

0:09:16.512,0:09:18.715
and check all of your spelling.

0:09:18.715,0:09:24.004
Suggested, you can commit to it, [br]you can skip it, ignore it, etc.

0:09:24.004,0:09:25.488
When you're finished, you can hit Done.

0:09:25.488,0:09:27.073
So please check your spelling [br]on your work.

0:09:27.073,0:09:32.712
Um, that again is just [br]Edit, Spelling, Check Spelling.

0:09:32.712,0:09:35.965
You can also do Dynamic Spelling. [br]That'll watch it as you type.

0:09:35.965,0:09:40.652
That's an opportunity for you if you[br]like that kind of um, spelling work.

0:09:40.652,0:09:43.573
Okay, so we've done text wraps, [br]hyphenation, spelling.

0:09:43.573,0:09:45.875
The only other thing I'm going to show you

0:09:45.875,0:09:47.609
that people often like to do,

0:09:47.609,0:09:51.464
because we've done it in other programs, [br]is to flip things.

0:09:51.464,0:09:52.982
So if you've been experimenting

0:09:52.982,0:09:55.401
with flipping images [br]horizontally or vertically

0:09:55.401,0:09:58.037
in Illustrator or Photoshop,

0:09:58.037,0:09:59.872
we can do the same here.

0:09:59.872,0:10:02.860
So let's do it on this [br]actual image of the waves.

0:10:02.860,0:10:05.561
So the way to do this [br]is through transforming.

0:10:05.561,0:10:07.964
Once you have your file, of course,

0:10:07.964,0:10:11.585
and you've grabbed it [br]with your selection tool,

0:10:11.585,0:10:14.354
top of your properties panel [br]is your Transform, up here.

0:10:14.354,0:10:17.340
You always want to choose [br]the reference point.

0:10:17.340,0:10:21.277
So if you're just transforming [br]vertically or horizontally as a flip,

0:10:21.277,0:10:23.629
like you were thinking of it in a mirror,

0:10:23.629,0:10:25.348
I use the center point,

0:10:25.348,0:10:27.767
but you could also flip from edges.

0:10:27.767,0:10:29.718
So you would just simply click on an edge

0:10:29.718,0:10:32.371
and that's the reference point [br]from which it would flip.

0:10:32.371,0:10:34.456
But I keep it on the center for ease.

0:10:34.456,0:10:36.910
Now of course, you could [br]think about your X and Y

0:10:36.910,0:10:40.998
and your rotation and etc., your angle,

0:10:40.998,0:10:43.449
but the easiest thing, I think, is either

0:10:43.449,0:10:45.951
use your rotations [br]if that's what you're after

0:10:45.951,0:10:49.922
or here's the flipping options. [br]Flip horizontal, flip vertical.

0:10:49.922,0:10:52.725
Kind of gives you a little preview [br]of how it works in the icons,

0:10:52.725,0:10:56.196
so here's a flip horizontal, [br]here you see what's happened.

0:10:56.196,0:10:59.816
Of course, I may have [br]to rethink my text there.

0:10:59.816,0:11:01.717
Here's flip vertical.

0:11:01.717,0:11:03.053
So those, that's how those work,

0:11:03.053,0:11:07.473
so a very easy opportunity to work [br]with your images in InDesign.