1

00:00:00.07 --> 00:00:02.03

- [Narrator] In this

movie we'll take that logo



2

00:00:02.03 --> 00:00:04.09

of interwoven rings and we'll weave it



3

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

into an even larger ring like so.



4

00:00:07.07 --> 00:00:09.02

First thing we want to do is



5

00:00:09.02 --> 00:00:12.04

duplicate this layer to

protect it from harm.



6

00:00:12.04 --> 00:00:15.04

And so, with the Big Loops layer,



7

00:00:15.04 --> 00:00:17.05

in my case selected in the Layers panel,



8

00:00:17.05 --> 00:00:20.06

I didn't actually make this

layer in the previous movie



9

00:00:20.06 --> 00:00:23.09

but it would've been a

good idea had I done so.



10

00:00:23.09 --> 00:00:25.05

I'm going to click on the fly-on



11

00:00:25.05 --> 00:00:28.08

menu icon in the top right

corner of the Layers panel



12

00:00:28.08 --> 00:00:30.05

and choose Duplicate Big Loops



13

00:00:30.05 --> 00:00:32.02

and then I'll turn off the original.



14

00:00:32.02 --> 00:00:33.03

If you're working along with me



15

00:00:33.03 --> 00:00:35.01

and need to make this

layer, just duplicate



16

00:00:35.01 --> 00:00:36.09

your top layer whatever it's called.



17

00:00:36.09 --> 00:00:39.03

Then, I'll double click

on an empty portion



18

00:00:39.03 --> 00:00:44.09

of that layer and I will call it 60.74%



19

00:00:44.09 --> 00:00:48.02

for reasons that will become

apparent in just a moment.



20

00:00:48.02 --> 00:00:50.06

And then I'll change its color to



21

00:00:50.06 --> 00:00:54.02

let's say yellow, should work

out and then I'll click OK.



22

00:00:54.02 --> 00:00:57.02

Alright now, I want to turn

on my Guides layer once again.



23

00:00:57.02 --> 00:01:00.01

And select it by the way because we need



24

00:01:00.01 --> 00:01:03.02

to create a new polygonal guideline



25

00:01:03.02 --> 00:01:05.09

and you can do that by

selecting the polygon tool



26

00:01:05.09 --> 00:01:07.08

from the Shape Tool fly-out menu.



27

00:01:07.08 --> 00:01:09.03

And then you want to position your cursor



28

00:01:09.03 --> 00:01:12.02

at the intersection of those

two center guides and click



29

00:01:12.02 --> 00:01:14.09

in order to bring up the

polygon dialogue box.



30

00:01:14.09 --> 00:01:17.02

We're looking for a total of eight sides



31

00:01:17.02 --> 00:01:20.00

and just for the sake

of having a round number



32

00:01:20.00 --> 00:01:22.03

I set the radius value to 200 points



33

00:01:22.03 --> 00:01:24.08

at which point I'll

click OK to create that



34

00:01:24.08 --> 00:01:27.06

new octagon and then I'll

right-click anywhere in



35

00:01:27.06 --> 00:01:30.04

the document window and

choose the Make Guides command



36

00:01:30.04 --> 00:01:34.03

in order to convert it to a

guideline on the Guides layer.



37

00:01:34.03 --> 00:01:36.05

And the reason I'm creating an octagon



38

00:01:36.05 --> 00:01:39.02

is if you take a look

at the final logo ring,



39

00:01:39.02 --> 00:01:44.00

you can see that there are a

total of eight @ signs in all.



40

00:01:44.00 --> 00:01:45.01

Alright I'll go ahead and switch back to



41

00:01:45.01 --> 00:01:47.08

my document in progress

and then I'll select that



42

00:01:47.08 --> 00:01:53.00

60.74 layer and this time I'll

switch to the Ellipse Tool.



43

00:01:53.00 --> 00:01:55.05

Now, what we need to do is fit this design



44

00:01:55.05 --> 00:01:58.06

to this right edge of

the polygon right here.



45

00:01:58.06 --> 00:02:00.00

And so we're going to

need some measurements



46

00:02:00.00 --> 00:02:02.04

to make things work and so I'll just click



47

00:02:02.04 --> 00:02:03.09

with the Ellipse Tool in order to



48

00:02:03.09 --> 00:02:05.07

bring up the Ellipse dialogue box.



49

00:02:05.07 --> 00:02:08.07

You may recall that the smallest

circle originally measured



50

00:02:08.07 --> 00:02:12.00

100 points wide by 100 points tall.



51

00:02:12.00 --> 00:02:14.07

But then I scaled it to a 144%



52

00:02:14.07 --> 00:02:18.01

and so if we take 100 and multiply it



53

00:02:18.01 --> 00:02:21.07

so, I'll enter an asterisk,

and then 1.44 which



54

00:02:21.07 --> 00:02:25.01

is the same thing as 144% then I will get



55

00:02:25.01 --> 00:02:27.07

a width value of 144 points and I want



56

00:02:27.07 --> 00:02:30.05

the height value to be 144 points as well.



57

00:02:30.05 --> 00:02:33.01

At which point I'll click

OK to accept that change.



58

00:02:33.01 --> 00:02:35.04

And then I'll just change

the fill to a shade



59

00:02:35.04 --> 00:02:38.05

of red so I can better

keep track of the shape.



60

00:02:38.05 --> 00:02:40.02

Alright now I'll press

the V key to switch back



61

00:02:40.02 --> 00:02:43.03

to my Black Arrow tool

and I'll drag this top



62

00:02:43.03 --> 00:02:46.03

anchor point until it snaps into alignment



63

00:02:46.03 --> 00:02:49.05

with the top of that top central circle.



64

00:02:49.05 --> 00:02:51.03

Alright now I'll press Control+A



65

00:02:51.03 --> 00:02:53.00

or Command+A on a Mac

to select everything.



66

00:02:53.00 --> 00:02:54.06

You want to make sure, by the way,



67

00:02:54.06 --> 00:02:56.09

that your guides are locked down.



68

00:02:56.09 --> 00:02:59.04

So if you go to the View

menu and choose Guides,



69

00:02:59.04 --> 00:03:02.01

then a second command

should read Unlock Guides.



70

00:03:02.01 --> 00:03:04.00

That tells you that they

are currently locked.



71

00:03:04.00 --> 00:03:07.02

If it says Lock Guides instead

then choose that command.



72

00:03:07.02 --> 00:03:10.07

In any event, after doing so,

you want to drag this guide



73

00:03:10.07 --> 00:03:13.02

by the center point and so

you're going to have to zoom



74

00:03:13.02 --> 00:03:15.08

in so you can find the

center point of the circle.



75

00:03:15.08 --> 00:03:19.00

Not this very close by anchor

point, that's associated



76

00:03:19.00 --> 00:03:21.04

with the @ sign, you

want this guy right here.



77

00:03:21.04 --> 00:03:24.08

So, drag by this center

point and you want to



78

00:03:24.08 --> 00:03:27.09

snap into alignment with

the top of that right-hand



79

00:03:27.09 --> 00:03:31.05

edge in order to produce this effect here.



80

00:03:31.05 --> 00:03:34.02

Alright, now I'm going

to zoom out a little bit



81

00:03:34.02 --> 00:03:37.02

and I'll go ahead and click

off my saves to deselect them



82

00:03:37.02 --> 00:03:39.01

and I'll select that red circle.



83

00:03:39.01 --> 00:03:41.03

And I'll go ahead and

scroll down a little bit.



84

00:03:41.03 --> 00:03:44.07

And then I'll drag it by its

bottom anchor point while



85

00:03:44.07 --> 00:03:48.04

pressing the Shift key until

it snaps into alignment with



86

00:03:48.04 --> 00:03:51.04

that inner bottom circle

and that'll tell you



87

00:03:51.04 --> 00:03:54.00

the distance between the two circles.



88

00:03:54.00 --> 00:03:56.01

And to see what that is just

press the Enter key or the



89

00:03:56.01 --> 00:03:58.07

Return key on a Mac to bring

up the Move dialogue box.



90

00:03:58.07 --> 00:04:00.09

At which point you can see

that we have a vertical value



91

00:04:00.09 --> 00:04:04.06

of 252 points, your horizontal

value should be zero.



92

00:04:04.06 --> 00:04:06.08

Alright, I just want you

to remember that value.



93

00:04:06.08 --> 00:04:08.04

In fact, you can just

go ahead and copy it if



94

00:04:08.04 --> 00:04:10.05

you want to by selecting it and hitting



95

00:04:10.05 --> 00:04:13.03

Control+C or Command+C on the Mac.



96

00:04:13.03 --> 00:04:15.07

Alright now go ahead and undo the movement



97

00:04:15.07 --> 00:04:17.05

of that red circle and

this time we're going to



98

00:04:17.05 --> 00:04:20.03

drag it by its center point so go ahead



99

00:04:20.03 --> 00:04:22.08

and grab the center point and drag it down



100

00:04:22.08 --> 00:04:25.02

until the circle snaps into alignment with



101

00:04:25.02 --> 00:04:28.06

the bottom of the right

side of the octagon.



102

00:04:28.06 --> 00:04:30.06

And that'll tell you the distance between



103

00:04:30.06 --> 00:04:32.05

these two points right here and to see



104

00:04:32.05 --> 00:04:34.06

what that is press the

Enter key or the Return key



105

00:04:34.06 --> 00:04:36.07

on a Mac to bring up the Move dialogue box



106

00:04:36.07 --> 00:04:38.08

once again at which point

I'm seeing a vertical



107

00:04:38.08 --> 00:04:44.06

value of 153.0734 points; that's fine.



108

00:04:44.06 --> 00:04:48.02

All you want to do is press

the slash key right there.



109

00:04:48.02 --> 00:04:51.04

And then press Control+V

or Command+V on the Mac



110

00:04:51.04 --> 00:04:53.06

so that we're taking this

value and dividing it



111

00:04:53.06 --> 00:04:56.05

by the one we just copied

and then press the Tab key.



112

00:04:56.05 --> 00:04:58.06

So we're making Illustrator

do the math for us



113

00:04:58.06 --> 00:05:02.05

and notice that we end up with 0.6074



114

00:05:02.05 --> 00:05:07.04

which is the same as 60.74%,

hence the name of the layer.



115

00:05:07.04 --> 00:05:10.02

In any event, just go ahead

and select that value.



116

00:05:10.02 --> 00:05:14.00

So don't select zero point,

just press 6074 right there



117

00:05:14.00 --> 00:05:16.02

and press Control+C or Command+C



118

00:05:16.02 --> 00:05:18.02

on the Mac to copy that value.



119

00:05:18.02 --> 00:05:21.07

Alright now what you want to

do is zoom out a little bit



120

00:05:21.07 --> 00:05:25.02

and go up to the Select menu

choose the Inverse command



121

00:05:25.02 --> 00:05:26.08

and that way you'll deselect the circle



122

00:05:26.08 --> 00:05:29.00

and you'll select everything else.



123

00:05:29.00 --> 00:05:30.02

And then go ahead and switch to



124

00:05:30.02 --> 00:05:32.04

the Scale tool which you

can get by pressing the



125

00:05:32.04 --> 00:05:35.09

S key and I'm going to

zoom in right here at



126

00:05:35.09 --> 00:05:39.02

the top of the right edge of the octagon.



127

00:05:39.02 --> 00:05:42.04

And I'm going to Alt or

Option click at that point



128

00:05:42.04 --> 00:05:44.03

to bring up the Scale dialogue box.



129

00:05:44.03 --> 00:05:46.04

And now you want to

pace that value that you



130

00:05:46.04 --> 00:05:50.00

just copied and then enter

a decimal point between



131

00:05:50.00 --> 00:05:53.07

the 60 and the 74 because a decimal value



132

00:05:53.07 --> 00:05:57.07

of .6074 is the same as 60.74%.



133

00:05:57.07 --> 00:05:59.01

So you always move the decimal point



134

00:05:59.01 --> 00:06:01.00

over a couple of digits.



135

00:06:01.00 --> 00:06:05.03

So now I'll press the tab key

in order to apply that value.



136

00:06:05.03 --> 00:06:07.00

Notice that I have a

problem, which I can see



137

00:06:07.00 --> 00:06:09.01

because my Preview

checkbox is turned on and



138

00:06:09.01 --> 00:06:11.08

that's that I'm not scaling the strokes so



139

00:06:11.08 --> 00:06:13.04

you need to turn on that

Scale Strokes and Effects



140

00:06:13.04 --> 00:06:16.02

checkbox after which

point, click OK in order



141

00:06:16.02 --> 00:06:19.00

to apply that change and

you can see that that worked



142

00:06:19.00 --> 00:06:20.08

out beautifully because the @ sign



143

00:06:20.08 --> 00:06:24.00

is now centered inside that red circle.



144

00:06:24.00 --> 00:06:25.06

Now we don't really need the red circle,



145

00:06:25.06 --> 00:06:27.01

so press the V key to switch to



146

00:06:27.01 --> 00:06:29.03

the Black Arrow tool,

click on the red circle to



147

00:06:29.03 --> 00:06:31.03

select it and press the Backspace key



148

00:06:31.03 --> 00:06:34.06

or the Delete key on a

Mac to get rid of it.



149

00:06:34.06 --> 00:06:36.01

Alright now I'll press Control+0



150

00:06:36.01 --> 00:06:38.04

or Command+0 on a Mac to center my zoom.



151

00:06:38.04 --> 00:06:40.00

And now what we need to do is make



152

00:06:40.00 --> 00:06:42.04

a couple of copies of these guys.



153

00:06:42.04 --> 00:06:45.07

So go ahead and click on any

one of the rings like so.



154

00:06:45.07 --> 00:06:47.06

And then go up to this icon right here



155

00:06:47.06 --> 00:06:50.02

Select Similar Objects and click on it



156

00:06:50.02 --> 00:06:52.08

in order to select all the strokes.



157

00:06:52.08 --> 00:06:54.04

And notice that goes

ahead and selects all the



158

00:06:54.04 --> 00:06:56.08

rings without selecting the @ symbols,



159

00:06:56.08 --> 00:06:59.03

at which point, you want to

switch to the Rotate Tool



160

00:06:59.03 --> 00:07:01.04

which you can get by pressing the R key



161

00:07:01.04 --> 00:07:03.00

and then you want to position your cursor



162

00:07:03.00 --> 00:07:05.01

at the intersection of

those two center guides



163

00:07:05.01 --> 00:07:08.09

and Alt or Option click to bring

up the Rotate dialogue box.



164

00:07:08.09 --> 00:07:13.05

Then change the angle value

to 90 degrees and click copy



165

00:07:13.05 --> 00:07:15.07

in order to create a copy of those paths.



166

00:07:15.07 --> 00:07:18.01

Just to distinguish

them from the originals,



167

00:07:18.01 --> 00:07:19.05

over here on the right hand side,



168

00:07:19.05 --> 00:07:22.06

I'll change the color of the

strokes to let's say red.



169

00:07:22.06 --> 00:07:24.04

It's going to work out just fine.



170

00:07:24.04 --> 00:07:26.08

I however want these

shapes to appear in back



171

00:07:26.08 --> 00:07:29.04

so I'll right-click anywhere

in the document window,



172

00:07:29.04 --> 00:07:31.06

choose Arrange and then

choose Send to Back



173

00:07:31.06 --> 00:07:34.07

or you have that shortcut of

Control+Shift+left bracket



174

00:07:34.07 --> 00:07:36.08

or Command+Shift+left bracket on a Mac.



175

00:07:36.08 --> 00:07:38.07

Now we need to create another copy,



176

00:07:38.07 --> 00:07:40.04

once again using the Rotate Tool.



177

00:07:40.04 --> 00:07:42.08

So Alt or Option+click at the intersection



178

00:07:42.08 --> 00:07:44.07

of those two center guides and this time,



179

00:07:44.07 --> 00:07:47.00

change the angle value to 180 degrees



180

00:07:47.00 --> 00:07:49.04

and click the Copy button.



181

00:07:49.04 --> 00:07:50.06

And now, you can press the V key



182

00:07:50.06 --> 00:07:52.01

to switch back to the Black Arrow Tool



183

00:07:52.01 --> 00:07:55.09

and click off the paths to deselect it.



184

00:07:55.09 --> 00:07:58.01

Alright now, that doesn't

quite get us all the way there



185

00:07:58.01 --> 00:08:00.03

but it does get us half the way



186

00:08:00.03 --> 00:08:02.01

and so it turns out, what we need to do is



187

00:08:02.01 --> 00:08:04.06

take these black rings right here



188

00:08:04.06 --> 00:08:07.04

and whittle them away in order to



189

00:08:07.04 --> 00:08:09.06

create these partial

rings that we're seeing



190

00:08:09.06 --> 00:08:11.09

in the final effect and

I'm going to show you



191

00:08:11.09 --> 00:08:15.08

how to do exactly that

in the very next movie.