- [Voiceover] In this movie, we're going to add
these stylized shadows right here
that appear at the intersections of each one of the pedals.
We're going to express them as skewed gradients.
I'll go ahead and switch over to the relatively
shadow-less version of our logo.
I'll go ahead and zoom in as well.
The first thing we need to do is draw a rectangle.
I'm going to go ahead and select a rectangle tool,
which you can get of course by pressing the M key.
I'll drag from this point right there.
Make sure your smart guides are turned on, up to this point.
So, we just want the corners of the rectangle
to snap exactly into alignment.
If you're working along with me
and you want to make sure everything's the way it should be,
your width value, as you can see in the heads up display
needs to be 119.98 points,
and the height needs to be 38.96 points.
That'll tell you that you have an exact snap.
We're not really seeing the rectangle
at the front of the stack.
That's because I'm working on the wrong layer.
So, I'll go ahead and drag this gold square,
on the far right side of the layers panel up
a layer to the star logo, like so.
Just to make it that much more obvious,
I'll change it's field to black.
Now what we need to do is skew this guy,
so that he matches the angle of the other shapes.
We can do that using the Sheer tool.
I'll go ahead and select the Sheer tool
from the Scale Tool Fly-Out menu.
Then I need to position my transformation origin
at the lower left anchor point.
So, I'll click in order to
move that target to that location.
Then, you want to drag up on this bottom right anchor point,
while pressing the shift key until you snap into alignment.
As you can see, the axis value,
the second one is 90 degrees.
We're seeing a skew value of negative 17.99.
That's not really exactly what I want.
I'm going to try that again.
This time by alter-option clicking
on that lower left anchor point
in order to bring up the Sheer Dialogue box.
Axis should be set to vertical, so that's fine.
Notice our last sheer angle was 18 degrees.
We just need to switch that to negative 18 degrees,
and press the tab key in order to get
exactly the skew we're looking for.
We know this is the right value because it matches
the skew that we applied to the
top of the shapes in the first place.
At which point, I'll go ahead and
click okay to accept that change.
Now, we need to carve this path outline
so that it appears only inside the purple and green shapes.
We're going to do that by switching to the black arrow tool.
Which you can get by pressing the V key.
Then, I'm going to click right there
to select the purple shape.
I'll shift click in the green shape to select it as well.
Then, I'll copy those shapes because
we're going to lose them in just a moment.
By pressing Ctrl-C or Command-C on a Mac.
Now shift click on the black shape to select it,
and bring up the Pathfinder panel.
It's tempting to go with something like intersect,
but if you click on that, you're not going to get anything.
That's because these two paths never overlap.
I'll just go ahead and click Okay
in order to acknowledge that message.
The one we're looking for is one that
I maligned back in chapter 17.
I really do owe it an apology, it's crop.
This guy is going to work perfectly
for this specific step in the project.
So, go ahead and click on the fourth icon in the second row
in order to crop those shapes away, like so.
Then, go ahead and hide the Pathfinder panel.
Notice that we end up with a group
as we can see by the word group
on the far left side of the control panel.
I don't want that so, I'll go to the Object menu
and choose the Ungroup command.
Then, I'll shift click on the purple shape
and the green shape to deselect them.
I'll press the backspace key or the delete key on a Mac,
to get rid of the other stuff.
Now, I want to bring back the original
purple and green shapes.
I'll just go up to the edit menu and choose paste and back.
Or, you can press Ctrl-B or Command-B on a Mac.
Now, I'm going to click on this shape right here,
the cropped on in front.
Then, I'll shift click on this guy as well.
I want to combine them into a single path outline
by going to the object menu,
choosing compound path, and choosing make.
Or, you have that keyboard shortcut of
Ctrl-8 or Command-8 on the Mac.
Then, I'll go ahead and fill them with the same color.
Now, I don't really want green.
I want a gradient.
I'll go to the window menu and choose a Gradient command,
to bring up the Gradient panel.
I also want to expand this panel.
So, I'll click on this little double arrow icon,
to the left of the word gradient, a couple of times.
We're going to be discussing gradients
and all kinds of detail in a future chapter of this course.
For now, just follow along.
Go ahead and make sure the fill is active, the green fill.
Then, click on this horizontal gradient ramp,
in order to fill the shapes with a black to white gradient.
Now, I just happen to know that the angle for this gradient
should be 90 degrees because we're going upward.
Plus, 18 degrees because we want to go up and to the left.
So, just enter 90 plus 18, and that's going to
give you a total of 108.
Now, the problem is, even though you can see
that the gradients now match the angles of the shapes,
they're going in the wrong direction.
That is, they're going from white to black
instead of vise versa.
So, you can flip things by clicking on the
Reverse Gradient icon right there inside the Gradient panel.
So, we no longer need this panel.
You can just go ahead and tuck it away,
or switch back to the Stroke panel.
Now I want to modify how it interacts with the other shapes.
So, I'll click on the word opacity
up here in the control panel.
You want to keep the blacks and drop out the whites.
Which means switching to blend mode to multiply.
That's another topic that we're going
to investigate in a future chapter.
However, that's going to be in the mastery course.
For now, just go ahead and choose that.
You can see that the whites totally drop out.
Then, I took the opacity value down to 30 percent,
in order to produce this more subtle effect here.
Now, I'm going to zoom out by pressing Ctrl-0,
or Command-0 on the Mac.
Of course, we need to power duplicate these gradients.
I'm going to do that by bringing back the guide slayer.
The, I'lnl switch to the rotate tool,
which you can get by pressing the R key.
I'll alter-option click at the
intersection of those two center guides
in order to bring up the rotate dialogue box.
I'll once again enter 360/5, in order to divide 360 by 5,
which produces an angle value of 72 degrees.
It dawns on me that this isn't looking right at all.
This is not where the shadows belong.
That's because I moved the star down 18 points.
I'm just going to cancel out of this dialogue box here.
What I'm going to have to do is create yet
another guide that's 18 points lower in the document.
So, the first step is to go up to the view menu,
choose guides, and turn off the Lock Guides command.
Then, press the V key to switch back
to the black arrow tool,
and click on that horizontal guide.
That's the easiest way to pull it off anyway.
You'll see once you move your
cursor away, that it is selected.
Then, press the Enter key or the Return key on the Mac
to bring up the move dialogue box.
Notice the horizontal value is 0,
the vertical value is 18.
That's exactly what I want.
Now, it's up to you.
If you just want to move the guide then,
go ahead and click the Okay button.
If you want to create a duplicate, click on the copy button.
In my case, I want a duplicate.
So, I clicked on copy and then I'll return to the view menu,
choose guides, and choose lock guides
to once again lock those guide lines down.
Now, I'll click on either of these shadow paths right there,
to select both of them because
I joined them into a single compound path.
Then, I'll press the R key to
switch back to the rotate tool.
I will alter-option click at the
intersection of my new center guides.
I'll change the angle value to 72 degrees because by now
I know that's what I want.
As you can see, everything's exactly where it should be.
I'll go ahead and click the copy button,
or press Alt, Enter here on the PC or
Option, Return on the Mac.
Then, I'll press Ctrl-D or Command-D on the Mac
three times in order to fill out the rest of the logo.
Now, I'll turn off the guide slayer,
and I'll switch back to the black arrow tool.
I'll click off the path outlines to deselect them.
That is how you create skewed gradient shadows.
That exactly match the pedals inside of our star logo.
Here inside Illustrator.