- [Instructor] In this movie we're going to enhance
our 3D artwork by adding these faux 3D beads of sweat.
And so the idea is because Illustrator's 3D functions
aren't sophisticated enough to allow us to create objects
that interact with each other
we're going to use gradients instead.
And I want you to see something
and I'm going to zoom in on one of these droplets.
Notice that the droplet is casting a shadow
along its top edge
and then we're seeing a highlight there toward the center
and then we have another shadow along the bottom edge.
And we're going to create this effect
using a combination of radial gradients and drop shadows.
All right, so first thing we need to do
is switch over to the Layers panel
and turn on this sweat layer,
which contains nothing more than a bunch of green circles
that I drew using the Ellipse Tool.
All right, so I'm going to select all the circles
by clicking in the top right corner of the sweat layer,
and then I'm going to fill them with gradients
by going up to the Window menu
and choosing the Gradient command.
Then you want to make sure that the Fill is active,
in which case go ahead and click on the Gradient bar,
assuming of course that your Gradient panel is expanded
all the way, like so.
All right, now with any luck
your first color is white by default
and we want the last color stop
to be this dark shade of gray
in which all of the RGB values are 51.
And so I'll just go ahead and drag and drop that swatch
onto the last color stop, like so.
And then I'll change the Type from Linear to Radial.
Now you want to go ahead and zoom in on your droplets,
just so you can see them a little better.
And I'm specifically interested in modifying this one,
because it's one of the largest circles.
And so I'll go ahead and grab the Gradient Tool,
which you can get by pressing the G key,
and I'll drag from right about here
in this lower left quadrant
to a little bit outside the circle, like so.
And you might want to take a look at the Angle value
here inside the Gradient panel
and change it to 55 degrees.
And that way you and I will get the same result.
However, if you now zoom out
you will see that all the other circles are messed up
and that's because they're all filled
with the same gradient.
So what we need to do to fix things
is press the V key to switch back to the black arrow tool
and then Shift + click on this central circle
to deselect it.
All right, now we need to lift this circle's attributes
by first switching to the Eyedropper Tool,
which you can get by pressing the I key,
then you want to press the Enter key,
or the Return key on a Mac,
to bring up the Eyedropper Options dialog box
and go ahead and select the Appearance option
in this left hand column.
Now when you do that that'll go ahead
and collapse that option,
I've never understood why,
but that's just fine, it's going to work great.
At which point click OK
and then click inside that properly filled circle
in order to transfer those attributes
to all the circles, like so.
All right, now I'm going to press Control + Shift + A,
or Command + Shift + A on the Mac,
to deselect the artwork
and I'll go ahead and zoom out.
Now at this point what I decided I wanted to do
was bend all the circles,
so that they better match the contours of the can.
Now I wasn't really sure how to do that,
so I decided to experiment with the rectangle.
And so I'll go ahead and select the Rectangle Tool
from the shape tool fly-out menu,
and then I'll draw a shape
that's about the same size as the can,
albeit upright instead of at an angle.
I don't need it to be filled with a gradient,
so I'll go ahead and change the Fill to white.
And I'm going to switch away from the Gradient panel,
just so I have a little more room to work.
Now as you may recall, I set the role value
inside the 3D Revolve dialog box to 10 degrees.
And that just goes ahead and spins the can 10 degrees,
so it's the same as the standard 2D rotation.
And so I'll go ahead and switch to the Rotate Tool,
which you get by pressing the R key,
and then I'll press the Enter key,
or the Return key on a Mac,
to bring up the Rotate dialog box,
and I'll set the Angle to 10 degrees.
And you can see,
because I have the Preview checkbox turned on,
that we get a pretty darn good match.
At which point I'll click OK.
All right, now I'm just going to nudge the rectangle
over a little bit,
so it better matches the position of the can,
and now what I want to do is bend
the top and bottom edges outward.
So again, I wasn't sure exactly how to approach this,
but I'm confident this is a warp distortion.
So I'll go up to the Effect menu, choose Warp,
and then just choose the first command,
or if you loaded dekeKeys you've got that keyboard shortcut
of mash your fist + W,
which will bring up the Warp Options dialog box.
Now quite obviously the default setting,
which involves the Bend value of 50 degrees,
is not what I want at all.
So I'll go ahead and click on the Style option here
and I'll just look down the list for an icon
that matches the shape of the can.
Now Arch looks pretty good,
but it only bends in one direction,
either up or down.
What we really want is this guy, Bulge,
which is going to bend in both directions.
So I'll choose that.
Now this is obviously too much bulge,
so I'll just click in that Bend value here
and I'll press Shift + down arrow
until I get a result that looks a heck of a lot better.
And even though it's not exactly right,
a Bend value of 20% looks pretty darn good.
And that by the way is assuming that Horizontal is selected.
If you switch to Vertical
you're going to bend the left and right sides,
which is not what we want.
So I'll switch back to Horizontal,
I'll leave the Distortion value set to 0%,
and click OK.
All right, now we don't really need this rectangle,
it's just there, so I can feel my way through the project,
so I'm going to press the Backspace key,
or the Delete key on the Mac to get rid of it.
And then I'm going to target the entire sweat layer
by clicking on that so-called meatball
on the right hand side of the Layers panel,
and then I'll return to the Effect menu
and choose Arc..., so that second command.
And that's actually going to repeat the Bulge distortion,
because that's the last Warp distortion I applied.
I can also see that Horizontal is selected,
Bend is set to 20%, so everything's great.
I'll just go ahead and click OK to accept that change.
Now at this point the selection edges are not accurate,
because after all this is a dynamic effect,
so I'm going to hide them by pressing Control + H
or Command + H on the Mac.
All right, now I'm going to zoom in again
and I want to turn these radial gradients into droplets,
meaning that I want to keep the shading,
as well as the highlights,
but I want to blend it in with the coloring of the can.
And the best way to do that
where this particular effect is concerned
is to click on the word Opacity up here in the control panel
and change the blend mode from Normal to Hard Light
is actually going to produce the best effect.
And notice that we get this nice interaction.
All right, now that looks like a little bit too much to me,
so I'm going to reduce the Opacity value to 70%.
And if you loaded dekeKeys
you can do that just by pressing the 7 key.
All right, now that we have these shadows along the top edge
as well as these highlights more or less in the middle
I want to cast some shadows down and to the left
and I'm going to do that using
a traditional Drop Shadow effect.
So I'll go up to the Effect menu,
choose Stylize, and then choose Drop Shadow,
or if you loaded dekeKeys you have that shortcut
of Ctrl + Alt + D or Command + Option + D on the Mac.
I'll go ahead and move this guy down a little bit,
so that we can see a few different droplets.
I went with a Color of black and a Mode of Multiply,
although Normal would have worked just as well.
I want the shadows to go down and to the left,
so I set the X Offset value to negative 2, which is left,
the Y Offset value to positive 2, which is down,
and I went ahead and matched the Blur value.
And so notice if I turn on the Preview checkbox
that everything looks pretty good,
except that the shadows are too dark.
So I'll take the Opacity value down to 50%, like so,
and then I'll click OK.
All right, now I'll press Control + H,
or Command + H on a Mac,
to bring back my selection edges,
and I'll press Control + Shift + A
or Command + Shift + A to deselect my artwork.
And I'll press Control + 0,
or Command + 0 on the Mac, to center my zoom.
All right, now the last thing I want to do
is set the can off from its background a little bit.
And again, I'm going to do that using a Drop Shadow.
So I'll press the V key to switch to my black arrow tool,
I'll click on the can to select it,
and then I'll return to the Effect menu
and choose the section command,
which now reads Drop Shadow...,
and that's going to bring up the Drop Shadow dialog box.
I'll go ahead and crank the Opacity value
up to 100% this time.
I'll leave the X Offset set to negative 2,
I'll change the Y Offset value to positive 8,
and I'll set the Blur value to 8 as well,
a Color of black is just fine,
and you can see, if I turn on the Preview checkbox
that we have a Drop Shadow
that very nearly surrounds the entire can.
At which point I'll click OK to accept that change.
Now if you have a problem
with the lighting on the can changing on you
then switch over to the Appearance panel
and click on the words 3D Revolve Mapped
in order to bring up that dialog box.
Turn on the Preview checkbox,
and that's what I'm talking about right there,
that weird edge that appears every once in a while.
To get rid of it all you have to do
is click on that down right light source right there,
that's it, you don't have to do anything else.
Don't drag it unless you want to modify the effect.
After which just go ahead
and click OK to accept that change.
All right, now I'll click off the artwork to deselect it,
I'll press the F key a couple of times
to switch to the full screen mode,
and I'll zoom on in.
And that friends is how you create a classic 3D soda can
using a combination of the Revolve effect,
a mapped logo symbol, and a few gradient circles
here inside Illustrator.