< Return to Video

Text Wraps, Spelling, Hyphenation, Transforming

  • 0:02 - 0:07
    Okay. So this will be our tutorial
    about using text wraps,
  • 0:07 - 0:12
    hyphenation, spell check, and transform.
  • 0:12 - 0:14
    So when we're thinking of image and text,
  • 0:14 - 0:16
    we have some
    really cool options in InDesign
  • 0:16 - 0:20
    to allow them to work together,
    that saves you some time.
  • 0:20 - 0:22
    We're thinking always
    of being the most efficient.
  • 0:22 - 0:26
    Once you have your techniques, you want
    to think about expediting your process
  • 0:26 - 0:29
    so that you can make work um,
    as efficiently as possible.
  • 0:29 - 0:33
    So let's start with thinking
    about text wrap.
  • 0:33 - 0:37
    So a text wrap is when you're thinking
    about the interaction of text,
  • 0:37 - 0:38
    so here is my text frame,
  • 0:38 - 0:41
    and image, so here's my image frame.
  • 0:41 - 0:44
    Of course, we know that our image frame,
  • 0:44 - 0:47
    here I can see the image
    is actually quite large
  • 0:47 - 0:51
    with this yellow orange
    kind of bounding box.
  • 0:51 - 0:53
    That tells me
    that the image is really big,
  • 0:53 - 0:55
    but of course, it's inside a frame
  • 0:55 - 1:00
    and if I want to use
    the content grabber to edit, I can.
  • 1:00 - 1:04
    So that is a big image,
    but it's kind of isolated to this page
  • 1:04 - 1:08
    and I have my text. So the way
    to think about using text
  • 1:08 - 1:14
    and um, text wrap, is a consideration
    of how you want the text to flow
  • 1:14 - 1:17
    around any particular image.
  • 1:17 - 1:19
    Now in this rectangular case,
  • 1:19 - 1:23
    it's pretty easy to just kind of
    line up my text frame
  • 1:23 - 1:27
    to be in a position where it feels
    like it's flowing around the image.
  • 1:27 - 1:30
    But these two objects
    aren't really connected together.
  • 1:30 - 1:33
    So another more interesting way
  • 1:33 - 1:35
    is to think about using text wrap,
  • 1:35 - 1:37
    and the way I'm going to show it to you
  • 1:37 - 1:39
    is by changing the shape of this.
  • 1:39 - 1:41
    You really get an idea of how it works.
  • 1:41 - 1:42
    So the first thing I'm going to do is
  • 1:42 - 1:45
    I'm just going to make this
    a non rectangular image,
  • 1:45 - 1:47
    so I'm going to change the frame.
  • 1:47 - 1:50
    And I'm going to do that, make sure
    you're not clicked on anything.
  • 1:50 - 1:52
    I'm going to grab my direct selection tool
  • 1:52 - 1:55
    because I just want to edit
    this one little corner.
  • 1:55 - 1:59
    So I've clicked on that corner
    and I'm going to shift it over.
  • 1:59 - 2:03
    So I'm just going to kind of create
    you know, some sort of a diagonal.
  • 2:03 - 2:06
    This will just reveal
    the text wrap to you,
  • 2:06 - 2:08
    more so than if it was rectangular.
  • 2:08 - 2:10
    It's also kind of a nice design.
  • 2:10 - 2:14
    So now, the trick
    with thinking about text wrap
  • 2:14 - 2:17
    is it's something that you actually apply
  • 2:17 - 2:19
    to the image, not to the text.
  • 2:19 - 2:24
    That's the one little conceptual trick
    here uh, that's kind of hard to remember.
  • 2:24 - 2:26
    So, here's my text.
  • 2:26 - 2:30
    Let's imagine I'm going to kind of
    let it wrap around the edge of the image,
  • 2:30 - 2:34
    both with my title and with
    the actual kind of information here.
  • 2:34 - 2:37
    So I'm going to click on the actual image
  • 2:37 - 2:40
    using my regular selection tool,
  • 2:40 - 2:42
    because remember,
    that grabs the bounding box.
  • 2:42 - 2:45
    And then, you'll see an opportunity
  • 2:45 - 2:48
    inside your Properties panel down here
    called Text Wrap.
  • 2:48 - 2:52
    Now again, really important.
    If you're using your other selection tool,
  • 2:52 - 2:55
    oh, actually using the other one
    brings it up too,
  • 2:55 - 2:58
    so if for some reason
    you didn't see it though,
  • 2:58 - 3:01
    I just always kind of default
    to my regular selection tool.
  • 3:01 - 3:03
    Click on the image.
  • 3:03 - 3:05
    And then you'll see your text wrap.
  • 3:05 - 3:09
    So, first opportunity here
    is no text wrap,
  • 3:09 - 3:11
    so that's what it's currently set at.
  • 3:11 - 3:12
    You can see it's a little bit darker.
  • 3:12 - 3:15
    Here, if we wrap around the bounding box,
  • 3:15 - 3:19
    remembering that I changed
    the bounding box, look what happens.
  • 3:19 - 3:23
    It has shifted my text to kind of
    match this angle right here.
  • 3:23 - 3:26
    Oops, I just zoomed in
    on the actual image
  • 3:26 - 3:28
    instead of the frame, there you go.
  • 3:28 - 3:29
    So now it's done that,
  • 3:29 - 3:32
    if I want to use some offsets,
  • 3:32 - 3:36
    which in this case is just one offset
    to kind of space it out,
  • 3:36 - 3:39
    I could always increase some spacing.
  • 3:39 - 3:42
    Oops, Command Z,
    let me get back here a little bit.
  • 3:42 - 3:48
    Use some spacing on this image
    to kind of bump this around.
  • 3:48 - 3:50
    So I'm going to click off
    and just zoom myself out a little bit.
  • 3:50 - 3:53
    So again, I'm on the image.
  • 3:53 - 3:58
    If I apply a text wrap, I'm going
    to go back in time here.
  • 3:58 - 4:03
    There's my text wrap, which is
    a wrap around bounding box.
  • 4:03 - 4:08
    If I need to increase the spacing
    then I'm going to use an offset.
  • 4:08 - 4:10
    So this is an offset number.
  • 4:10 - 4:12
    It'll usually limit you to just doing
  • 4:12 - 4:15
    whatever one works for
    that particular bounding or text wrap,
  • 4:15 - 4:17
    which in this case is a top offset,
  • 4:17 - 4:19
    but it's sort of shifting things
    left to right.
  • 4:19 - 4:24
    Now notice what's happening with also
    the title of this kind of article.
  • 4:24 - 4:26
    It is getting overset.
  • 4:26 - 4:30
    I'm kind of missing out on some
    of my text with this little red thing.
  • 4:30 - 4:36
    So of course, I can increase the size
    of this text frame so that it also works,
  • 4:36 - 4:40
    but it's shifting this
    according to the text wrap.
  • 4:40 - 4:44
    So that is a text wrap
    with a bounding box.
  • 4:44 - 4:49
    Very interesting, clever way--
    the, of working with text and image.
  • 4:49 - 4:52
    The other thing you can do,
    you don't necessarily have
  • 4:52 - 4:54
    to have it working with an image.
  • 4:54 - 4:56
    You can use text wrap with any object.
  • 4:56 - 4:57
    So here's another object.
  • 4:57 - 4:59
    This is something I drew really quickly
  • 4:59 - 5:02
    and I actually just used the pen tool.
  • 5:02 - 5:04
    Here we go, you're familiar
    with the pen tool.
  • 5:04 - 5:06
    You can use the pen tool in InDesign.
  • 5:06 - 5:08
    You can also use it in Illustrator.
  • 5:08 - 5:10
    If you're drawing something more complex,
  • 5:10 - 5:13
    then of course you can place
    your object inside InDesign.
  • 5:13 - 5:19
    So here, I have some text
    and this kind of custom shape.
  • 5:19 - 5:24
    Let's imagine
    it's a poorly drawn guitar of some sort.
  • 5:24 - 5:26
    Uh, let's think about
    the kind of text wrap
  • 5:26 - 5:29
    we could do with these two objects.
  • 5:29 - 5:31
    So I am again, make sure
    you don't have anything selected.
  • 5:31 - 5:34
    Get your black arrow selection tool,
  • 5:34 - 5:35
    go to the object itself
  • 5:35 - 5:39
    to determine what kind
    of text wrap you want.
  • 5:39 - 5:42
    Here's the one we did before
    around the bounding box.
  • 5:42 - 5:45
    Remember, this is actually in
    a bounding box that's square.
  • 5:45 - 5:47
    So that's not going to help us at all.
  • 5:47 - 5:49
    What I want us to think about instead
  • 5:49 - 5:52
    is wrapping around
    the object that I've drawn.
  • 5:52 - 5:55
    So if I use wrap around object,
    look what's happened.
  • 5:55 - 5:57
    Now I have this lovely little flow
  • 5:57 - 6:00
    around the side of the object.
  • 6:00 - 6:04
    Of course, if I move my text frame around,
    it's going to keep flowing
  • 6:04 - 6:07
    and the positioning of the text
    will flow around that object.
  • 6:07 - 6:09
    If I change the size of the object,
    of course,
  • 6:09 - 6:11
    it's just going to keep flowing.
  • 6:11 - 6:14
    Now, other opportunity is maybe
  • 6:14 - 6:17
    we don't want to be
    on the outside of this object.
  • 6:17 - 6:20
    Perhaps we want to be
    on the inside of the object.
  • 6:20 - 6:23
    In that case, you have
    an invert button here.
  • 6:23 - 6:28
    So if I invert and also
    make sure I grab my text,
  • 6:28 - 6:32
    so I'm going to use my black arrow.
  • 6:32 - 6:34
    I'm going to move the text
    so that it's actually
  • 6:34 - 6:36
    in the space of the object.
  • 6:36 - 6:39
    And perhaps I need to make
    my text frame a little bit wider.
  • 6:39 - 6:42
    Bring it in a little bit here.
  • 6:42 - 6:45
    And I'm, that top line looks like it's,
    there we go.
  • 6:45 - 6:47
    Bring that down a little bit.
  • 6:47 - 6:49
    So now I have done a text wrap
  • 6:49 - 6:54
    around an object and inverted it
  • 6:54 - 6:58
    so that it's actually inside the object.
  • 6:58 - 7:02
    So that is wrap around object shape,
    invert.
  • 7:02 - 7:05
    You also have um, jump object,
    jump to next column.
  • 7:05 - 7:09
    Those are a little bit more if you're uh,
    doing column based design work.
  • 7:09 - 7:11
    I think the most useful for you currently
  • 7:11 - 7:16
    is the wrap around bounding box
    or wrap around object shape,
  • 7:16 - 7:18
    thinking about how to invert it.
  • 7:18 - 7:20
    Again, if you don't want to do it,
  • 7:20 - 7:22
    then you can always just
    go back to this no text wrap
  • 7:22 - 7:27
    and now you're back to the basics
    where they aren't interacting together.
  • 7:27 - 7:29
    So those are your text wrap options,
    very fun.
  • 7:29 - 7:32
    Uh, the other thing I want to show you
  • 7:32 - 7:36
    is to just pay attention
    to what is hyphenated.
  • 7:36 - 7:39
    If you're writing out a lot of text
  • 7:39 - 7:42
    and you're breaking on a line,
  • 7:42 - 7:45
    it's going to create a hyphenation,
  • 7:45 - 7:46
    so here's a hyphen, here's a hyphen,
  • 7:46 - 7:48
    here's a hyphen, here's a hyphen.
  • 7:48 - 7:51
    Sometimes that's a really
    kind of annoying thing
  • 7:51 - 7:53
    when you're a viewer or a reader.
  • 7:53 - 7:57
    Just seeing a bunch of hyphens
    along the edge is kind of a bad design.
  • 7:57 - 8:00
    It can get kind of um,
    irritating on your eyes.
  • 8:00 - 8:02
    So if you want to turn that off,
  • 8:02 - 8:05
    I recommend turning that off
    and it's just a really simple setting.
  • 8:05 - 8:08
    If you scroll down
    in your Properties panel,
  • 8:08 - 8:10
    you have to be on a text frame
  • 8:10 - 8:13
    because otherwise it won't have
    all the opportunities, but scroll down.
  • 8:13 - 8:17
    Under this paragraph right here
    where you have paragraph options,
  • 8:17 - 8:19
    you know, you've got center,
    justification, etc.,
  • 8:19 - 8:21
    we have a hyphenate button.
  • 8:21 - 8:25
    So I like to turn that off
    and it's just going to move the words down
  • 8:25 - 8:29
    rather than hyphenate, hyphenate,
    hyphenate all the time.
  • 8:29 - 8:31
    That's hyphenation.
  • 8:31 - 8:33
    The other thing I want you
    to pay attention to is your spelling.
  • 8:33 - 8:36
    There is nothing worse
    than looking at a beautiful design
  • 8:36 - 8:38
    that has a bunch of spelling errors,
  • 8:38 - 8:41
    because they become these little kind of
  • 8:41 - 8:43
    just nuisances to your brain.
  • 8:43 - 8:47
    So, you can, of course,
    check your spelling in a word document.
  • 8:47 - 8:50
    Particularly if you have a lot of text,
  • 8:50 - 8:53
    use that kind of word document program,
  • 8:53 - 8:56
    whatever it might be,
    to check your spelling.
  • 8:56 - 8:59
    Or if you're just going
    to type into InDesign,
  • 8:59 - 9:01
    we do have a spellcheck feature.
  • 9:01 - 9:03
    So grab your text frame.
  • 9:03 - 9:05
    Actually you don't even need
    to grab a text frame.
  • 9:05 - 9:08
    You can go right into it.
    It's under the Edit menu.
  • 9:08 - 9:12
    Spelling, Check Spelling.
  • 9:12 - 9:15
    This will go through like
    a normal kind of text editor
  • 9:15 - 9:17
    kind of word processing document
  • 9:17 - 9:19
    and check all of your spelling.
  • 9:19 - 9:24
    Suggested, you can commit to it,
    you can skip it, ignore it, etc.
  • 9:24 - 9:25
    When you're finished, you can hit Done.
  • 9:25 - 9:27
    So please check your spelling
    on your work.
  • 9:27 - 9:33
    Um, that again is just
    Edit, Spelling, Check Spelling.
  • 9:33 - 9:36
    You can also do Dynamic Spelling.
    That'll watch it as you type.
  • 9:36 - 9:41
    That's an opportunity for you if you
    like that kind of um, spelling work.
  • 9:41 - 9:44
    Okay, so we've done text wraps,
    hyphenation, spelling.
  • 9:44 - 9:46
    The only other thing I'm going to show you
  • 9:46 - 9:48
    that people often like to do,
  • 9:48 - 9:51
    because we've done it in other programs,
    is to flip things.
  • 9:51 - 9:53
    So if you've been experimenting
  • 9:53 - 9:55
    with flipping images
    horizontally or vertically
  • 9:55 - 9:58
    in Illustrator or Photoshop,
  • 9:58 - 10:00
    we can do the same here.
  • 10:00 - 10:03
    So let's do it on this
    actual image of the waves.
  • 10:03 - 10:06
    So the way to do this
    is through transforming.
  • 10:06 - 10:08
    Once you have your file, of course,
  • 10:08 - 10:12
    and you've grabbed it
    with your selection tool,
  • 10:12 - 10:14
    top of your properties panel
    is your Transform, up here.
  • 10:14 - 10:17
    You always want to choose
    the reference point.
  • 10:17 - 10:21
    So if you're just transforming
    vertically or horizontally as a flip,
  • 10:21 - 10:24
    like you were thinking of it in a mirror,
  • 10:24 - 10:25
    I use the center point,
  • 10:25 - 10:28
    but you could also flip from edges.
  • 10:28 - 10:30
    So you would just simply click on an edge
  • 10:30 - 10:32
    and that's the reference point
    from which it would flip.
  • 10:32 - 10:34
    But I keep it on the center for ease.
  • 10:34 - 10:37
    Now of course, you could
    think about your X and Y
  • 10:37 - 10:41
    and your rotation and etc., your angle,
  • 10:41 - 10:43
    but the easiest thing, I think, is either
  • 10:43 - 10:46
    use your rotations
    if that's what you're after
  • 10:46 - 10:50
    or here's the flipping options.
    Flip horizontal, flip vertical.
  • 10:50 - 10:53
    Kind of gives you a little preview
    of how it works in the icons,
  • 10:53 - 10:56
    so here's a flip horizontal,
    here you see what's happened.
  • 10:56 - 11:00
    Of course, I may have
    to rethink my text there.
  • 11:00 - 11:02
    Here's flip vertical.
  • 11:02 - 11:03
    So those, that's how those work,
  • 11:03 - 11:07
    so a very easy opportunity to work
    with your images in InDesign.
Title:
Text Wraps, Spelling, Hyphenation, Transforming
Video Language:
English
Duration:
11:08

English subtitles

Revisions Compare revisions