- [Voiceover] In this movie, we're gonna weave the ribbon
in and out of itself.
And by far the best tool for accomplishing this feat
is the live paint bucket.
And so, let me explain how things normally work.
Let's say that we start with this top portion of the ribbon.
Then, that becomes our first path outline.
Then we flip the ribbon and create the second path outline,
and then we create a third path outline on top of that one,
a fourth on top of it,
then the fifth portion of the ribbon,
and finally, the sixth, in order to create
this effect right here.
And this is what's known as regular old,
everyday conventional stacking order,
in which path number one is in the back
and path number six is in front.
In other words, there's no path in back of number one,
and there's no path in front of number six.
Compare that to the effect that we really want to achieve.
And I can't even demonstrate this one
by stacking layers on top of each other,
because that would be impossible.
Rather, we have path number one
tucking behind number two, which goes in front of four,
then behind six, that makes sense.
But then in back of three, which is in back of four,
but four is somehow in back of two,
which is in back of three.
And then four tucks in back of five,
which then goes in back of six, makes sense,
which is in front of two, just fine,
but then that goes in back of four,
and then finally, six goes in back of one.
So in other words, there is no real front or back
to this artwork, and that's because suddenly,
thanks to live paint, front and back become relative.
So let me show you what that looks like.
I'll go ahead and switch to the document so far,
and I'll press "control A," or "command A" on a Mac,
to select all of the path outlines,
including that original polygon.
Then, you want to drop down to
whichever tool occupies this spot.
I think the last tool we used was
the live paint selection tool.
But we're looking this time for the live paint bucket,
which of course you can get by pressing the "K" key.
And incidentally, I just want to point this out,
if you accidentally miss this tool and go one down
to the perspective grid tool and click on it,
you're going to end up with
this rather frightening effect right here.
In which case, don't panic, just go ahead and
switch back to that live paint bucket,
and then go up to the view menu, choose "perspective grid,"
and choose "hide grid" in order
to make the darn thing go away.
All right now, make sure your fill is active here
inside the swatches panel, and then go ahead and
select that shade of yellow that begins with
"r=252," and then just go ahead and click
in this location right here.
So when you're first establishing your live paint object,
you have to click just once, you can't drag.
And then, click in this region here
to fill it with yellow as well.
Now press the left arrow key to advance to the next swatch,
which begins with "r=217," and then,
just go ahead and drag down across
these four path intersections, like so,
in order to fill them up.
And then drop down to this guy and click on it.
All right, now you want to press the right arrow key again
in order to advance to the shade of green
that begins "r=140," and then just go ahead
and drag across these two path intersections,
and nothing more, in order to fill them.
Then press the right arrow key
to advance to the next color swatch,
then go ahead and drag across these four path intersections
and then click on this one right here.
Now press the right arrow key to advance
to the shade of green that begins "r=0 g=146,"
and drag across these two path intersections,
and then press the right arrow key yet another time,
in order to advance to the darkest shade of green,
and drag up these four intersections right there,
and then click inside this one.
All right, now we need to get rid of a few strokes.
And, I recommend you do that
by first pressing the "enter" key,
or the "return" key on a Mac,
to bring up the live paint bucket options dialogue box,
and then go ahead and turn the "paint strokes" option
back on and click "okay."
All right, now hover your cursor
over this stroke right here, at which point
you'll probably see a black swatch above it.
And if so, press the left arrow key
a couple of times to advance to "none,"
which is the little swatch with the red slash inside of it,
and click right there to get rid of that guy.
And then you want to click here to get rid of that one,
and click down here to get rid of this guy.
And just so we can really see what we're doing,
I'll press "control shift A" or "command shift A" on a Mac
to de-select the object.
And you can see that these little strokes
have gone away.
All right, now you want to get rid of this guy right there,
because we want to continue this yellow surface.
And now, we want to get rid of these guys,
these three in a row right here.
And just as when you're filling path intersections,
you can drag to modify strokes.
And so, just make sure you're seeing the brush cursor
and then drag down these three guys like so
to get rid of them.
All right, now click on this guy right there
to get rid of him, and then click and drag
across these three, and then go over to this guy
and click on him.
And so you have to be careful here to make sure
you have your brush cursor.
And then go ahead and drag across these three as well.
All right, now press the "V" key in order to
switch back to the black arrow tool,
and we have what appear to be
a bunch of interwoven path outlines,
in which this yellow path at top is both
in back of this greenish one,
and in front of the dark green path,
which is in front of the greenish one.
And so, we've managed to violate
all laws of stacking order
by weaving a ribbon in and out of itself
using the live paint feature here inside Illustrator.