1

00:00:00.07 --> 00:00:01.09

- [Instructor] We're

going to start things off



2

00:00:01.09 --> 00:00:04.01

by taking the single character of type



3

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

and turning it into a bullseye logo



4

00:00:06.05 --> 00:00:08.00

and then we'll repeat that logo



5

00:00:08.00 --> 00:00:09.09

in order to create the effect



6

00:00:09.09 --> 00:00:13.02

of the rings wrapping in on

themselves and then finally,



7

00:00:13.02 --> 00:00:16.01

we'll create a ring of rings.



8

00:00:16.01 --> 00:00:17.09

Now if you're working along with me,



9

00:00:17.09 --> 00:00:19.09

you might want to take

a look at the contents



10

00:00:19.09 --> 00:00:21.00

of the layers panel.



11

00:00:21.00 --> 00:00:24.03

I'll go ahead and twirl open

this top layer called at symbol



12

00:00:24.03 --> 00:00:26.09

and notice that it

contains a couple of items,



13

00:00:26.09 --> 00:00:29.05

if I target this bottom

object, you can see that



14

00:00:29.05 --> 00:00:32.06

it's a character of point

text that's set in the font,



15

00:00:32.06 --> 00:00:34.05

myriad pro black.



16

00:00:34.05 --> 00:00:36.08

Now if you don't have the black

style loaded on your system,



17

00:00:36.08 --> 00:00:40.01

then as opposed to working

from the editable type,



18

00:00:40.01 --> 00:00:42.04

you can work with this object right here



19

00:00:42.04 --> 00:00:43.07

which is called shape



20

00:00:43.07 --> 00:00:46.01

and it's actually that

same character of type



21

00:00:46.01 --> 00:00:48.07

converted to a compound path.



22

00:00:48.07 --> 00:00:50.06

Now of course I do have this style



23

00:00:50.06 --> 00:00:53.00

so I'm going to work

from the editable type.



24

00:00:53.00 --> 00:00:55.06

I'm going to start things

off by locking this layer



25

00:00:55.06 --> 00:00:58.02

for the moment and I'm going

to twirl closed as well



26

00:00:58.02 --> 00:01:00.03

and then I'm going to

create a new layer by alt



27

00:01:00.03 --> 00:01:03.00

or option clicking on a little page icon



28

00:01:03.00 --> 00:01:04.07

at the bottom of the layers panel



29

00:01:04.07 --> 00:01:06.09

and I'll go ahead and call this guy rings



30

00:01:06.09 --> 00:01:09.06

and I'll change its color to light red



31

00:01:09.06 --> 00:01:11.07

and then I'll click okay.



32

00:01:11.07 --> 00:01:14.07

Now I'm going to zoom out a

bit and I'm want to create



33

00:01:14.07 --> 00:01:17.05

a bunch of circles around the at sign.



34

00:01:17.05 --> 00:01:20.03

Now the actual A is close to a circle



35

00:01:20.03 --> 00:01:22.05

with an actual diameter of 50 points.



36

00:01:22.05 --> 00:01:25.01

While its outer ring is

very close to a circle



37

00:01:25.01 --> 00:01:27.02

set to 100 points.



38

00:01:27.02 --> 00:01:31.03

And so I'm going to trace this

symbol using the polar gray tool



39

00:01:31.03 --> 00:01:32.08

is the easiest way to work.



40

00:01:32.08 --> 00:01:34.05

So go ahead and select that tool



41

00:01:34.05 --> 00:01:36.02

from the line tool fly out menu



42

00:01:36.02 --> 00:01:39.00

and make sure your smart

guides are turned on.



43

00:01:39.00 --> 00:01:41.00

Now alter option click at the intersection



44

00:01:41.00 --> 00:01:42.05

of those two center guides



45

00:01:42.05 --> 00:01:45.04

to bring up the polar

grid options dialogue box.



46

00:01:45.04 --> 00:01:48.05

Now I want each of my circles

to be 50 points larger



47

00:01:48.05 --> 00:01:49.09

than the first one.



48

00:01:49.09 --> 00:01:53.08

So I'm going to take 50

and multiply it times five,



49

00:01:53.08 --> 00:01:58.03

so 50 * 5 and that gives me

a width value of 250 points.



50

00:01:58.03 --> 00:02:00.04

I want these objects to be circles



51

00:02:00.04 --> 00:02:02.08

so I want the height value to match.



52

00:02:02.08 --> 00:02:07.01

Then I want to take

250 and divide it by 50



53

00:02:07.01 --> 00:02:10.06

which gives me a total of

five concentric circles.



54

00:02:10.06 --> 00:02:11.04

Now you have to remember



55

00:02:11.04 --> 00:02:14.08

that you always have one big

circle around the outside



56

00:02:14.08 --> 00:02:16.00

and so you're really just saying



57

00:02:16.00 --> 00:02:17.09

how many other circles you want.



58

00:02:17.09 --> 00:02:21.02

So I'm going to take that

number value down to four,



59

00:02:21.02 --> 00:02:23.05

I want to make sure the skew

value is set to zero degrees



60

00:02:23.05 --> 00:02:26.02

so that all the circles

are spaced equal distantly



61

00:02:26.02 --> 00:02:28.06

and I don't want any radial dividers



62

00:02:28.06 --> 00:02:30.05

so I'll change this value to zero



63

00:02:30.05 --> 00:02:33.03

and I'll leave the two check

boxes off at which point



64

00:02:33.03 --> 00:02:37.05

I'll click okay in order

to create those circles.



65

00:02:37.05 --> 00:02:39.05

And then I'll go up here

to the line weight value



66

00:02:39.05 --> 00:02:41.06

and I'll set it to 12 points



67

00:02:41.06 --> 00:02:45.02

and that will approximately

match the thickness



68

00:02:45.02 --> 00:02:46.06

of the at symbol.



69

00:02:46.06 --> 00:02:48.05

So notice if I change

the color of the stroke,



70

00:02:48.05 --> 00:02:51.00

to let's say blue just so it stands out



71

00:02:51.00 --> 00:02:53.02

but indeed the 12 point line weight



72

00:02:53.02 --> 00:02:57.04

does come very close to matching

the thickness of that ring



73

00:02:57.04 --> 00:02:59.03

around the at symbol.



74

00:02:59.03 --> 00:03:01.08

Now I don't want to group

as I've seen over here



75

00:03:01.08 --> 00:03:03.04

on the far left side of the control panel,



76

00:03:03.04 --> 00:03:05.08

so I'll go to the object

menu and choose ungroup



77

00:03:05.08 --> 00:03:08.03

or I can press control

shift E or command shift E



78

00:03:08.03 --> 00:03:10.03

on the Mac, I've still got a group



79

00:03:10.03 --> 00:03:12.05

so I'll press that

shortcut, control shift E



80

00:03:12.05 --> 00:03:15.00

or command shift E on

the Mac a second time



81

00:03:15.00 --> 00:03:17.01

in order to ungroup all the circles



82

00:03:17.01 --> 00:03:20.00

so that we have five

independent path outlines.



83

00:03:20.00 --> 00:03:22.08

Now press the V key to switch

back to my black arrow tool,



84

00:03:22.08 --> 00:03:24.03

I'll click off the pass



85

00:03:24.03 --> 00:03:26.02

and then I'll select the innermost one



86

00:03:26.02 --> 00:03:27.07

which we don't actually want



87

00:03:27.07 --> 00:03:30.01

and I'll press the backspace

key or the delete key



88

00:03:30.01 --> 00:03:31.09

on the Mac to get rid of it.



89

00:03:31.09 --> 00:03:34.04

And that'll leave us

with these four circles;



90

00:03:34.04 --> 00:03:37.06

the innermost one of which,

you can see, if I select it,



91

00:03:37.06 --> 00:03:41.02

and click on the word transform

measures 100 points wide



92

00:03:41.02 --> 00:03:43.05

by a 100 points tall.



93

00:03:43.05 --> 00:03:45.09

Now what we want to do

is duplicate this layer



94

00:03:45.09 --> 00:03:48.07

just so that we don't

harm the original circles



95

00:03:48.07 --> 00:03:51.08

by clicking on the fly out menu

icon in the top right corner



96

00:03:51.08 --> 00:03:54.09

of the layers panel and

choosing duplicate rings.



97

00:03:54.09 --> 00:03:56.09

And then you want to

turn off that original



98

00:03:56.09 --> 00:03:58.06

so that you don't hurt it.



99

00:03:58.06 --> 00:04:00.09

Now go ahead and unlock

the at symbol layer



100

00:04:00.09 --> 00:04:04.03

and I'll click in the top

right corner in order to select



101

00:04:04.03 --> 00:04:07.01

that character of point

type and I'll duplicate it



102

00:04:07.01 --> 00:04:11.05

to the ring's copy layer

by alt or option dragging



103

00:04:11.05 --> 00:04:15.00

that purplish square until it turns red.



104

00:04:15.00 --> 00:04:17.04

And that will give us a

duplicate as we're seeing here.



105

00:04:17.04 --> 00:04:19.07

Now I'll turn off the

original at symbol layer,



106

00:04:19.07 --> 00:04:22.02

I'll double click on an empty portion



107

00:04:22.02 --> 00:04:25.04

of the ring's copy layer and

I'll go ahead and rename it,



108

00:04:25.04 --> 00:04:27.06

first of all get rid

of the word copy there



109

00:04:27.06 --> 00:04:29.03

and then I'll click in front of rings



110

00:04:29.03 --> 00:04:34.02

and just enter an at symbol

so that it reads at rings.



111

00:04:34.02 --> 00:04:37.06

Now I'm going to change the

color to gold even though



112

00:04:37.06 --> 00:04:40.08

it doesn't really matter

and I'll click okay.



113

00:04:40.08 --> 00:04:43.01

Now we want to convert

this character of type



114

00:04:43.01 --> 00:04:46.01

to a compound path, if it

already is a compound path



115

00:04:46.01 --> 00:04:47.09

you can skip this step.



116

00:04:47.09 --> 00:04:50.01

But if you're working with

that live editable type,



117

00:04:50.01 --> 00:04:51.07

then you need to go up to the type menu



118

00:04:51.07 --> 00:04:54.06

and choose create outlines

or you've got that shortcut



119

00:04:54.06 --> 00:04:57.09

of control shift O or

command shift O on a Mac



120

00:04:57.09 --> 00:04:59.09

which is going to produce this effect here



121

00:04:59.09 --> 00:05:02.00

that gives us a group, we don't need that,



122

00:05:02.00 --> 00:05:04.06

so go to the object

menu and choose ungroup



123

00:05:04.06 --> 00:05:07.02

in order to expose the compound path.



124

00:05:07.02 --> 00:05:08.06

And it has to be a compound path



125

00:05:08.06 --> 00:05:11.08

because the A has a hole cut out.



126

00:05:11.08 --> 00:05:13.08

Now you want to press the A key



127

00:05:13.08 --> 00:05:16.04

to switch to your wide arrow tool and then



128

00:05:16.04 --> 00:05:19.04

you want to very meticulously

select a few points here.



129

00:05:19.04 --> 00:05:21.01

Go ahead and click on this anchor point,



130

00:05:21.01 --> 00:05:22.04

shift click on this one



131

00:05:22.04 --> 00:05:24.09

and then shift click on each of these two



132

00:05:24.09 --> 00:05:28.06

and shift click on these

two as well and then,



133

00:05:28.06 --> 00:05:30.00

with those six points selected



134

00:05:30.00 --> 00:05:32.02

go ahead and press the

backspace key here on the PC



135

00:05:32.02 --> 00:05:34.09

or the delete key on the

Mac to get rid of them.



136

00:05:34.09 --> 00:05:38.05

Now I'm going to zoom in even

closer and what we're going to do



137

00:05:38.05 --> 00:05:41.09

is modify the at symbol just a little bit



138

00:05:41.09 --> 00:05:45.02

so that it declines

into this first circle.



139

00:05:45.02 --> 00:05:47.06

So I'll go ahead and select

this anchor point right there



140

00:05:47.06 --> 00:05:50.06

and then you want to move it up

until it snaps into alignment



141

00:05:50.06 --> 00:05:52.08

with this anchor point now remember



142

00:05:52.08 --> 00:05:55.01

that I set the line weight to 12 points,



143

00:05:55.01 --> 00:05:58.04

so I want to move this point

down half that distance



144

00:05:58.04 --> 00:06:00.08

or six points and so

I'll press the enter key



145

00:06:00.08 --> 00:06:02.01

or the return key on the Mac



146

00:06:02.01 --> 00:06:03.03

to bring up the move dialogue box,



147

00:06:03.03 --> 00:06:06.00

then you want to set the

horizontal value to zero



148

00:06:06.00 --> 00:06:09.07

and you want to set the vertical

value to 12 divided by two,



149

00:06:09.07 --> 00:06:12.02

if you like or just six points.



150

00:06:12.02 --> 00:06:15.06

After which point click okay

in order to accept that change.



151

00:06:15.06 --> 00:06:17.03

Then select this top anchor point,



152

00:06:17.03 --> 00:06:20.02

drag it down until it snaps into alignment



153

00:06:20.02 --> 00:06:22.00

and then again press the enter key



154

00:06:22.00 --> 00:06:23.02

or the return key on the Mac,



155

00:06:23.02 --> 00:06:24.09

set the horizontal value to zero



156

00:06:24.09 --> 00:06:27.06

and then change the vertical

value to negative six



157

00:06:27.06 --> 00:06:30.07

this time around in order

to move the point upward



158

00:06:30.07 --> 00:06:33.05

to exactly where it needs

to be and click okay.



159

00:06:33.05 --> 00:06:35.08

Now we just need to

make some modifications



160

00:06:35.08 --> 00:06:36.08

to the control handles.



161

00:06:36.08 --> 00:06:39.09

Notice that this handle right

here is exactly horizontal,



162

00:06:39.09 --> 00:06:42.08

we want to maintain that, so go

ahead and press the shift key



163

00:06:42.08 --> 00:06:44.02

while you're dragging that handle.



164

00:06:44.02 --> 00:06:46.07

Now obviously I've gone too

far but I did that on purpose,



165

00:06:46.07 --> 00:06:49.05

so now I can shift drag it back outwards



166

00:06:49.05 --> 00:06:52.03

until it very nearly matches this edge.



167

00:06:52.03 --> 00:06:55.04

So you don't want it to

go any farther than that,



168

00:06:55.04 --> 00:06:57.06

otherwise you'll get a

little bit of a lump.



169

00:06:57.06 --> 00:07:00.00

Now go ahead and select this anchor point,



170

00:07:00.00 --> 00:07:03.02

notice that its control handles

once again are horizontal



171

00:07:03.02 --> 00:07:05.02

and so you just want

to shift drag this guy



172

00:07:05.02 --> 00:07:08.08

inward a little bit until

you get a nice match.



173

00:07:08.08 --> 00:07:10.03

And this time you want to take this edge



174

00:07:10.03 --> 00:07:13.01

past the edge of the

circle ever so slightly



175

00:07:13.01 --> 00:07:16.07

because otherwise if you

don't, then you'll get a lump



176

00:07:16.07 --> 00:07:19.05

or more accurately a

crease right about here.



177

00:07:19.05 --> 00:07:22.07

I'll go ahead and press control

z or command z on the Mac



178

00:07:22.07 --> 00:07:25.03

to undo that change and I will zoom out



179

00:07:25.03 --> 00:07:29.00

by pressing control minus

or command minus a few times



180

00:07:29.00 --> 00:07:30.03

and then I'll press the

V key to switch back



181

00:07:30.03 --> 00:07:34.02

to my black arrow tool I'll

marque all of these blue rings



182

00:07:34.02 --> 00:07:37.05

and I'll change the color

of the stroke to black



183

00:07:37.05 --> 00:07:39.05

so that everything matches.



184

00:07:39.05 --> 00:07:42.01

And then finally, I'll go

ahead and zoom out here



185

00:07:42.01 --> 00:07:44.09

and I'll press control A

or command A on the Mac



186

00:07:44.09 --> 00:07:48.01

to select everything and then

I'll switch to this scale tool



187

00:07:48.01 --> 00:07:50.06

which of course you can

get by pressing the S key.



188

00:07:50.06 --> 00:07:52.09

Notice that by default the origin point



189

00:07:52.09 --> 00:07:55.05

is right smack dab in the

middle, that's what I want.



190

00:07:55.05 --> 00:07:58.02

Now I want to increase

the size of the bullseye



191

00:07:58.02 --> 00:08:00.03

so that it better fits the document



192

00:08:00.03 --> 00:08:03.01

by pressing the enter key

or the return key on the Mac



193

00:08:03.01 --> 00:08:05.01

to bring up the scale dialogue box.



194

00:08:05.01 --> 00:08:06.09

And I just figured out

through trial and error



195

00:08:06.09 --> 00:08:11.03

that a uniform value of 144%

is going to work nicely.



196

00:08:11.03 --> 00:08:14.02

You do want to make sure that

scales strokes and effects



197

00:08:14.02 --> 00:08:15.04

is turned on



198

00:08:15.04 --> 00:08:18.00

so that you increase the

line weights proportionately



199

00:08:18.00 --> 00:08:21.02

at which point click okay

to accept that change.



200

00:08:21.02 --> 00:08:23.08

Now press the V key to switch

back to my black arrow tool,



201

00:08:23.08 --> 00:08:26.02

I'll click off the shapes to deselect them



202

00:08:26.02 --> 00:08:29.06

and I'll turn off the guides layer.



203

00:08:29.06 --> 00:08:32.02

And that's how you take a

single character of type



204

00:08:32.02 --> 00:08:35.04

and turn it into an expertly

rendered bullseye logo



205

00:08:35.04 --> 00:08:37.04

here inside illustrator.