- [Instructor] In this movie, I'll show ya how to create
this logo design, in which the rings
appear to wind around each other.
Alright, so the first thing I'm going to do
is turn back on my guidance layer,
so that I can see those center guides,
and I'll press control zero,
or command zero on a Mac to zoom out.
Next, you want to press Control + A,
or Command + A on a Mac, to select all the visible artwork.
And then go ahead and drag down from this top anchor point
so, naturally you'll need
your bounding box to be turned off.
And I'm going to drag it down to this point right here.
In other words, you want to snap into alignment
with the bottom of the smallest circle.
At which point, notice, because I have my smart guides on
I'm seeing that head's up display,
and it's telling me that the horizontal aspect
of my movement is zero.
Whereas the vertical aspect that Delta Y value is 252.
So in other words, I'm moving these shapes 252 points.
Now, before I release, I want to make sure to
constrain the angle of my drag to exactly vertical.
So I'll press the Shift key,
and I want to create a copy of these shapes,
as well, so I'll also press the Alt key.
That's going to be the Option key on a Mac.
And then release, and you will see
a copy of those shapes.
Alright, now I want to rotate these bottom shapes 180 degrees.
So I'll switch to the rotate tool,
which you can get by pressing the R key,
and then I'll press the Enter key
or the Return key on the Mac,
to bring up the rotate dialogue box.
I'll change the angle value to 180 degrees
and assuming that your preview check box is turned on,
you'll be able to see that everything is now upside down.
At which point, click the OK button
in order to complete the operation.
Alright, now you want to press Control + A
or Command + A on the Mac,
to select everything once again.
And then, go ahead and switch back
to the black arrow tool, by pressing the V key.
And then press the Enter key, or the return key on the Mac,
to bring up the move dialogue box.
And you want to make sure that
the horizontal value is zero points,
then change the vertical value to negative 252,
then click after the value,
and enter slash two, in order to move
the objects upward, half the previous movement.
And then when you press the Tab key,
you'll see that Illustrator does the math for you.
So we now have a vertical value of negative 126 points,
at which point everything
is centered vertically inside the document.
And so, I'll go ahead and click OK.
Aright, now, once again,
I want to protect what I've done so far,
so I'm going to duplicate this layer,
by clicking on the fly-up menu icon,
in the top right corner of the layers panel
and choosing duplicate at rings
and then I'll turn off the original,
double-click on an empty portion of that new layer,
and I'm going to change it's name to joined rings
because we are going to to be joining these shapes.
And I'll change the color to,
let's say, grass green, way down here
near the bottom of the list.
And I'll click OK.
Alright, now you want to press the A key
to switch to the white arrow tool.
And go ahead and marquee all four
of these left hand anchor points right there.
So that they're all selected,
then press the Shift key, and marquee these guys down here.
That is to say these four right hand anchor points.
So you want the four anchor points top left
and the four down right, as well.
And then you want to press Control + X,
or Command + X on the Mac,
in order to cut those selected segments to the clipboard.
Alright, now we want to join all these paths together,
by going to the object menu
and then choosing path, followed by the join command
or you can just press Control + J,
or Command + J on the Mac.
Alright, now notice that goes ahead
and draws a few straight segments.
And so to get rid of those, just marquee this first segment,
don't select the anchor points,
and press the Backspace key, or the Delete key on a Mac,
to get rid of it.
And then marquee this guy and Shift marquee this one,
and so you want to make sure that
you do not marquee the anchor points, by the way.
Then press the Backspace key, or the Delete key on the Mac,
to get rid of them.
Alright, now notice these guys are all joined together.
And you can see that's the case
if I were to drag that anchor point
to a different location.
However, all the points have been joined
into cusp points, as you can see right here.
That's not what I want.
So I'll undo the movement of
that particular control handle,
and I'll marquee all four of
these central points right here.
And then I'll go up to the control panel,
and what you want to do is click on the second icon
convert selected anchor points to smooth.
After which point, if I were to drag this control handle
you can see that the opposite one
moves in the opposite direction.
So we do, indeed, have a smooth point.
Alright, I'll go ahead and undo that move.
And I'll once again duplicate this layer
by clicking on a fly-up menu icon,
in the top right corner of the layers panel,
and choosing duplicate joined rings this time around.
And then I'll turn off the original layer, to protect it,
I'll double-click on an empty portion
of the new layer and I'll call this guy,
primitives this time around
and I'll change it's color to violet and then click OK.
Alright, now you want to return
to that layers panel fly up menu
and make sure this command, Paste Remembers Layers,
is turned off.
And then, go ahead and press Control + F,
or Command + F on a Mac, to bring back those segments
that you cut just a moment ago.
Alright, now I want to be able to tell them apart,
so I'm going to press the V key
to switch to my black arrow tool.
And I'll go ahead and partially marquee
these guys down here.
So you just want to select these four right hand half circles.
And then go ahead and change the color
of their strokes to let's say orange.
Just so they stand out.
And I really want these guys to be in front
of all the other paths, so,
I'll write click in the document window,
choose a range, and choose bring to front.
Or you have that shortcut of Control Shift Right Bracket,
that's Command Shift Right Bracket on a Mac.
And then we need to join the path's together,
just by pressing Control + J,
or Command + J on the Mac.
And that's going to give us some extra segments,
don't worry about those,
we'll get rid of those in a moment.
Then you want to marquee these guys
so all the left hand half circles
up here at the top of the document.
And let's change the color of these strokes to red,
let's say, just so that they stand out as well.
I want them to be in front,
so I'll press Control + Shift + Right Bracket,
that's Command + Shift + Right Bracket on a Mac,
to bring them forward.
And I'll press Control + J or Command + J on a Mac,
to join them together as well.
Alright, and now we need to go back
and grab the two largest circles.
So, go ahead and turn off the primitives layer,
for a moment, and turn on the at rings layer.
And then click on this top circle to select it,
and Shift click on this bottom circle.
So we want the two outside circles
at which point press Control + C,
or Command + C on a Mac, in order to copy them.
Then turn that layer off, turn the primitives layer back on
click on it to select it, and press Control + F,
or Command F on the Mac, to paste those shapes in front.
And then change the color of the strokes
to, let's say, this shade of blue right here.
Alright, now we need to subtract the top circle
from this orange shape right here.
And so, go ahead and click on the orange shape to select it.
And then Shift click on the top circle
to select it as well.
And you should see that just these shapes
are selected at this point in time.
And with those shapes selected,
go to the window menu and choose the pathfinder command
to bring up the pathfinder panel
and then click on the second shape mode
minus front in order to cut that path away.
Alright, now we want to do the same thing
with the bottom circle and the red path.
So I'll go ahead and click on the red path
and then Shift click on the bottom circle.
And once again, click minus front,
in order to reapply that mode,
or if you like, you've got a keyboard shortcut,
of Control + four, or Command + four on a Mac,
which repeats the last pathfinder.
Alright, now I'll go ahead and hide that panel.
And now what we need to do
is get rid of these extra segments here.
And so I'm going to press the A key,
to switch to my white arrow tool.
And I'm going to click on this segment right there.
So make sure you just select the segment
then Shift click on this one
and now, Shift click on these two vertical segments.
You won't see anything happen, in other words,
the appearance of the selection will not change,
but as long as you Shift click on both of those,
you will select them,
independently of all the anchor points.
At which point, go ahead and press the Backspace key,
or the Delete key on the Mac,
to get rid of them.
And now we need to repeat that operation
on the red path outline,
so click on one segment, Shift click on the other
and then Shift click on the two vertical segments
and press the Backspace key, or the Delete key on the Mac,
to get rid of them.
Alright, now we need to join all this junk together
and the easiest way to do that,
without making a big mess,
is to just marquee each pair of points, like so.
So I'm marquee-ing this top pair of points.
There's one point directly on top of another.
And then I'll just press Control + J,
or Command + J on the Mac, to join them.
And now I'll marquee these guys and press Control + J,
and marquee these guys, that's Command + J on the Mac,
marquee these two and press Control or Command + J.
But don't do it yet.
Because if you do it at this point,
then Illustrator will get mad at you.
And so I'll just go ahead and click OK
to dismiss that message.
What you need to do is, deselect the at sign,
by Shift Alt, or Shift Option,
clicking on it's outline, twice,
in order to turn that guy off, like so.
At which point, just these two anchor points
will be selected, which means,
you can press Control + J, or Command + J on a Mac,
in order to join them.
Alright, now we need to repeat the operation
for these bottom points.
And I'm getting an error message,
the reason, you can read it if you like,
but the reason I'm seeing the message
is because I'm trying to join
points together from two different groups.
And so, what I need to do is press the V key
to switch to my black arrow tool.
And I'll just go ahead and marquee all these paths.
I accidentally selected the at sign,
and so I'll Shift click on it,
in order to turn it off.
Notice that I do indeed, see the word group
over here in the far left side of the control panel.
I've really selected two groups,
but I can ungroup both of them at the same time
by going to the object menu
and choosing the ungroup command.
Alright, having done that, I'll press the A key
to switch back to my white arrow tool.
I'll marquee this pair of points
and I'll press Control + J,
or Command + J on the Mac, to join them.
I'll marquee these guys, Control or Command + J.
Marquee these guys, Control or Command + J.
Marquee these guys, don't wanma select the A, however,
so I'll Shift Alt click, twice,
on the outline of the at symbol to turn it off.
And then I'll press Control or Command + J,
in order to join that last pair of anchor points.
Now once again we have cusp points,
as you can see right here.
That's not what I want.
So I'll go ahead and marquee all of these points,
and I'll Shift marquee all these points, like so.
And then I'll go up here to the control panel
and I'll click on that second icon,
convert selected anchor points to smooth.
Now notice that I do have the at signs selected as well,
but that doesn't actually matter.
And to demonstrate that that's the case
I'll just go ahead and select this bottom anchor point again
and notice if I drag once of the control handles
the opposite one moves, in the opposite direction.
Alright, I'll press Control + Z, or Command + Z on a Mac
to undo that change.
And then I'll press the V key
to switch to my black arrow tool.
And I'll click on any one of these path's to select it.
Notice, in all, we have four different path outlines,
that are interacting with each other.
Of course I don't want to move them,
so I'll press Control + Z,
or Command + Z on a Mac, a few times,
to put them back where they go.
And then with one of them selected,
I'll go up to this icon,
on the right side of the control panel,
select similar objects and click on it.
That will select all those red strokes
and then I'll change the color of the strokes to black.
In order to produce this effect here.
And finally, a click off the paths to deselect them.
I will turn off the guides layer,
and I'll zoom in slightly as well.
And that's how you take that bullseye logo
and turn it into a pattern of interwoven rings,
here inside Illustrator.