< Return to Video

Pathfinder and Clipping Mask

  • 0:01 - 0:04
    Vaughn: Okay, let's look at our
    Pathfinder opportunities.
  • 0:04 - 0:07
    When we're working with objects, we
    can really start thinking about the
  • 0:07 - 0:12
    complexity of the shapes, and the ways
    in which they can interact.
  • 0:12 - 0:16
    So, I'm going to just draw a couple basic
    shapes here so we can start to see how
  • 0:16 - 0:22
    this might work, and I'm gonna change
    these, fill and stroke, and let's do
  • 0:22 - 0:24
    a circle.
  • 0:24 - 0:29
    Okay, so, when we're thinking about
    Pathfinder, we are thinking about the
  • 0:29 - 0:32
    way our paths are interacting.
  • 0:32 - 0:34
    So I've got two shapes here, they are
    individual.
  • 0:34 - 0:39
    They are filled with two different colors,
    but they aren't overlapping.
  • 0:39 - 0:43
    Anytime you have two or more shapes
    overlapping, you can think about
  • 0:43 - 0:47
    the intersections, what could we do with
    these intersections?
  • 0:47 - 0:50
    Again, these are on separate layers,
    and that is fine, they're both in
  • 0:50 - 0:54
    layer one, but they're on their own,
    sort of, layer.
  • 0:54 - 0:59
    So, to work with Pathfinder, you're going
    to select both of your shapes, so I just
  • 0:59 - 1:04
    used my selection tool, and I drag
    around to grab both of those shapes,
  • 1:04 - 1:07
    you just have to be touching them,
    you don't have to grab the entirety, you
  • 1:07 - 1:09
    just have to touch on the path.
  • 1:09 - 1:13
    Now, when you have two things selected,
    look at the bottom of your properties
  • 1:13 - 1:17
    panel, we have a Pathfinder right here.
  • 1:17 - 1:20
    So Pathfinder is just going to allow us to
    interact with these objects in an
  • 1:20 - 1:22
    interesting way.
  • 1:22 - 1:26
    If you notice you've got four little
    icons here, this is showing you a
  • 1:26 - 1:28
    condensed version.
  • 1:28 - 1:32
    Go ahead and use the more options
    button, the three dots on the lower
  • 1:32 - 1:38
    right, click that, and now you have the
    expanded version of your Pathfinder.
  • 1:38 - 1:43
    You can also go window, and find
    Pathfinder.
  • 1:43 - 1:48
    If you want to bring it up, kind of on
    its own, just remember there are more
  • 1:48 - 1:50
    opportunities than those just three.
  • 1:50 - 1:55
    So again, let's select these, black arrow
    tool, Pathfinder here, or here.
  • 1:55 - 1:59
    Now, the Pathfinder's I tend to use the
    most is divide.
  • 1:59 - 2:04
    I think this is a really interesting one,
    uh, we've got both shape and Pathfinder
  • 2:04 - 2:10
    mode, so the shape mode considers
    how to interact these as shapes, we're
  • 2:10 - 2:16
    thinking generally as, sort of, um, um,
    thinking of them as objects.
  • 2:16 - 2:21
    So, here we have unite, if we choose
    unite you're gonna get a compound
  • 2:21 - 2:28
    shape, notice it applies the fill, or
    the appearances of the topmost layer.
  • 2:28 - 2:30
    So it went to yellow.
  • 2:30 - 2:32
    Gonna Command Z.
  • 2:32 - 2:36
    All of these have some opportunity for,
    um, depending on the type of drawing
  • 2:36 - 2:38
    you're going to do, it could make your
    work a lot quicker.
  • 2:38 - 2:42
    Minus front, that's going to be very
    similar, we're always thinking about
  • 2:42 - 2:47
    layer order, so it minused out that front
    most object, which was yellow, to leave
  • 2:47 - 2:50
    us with the remaining, which was the blue.
  • 2:50 - 2:51
    Command Z.
  • 2:51 - 2:55
    So again, layer order is really important
    here, it's also important to note that
  • 2:55 - 2:58
    grouping will affect the Pathfinder.
  • 2:58 - 3:00
    Okay, um, intersect.
  • 3:00 - 3:05
    This is going to make a compound shape
    with an intersection in that area, so this
  • 3:05 - 3:09
    is the intersection, that was the only
    part that was intersecting.
  • 3:09 - 3:11
    Command Z.
  • 3:11 - 3:15
    And last one in the shape mode is
    exclude, so that's gonna be the
  • 3:15 - 3:21
    opposite of intersect, it's going to
    exclude the area that's overlapping.
  • 3:21 - 3:22
    Right there.
  • 3:22 - 3:23
    Command Z.
  • 3:23 - 3:27
    Okay, now the tool that I tend to
    use the most when you're, um,
  • 3:27 - 3:32
    thinking of making some pretty complex
    objects, is this divide.
  • 3:32 - 3:34
    This one is gonna be very interesting.
  • 3:34 - 3:39
    It's going to divide our shapes among
    every intersection.
  • 3:39 - 3:43
    So if I click divide, at first, it looks
    like nothing has happened.
  • 3:43 - 3:47
    What is important to realize in the
    divide Pathfinder, if you look in your
  • 3:47 - 3:52
    layers panel, is that it automatically
    groups the divisions.
  • 3:52 - 3:54
    So here is the division.
  • 3:54 - 3:58
    If you wanted to edit the individual
    parts, you're gonna need to ungroup it.
  • 3:58 - 4:00
    So I'm gonna ungroup.
  • 4:00 - 4:05
    Now, when I click off, and I come back
    in, I can actually see my separate shapes.
  • 4:05 - 4:11
    So here is that shape, here is my
    central shape, and here is my
  • 4:11 - 4:13
    blue shape.
  • 4:13 - 4:17
    So divide breaks it up, groups it,
    you can ungroup it, and have all
  • 4:17 - 4:20
    of these interesting shapes.
  • 4:20 - 4:25
    I'm gonna back us up, one more time,
    just double check I've gone far enough,
  • 4:25 - 4:27
    oh, I got to keep going, Command Z, okay.
  • 4:27 - 4:30
    Now I'm back to my two original shapes.
  • 4:30 - 4:32
    Going to select them.
  • 4:32 - 4:38
    Other Pathfinders, you have trim, that
    could be useful, um, if you use trim, it's
  • 4:38 - 4:41
    thinking in terms of, again, that
    intersection, but it's kind of cutting
  • 4:41 - 4:47
    it out, cutting it out from leaving the
    priority at the front most, and not
  • 4:47 - 4:49
    the back.
  • 4:49 - 4:54
    You also have merge, this is similar,
    it's going to kind of create a group
  • 4:54 - 4:59
    that is merged, but again, pay attention
    to your layers panel.
  • 4:59 - 5:03
    And, what else do we have here?
  • 5:03 - 5:06
    We've got crop, outline, and minus
    back.
  • 5:06 - 5:10
    So you can play with those, um, those
    again are kind of similar to our other,
  • 5:10 - 5:13
    a couple of other moves to make.
  • 5:13 - 5:19
    One of the ones I like to use the most,
    if we had made a pretty complex drawing,
  • 5:19 - 5:26
    let me make some, um, here let's do some
    brush marks, just really quickly, let's
  • 5:26 - 5:35
    say we've made some really beautiful,
    um, drawings here.
  • 5:35 - 5:39
    And we've gone off the edge of our
    canvas.
  • 5:39 - 5:46
    So we love what we've done, but,
    we need to kind of edit the shapes.
  • 5:46 - 5:48
    Let's fill this with color, okay.
  • 5:48 - 5:52
    So we want to kind of edit the shapes to
    fit inside the canvas.
  • 5:52 - 5:56
    One way to quickly and easily do this is
    with our Pathfinder, and what we're going
  • 5:56 - 5:59
    to call a clipping mask.
  • 5:59 - 6:04
    So this is really easy, it's better to use
    a Pathfinder, clipping mask combination
  • 6:04 - 6:10
    to sort of constrain the work to your
    artboard, then it is to actually try to
  • 6:10 - 6:15
    draw your shapes, or edit your shapes to
    fit with inside your artboard.
  • 6:15 - 6:17
    So let's see how this is gonna work.
  • 6:17 - 6:19
    We're gonna use our rectangle tool.
  • 6:19 - 6:25
    Come up to the corner, and we're gonna
    draw a shape that covers the entire artboard.
  • 6:25 - 6:28
    The fill and the stroke aren't as
    important, I tend to fill it with a
  • 6:28 - 6:33
    color just so we can see it, but again,
    it's not going to be a sort of
  • 6:33 - 6:36
    permanent mark.
  • 6:36 - 6:41
    So we're just gonna draw our shape,
    this should be the topmost layer, so make
  • 6:41 - 6:44
    sure you're working at the top.
  • 6:44 - 6:48
    Now, that looks good, you could always
    edit your shape if it doesn't quite fit.
  • 6:48 - 6:50
    I'm gonna zoom myself out a little bit.
  • 6:50 - 6:53
    Now, use your selection tool.
  • 6:53 - 6:55
    Our goal here is to grab everything.
  • 6:55 - 7:01
    So I'm just gonna start far outside the
    corner, now I've grabbed everything.
  • 7:01 - 7:08
    The next step is to tell Illustrator how
    to kind of constrain the work to your
  • 7:08 - 7:12
    artboard, and we're gonna do this with
    a clipping mask.
  • 7:14 - 7:18
    So a clipping mask, not to be confused
    with the ways in which we were using
  • 7:18 - 7:22
    masks in Photoshop, but the idea is
    somewhat similar in that we're
  • 7:22 - 7:26
    constraining the work to a certain space.
  • 7:26 - 7:32
    So here, we're gonna constrain to the
    artboard with this filled rectangle.
  • 7:32 - 7:36
    The clipping mask option is a quick
    action down here at the bottom of
  • 7:36 - 7:38
    your properties panel.
  • 7:38 - 7:42
    If you hit make clipping mask, notice
    what's happened.
  • 7:42 - 7:47
    It has used that shape, and it sort of
    clipped the work to that shape, and the
  • 7:47 - 7:49
    shape happened to be the size of our
    artboard.
  • 7:49 - 7:54
    Now, we have constrained work, nice and
    clean, we actually haven't lost the edges
  • 7:54 - 7:58
    of anything, if we want to edit it, we
    still can, we can still move these lines
  • 7:58 - 8:04
    around, but the thing to note is that when
    you make a clipping mask, you need to
  • 8:04 - 8:08
    release it in order to sort of get back
    into those layers.
  • 8:08 - 8:13
    So here, you can release the mask, you
    haven't lost it, it's still there, if you
  • 8:13 - 8:17
    look inside your layers, you'll see
    there's that original rectangle we used
  • 8:17 - 8:20
    right there, and there's all of our parts.
  • 8:20 - 8:25
    So I've simply released it, now if I
    needed to bump this over, and maybe
  • 8:25 - 8:31
    move it into my composition a little bit
    more, let's say we also want to bring this
  • 8:31 - 8:36
    in a bit, we can always go back, so under
    properties, you're gonna wanna make sure
  • 8:36 - 8:43
    you again select everything, that very
    topmost layer is the clipping mask, make
  • 8:43 - 8:45
    clipping mask, it's constrained it.
  • 8:45 - 8:49
    You can, of course, see the bounding box
    on this, anywhere you click in here it's
  • 8:49 - 8:52
    going to reveal that sort of bounding box.
  • 8:52 - 8:56
    So as I do this, I'm, well actually I'm
    scaling the entire thing, so be
  • 8:56 - 8:57
    careful there.
  • 8:57 - 9:03
    If you needed to edit the actual, uh,
    mask portion, you need to target just
  • 9:03 - 9:05
    that rectangle.
  • 9:05 - 9:06
    There you go.
  • 9:06 - 9:08
    So go into your layers.
  • 9:08 - 9:13
    So that was a clipping mask and the
    Pathfinder tools.
Title:
Pathfinder and Clipping Mask
Video Language:
English
Duration:
09:14

English subtitles

Incomplete

Revisions Compare revisions