1

00:00:00.05 --> 00:00:01.07

- [Voiceover] In this movie I'll show you



2

00:00:01.07 --> 00:00:04.04

how to turn hexagons into honeycomb.



3

00:00:04.04 --> 00:00:08.03

Specifically, we'll take a

single six-sided polygon,



4

00:00:08.03 --> 00:00:10.00

and to show you what that looks like,



5

00:00:10.00 --> 00:00:11.09

I'll go ahead and scroll up left here



6

00:00:11.09 --> 00:00:14.04

and press "Control + Y" or

"Command + Y" on the Mac



7

00:00:14.04 --> 00:00:15.06

to switch to the outline mode



8

00:00:15.06 --> 00:00:17.08

so that you can see

we're starting with one



9

00:00:17.08 --> 00:00:20.05

and only one rounded hexagon,



10

00:00:20.05 --> 00:00:22.03

but thanks to the

application of a bunch of



11

00:00:22.03 --> 00:00:24.09

attributes and effects here

inside the appearance panel,



12

00:00:24.09 --> 00:00:29.02

we end up with this

honeycomb effect right here.



13

00:00:29.02 --> 00:00:31.01

Alright, so the first step as usual



14

00:00:31.01 --> 00:00:34.04

is to go up to the file menu

and choose "new from template"



15

00:00:34.04 --> 00:00:35.02

or press "Control + Shift + N"



16

00:00:35.02 --> 00:00:36.07

or "Command + Shift + N" on the Mac



17

00:00:36.07 --> 00:00:38.06

then I'll go ahead and load

my center guides document.



18

00:00:38.06 --> 00:00:41.00

Now, I don't really need these guides



19

00:00:41.00 --> 00:00:42.09

so I'll switch back

over to the layers panel



20

00:00:42.09 --> 00:00:44.08

and I'll turn off the guides layer.



21

00:00:44.08 --> 00:00:46.07

And then I'll select the polygon tool



22

00:00:46.07 --> 00:00:48.06

from the shape tool fly-out menu.



23

00:00:48.06 --> 00:00:51.01

Now, everything's designed

with specific parameters



24

00:00:51.01 --> 00:00:53.06

in mind so I'll just go ahead and click



25

00:00:53.06 --> 00:00:55.07

some place here inside the art board.



26

00:00:55.07 --> 00:00:56.09

And for this technique to work,



27

00:00:56.09 --> 00:00:59.05

you need the sides value to be set to six.



28

00:00:59.05 --> 00:01:01.07

We need six sides for our polygon.



29

00:01:01.07 --> 00:01:04.01

And you can really adjust

the radius value to taste,



30

00:01:04.01 --> 00:01:06.05

but again if you want

to work with my values



31

00:01:06.05 --> 00:01:09.01

then you want to go

with 60 points to start.



32

00:01:09.01 --> 00:01:10.08

At which point, go ahead and click okay



33

00:01:10.08 --> 00:01:13.02

to create that initial polygon.



34

00:01:13.02 --> 00:01:15.07

Next, go ahead and switch

back to the black arrow tool,



35

00:01:15.07 --> 00:01:18.02

which of course you can get

by pressing the "v" key,



36

00:01:18.02 --> 00:01:21.00

and we're gonna make a couple

of initial movements here.



37

00:01:21.00 --> 00:01:22.05

Now, for the best results,



38

00:01:22.05 --> 00:01:23.05

you want to go up to the view menu



39

00:01:23.05 --> 00:01:25.09

and make sure your smart

guides are turned on.



40

00:01:25.09 --> 00:01:27.06

And then go ahead and drag this guy



41

00:01:27.06 --> 00:01:29.03

by one of the left hand anchor points



42

00:01:29.03 --> 00:01:31.02

until it snaps into alignment



43

00:01:31.02 --> 00:01:34.01

with its similar right hand anchor point



44

00:01:34.01 --> 00:01:36.07

and press the "alt" key or

the "option" key on the Mac



45

00:01:36.07 --> 00:01:39.06

and then release in

order to create a clone.



46

00:01:39.06 --> 00:01:41.05

Alright, now press the enter key,



47

00:01:41.05 --> 00:01:43.04

which because the black

arrow tool is active



48

00:01:43.04 --> 00:01:44.09

brings up the move dialogue box.



49

00:01:44.09 --> 00:01:47.09

And I want you to notice

this horizontal value,



50

00:01:47.09 --> 00:01:49.06

you could write it down if you want to,



51

00:01:49.06 --> 00:01:52.02

but the best thing to do is

just go ahead and select it



52

00:01:52.02 --> 00:01:54.02

and copy it by pressing "Control + C"



53

00:01:54.02 --> 00:01:55.09

or "Command + C" on the Mac.



54

00:01:55.09 --> 00:01:58.03

Your vertical value should be zero



55

00:01:58.03 --> 00:01:59.09

and the idea is we just need to record



56

00:01:59.09 --> 00:02:01.07

what this movement is.



57

00:02:01.07 --> 00:02:03.05

Alright, with that value copied



58

00:02:03.05 --> 00:02:05.00

go ahead and cancel out.



59

00:02:05.00 --> 00:02:07.07

Then select that original polygon again



60

00:02:07.07 --> 00:02:09.09

and drag it by its

upper left anchor point,



61

00:02:09.09 --> 00:02:11.00

this guy right here,



62

00:02:11.00 --> 00:02:14.06

until it snaps into alignment

with its bottom anchor point



63

00:02:14.06 --> 00:02:17.02

and press the "alt" key or

the "option" key on the Mac



64

00:02:17.02 --> 00:02:20.04

and then release in order

to create that clone.



65

00:02:20.04 --> 00:02:22.04

Now we need to know what

that movement looks like



66

00:02:22.04 --> 00:02:24.00

so once again press the enter key



67

00:02:24.00 --> 00:02:26.01

or the return key on the Mac



68

00:02:26.01 --> 00:02:27.09

and remember this value right here,



69

00:02:27.09 --> 00:02:30.02

the vertical value needs to be 90 points,



70

00:02:30.02 --> 00:02:31.09

that's a pretty easy one to remember.



71

00:02:31.09 --> 00:02:34.01

The horizontal value you

don't really need to remember



72

00:02:34.01 --> 00:02:35.03

because watch this,



73

00:02:35.03 --> 00:02:38.01

if I click after it and enter asterisk two



74

00:02:38.01 --> 00:02:39.05

and press the tab key,



75

00:02:39.05 --> 00:02:42.00

it ends up being that

same value we saw before.



76

00:02:42.00 --> 00:02:43.04

And just to confirm that's the case,



77

00:02:43.04 --> 00:02:45.09

I'll select that value

and press "Control + V"



78

00:02:45.09 --> 00:02:47.07

or "Command + V" on a Mac to paste it.



79

00:02:47.07 --> 00:02:49.04

Those are exactly the same value.



80

00:02:49.04 --> 00:02:51.08

In other words, 103.923,



81

00:02:51.08 --> 00:02:53.02

you don't need to remember that



82

00:02:53.02 --> 00:02:54.08

but they are the same value.



83

00:02:54.08 --> 00:02:56.04

Alright, now let's cancel out.



84

00:02:56.04 --> 00:02:58.00

Go ahead and grab these two guys.



85

00:02:58.00 --> 00:03:00.02

There's a method to my

madness, believe me.



86

00:03:00.02 --> 00:03:01.05

Go ahead and select these two guys



87

00:03:01.05 --> 00:03:03.07

and press the backspace key

or the delete key on a Mac



88

00:03:03.07 --> 00:03:04.09

to get rid of them.



89

00:03:04.09 --> 00:03:08.02

Alright, now we're gonna take

our base hexagon right here.



90

00:03:08.02 --> 00:03:09.08

Go ahead and click its bottom anchor point



91

00:03:09.08 --> 00:03:11.09

and drag it so it snaps into alignment



92

00:03:11.09 --> 00:03:15.06

with the top left corner

of the bleed like so.



93

00:03:15.06 --> 00:03:17.04

And now let's go ahead and zoom out



94

00:03:17.04 --> 00:03:18.03

by pressing control or command zero



95

00:03:18.03 --> 00:03:21.06

followed by control or command minus.



96

00:03:21.06 --> 00:03:24.02

And now we're gonna set in

applying some transform effects.



97

00:03:24.02 --> 00:03:25.06

So go up to the window menu



98

00:03:25.06 --> 00:03:27.02

and choose the appearance command



99

00:03:27.02 --> 00:03:29.04

to switch over to the appearance panel.



100

00:03:29.04 --> 00:03:31.04

And then drop down to the FX icon



101

00:03:31.04 --> 00:03:33.00

in the bottom left corner of the panel,



102

00:03:33.00 --> 00:03:35.09

click on it, go up to

distort and transform,



103

00:03:35.09 --> 00:03:38.00

and then choose the transform command.



104

00:03:38.00 --> 00:03:40.03

Alright, now we wanna start things off



105

00:03:40.03 --> 00:03:42.07

by changing the horizontal move value



106

00:03:42.07 --> 00:03:44.03

to that value that we copied.



107

00:03:44.03 --> 00:03:46.02

So go ahead and select the existing value



108

00:03:46.02 --> 00:03:48.01

and press "Control + V"

or "Command + V" on a Mac



109

00:03:48.01 --> 00:03:49.06

in order to paste in the new one.



110

00:03:49.06 --> 00:03:51.03

Then turn on the preview checkbox



111

00:03:51.03 --> 00:03:52.03

and watch this guy move over



112

00:03:52.03 --> 00:03:54.04

to exactly the right position.



113

00:03:54.04 --> 00:03:56.03

Alright, now we want a few copies



114

00:03:56.03 --> 00:03:58.02

so go ahead and click in the copies value



115

00:03:58.02 --> 00:03:59.07

and press the up arrow key



116

00:03:59.07 --> 00:04:01.08

until you fill up your art board,



117

00:04:01.08 --> 00:04:04.02

which is gonna happen at a value of ten



118

00:04:04.02 --> 00:04:05.03

as you see here.



119

00:04:05.03 --> 00:04:08.01

Then click okay to accept that effect.



120

00:04:08.01 --> 00:04:09.05

Alright, now that we have one row



121

00:04:09.05 --> 00:04:12.01

we need to repeat it offset

down and to the right.



122

00:04:12.01 --> 00:04:13.04

And to make that happen,



123

00:04:13.04 --> 00:04:15.04

drop down to the FX icon,



124

00:04:15.04 --> 00:04:17.02

choose distort and transform,



125

00:04:17.02 --> 00:04:19.02

and choose transform.



126

00:04:19.02 --> 00:04:20.09

Now, as soon as you do that,



127

00:04:20.09 --> 00:04:22.07

Illustrator's gonna bark at you and say,



128

00:04:22.07 --> 00:04:23.05

"wait a second.



129

00:04:23.05 --> 00:04:25.02

If you want to edit the current effect



130

00:04:25.02 --> 00:04:26.07

then just go ahead and double-click



131

00:04:26.07 --> 00:04:29.00

on the effect's name in

the appearance panel."



132

00:04:29.00 --> 00:04:30.01

You don't really have to double-click,



133

00:04:30.01 --> 00:04:32.01

you just click on it, but still



134

00:04:32.01 --> 00:04:34.03

that is the way to edit

the existing effect,



135

00:04:34.03 --> 00:04:37.05

however, what we wanna

do is apply a new effect.



136

00:04:37.05 --> 00:04:40.00

So rather than turn on the

don't show again checkbox



137

00:04:40.00 --> 00:04:42.02

because I think this one is useful.



138

00:04:42.02 --> 00:04:44.05

Just go ahead and click

on "apply new effect"



139

00:04:44.05 --> 00:04:45.08

in order to once again bring up



140

00:04:45.08 --> 00:04:47.07

the transform effect dialogue box.



141

00:04:47.07 --> 00:04:50.03

Then select that horizontal move value



142

00:04:50.03 --> 00:04:53.04

and paste that value that

you copied once again



143

00:04:53.04 --> 00:04:56.00

and then enter "Slash + 2" afterwards



144

00:04:56.00 --> 00:04:58.00

in order to divide it in half.



145

00:04:58.00 --> 00:05:00.01

And now change the vertical value



146

00:05:00.01 --> 00:05:02.04

to that vertical value that you remember



147

00:05:02.04 --> 00:05:04.02

from when you dragged

down and to the right,



148

00:05:04.02 --> 00:05:06.01

which is 90 by the way.



149

00:05:06.01 --> 00:05:07.09

It's actually one and a half times



150

00:05:07.09 --> 00:05:09.05

the radius of the polygon.



151

00:05:09.05 --> 00:05:11.00

So the radius is 60,



152

00:05:11.00 --> 00:05:12.04

this movement's gonna be 90.



153

00:05:12.04 --> 00:05:14.07

Turn on the preview

checkbox and you will see



154

00:05:14.07 --> 00:05:17.07

that that is exactly the movement we want.



155

00:05:17.07 --> 00:05:21.02

However, we do want one

copy to create a second row.



156

00:05:21.02 --> 00:05:23.00

So make sure that copies value is one



157

00:05:23.00 --> 00:05:24.07

and then click okay.



158

00:05:24.07 --> 00:05:26.03

Alright, now we need to fill up the entire



159

00:05:26.03 --> 00:05:28.01

art board with these hexagons.



160

00:05:28.01 --> 00:05:29.04

And we'll do that by once again



161

00:05:29.04 --> 00:05:31.02

dropping down to the FX icon,



162

00:05:31.02 --> 00:05:32.08

choosing distort and transform,



163

00:05:32.08 --> 00:05:34.03

and choosing transform.



164

00:05:34.03 --> 00:05:36.04

Again Illustrator's gonna bark at us.



165

00:05:36.04 --> 00:05:39.02

Again go ahead and click

"apply new effect."



166

00:05:39.02 --> 00:05:40.06

And then what you wanna do is



167

00:05:40.06 --> 00:05:45.03

just change the vertical

value to 90 times two.



168

00:05:45.03 --> 00:05:47.03

So go ahead and enter asterisk two



169

00:05:47.03 --> 00:05:49.04

after the value 90, press the tab key.



170

00:05:49.04 --> 00:05:52.02

That's gonna give you a

vertical value of 180.



171

00:05:52.02 --> 00:05:53.08

Turn on the preview checkbox,



172

00:05:53.08 --> 00:05:56.00

you'll see that that moves

things into position.



173

00:05:56.00 --> 00:05:57.00

You'll see that even better



174

00:05:57.00 --> 00:05:59.00

if you click in the copies value



175

00:05:59.00 --> 00:06:00.05

and press the up arrow key



176

00:06:00.05 --> 00:06:03.01

so that you have some honeycomb going.



177

00:06:03.01 --> 00:06:04.07

And then keep pressing the up arrow key



178

00:06:04.07 --> 00:06:06.09

until you entirely fill the art board,



179

00:06:06.09 --> 00:06:08.08

which happens at four copies.



180

00:06:08.08 --> 00:06:10.07

At which point, go ahead and click okay



181

00:06:10.07 --> 00:06:12.04

to accept that effect.



182

00:06:12.04 --> 00:06:14.07

And now we just wanna

adjust things a little bit



183

00:06:14.07 --> 00:06:16.03

by moving this guy over



184

00:06:16.03 --> 00:06:18.02

and I figure things look pretty good



185

00:06:18.02 --> 00:06:21.09

if we press "Shift + Left

Arrow" twice so one, two.



186

00:06:21.09 --> 00:06:25.07

In order to scoot this original

polygon over 20 points,



187

00:06:25.07 --> 00:06:28.09

which creates a nice effect

here inside the art board.



188

00:06:28.09 --> 00:06:29.09

And to prove that's the case,



189

00:06:29.09 --> 00:06:31.02

I'll go ahead and zoom in



190

00:06:31.02 --> 00:06:34.08

so that we can see our

precisely repeating hexagons,



191

00:06:34.08 --> 00:06:39.00

in which each hexagon

exactly abuts its neighbor.



192

00:06:39.00 --> 00:06:42.05

And that is how you turn

one and only one hexagon



193

00:06:42.05 --> 00:06:46.00

into a pattern that absolutely

fills up your art board.



194

00:06:46.00 --> 00:06:47.01

In the following movies,



195

00:06:47.01 --> 00:06:50.07

I'll show you how to

turn this into honeycomb.