- In this movie we're going to create this leather
smartphone case, and then we're going to put our iPhone
into the case.
I'll start off by turning my guides layer back on
so that I can see where I need to position
these various objects here.
And then I'll go ahead and click on that rounded rectangle
to select it.
Now I want to copy the rectangle to the center
of my artboard, and I'm going to do so
by dragging its centerpoint.
Now one of the great things about Illustrator,
and it's been this way forever,
is that you can drag the selected object
even when it's covered up by other objects
as we're seeing here.
And so if I drag that selected centerpoint,
I'll move the selected object without disturbing anything
in front of it.
And now I'll go ahead and move my cursor
to the intersection of these two guidelines,
and then I'll press the alt key, or the opt key
on the Mac, so I can make a copy of this object,
and then I'll release my mouse button
to drop it into place.
All right, now I'll press ctrl + c,
or cmd + c on a Mac in order to copy that object
because I'm going to come back to it in a moment.
And I'll go up to the Window menu
and choose the Appearance command
in order to switch to the Appearance panel.
And I'll click on that top gradient stroke right there
and then I'll click on the trash icon
in the lower right corner of the panel
in order to get rid of that extra stroke.
All right, now as long as we're here inside
the Appearance panel, I'm going to change the fill
and the stroke.
So first, I'll go ahead and click on the fill swatch
and I'll change it to the second to darkest warm brown,
which is R=96 G=56 B=19,
and then I'll go ahead and click on the stroke swatch
right here, and I'll change it to the darkest brown,
R=66 G=33 B=11.
And then I'll go ahead and take the line weight down
to 1 pt.
All right, now we need to create the hole
for the phone's camera, and we're going to do that
using yet another rounded rectangle.
So go ahead and select the Rectangle Tool,
which you can get by pressing the m key.
And then click in order to bring up
the rectangle dialog box.
And again, based on my measurements,
the hole is three quarters of an inch wide,
so I'll just enter 3/4,
and press the tab key to advance to the height value,
which is 5/16 of an inch.
So I'll enter 5/16 and press the tab key
in order to perform the conversion,
and then I'll click OK in order to create that rectangle.
All right, now what we need to do is move it
into the right place.
So I'm going to press the V key
to switch to my Black Arrow Tool,
and I'll drag its right edge until it snaps
to the right edge of the rounded rectangle.
And then I'll drag its top edge while pressing the shift key
until it snaps into alignment with the top of the rectangle.
All right, now I need to move it into the proper location.
So I'll press the enter key, or the return key on the Mac,
to bring up the move dialog box.
And I'll set the horizontal value to -3/8
in order to move the rectangle 3/8 of an inch to the left.
And then I'll change the vertical value to 1/8
in order to move that rectangle down 1/8 of an inch.
And then I'll click OK to accept that change.
All right, now we want to combine these two shapes
into a compound path, and I'm going to do that
by shift clicking on the big round rectangle,
and then I'll go up to the Object menu,
choose Compound Path and choose Make,
in order to turn the smaller rectangle into a hole.
Now this needs to be another rounded rectangle,
so I'll press the a key to switch to my White Arrow Tool.
I do not want the large rectangle to be selected,
so I'll shift click on it, but if I do,
I also deselect the innermost rectangle
because insofar as Illustrator is concerned,
they're both part of the same path.
If I want to select the innermost one independently,
then I need to press the alt key or the opt key
on the Mac, which gives me a little plus sign
next to my white arrow cursor,
and then I'll click on the path's outline.
So don't click in the brown area.
Alt click or opt click in the outline instead,
and then you want to go ahead and drag
one of the round corner widgets as far as you can
in order to get the maximum amount of round as possible,
so that we essentially have two half circles
connected by horizontal segments,
in which point you can go ahead and press ctrl + shift + a,
or cmd + shift + a on the Mac, in order to deselect
your artwork.
All right, now I'm going to zoom out a little bit here
so that I can see the entire case at once.
All right, now I want to draw an edge around the case,
and so I'll bring back that round rectangle
that I copied earlier in this movie
by pressing ctrl + f, or cmd + f on the Mac.
Now we need to get rid of the fill
by clicking on this first color swatch
up here in the control panel and changing it to none
so that we can see our shape in the background.
And I'm also going to change the stroke here
to 6 pt, in order to make it nice and thick.
And now we want to change the stroke attributes as well,
and because we have two strokes, we need to do so
inside the Appearance panel.
So I'll click on the rearmost stroke here,
and I'll click on its color swatch and change it
to that second to darkest shade of brown,
which begins R=96.
And I'll also change its line weight.
Notice that it's currently 2 pt still.
I need to raise it up to 6 pt like so.
And then I'll go ahead and click on the topmost stroke.
I want to reverse its direction,
and I can do that here inside the Gradient panel,
just by changing that angle value to -90 degrees like so.
And I also want to do a better job of blending the gradient
with the stroke behind it,
and so I'm going to click on the word Opacity
below the top stroke.
And I'm going to apply a blend mode
by clicking on the word Normal
and choosing this guy right here, Soft Light.
Now we're going to be reviewing blend modes in detail
when we get to the mastery course,
but for now, just know that soft light
gently enhances the contrast, as we're seeing right here.
So we get a nice colorful blend.
All right, now I'll press the escape key
in order to hide that panel.
And then finally, I need to open up this path outline
down here at the bottom.
So I'm going to press ctrl + shift + a,
or cmd + shift + a on the Mac to deselect this object,
and then I'm going to click on this bottom segment
to select it independently of the rest the shape,
and I'll press the backspace key,
or the delete key on the Mac, to get rid of it.
All right, now if you notice here,
we've got some butt caps going on.
We need them to be round,
so I'll go ahead and click on the top stroke here
inside the Appearance panel, and I'll select a round cap.
And then I have to do that again for the bottom stroke
by clicking on it and then selecting round cap once again.
All right, now let's just go ahead and press ctrl + 0,
or cmd + 0 on the Mac to zoom out.
And let's put the iPhone in the case
by pressing the V key to switch to the Black Arrow Tool.
I'll go ahead and marquee the paths that make up the iPhone
over here on the left hand side of the artboard,
and then I'll go ahead and drag the centerpoint over
until snaps into alignment
with that final pair of guides.
And then I'll press the alt key, or the opt key on the Mac,
in order to create a copy.
All right, now we want to do the same thing with this path,
just the foremost path,
so go ahead and select it and drag it by its centerpoint,
until it snaps into alignment with those guys.
And then press the alt key or the opt key on the Mac
to make a copy of it as well.
And now I'll switch back to my Layers panel
and I'll turn off the guides layer,
and I'll go ahead and press the f key a couple of times
in order to switch to the full screen mode,
and I'll go ahead and zoom in as well.
And that's how you draw a professional quality iPhone,
complete with a leather case using a bunch of basic
rounded shapes here inside Illustrator.