1

00:00:00.04 --> 00:00:02.02

- [Voiceover] In this movie

I'll show you how to build up



2

00:00:02.02 --> 00:00:04.05

the base path outlines required to create



3

00:00:04.05 --> 00:00:07.00

this continuously overlapping ribbon



4

00:00:07.00 --> 00:00:09.05

using a combination of a hexagon,



5

00:00:09.05 --> 00:00:12.06

an object blend, and the rotate tool.



6

00:00:12.06 --> 00:00:15.02

So I'm gonna start things off

by going up to the file menu



7

00:00:15.02 --> 00:00:16.07

and choosing new from template,



8

00:00:16.07 --> 00:00:18.02

or you can press that keyboard shortcut



9

00:00:18.02 --> 00:00:21.01

of Control + Shift + N or

Command + Shift + N on the Mac,



10

00:00:21.01 --> 00:00:24.00

and then go ahead and locate

that center guides template



11

00:00:24.00 --> 00:00:26.05

that we created way at

the outset of chapter five



12

00:00:26.05 --> 00:00:28.00

of the fundamentals course,



13

00:00:28.00 --> 00:00:30.00

and then go ahead and double-click on it



14

00:00:30.00 --> 00:00:31.09

in order to load up that file.



15

00:00:31.09 --> 00:00:33.03

Alright, now go up to the view menu



16

00:00:33.03 --> 00:00:35.03

and turn on the smart guides command,



17

00:00:35.03 --> 00:00:37.00

which has a keyboard shortcut once again



18

00:00:37.00 --> 00:00:40.00

of Control + U or Command + U on the Mac.



19

00:00:40.00 --> 00:00:43.03

Now select the polygon tool

from the shape tool flyout menu



20

00:00:43.03 --> 00:00:45.03

and then go ahead and

click at the intersection



21

00:00:45.03 --> 00:00:46.06

of the two center guides



22

00:00:46.06 --> 00:00:49.02

in order to bring up

the polygon dialog box.



23

00:00:49.02 --> 00:00:50.09

We're gonna be starting with a hexagon,



24

00:00:50.09 --> 00:00:52.03

so we need six sides.



25

00:00:52.03 --> 00:00:55.09

And I'm gonna take the

radius value up to 350 points



26

00:00:55.09 --> 00:01:00.01

and then click OK in order to

create this ginormous shape.



27

00:01:00.01 --> 00:01:01.09

Now assuming you're working

with the most recent version



28

00:01:01.09 --> 00:01:03.04

of Illustrator CC,



29

00:01:03.04 --> 00:01:05.05

the one that supports live shapes,



30

00:01:05.05 --> 00:01:07.01

then go up to the window menu



31

00:01:07.01 --> 00:01:08.08

and choose the transform command



32

00:01:08.08 --> 00:01:10.06

to bring up the transform panel,



33

00:01:10.06 --> 00:01:14.00

and then go ahead and change

this polygon angle value



34

00:01:14.00 --> 00:01:16.06

to zero degrees and press the Tab key



35

00:01:16.06 --> 00:01:18.05

to advance to the round corner value



36

00:01:18.05 --> 00:01:20.01

and change it to 12 points,



37

00:01:20.01 --> 00:01:23.03

and then press the Enter key

or the Return key on the Mac.



38

00:01:23.03 --> 00:01:25.02

Alright, now I wanna

thicken up the outline



39

00:01:25.02 --> 00:01:28.00

by changing the line weight

value to three points



40

00:01:28.00 --> 00:01:31.02

and I'll also set the fill to none.



41

00:01:31.02 --> 00:01:33.04

Alright, now I'll press the

Escape key to hide that panel



42

00:01:33.04 --> 00:01:36.05

and I'll press the A key to

switch to my white arrow tool,



43

00:01:36.05 --> 00:01:39.04

because I need to select

a couple of anchor points,



44

00:01:39.04 --> 00:01:41.09

which are these top two points right here.



45

00:01:41.09 --> 00:01:44.04

So click on the top

left point to select it



46

00:01:44.04 --> 00:01:46.02

and then Shift + click

on the top right point



47

00:01:46.02 --> 00:01:47.07

to select it as well.



48

00:01:47.07 --> 00:01:50.02

And what that does is it

selects the horizontal segment



49

00:01:50.02 --> 00:01:54.03

in between as well as the

two tiny curved segments



50

00:01:54.03 --> 00:01:56.08

on either side of the selection.



51

00:01:56.08 --> 00:01:59.01

At which point go ahead

and press Control + C



52

00:01:59.01 --> 00:02:00.07

or Command + C on the Mac



53

00:02:00.07 --> 00:02:03.06

to copy that partially

selected path to the clipboard,



54

00:02:03.06 --> 00:02:07.00

and then press Control +

F or Command + F on a Mac



55

00:02:07.00 --> 00:02:08.04

to paste it in front.



56

00:02:08.04 --> 00:02:10.04

And just to give you a sense

for what that looks like



57

00:02:10.04 --> 00:02:11.07

I'll drag it out here.



58

00:02:11.07 --> 00:02:14.07

We just have this three segment open path.



59

00:02:14.07 --> 00:02:16.03

Alright, I'll go ahead

and press Control + Z



60

00:02:16.03 --> 00:02:19.00

or Command + Z on a Mac

in order to undo that move



61

00:02:19.00 --> 00:02:22.03

and I will press Control +

F or Command + F on a Mac



62

00:02:22.03 --> 00:02:27.00

a second time to paste

another copy of that path.



63

00:02:27.00 --> 00:02:28.05

Alright, now for the best results



64

00:02:28.05 --> 00:02:29.09

you wanna return to the view menu



65

00:02:29.09 --> 00:02:31.08

and turn off your smart guides,



66

00:02:31.08 --> 00:02:34.03

or press Control + U or

Command + U on the Mac.



67

00:02:34.03 --> 00:02:35.06

And that's because they sometimes



68

00:02:35.06 --> 00:02:37.02

get in the way of snapping,



69

00:02:37.02 --> 00:02:38.02

especially when you're trying



70

00:02:38.02 --> 00:02:40.02

to snap one anchor point to another.



71

00:02:40.02 --> 00:02:41.06

And so what we wanna do is take



72

00:02:41.06 --> 00:02:43.03

this selected path right here



73

00:02:43.03 --> 00:02:44.09

and go ahead and drag it down



74

00:02:44.09 --> 00:02:46.09

till it snaps into alignment



75

00:02:46.09 --> 00:02:49.00

with this anchor point down here.



76

00:02:49.00 --> 00:02:50.03

And to see what that looks like



77

00:02:50.03 --> 00:02:52.07

I'll just go ahead and zoom way in here,



78

00:02:52.07 --> 00:02:55.05

notice now if I were to marquee this area



79

00:02:55.05 --> 00:02:57.07

we have two coincident anchor points,



80

00:02:57.07 --> 00:03:00.09

that is one is sitting

directly on top of the other.



81

00:03:00.09 --> 00:03:02.04

And if you wanna confirm that



82

00:03:02.04 --> 00:03:04.09

then you can Alt + click or Option + click



83

00:03:04.09 --> 00:03:07.07

on this open path outline

to select the entire thing



84

00:03:07.07 --> 00:03:09.07

and then you can drag it away, like so,



85

00:03:09.07 --> 00:03:12.01

and make sure to drag it by its end point



86

00:03:12.01 --> 00:03:14.01

and drag it until it snaps into alignment



87

00:03:14.01 --> 00:03:15.09

with the stationary anchor point.



88

00:03:15.09 --> 00:03:17.04

And you'll know that you have a snap,



89

00:03:17.04 --> 00:03:20.01

because your cursor will

change to a white arrow head.



90

00:03:20.01 --> 00:03:22.00

At which point go ahead and release.



91

00:03:22.00 --> 00:03:24.05

Alright, now press Control +

zero or Command + zero on a Mac



92

00:03:24.05 --> 00:03:25.06

to zoom out.



93

00:03:25.06 --> 00:03:27.03

And then just go ahead and marquee



94

00:03:27.03 --> 00:03:29.00

these two anchor points right there



95

00:03:29.00 --> 00:03:31.05

and drag this end point,

the left hand end point,



96

00:03:31.05 --> 00:03:33.06

while pressing the Shift

key, very important,



97

00:03:33.06 --> 00:03:36.03

so that you don't end up

dragging these guys willy nilly,



98

00:03:36.03 --> 00:03:38.05

you wanna make sure to

constrain the angle of your drag



99

00:03:38.05 --> 00:03:40.04

to absolutely horizontal.



100

00:03:40.04 --> 00:03:43.06

And so keep that Shift key

down as you snap this point



101

00:03:43.06 --> 00:03:46.09

into alignment with the anchor

point over on the left side



102

00:03:46.09 --> 00:03:48.00

of the shape.



103

00:03:48.00 --> 00:03:49.05

And again, you'll know you have a snap



104

00:03:49.05 --> 00:03:52.01

when your arrow head cursor turns white.



105

00:03:52.01 --> 00:03:53.08

At which point go ahead and release



106

00:03:53.08 --> 00:03:56.02

in order to modify that path outline.



107

00:03:56.02 --> 00:03:58.04

Alright, now press the

V key in order to switch



108

00:03:58.04 --> 00:03:59.09

to the black arrow tool



109

00:03:59.09 --> 00:04:02.09

and go ahead and click

on this top open path



110

00:04:02.09 --> 00:04:04.03

in order to select it,



111

00:04:04.03 --> 00:04:06.08

and then Shift + click

on the bottom open path,



112

00:04:06.08 --> 00:04:09.07

so that you have both

of these paths selected,



113

00:04:09.07 --> 00:04:12.08

but as you can see the

polygon is deselected.



114

00:04:12.08 --> 00:04:15.02

Then I want you to go

up to the object menu,



115

00:04:15.02 --> 00:04:17.09

choose blend, and choose make,



116

00:04:17.09 --> 00:04:20.04

or you have that keyboard

shortcut of Control + Alt + B



117

00:04:20.04 --> 00:04:22.08

or Command + Option + B on the Mac



118

00:04:22.08 --> 00:04:25.04

in order to create an object blend



119

00:04:25.04 --> 00:04:28.06

between those two selected path outlines.



120

00:04:28.06 --> 00:04:30.05

Alright, that's way too many intervals



121

00:04:30.05 --> 00:04:31.09

and so to reduce the number



122

00:04:31.09 --> 00:04:33.03

return to the object menu,



123

00:04:33.03 --> 00:04:36.06

choose blend, and then

choose blend options.



124

00:04:36.06 --> 00:04:39.05

And change the spacing value

here to specified steps



125

00:04:39.05 --> 00:04:41.09

and then take the number

of steps down to six.



126

00:04:41.09 --> 00:04:43.04

And if you wanna see what that looks like



127

00:04:43.04 --> 00:04:45.01

turn on the preview checkbox



128

00:04:45.01 --> 00:04:47.07

and you'll end up with this effect here.



129

00:04:47.07 --> 00:04:50.08

Now go ahead and click

OK to accept that change.



130

00:04:50.08 --> 00:04:53.07

Alright, now we don't need

quite this many ribbon overlaps.



131

00:04:53.07 --> 00:04:55.08

If you take a look at the final effect



132

00:04:55.08 --> 00:04:58.07

we have just two overlapping ribbons.



133

00:04:58.07 --> 00:04:59.09

The one at the top



134

00:04:59.09 --> 00:05:01.04

and the one down here at the bottom



135

00:05:01.04 --> 00:05:03.07

with a thin gap in between them.



136

00:05:03.07 --> 00:05:05.01

And to achieve that effect



137

00:05:05.01 --> 00:05:07.04

I'll return back to my

illustration in progress



138

00:05:07.04 --> 00:05:09.01

and I'll go up to the object menu



139

00:05:09.01 --> 00:05:11.00

and choose expand.



140

00:05:11.00 --> 00:05:12.09

And that'll bring up this dialog box.



141

00:05:12.09 --> 00:05:14.09

All you wanna do is click OK



142

00:05:14.09 --> 00:05:17.01

in order to convert your dynamic blend



143

00:05:17.01 --> 00:05:19.00

to static path outlines.



144

00:05:19.00 --> 00:05:20.02

Alright, now we have a group



145

00:05:20.02 --> 00:05:21.05

as indicated by the word group



146

00:05:21.05 --> 00:05:23.03

on the far left side of the control panel.



147

00:05:23.03 --> 00:05:24.07

And so to break things up



148

00:05:24.07 --> 00:05:25.09

go back to the object menu



149

00:05:25.09 --> 00:05:27.03

and choose the ungroup command



150

00:05:27.03 --> 00:05:29.00

or you can press Control + Shift + G



151

00:05:29.00 --> 00:05:30.09

or Command + Shift + G on the Mac.



152

00:05:30.09 --> 00:05:32.02

Now what I want you to do is just



153

00:05:32.02 --> 00:05:34.03

click off the paths to deselect them,



154

00:05:34.03 --> 00:05:38.00

and then go ahead and marquee

these two paths right there,



155

00:05:38.00 --> 00:05:40.06

so the two directly above the middle one,



156

00:05:40.06 --> 00:05:42.08

and press the Backspace key

or the Delete key on a Mac



157

00:05:42.08 --> 00:05:44.00

to get rid of them.



158

00:05:44.00 --> 00:05:45.06

And then marquee these two guys



159

00:05:45.06 --> 00:05:47.08

directly below the top path outline



160

00:05:47.08 --> 00:05:50.02

and press the Backspace key

or the Delete key on a Mac



161

00:05:50.02 --> 00:05:51.07

to get rid of them.



162

00:05:51.07 --> 00:05:54.00

Alright, now you wanna

select all the open paths,



163

00:05:54.00 --> 00:05:55.08

so just go ahead and press Control + A



164

00:05:55.08 --> 00:05:58.04

or Command + A on a Mac

to select everything



165

00:05:58.04 --> 00:06:01.09

and then Shift + click on the

big polygon to deselect it.



166

00:06:01.09 --> 00:06:03.04

Now switch to the rotate tool,



167

00:06:03.04 --> 00:06:05.06

which you can get by pressing the R key,



168

00:06:05.06 --> 00:06:07.07

and then I'm gonna bring

back my smart guides



169

00:06:07.07 --> 00:06:10.08

by pressing Control + U

or Command + U on the Mac,



170

00:06:10.08 --> 00:06:12.03

and I'm gonna position my cursor



171

00:06:12.03 --> 00:06:14.04

at the intersection of

those two guide lines



172

00:06:14.04 --> 00:06:16.09

and press the Alt key or

the Option key on the Mac



173

00:06:16.09 --> 00:06:20.05

and click in order to set

a transformation origin



174

00:06:20.05 --> 00:06:22.01

at that location.



175

00:06:22.01 --> 00:06:25.00

Alright, now we wanna set

the angle value to 360,



176

00:06:25.00 --> 00:06:27.07

which is an entire

circle, divided by three.



177

00:06:27.07 --> 00:06:29.05

So 360 slash three.



178

00:06:29.05 --> 00:06:31.00

And then when you press the Tab key



179

00:06:31.00 --> 00:06:32.05

Illustrator does the math for you,



180

00:06:32.05 --> 00:06:33.08

120 degrees.



181

00:06:33.08 --> 00:06:35.08

At which point you can turn

on the preview checkbox



182

00:06:35.08 --> 00:06:38.00

just to confirm that is what you want,



183

00:06:38.00 --> 00:06:39.05

and then click the copy button,



184

00:06:39.05 --> 00:06:41.08

or of course you can press

Alt + Enter here on a PC



185

00:06:41.08 --> 00:06:43.05

or Option + Return on a Mac.



186

00:06:43.05 --> 00:06:45.04

Now we wanna duplicate that transformation



187

00:06:45.04 --> 00:06:48.09

by pressing Control + D

or Command + D on a Mac



188

00:06:48.09 --> 00:06:50.09

in order to produce this effect here.



189

00:06:50.09 --> 00:06:52.07

And now I'll press the V key in order



190

00:06:52.07 --> 00:06:54.03

to switch to my black arrow tool



191

00:06:54.03 --> 00:06:57.04

and I'll click off the path

outlines to deselect them.



192

00:06:57.04 --> 00:06:59.08

And just to reduce the

amount of visual noise here



193

00:06:59.08 --> 00:07:02.02

I'll go ahead and turn

off the guides layer.



194

00:07:02.02 --> 00:07:03.09

And now you can see that the result



195

00:07:03.09 --> 00:07:06.00

is the base path outlines that we need



196

00:07:06.00 --> 00:07:09.00

in order to achieve this final overlapping



197

00:07:09.00 --> 00:07:10.09

ribbon effect right here.



198

00:07:10.09 --> 00:07:13.06

And that friends is how you

create the base path outlines



199

00:07:13.06 --> 00:07:15.05

for our overlapping ribbon



200

00:07:15.05 --> 00:07:17.07

using a combination of a hexagon,



201

00:07:17.07 --> 00:07:20.05

an object blend, and the rotate tool



202

00:07:20.05 --> 00:07:23.00

here inside Illustrator.