Transcripts
1. Intro: Hi Kim, Russia,
care and thank you so much for checking
out this class. This class, you're
going to learn how to create mock-ups in Procreate. Now, I consider this to
be a beginner course. And there are so many
more software programs out there that can recreate mockups with more ease and more efficiency
than Procreate. Can. I wanted to create
it in Procreate? Because I do spend a lot
of my time in Procreate. And I didn't necessarily want to invest extra time and money
and other software programs. To recreate these
mockups, first of all, need to pull some images
from the Internet, from commercial use Sites. Or you can use photos
that you take yourself. We'll discuss some highlights
and shadows that's already present in
the image itself. And as we add additional pieces and
elements to that image, we will discuss how we lead to make sure everything
is in correlation. We will discuss some
backgrounds that we can use. We'll discuss how we can alter an edit the backgrounds
on the image itself. We can either enlarge
or hide something that we don't necessarily
want to show, will also learn to edit
some photos and layer them to give it more of a
realistic photo shoot look. We'll create a photo frame
from scratch so we can incorporate it into our images
to showcase our artwork. Will also create a card and envelopes seen by drawing
it out and adding some shadows and texture
to really give it a more authentic
feel will create some coping mask that we
can use for these images. So we can re-purpose and
reuse these mockups. We'll also illustrate
a mug or a tote bag, as well as aesthetic curtains. I'll be using my iPad, the Procreate app,
and an Apple pencil. If you're ready.
Let's get started.
2. Class Project: For the class project, I would love to see any or all of your mock-ups that
you created with or without your artwork that
you want to showcase in the projects and resources
section of this class, you'll have plenty to create, use, and share with this class. We'll create a photo frame
illustration, wall frame, table frame, living
room, fireplace, mantle, pillow, a card and
envelope illustration, an iPad with the
procreate app, a mug, tote bag, as well as
Curtain illustration. I'm really looking
forward to seeing your mock-ups as well
as your designs.
3. Free Resources : I'll be supplying a
downloadable link sheet. It will get you direct access to all the photos that I plan
on using for this class. It also allows you to pick and choose what you want to use. I'll also supply an iPad photo showing the Procreate app open. The purpose of this
photo is to showcase our artwork with the
Procreate toolbars displayed. So here's the commercial
use site links sheet. These are links to the
photos I'll be using. You can choose to go through
and download all of them. Or as we go. I give you a couple
of examples of green as well as paper
for you to choose. I really wanted to offer
this as a link sheet. So you can pick and choose to
download each individually, or choose to download
something entirely different. This way you're not downloading all these photos and
using up your memory. If you're not planning
on using them. If you click on a
link from this sheet, a pop-up should appear
for you to click on and take you
directly to a photo. This way you know
exactly what photo I'm using and if you
choose to download it, it should go directly into your downloads
folder on your iPad. Also allows you to give a shout out and thank you to
the photographer. Will also mention a search word that you can use
if you prefer to search for a photo yourself on any of these
commercial use Sites, or if you're having trouble using this link
sheet on your iPad. I've also included individual
links to the photos will be using on the about
page of this class. I also wanted to supply you
this photo so we can use the procreate portion of
this for iPad mockup. I can't wait to get started. See you in the next lesson.
4. Backgrounds: For our backgrounds, you can choose any size that you want, whether you want to have it vertical or you want
to have it horizontal. I'll show you how
to enlarge photos. If you want to take a square photo and turn it into a landscape
rectangle size. You can also choose to have a brick background
for your mockups. Or you can choose to use
wood for your wall or table. You can choose to have elements already
present in your image. We can also choose to
use the square size, which works great
for Instagram post. I plan on using a video
slide size for my mockups. But if you're planning
on using them for your Creative Market shop, you can use that size. You can also choose to use
an Instagram story size. There's so many different
sizes that you can choose from and many comprehend
stalled the Procreate. So you may have some to
choose from already there. Here are a few pixel
sizes that you may want to consider
for your mockups, but always double-check since size recommendations may change. We discuss some
background options. You can choose what size canvas
that you want to work on. In the following mock-ups that we're going to create will be ready to get started by creating a photo
frame illustration. In the next lesson.
5. Photo Frame Illustration : In this lesson, we'll create
a photo frame illustration. I'll be using a
video slides size, which is 1920 pixels
by 1080 pixels. I'm choosing a monoline brush
into calligraphy brushes. I'm just using black. And I'm going to draw
out a rectangle. You can hold your pencil in
place or touch the screen and hold until a
rectangle is formed. And I'm grabbing the move tool so I can adjust the
size accordingly. I'm going to go to the
Actions menu and turn on the Drawing Guide so
the grid can guide me as I'm placing my rectangle in a more even and
centered position. And you can choose to turn the drawing guide
off if you want to. Know, I'm going to
duplicate this layer. Grab the adjustment tool, make sure you're on uniform. And I'm just going to
re-size it and center it. And I'm gonna go
to snapping just to make sure it snaps in place. This gives me a little
bit more idea that snapping in the middle
of the outer frame. And I'm going to turn
it on free form. This way I can adjust the
top and bottom a little bit more than the
uniform option. Allow me to, I'm just
going to be center. And I'm going to
merge this down. I'm going to fill the
frame with black. I'm going to duplicate the
original layer three times. And I'm going to move one
of the duplicated layers below that original layer. I'm going to turn
that layer off. And I'm going to add a layer
above that moved layer. And below my original layer. I'm going to choose
a different color. And I'm going to draw out a
rectangle beneath that frame. I'm going to turn
that frame layer off so I can see what
I just drew out. So I can fix and enclose
that rectangle up. Then I'll just drop
color into the center. I'm going to rename this back. I'm going to rename
this one frame base. I'm going to rename
this one shadow. And the two layers
above my frame base, I'm going to move
below my frame based. I'm going to add a layer
above my frame base. And I'm going to turn this
into a clipping mask. This is where I'm going
to add a wood texture. So you can go to Unsplash or use one of the links
I've provided. You can choose any of these, even if there's a little bit of extra stuff
added to the wood, it won't necessarily show
inside your clipping mask. But you can choose any
wood grain that you find on any of these
commercial use sites. I'll be using wood grain
number two for this texture. I am just going to insert it, flip it around and reposition so it covers
my entire frame. I'm going to go to that first
layer below my frame base. Grab the Move tool
and just shift it just a little bit
down into the right. This gives me an inner shadow. And I'm going to grab the adjustment tool and
grab Gaussian Blur. And I'm going to just
slightly to about 3%. I'm going to go down
to the next layer. I'm going to shift this one
just a tad to the left. And I'm going to go to
the Adjustments tool, use Gaussian blur to about 3%. Now I'm going to change both
of these inner shadows to clipping mask above
the back background. Now we're gonna go down to the bottom layer called shadow. This is going to be
the back of our frame. This is gonna be a little
bit more predominant. I'm going to grab the
monoline brush and black, and I'm just going to attach that shadow a little bit more
even with a wooden frame. And I'm going to go to
the Adjustments tool. Gaussian blur to about 3%. Now this layer here may
need to be adjusted if you're going to use it
in different images, depending on the
shadows that are actually shown
within that image. I'm going to add another layer
above my background layer. And I'm going to
label it at artwork. Now. I'm just
grouping everything. And I'm going to label it frame. Now that we've created our photo frame illustration by using some color texture shadows and clipping mask will incorporate this in several of
the next lessons.
6. Wall Frame : In this lesson, we'll create
a wall and table mockup. You can use the wall and table link or you can
search the term wall. I'll be using this one
right here with the clock. After you have it downloaded. Go to the Actions menu, Insert a File, find your photo. It'll probably be in your
downloads folder on your iPad. I'm just going to enlarge
this so it fits my canvas. And I want to rename this
to background wall table. Now I don't necessarily want
this clock and that's okay. I want to duplicate
the photo frame and move it above the image. I made sure the
group is turned on. Now I want to grab the Move tool and adjust my size
and positioning. You can see by this
image the light is shining in from the
right hand side. I want to flip this group
horizontally. This way. My shadow is on the left-hand
side and along the bottom. And I can reposition this
and make it a little bit smaller and just cover up
that clock in the background. My size does cover up part of
that plant and that's okay. We'll fix that in just a bit. I'm going to open
up my group and go to that shadow layer and just adjust my shadow
a little more. I feel that it needs a
little bit more of a shadow. As you can see here. How much shadow is here. In regards to the plant
as well as the table. I just want to shift this shadow a little
bit more to the left. I want to grab the
eraser and just clean up the edges
of this photo frame. And I'm just going to grab
the monoline brush and attach it to my wooden frame. And I want to do the same thing
down here to this corner. I want to go to the adjustments
Gaussian blur to 2%. And we want to
lower the opacity. We don't want that shadow stronger than the shadows
that are already there. And I'm gonna change my
blend mode to multiply. Now we'll want to go back and
erase some of this frame. So our plant shows through. I want to grab the
monoline brush and move the size down
to as low as I can. And will need to erase the back shadows to the
plant shows through. We want to go to the
frame base and erase. So our plant shows through. And if you notice, I did a little too much. So let's go back. Looks like I need a
little bit smaller brush. So let's go back to our brushes. Duplicate that monoline brush, and we want to tap the top
right there. Do we can edit. We're gonna go to Properties. We're going to shift the
minimum size down to 1% and the maximum size to 2%. This is gonna give
us a very fine line for us to use as an eraser. Let's go back and
rename that brush. Go to About this brush. Tap the name at the top, and change it to find line. And we're just going to
erase with this small brush. Make sure you're on
the frame base layer. We want to add a layer
above the wood grain. We're going to use black. And we want to use that
fine line brush and just run it along the
tip of that plant, want to clean it up so it
doesn't go past that frame. Go to Adjustments,
gaussian blur to about 1%. And we'll want to erase
some of this away. So the plant shows through. We just want to give
the overlapping part of this plant some shadow to
really give it some depth. And we'll want to adjust the opacity and change the
blend mode to multiply. Now we want to group
these and rename it wall frame and table just to
keep ourselves organized. Now that we used our photo
frame illustration into our wall frame mockup will now incorporate this into
a table top frame.
7. Table Frame: In this lesson, we'll
create tabletop frame. Let's insert the tabletop
frame photo from the link sheet or you can
search for table on Unsplash. I'm going to flip
this horizontally and shift this over to the left until I cut off
the edge of this table. Now I want to duplicate this, flip it horizontally and
move it over to the right. So I have my entire
canvas size field. I'm going to grab the
move tool and shift this selection over
until they get the illusion that
the first drawer is uniform in size with
the other jurors. Now I want to go back
to the first layer, grab the selection tool
and encompass part of that left side falling
short of the door handle. Tap, copy and paste, and move the layer
all the way to the top and turn on the
middle layer again. I'm going to grab the
Move tool and flip the selection horizontally and move it all the
way to the right. I'm gonna go back to
that middle layer. And I'm going to shift this over to the right until I can get an idea where it looks
best with the drawers. So this may take a
little longer than other programs since
we're just eyeballing it and using our best judgment to recreate this table
to fit our canvas. You can see here that the door handle appears
a little off centered. So I'm going to grab the selection tool and circle around the inside
of this drawer, tap, copy and paste, and move this layer to the top. I'm going to grab the
Move tool so I can center this handle in the
middle of this drawer. Going to go back to my
original layer at the bottom, grab the selection tool and do the same thing to
this left drawer. I'm going to circle
around the inside of the store and grab
the door handle, tap, copy and paste, and move it to the
top of the layers. I want to shift this
selection over to where it looks like the handle is in
the center of this drawer. Now, I want to grab the
smudge tool and smudge out the outer edge of this selection just to blend into
the background. I'm going to merge these
selections together. I want to go to
the bottom layer, grab the selection tool, and I want to grab the left
side of his desk and wall, tap Copy and Paste. I move this selection
all the way to the top. Now it looks like there's
two sets of plants, but we're only
going to keep one. I want to shift this selection we just created to the right. I want to go to the
right hand layer, which is second from the bottom. Grab the selection
tool and just grab the left portion of this
desk without the plants. And I only want the top portion. Tap, copy and paste,
and move it to the top. Turn the layers back on, and move that top
selection to the left. So that way I can enlarge that table runner will need
to duplicate this layer. Move this to the right and erase the left side of this
selection up to the runner. I need to erase the
bottom portion of this below the runner
to clean it up. I'm also going to grab
the smudge tool and blend out the runner
into the background. I want to bring up the size so I can blend
out the wall portion. If you haven't as much
too much like I did, we can just duplicate
this layer. I want to go to the
third layer down and clean up this side
by smudging it out. I now want to go
to this top layer and smudge at the
bottom of this. Let's erase it so I don't
get that dark mark. I want to do this
to the next layer. You may want to keep checking
your layers like I am. This way you can
see what looks good and what needs to be
fixed and adjusted. I need to go back to the
second layer down as much as I need to go to that second layer above
the bottom and smudge out this sharp crisp line and blend it into the rest
of the background. If you find that smudging
isn't working as well, erase a portion and blend out the edges with
the smudge tool. I just need to fix
this below the desk. I'll need to go back to
my first bottom layer, grab the selection
tool and circle around the bottom left
portion of this desk. Tap copy and paste and
move it to the top. Just shift it over, grab the smudge tool
and blend it out. It looks like I need to duplicate this
selection to darken it up and merge all my selections together to keep
it more organized. I want to smudge out
the right side here trying to fix the
shadow below the desk. If the shadow isn't
quite looking right, you can hold your finger
down, grab a color, choose the soft blend airbrush, brush over top and
smudge it out. Actually, we should do
this on a new layer so we can erase any overlapping
spots on the desk itself. Will need to do the same
thing on this side as well. Just hold your finger
down to grab a color, brush it out, then follow
up by smudging out. Make sure you repeat this
in the middle as well. I just want to make
sure that I get the shadow across the
bottom of this desk. Because I duplicated this
image and flip it around. It does appear to have sunlight shiny and on both
sides of this photo. So we just need to decide which side of this image
is going to cost more. Shadow under the desk. I'm going to group
all the layers and flip it horizontally, but this is just my preference. I need to add more shadow and blend it out until
it looks good to me. And you'll need to do the same. I'm envisioning the sun is
coming in from the top right. It looks like I need to
duplicate this layer, darken up, and use the eraser
to clean up that layer. I can see here, this is a little blurry. I must have gotten
so much happy. I'll need to find
the left side layer, grab a selection, tap, copy and paste.
Move it to the top. And move to the right to
cover up the blurred image. I'll need to grab the
eraser to clean this up and make sure my
runners still shows. I also need to grab the smudge
tool and smudge this out, but making sure I'm
more careful this time. If you zoom out, you won't
notice all the imperfections. If it's not completely perfect. I want to rename
this tabletop frame. Will need to duplicate the photo frame group
and move it to the top. And we want to reposition this. You can choose to use this
as a wall frame as well. But I want to use
it on the table. I need to flip it around, resize free form, and stretch
it out to fill my space. Position to where
do you think it looks good on that runner? I want to turn my
shadow layer off. Grab the move tool
and tap distort. I'm envisioning that
this photo frame is one of those
photo frames that has that back piece attachment so it can sit upright
on a desk or a table. We'll need to distort this so it will be a little bit smaller at the top to give the illusion
that this is tilted back, we need to push into the sides. I'm going to turn
my snapping off so I can move this more freely. I'm also going to push
this down a little more. You can see that it
gives the illusion that the frame is tilted back as if it's resting on one of those pop out frame
holder flaps. Now we want to turn
the shadow back on and adjust the
shadow the same way. Grab the Move tool, distort and adjust the shadow. So we see more on the
left side of this frame. So it's in correlation to the
same shadow below the desk. We'll need to erase the
bottom side part and angle it up so it hits the back wall right
above the runner. Go to the adjustments. Gaussian blur to about 3% and change the blend
mode to multiply. And I'm going to adjust the
opacity just to make it appear more in line with the rest of the
shadows in this photo. Makes sure you move
the frame group inside the table group. Let's add some artwork. If we open up our
group and we go to the frame group and on
the layer add artwork. Let's insert a file distort, and I'm just going
to fix the size of the artwork so it runs parallel to the distorted frame
that's already present. Now that we created our
table top frame mockup, I'll show you how to
create a mockup using a frame that's already in the photo that we're going
to use for our mockup. This will be a great time to add any of your mockup so far. In the project section of this class with or
without your artwork, I can't wait to
see what you have.
8. Livingroom : For this lesson, we're going
to do a living room scene. If you go to any of
those commercial sites, you just punch in living room. I am using a living room
image from unsplash. Or you can grab the
link from that sheet provided if you're looking for a vertical image to
create a mockup, this would be a good one. This is another great
one for living room. But we're actually
going to use this one. I'm going to import it
into my Canvas size. I'm going to enlarge it
so it fills my screen. I want to make sure
uniform is one, so I don't distort
the photo in any way. And we're going to focus on this photo frame here that's already there and I want to
make sure it's centered. And my gold bars lineup, as long as my snapping is on. I'm going to focus on this. I'm going to add a layer, grab a different color. And I'm gonna be using
the monoline brush. And I'm going to trace out
the inner and outer frame. We're going to create a mock-up where we replace this frame. We'll also create
a another option to use this exact frame. So we're going to draw around
the outside edge here. I'm trying to get as
close as possible, but I'll fix it if I need to. I'm just going to hold it down until a straight line is formed. And I'm gonna do the
same to the top. And I'm going to fix
this corner here. I'm just going to clean this up, trying to get as
close as possible to the edge of that frame. Now I'm going to do the
inside of that frame. Again. I'm just going
to draw a line and hold it till it straightens out. I'm going to grab that
fine line and you erase with it just to fix my
outer edge corners. So I'm just making sure my
corners are nice and sharp. So I'm just filling it in and erasing just to make sure
I get that sharp edge. And I want to make sure it
is even all the way across. Once we add our
texture to this frame, it is a possibility
that you'll even see more imperfections that will need to be addressed
and corrected later. Now I'm going to color drop. Now I'm going to rename
this layer frame. Going to add a layer
above my background. I'm going to choose
a different color. Turn off that frame drawing. And I'm going to do the
inside of that frame, just drawing a line and holding
it until wines created. And I'm going to do this
all the way around, trying to get as
close as possible to that inner side
of that frame. And I'm going to color drop. Now I'm just looking to see if I need to clean up
the corners, which I do. I'm just going to fill
that in and erase just so I can get
a sharper corner. Corners of good, but I
have to come over here. You can see the photo
is coming through. I'm just going to widen this out and I'm going
to clean it up. I'm just going to name this
layer inside with Pic Frame. Going to duplicate
that layer and rename this inside under frame. And I'm going to turn
off that bottom layer, grab the Move tool and enlarge
it just over the frame. Now I'm going to duplicate
that frame layer. And I'm going to go to the
bottom frame and alpha locket. And I'm going to change
my color to black, and I'm going to fill the layer. I'm gonna do two fingers swipe right to turn
Alpha Lock off. Now turn my frame back on. And this is going to
be my inner shadow. So I'm going to grab
Move tool and move it to the bottom
right just a tad, go to the adjustments, Gaussian blur to about 2%. Now I'm going to go back and change the blend
mode to multiply and turn this into a clipping mask so it doesn't
show up on the bottom edge. Now I'm duplicating that
layer and grab the Move tool. I'm just going to shift
this to the left. Just a tad. I don't want much of the
inner shadow to show. I'm going to add a
layer above it all, tap the layer and change
it to clipping mask. Rename it texture. I'm going to the Actions menu, insert a file and I'm going
to grab that wood texture. This is gonna be wood grain one. Now I can leave it as is, but I do like this
blue theme going on. So I'm going to go back
to my frame layer. Two fingers swipe right
to alpha, lock it. I'm going to hold my finger
to grab this blue color, tap it and fill layer. I'm going to turn Alpha Lock off two fingers, swipe bright. I'm going to change the blend
mode on the texture layer. You can play around
with these modes, see which color you prefer. But I'm going to keep
mine at multiply. So I can see that top corner of that frame needs cleaned
up just a little bit. So I want to go to
my frame layer, grab the eraser,
and I'm just going to clean up that top edge here. Sometimes you don't notice the infections until
you actually have something inserted inside
that clipping mask to see what shows up. I am going to change that
blue for that frame. So I'm picking out
different color alpha, locking it and fill into color with a little
lighter blue. Just so I can still
see the texture of the wood green and I still
have a blue tint. Sometimes it takes a little bit. I'm just going to
change my blue. And this one I like, I just wanted to give it
a little bit more color. Now I'm going to the inside
under frame, add a layer. I rename this layer to art work. Now we want to
group them all and rename them frame complete. Let's go down to the layer
below inside with pic frame, add a layer, change
this to artwork. Make sure it's clipping mask. Now I'm going to group all of these and rename it
living room frame. Let's add some artwork. If you click on your
ad artwork layer, you can insert a file
and just reposition it. You can use it with or without the wall
frame you created. Now that you created
the living room mockup, this would be a great
time to add this to the project section
when it's complete. In the next lesson, I'll show
you how to hide and remove some elements in a
fireplace mantle mockup.
9. Fireplace Mantel : For this one, we're going to use the fireplace mantle link, or you can choose a different photo from one
of the commercial use Sites. Just type in fireplace. I want to focus on the
area above the fireplace. This is where I'm going
to add my artwork. We're going to remove
a lot of this here. So I'm going to add a layer. I'm going to hold my finger
down and pick that gray. And I'm going to go to
the monoline brush. And I'm just going to
draw out an area that covers most of this space. And I'm going to make sure my corners are filled
in and color drop. I'm going to try
to get as close to that molding up at
the top as possible. And down here as well. I'm going to go
back to my image, grab the selection tool, and I'm going to circle around this right hand
side of this space right before that
chandelier bulb. And I'm going to
tap Copy and Paste. Now I'm going to grab
the move tool and I'm going to shift
that over to the left. And I'm going to erase that right-hand edge because I got too much of
that corner piece. Now I'm going to duplicate that layer and shift
that over to the left. So they overlap just a bit. And I'm going to duplicate
that original layer again that I cleaned up
and do the same thing. And I'm going to move
it over to the left. I'm going to duplicate
it and move it over and see how I'm
covering up the bulbs. We're gonna duplicate again
and shifted over to the left. I'm gonna go back to my
original image layer, grab the selection tool. I want you to circle around
this left-hand side of this molding right before
the bulb, copy and paste. And I'm going to move
this over to the right. I'm just going to clean up
the right-hand side of this so I don't have
that bulb showing. So I am going to erase
the top portion of this because this is
just a little too dark. I'm going to go to the
Adjustments, menu, Hue Saturation. And I'm just going to adjust
the brightness to get it closer to the left-hand
portion of that top. I'm just going to erase some of that side because it's
a little bit too much. And I'm going to
shift that over two, but those up together. Now I'm going to duplicate that and move that over to the right. Grab the adjustments
menu Hue Saturation. And I'm just going to adjust the brightness just to blend
it in a little bit more. I'm going to
duplicate that layer again and move it
over one more time. Grab the adjustments menu, and change the brightness. We're going to go back to that original right-side
layer selection. Duplicate that. And I'm going to move it over
to the left just to blend it in with the rest
of that left side. And I'm gonna do
it one more time. Just wanted to blend
that out a little bit. I'm overlapping
what I already did, but I think these colors
match up a little bit more. Duplicate again and
shifted over to the left. Sometimes this is just trial and error to see what works
and what doesn't. Let's do it one more time. So I'm going to merge all
these selections together. And I'm going to use the soft
blend and smudge it out. So I'm at 43%. I'm just trying to smooth
out all these intersections where they were combined
together and blend it out. I'm going to duplicate
that layer just to darken up just a bit
and merge it down. I'll hold my finger down
and grab this dark gray, add a layer to the top, draw out a straight
line to even out that space between them
molding and that gray area. Going to change my brush
to that fine line. I'm only going to go a
little over halfway. Now I'm going to grab
the lighter side and draw out in
that lighter shade. I'm going to alpha lock that. I'm going to grab
the soft airbrush and just merge that out to blend those
two colors together. We're going to add a layer, grab this top molding color. I'm just going to
add a line above that gray line and just overlap part of
that dark gray line. I'm just going to pick a
color from the left so I can meet that
beige color partway. I'm going to alpha lock
it and I'm going to smudge out where the
two colors mean. Any race, any overlaps. I want to go back
to that molding selection area and smudge this out just a little bit more to give it a more blended outlook. I'm going to duplicate it. And then emerge that down. I'm going to move these
layers below that gray box. Actually I'm going to keep
the dark gray line above it. Let's go back to our
gray ware layer, grab our soft blend airbrush using that right
side corner color. And I'm just going to brush over that right side so we can
blend it into the background. I'm just going through in
holding my finger down, grabbing a color and brushing
it over top of that side. Now I'm grabbing a color
from the left background and brushing that along
the left side of this gray area layer. Now I just want to erase the overlapping spots
to that background. We don't want anything to
overlap that portion of the wall or that
moulding at the top. So I'm just cleaning it up. Then I'm going to
grab this smudge tool and I'm going to blend it out. I'm going to swipe two fingers
right to alpha lock that. Don't worry, it doesn't
have to be perfect. We're going to add a frame to this area once it's
all said and done. So we can add our artwork. Grabbed the smudge tool. And I'm going to blend
all of this out. By having this
layer alpha locked. It prevents me from
smudging pass the edge. If you notice that it
isn't blending enough, just turn that alpha lock off until you get
it where you need it to be and then you can
always turn it back on so you don't smudge over
top of that area. You're going to fix up this
mantle above the fireplace. So I'm gonna go
back to that layer, which is the image layer, rubbed the selection tool. And I'm going to grab a selection like this
and tap Copy and Paste. I'm going to want to move
this over to the left. And I'm going to duplicate
that and move that over. And I'm going to duplicate
it again and move it over. This kinda helps
blend my top section with that mantelpiece
above the fireplace. Let's merge these
layers here together. I go back to the original
image layer and I'm going to grab the
selection tool. I'm going to circle around the left side of this
section, copy and paste. And I'm going to move
this layer above the mantle selection
piece and shift it over. I want to make sure it's shifted completely across
those lines, line up. Now I'm just going to
smudge it out to blend those two selection
pieces together. I'm going to merge it
down and continued to smudge it out to
blend it all out. So there you go. We want to
go back down to our frame, duplicate that group, and move it all the
way up to the top. And I'm going to merge all these selection
pieces together. And I'm going to merge
it down to the image. Now I'm going to rename this
layer fireplace wall frame. Kind of grabbed the frame layer, grab the move tool. And I'm going to free form. And I'm just going
to push that to a size that will fit inside that area
above the fireplace. I'm going to turn off
that back bottom shadow. I'm actually going
to keep that shadow. But I'm going to shift
it a little bit more. I want to make sure I'm
on that shadow layer before I shift it inside. The shadow on the right
is not gonna be seen. You'll notice that there will be a slight shadow on the bottom
and inside of this frame. I'm going to group
these layers and name it fireplace wall frame. Now that you've created your
fireplace mantle mockup, I'll show you how to enlarge
your photo by copying and pasting some elements
and create a pillow mock-up. Don't forget to add your
mockup in the project section.
10. Pillow: In this lesson, we're going
to create a pillow mock-up. I'll be using the pillow
image link or you can go on any of the commercial
sites and search for pillow, go to the Actions menu, insert a file, and insert
the image you want to use. I'm wondering if you use
this image because I wanted to show you how to go from this square size image and expand it into a rectangle. I'm just going to enlarge it. With the snapping on. It should snap in the center. I'm going to grab the
selection tool and I'm going to circle around a portion
of this right side, tap Copy and Paste. And I wanted to grab the Move
tool and move this all the way over to the right-hand
side of my Canvas. I'm going to turn
that selection off. I'm going to go back
to the original image. I'm going to use
a selection tool and I'm going to Insert, go around the right hand
side up into that handle. Copy and Paste. Now I want to move
this all the way to the top to my
previous selection. Back on, grab the Move tool
and just going to shift this over to the right until part
of that handles covered. I'm gonna duplicate that and I'm going to shift over to the left. I'm just trying to
cover up the handle and the coffee cup from the very first selection
going to duplicate. And I'm going to shift
it over to the left. And I'm going to duplicate
that trimmed selection again. And I'm going to move
it over to the left. Now I'm going to merge
these selections together and I'm going to
just erase out that handle. Now I'm gonna go back
to the original layer, grab the selection
tool and circle around this coffee cup handle,
copy and paste. Move that selection to the top. Doing this makes portions
appear smoother. And if you can see here
it's down too far. To fix this, I'll need to
grab the selection tool, circle around the bottom
portion of his face, copy and paste and
move it to the top. This helps clean it up
and fix that error. I'm going to duplicate
this selection and shifted over the smudge tool. And I'm just going to
smudge out the ends. So this blends in a
little bit better. I think it needs a little more. I'm going to hold my finger
down to grab a color. Go to my medium airbrush. I'm just going to tap
it here and there, the blend that out. And I'm going to merge
these selections together. Gonna go back to
my original image, turn that top selection off. And I'm going to go
around the inside of these flowers without hitting the edge and copy and paste. Now I'm going to move
that to the top to my previous election on
going to shift it over. I want to blend the duplicated flowers into the background with the harsh
cut-out edges shown. Looks like I need
something fixed here. First, I'm going to
murphy selections together on need to
turn us selection off, go back to the original image, select this flower, tap copy and paste and
move it to the top. Turn my selection
back on and shift this flower selection over
to where it looks like it belongs on
neither erase around the outside edge
because I grabbed too much and I need
to clean this up. I'll grab this smudge
tool and blend out the top and edges
of the selection. It looks like I need to
move this up and tilt it. I'm also going to erase
some of the smudging and race match the edge
just to blend it in. When I zoom in and out, it kinda looks like it
actually belongs there. And I'm going to merge
that layer down. I'm going to go back
to my original image, turn that selection off and grab the selection tool and circle
around the center of this stays copy and paste and
move that to the top, to my selection layer. Back on. Grab the move tool
and shift this over, tap distort and just reposition this selection to help camouflage some of those
in perfected lines. It looks like this edge needs
to race since it's over the cup and just smudge it out. This does cover some
of my previous work. But it's all about trial
and error on what looks and appears best with these kind
of mockups in Procreate. I do want to remove this
spot by smudging out. If you haven't as much
too much like I did. Hold your finger down to grab a dark color from these lines. Grabbed the hard
airbrush and draw these lines back in to keep
the details of this base. Now emerges selection down, turn the selection off, go back to the original image, grab the selection tool. And I just want to go
around the center of this face one more time. Copy and paste, and
move to the top. Will need to blend this out with the smudge tool to soften up
some of these harsh edges. And I'm going to merge
these altogether. Now I'm going to grab the
selection tool and I'm going to circle around
this left-hand side, copy and paste, and grab the Move tool I'm going to shift to all the way over to the left. Flip it horizontally. Just want to make sure it's positioned to where
it looks right. It kinda meets up here. So I'm going to grab
the smudge tool. I want to blend these
two edges together. So it looks like I
need a little bit more down here at the corner. So I'm just going
to smudge it out. Going to merge that down. I'm going to add a layer. Grab the monoline brush and
the calligraphy section. And you can choose any color. And I'm going to draw
around this pillow. Again trying to get
as close as possible to the outer edge as I draw, trying to make sure
my lines are smooth. For the bottom here because the first carpet meets
up with that pillow. It doesn't have to be perfect, but I don't want it to
be smooth and straight. So I'm kinda given
it a little bit of a jagged edge as I run
across this bottom edge of this pillow that we'll go back through with the fine
line brush just to give it a little bit
more of a ragged edge. I'm just running my brush
along the bottom here. I know it's not
gonna be perfect, but it will still give the illusion that
some of that carpet for is overlapping that pillow. Now we can color
drop to the center. Let's grab the fine line brush and change the
layer to multiply. This allows us to see more areas that we might have missed the
first time around. We'll use this brush
to fill in and erase any overlaps over
the background. For the bottom,
I'm going to grab the eraser with that
fine line brush. And I'm just going to tap
it along the bottom and really give that a really
rugged and jagged edge. I'm going to add a layer and
change to clipping mask. This will be used for artwork. I'm going to group
all these together. Rename it pillow background. Adding artwork. Here's our pillow
mock-up that I just added a repeat pattern design
to the clipping mask layer. Now you have a basic idea on how to take a square photo like this and enlarge it to a water
canvas size in Procreate, don't forget to showcase your mockup in the project
section of this class. The next lesson, we'll create a card and envelope
illustration and add some elements from images to create a
unique photoshoot. Look for our next mockup.
11. Card and Envelope Illustration : In this lesson, we're
going to create a card and envelope
illustration. We need to add a
tabletop to our Canvas. I'm using wood grain number
three from the link. Or you can search the word wood on any of the
commercial use sites. Let's rename that
wood grain table. Would I want to change
the color of this? Would it quick way to do it is add a layer below
the table layer, fill it with color, then go back and change the
wood grain layer to multiply. This allows me to alter the
original wood color quickly. Let's go to the top layer above our table would change
your color to white and grab the monoline brush and the calligraphy section to draw out a rectangle for a card. But let me show you
a quicker way of doing this by going
back to the gallery. Tap the plus symbol top-right. Create a new document, inches, 8.5 by 5.5. Tap Done. Create. Go to the Actions
menu and Copy Canvas. Go back to our wood
grain document, Actions menu, add, paste, and just reposition it. This allows us to create the appropriate proportions we envisioned for this card
quickly and more efficiently. Let's rename this layer card. I'm going to
duplicate this card. Swipe the bottom layer,
two fingers right? Grab black and tap fill layer. And I'm going to
turn Alpha Lock off, grab the move tool
and shift this down. And to the right. Go to the Adjustments menu, Gaussian blur and
slide to about 3%. This is our card shadow. And we don't want it to
be shown too much because the car is and isn't raised
off the table that much. I'm going to rename
this layer shadow. Go back to my card layer, duplicate it, grab the
Move tool and work. I just want to push up the
bottom corner. Just a tad. I want to rename this
layer of top layer. Duplicate this layer. Two fingers swipe
right to alpha, lock the layer below, tap fill layer with black two fingers
swipe right to unlock, grab the move tool and tap the shadow down to
the bottom right, just so you can see
a slight outline. I'm going to go to the
color wheel and move my color all the way to
the left so I can grab a light gray at a layer
to the very top. Draw straight line connecting the bottom edge to
the right hand side, close to the corner. Go to the Adjustments menu, Gaussian blur to 4%. Grab the Move tool
and move the crease closer to the corner
if it needs to be. And I'm just going
to lower the opacity and change that to multiply. And I'm going to rename
this layer, crease corner. Group, all of these layers
and rename it card. Go back to that top layer card, add a layer change to clipping mask and
rename this texture. Go to the Actions
menu, insert a file. I'll be using the texture
paper number two from the link or search the word paper on
the commercial use sites. I want to go back to their
original card layer, duplicate it and move
it below my group. Grab the Move tool and we're going to
shift it to the left and I'm just going to tilt
it to the side at an angle. This will be our envelope
and just enlarge it. Just a tad, going to add a layer changes
to clipping mask. And I'm going to turn
off that card layer. And I'm just going to draw out some lines here and meet in the middle at an angle to
give my envelope a top flap. Now, grabbing the fine
line brush and adding a layer between my
card and this layer. And I'm drawing the same kind of lines and I'm going to
meet up in the middle, but not at the tip of that flap. And I'm going to do
it to the other side. And I'm just going to
erase so it doesn't show. Change my colors with black. I'm going to add a layer
of both these gray lines. And I'm going to run it along the white edge of
that flap right above the gray line just to
really define the top flap. Changes layer to clipping mask, go back to that gray
top flap layer. Go to the adjustments. Gaussian blur to 2%. Go to the next bottom
gray layer adjustments. Gaussian blur. I want the lower shadow just a little bit lighter
than the top. Go back to our envelope
layer, duplicate it. Two fingers swipe right
to the bottom layer, tap fill layer with black two fingers swipe
right to Alpha lock, grab the Move tool
and just shift that slightly to
the bottom right. I'm going to rename
this envelope shadow. Go to the Adjustments menu, Gaussian blur, slider to 4%. And I'm going to go back
and change it to multiply. Gonna go to that card layer above it and rename
it to envelope. Now I'm going to group all
these and rename it envelope. So it looks like I need to
add texture to the envelope. We're gonna go back and add a layer above that
envelope layer. Make sure it's clipping mask. I'm going to rename
this texture. Go to the Actions
menu instead of file, and I'm going to use
the same paper texture. I just wanted to
tilt this texture in the same direction as the
envelope weight in this up. Let's go to the
adjustments curves. And we want to tap
this up in the center. This will give it a, a wider look and still keep the texture. So we want to remember
where we settle on so we can go back to
the car texture layer and repeat this adjustments, curves, and just bump this up in the middle and just
eyeball the color. So it's comparable
to the envelope. If you like, an alternative
option to this illustration, use the card and envelope
link from that link sheet, or use the search word card. Now that we've created our card and envelope
illustration. Up next, we'll add additional
items to give this card and envelope seen more of a
traditional photoshoot look.
12. Adding Additional Items: Go to the Actions
menu, insert a file, and I'm going to use
that coffee link. Or you can use the search word coffee to find a different one. Grab the eraser and erase the background from
this coffee cup. Let's grab the fine line
brush for the eraser to get even closer to the
white ceramic edge. You may want to
turn off your other layers while you're doing this. If you have an attorney layers off like I did, turn it back on. Let's duplicate this and rename
this one coffee original. This way we have an
additional one at this size. Should we want to
go back and use it for any other
mockups that we create. Let's turn that layer off, go back to the top layer
and rename this coffee. Grab the Move tool
and reposition it. I'm moving line top-right. I must have missed some
background on this image, so I'm just moving it to the bottom so procreate
can cut it off, resize, and position
this to your liking. I think that looks pretty good. I'm just playing around to see what angle I want
and what position. I'm going to
duplicate that layer. Two fingers swipe right to the bottom and fill
the layer with black two fingers swipe
right to alpha lock. I'm going to rename this shadow. Let's grab the move tool and shift the shadow bottom-right, more than we did with
the card and envelope because this is a coffee
cup and it's a tire. So we just want to
position it a little lower to the bottom right. I'm envisioning my son is
coming in from the top left. I want to make sure
that my shadows are all in the same direction. Let's go to the adjustments
Gaussian blur to about 4% and change the
blend mode to multiply. This change the opacity, and maybe a little more. I don't want it too
dark compared to the rest of the shadows
in this illustration. Let's go to the Actions menu. Insert a file, grab
the pen from the link, or you can search the word
pen should you want to find a different one on any of those
commercial use sites? By moving the image top-left procreate will trim off some of the
excess background. And we can do it
again by moving at bottom-right to trim
off the other sides. Let's position it to
where it went placed. We want to erase the entire
background of this image, including the shadow one to add our own shadow
for this mockup. Just going around
the entire image of this pen and I'm
racing the background. I'm switching to the fine
line brush so I can get even closer to this pen image. Let's duplicate this pen. It looks like I need to move
my coffee up a little more. Two fingers swipe
right to alpha, lock it, tap fill with black. Two fingers swipe
right to unlock, move tool and shift
the shadow in the same direction as
the other shadows. The adjustments menu,
Gaussian blur to about 3%. I'm going to change
this layer to multiply, and I'm just going to
lower the opacity. Let's apple off this top layer. Hold your finger down
and grab a color. Actually, let's add a
layer above the pen image. I just want to define
the edges of this pen. After erasing the background. Make sure this layer
is a clipping mask. I'm doing is just making sure that edges of this PEN stands out and only brushing
slightly on the very edge. I'm just going to smudge it. All I'm doing is
trying to define that edge and clean it up and make it a
little bit smoother. Grabbing a color. I'm just trying to get
the very outer edge. So now we need something
for this area. Let's go to the
Actions menu, Add, Insert a File and grab
our plants image. This is from the plants link, or you can search
the word plants. I'm just moving this
around to decide on which plant online I
use for this mock-up. I want to decide before I
click off of this image. So I'm just trying to
see which one I want. I think I want this one here. And I'm just going
to enlarge it so I can really get this image here. I'm grabbing the selection tool, circling around the plant. Swipe three fingers
down, cut and paste. Let's turn the rest
of that photo off. Let's go back and group
these coffee layers and rename, coffee. Group the pen layers and rename. And I'm just going to turn these extra layers off
and focus on this plant. Grab the monoline
brush and erase around the entire plant getting as close as possible to the edge. You can bump up the size to erase the rest of the
background like I am. You may want to switch
the fine line eraser just to get a little
closer to the pot. I'm going to turn my
other layers back on. I'm going to move
this original down below my layers, so
it's out of the way. Let's rename this layer plant. Grab the Move tool. And because the light is
shining on this slide, I want to position
that top-left. Actually, before
we cut this off, let's duplicate this
layer in case you want to come back and use it for any of our other mockups. Let's drag the original down below the layers
and turn it off. Now we can go back
and reposition the plant layer and not worry if it gets cut off
and we want to use later. I'm just going to re-size it. Duplicate this layer alpha
lock that bottom layer, change it to black. Two fingers swipe
right to unlock, grab the move tool
and shift the shadow in the same direction
as my other shadows. But we want to move this
down even further because the plant itself is higher than the other
elements on this table. Grabbed the mono line brush and attach the shadow to the pot. And I think it needs
shifted a little bit more, grabbed the move
tool and I'm just going to bump it
down a little more. And I'm going to attach
that shadow to that pot. And just try and
smooth that out. Go into adjustments, menu, Gaussian Blur, and I'm going
to bump that up to about 4%. And I'm going to change it to multiply and lower my opacity. I'm going to rename this
layer plant shadow. I'm going to group these
two and rename it plants. Now I'm going to
delete the image. I'm going to group
all of these layers and rename it card table. Adding artwork. Just add your artwork to a
clipping mask layer above your texture and change the
blend mode to multiply. This allows the texture
to show through. So now you know how to
add some elements to an illustration to really give your mockup a
photoshoot type look. In the next lesson, we'll create an iPad mockup, but
the Procreate app.
13. IPad: In this lesson, we're
going to create an iPad mockup with the
procreate app displayed. You can use the iPad link or use a search word iPad on any of
those commercial use sites. Because the Actions menu, Add, insert the iPad background. I'm just enlarge it
to fill my screen. Add a layer, grab a color, and grab the monoline brush. I'm just going to outline the entire screen like we've
done in previous lessons. Trying to get as close
to the edges possible. And you can hold your brush still until a straight
line is formed. Just cleaning it up as I go. And when you get to the leaves, I'm going to grab that fine
line brush so I can go around the outside of these
leaves a little closer. Change my brush, go
back to outlining the screen and color drop. So I'm just gonna give
it a once-over to make sure that my edges are
as close as possible. Add a layer, change
it to clipping mask. And I'm going to go to the
Actions, Insert a File. I'm going to insert
that iPad with the procreate app displayed that was supplied in the
free resources. And I'm grabbing the move tool and I'm just going to make sure my toolbars for my
Procreate app shows. So this bar here at the bottom, my top bar, and my left side. Just trying to get it completely
inside to that screen. And I'm going to tap distort, and I'm just going to
distort the corners until my corners are
in the right position. Don't worry about
my reflection here. It's going to be covered up with another layer as well
as your artwork. Let's add a layer.
Change the color. Grab the monoline brush. We're going to go around
the inside of this iPad, but allow the Procreate
app tools to be displayed. So we want this part is display because it's actually
inside the program. So once I have the
inside outline, I'm going to color drop. I'm just going to fix up
my corners of my edges and add a layer, change it to clipping mask. This will be for our artwork. I'm going to add another
layer and I'm just going to clean up the edges
of these leaves. I'm holding my finger
down, grabbing a color. And I'm just going to go around the outer edge of this leaf, as much it out to blend it in. I'm going to hold my
finger down to grab a darker color and do this along the bottom
edge of this leaf. Smudgy now, pulled and just brush along the edge. If you think your leaves
look fine the way they are, then this isn't necessary. I just wanted to add a little bit more definition between the edge of my
plant leaf and that screen. Zoom out, take a good look. Let's fix this one here. But another layer beneath that. And I'm going to choose
a mid tone gray. I'm going to add a shadow
to the bottom portion of his plant leaf that
overlaps my iPad. And I want to do the
same thing for up here. And just running along anything
that overlaps my iPad. I only want to do
the bottom portion. I'm going to go back to
that top green layer because I want to fix
the top of this leaf. The edge of that green is
just a little bit too sharp. I'm going to zoom out. Now let's go to adjustments,
gaussian blur. I'm going to slide
this to about 3%. I'm going to change
it to Multiply. I just wanted to have
a slight shadow. Let's rename this first
clipping mask art work. This is where we're going
to add our artwork. So I'm just going to
grab some artwork here and add it in the
center of this iPad, just so you can see
what looks like, but that Procreate app that
just got to readjust it. So this way you can still
see all the Procreate tools. There you go. Now that we've created
some layering effects onto an iPad mockup, I would love to see your
work in progress or your artwork with the mock-up
in the project section. Next, we'll illustrate a mug along with a tabletop and Mall.
14. Mug: In this lesson, we're going
to create a mug illustration. We're going to pick a color
and we're going to start off with the table
portion of this mock-up. I wanted to make
a straight line, so I'm going to use
the mono line brush into calligraphy section. I'm just going to run
it across my canvas. I'm just going to hold
my finger down to form a straight and even line. And I'm going to drop color. Now I want to add a layer, go back to that table
Color, tab it, select. And I want to go down
here to the Invert. Now I want to go back to
my additional layer above, grab another color for my wall, and I'm going to drop color
in the top portion of this. I just want to make sure it's nice and clean all
the way across. I want to turn to select off. I'm gonna go back to
my table at a layer, tap it and change it
to a clipping mask. Now I want to import
a wood grain. I'm using wood
grain number three, or you can search the word wood on any of those
commercial use Sites. And I'm gonna change
my mode to multiply. And I'm going to just adjust my bottom table color
just to lighten it up. Now I want to add a layer
above my wall layer, change it a clipping mask, and port the stucco texture. Or you can search
the word stucco. And I'm changing my mode
to multiply this white, the background color
shows through. I'm gonna go back to
the top of my table. Layers, add a layer
and I'm going to just choose a little
bit darker color. And I'm going to
grab the airbrush. And I'm going to make sure
it's a clipping mask. I just want to run it along the top edge of this
just to darken it up, to give it a little bit more of a shadow against that wall. Now I want to group all
these and label a table. And I'm going to group
all these unlabeled wall. I'm going to go back and choose white and the monoline brush. And I'm going to draw out a mug. Now you can search for reference photos on different
sites if you need to. I'm just holding my
finger down so I can get a more even position
for this cup. And I'm going to grab
the selection tool. I'm going to stick
around this bond that I just drew, copy and paste. I'm going to position it towards the top of the mug
and it matches the same perspective of that
bottom portion of this mug. Now I'm going to duplicate that layer and flip it vertically
and move it to the top. Just going around and making the top rim of this mug
a little bit thicker. I'm going to merge all
these layers together. I'm going to fill the body. And I just wanted to
draw out my handle and filling it with color. I want to add a layer and
change the clipping mask. And I'm going to change my
brush to soften airbrush. Want to choose a light blue? This is going to be my
shadows for this mug. So I just want to brush around the top of the mug just to give the illusion that there
is a top rim to this mug. And I'm going to go around
the handles like this. And I'm just going to smudge
it out so it's not too dark. I'm going to add a
layer beneath by mug. I'm just changing my color to a brown and just
drawing underneath this cup to fill in
that top portion of this mug to make it appear that there's a
drink inside the mug. Now I want to group all
these and label it mug. Add a layer above your mug. Make sure it's a clipping
mask and label it art work. So here's a quick tip. If you find that your mug
isn't quite looking, right, highlight all the layers to that mug except
for the shadow. Go to adjustments, liquefy, and just push in any parts of that month that
needs it. Like this. This way, you don't have to
redraw your entire mug again. I did supply and our Turnitin option
to this illustration. You can use the mug
link or you can search the word mug on any of
those commercial use site. You can also use this as a reference to the mug
as you're drawing up. Next, we'll illustrate
our tote bag.
15. Totebag : Now that we created our
mug, in this lesson, we're going to create a
tote bag illustration. Want to add a layer,
grab another color. And I'm just going to
draw out a rectangle. You can choose the
size that you want. And I'm just going to
fill it with color. I actually want to go
back to that mug and reposition it and resize it
just to get it out of my way. I want to go back to my toe and move that over and enlarge it. I'm going to change my
color and add a layer. Make sure it's below
your tote bag. And I want to angle it up. I wanna give my toe back
little bit of a dimension. So I want to ankle it up
and to the right just slightly and have it taper back into the top of that TO bag. This way, when we are
looking at this mock-up, rationally appearing at
it from the bottom right. This way it gives the mockup a little bit more depth
when you're viewing it. At a layer, change
it to clipping mask. And we're going to insert
some canvas texture. You can use the
Canvas link provided, or you can search the word Canvas on any of those
commercial use sites. I'm just repositioning it and changing my mode to multiply. And I'm going to do the
same for that side piece. I'm going to add a layer above that side piece and insert
that canvas texture. And I want to change it to
clipping mask and multiply. Now, I want to go to the Move tool and I
want to distort it. I just want to give that texture some direction in
the same way that, that side pieces going. So I'm just going to
reposition this at an angle. So you can see that it's a different angle than
the front texture. Just want to clean
this up a little bit. Now let's choose a darker color. And I'm going to add
a layer to the top. And this is going
to be my handle. First, let's go back to that
original tote bag layer. We want to go to
adjustments and liquefy. I'm just going to bump
this up to about 51%. And I just want to push
in the sides and push the top-down just to make my tote
bag a little less stiff. Now I'm gonna go
to that top layer that we added,
grab the airbrush. Make sure that top layer
is a clipping mask. And I'm just going to
add some shadows along those edges that we pushed in. Like this. Am I grab a little
bit lighter color? And I'm picturing
that the light is coming in from the bottom left. This way is shines
in that direction. I'm just going to
run my brush more along this left edge and
above those shadowed areas. And I want to go to
the Adjustments, gaussian blur, and I just
wanted to go about 4%. Now I'm just going
to smooth out some of these that I did too much. Now, I want to group all
of these layers together. I wanted to add a layer above my texture and label it artwork. And I want to label
my entire group tote. I want to add a layer to
the top of this group. Change my color. And this is gonna be my handle. I'm gonna go back to
the monoline brush. And I'm just going
to draw a line that attaches from the top left to the top right of this tote bag. And I don't want
it to be perfect. And I'm going to
draw another line running almost parallel to that original side
of that handle. I'm going to add
another layer above, change this layer
into a clipping mask, change my color to
a little bit later. I don't want to change
my brush to soft blend. I just want to run it along the center of the left
side of this handle. Change my color to
a darker color. I want to add another layer, change it to clipping mask. And I'm going to run it along the bottom edge of this handle. And along the top
edge of this handle. I want to go back to
that lighter color and I'm going to grab
the soft airbrush. I just want you
redefine my highlights here in the center
of this handle. I want to add a layer right
above my handled layer. And I'm going to add
that canvas texture again and change it to Multiply. I want to go to the
Adjustments menu, liquefy, and I just want to push this canvas texture around a little bit just to
give it some movement. Want to group all these handles together and rename it handle. This way, if I need
to go back and change the color for any reason, it's easier to do. I'm going to duplicate this
handle and flatten it. This way. I can go back
to adjustments, liquefy, and I can really give my handle some movement
and shape here. By using the liquefy push tool. I'm just going to bump
that down a little bit. There we go. I've included an alternative
option for this tote bag. You can use the tote
bag link or you can use the search word
TO or tote bag. Up. Next, we'll add a plant and some books to really
complete this illustration.
16. Adding a Plant and Books: In this lesson, we'll
be adding a plant and books to our previous month
and tote bag illustration. You can use the potted
plant link or use the search words potted plant
to find this exact plan. And we're just going to
erase the background. I'm going to grab the selection tool and I'm just going to go around as close as I can
to this potted plant. Swipe three fingers
down, cut and paste. I'm going to go
back to my layers and delete the background layer. And we can either
change the color to the background or
turn it off so we can clean up this plant more by erasing more of the
background like this. I'm going to add a color to my background since I
turn it off so I can really see if this
plant needs anything. I'm going to add a layer above my plant and change it
to a clipping mask. And I'm going to hold
my finger down to grab a little bit darker
color from this plant. Want to use a soft airbrush, darken up this plant. This plant looks
like it may have too many highlights in
leaves for my illustration. Only going to do
is run this along my plant just to give it a
little more of a darker hue. Now I want to turn my
background color off. Go to the Actions
menu, Copy Canvas. Now go back to my gallery,
to my illustration. Go to Actions and tap Paste. And I want to make
sure this plant is all the way to the
top of my layers. And I'm just going to enlarge it and position it there on
the back left of this table. Now I want to go to
the books photo. You can use the link from the
sheet or search the word. Books. Will need to erase
the background. If you prefer not to
have the titles show, all you need to do is hold your finger down to
grab a coordinating color and brush
over top the type. Then blend it out
into the background. And I'll just paste that in. Now I want to grab black and I want to use
the monoline brush. And I'm going to add
a layer below my mug. I'm going to run it on the
very bottom of my tote just to emphasize that it's not sitting exactly flat and flush
against that tabletop. I don't want to do the
same thing for the mug. This just defines the edge of that mug on top of that table. I'm going to add a
layer below my books. And I'm going to do the
same thing just to give it a little bit of a
more defined edge. I like to do this to my mockup so it doesn't appear it's so flat when I combine multiple photos and
illustrations together. You can choose to use any
of these blend modes. I'm going to repeat this process on the left side of this plot. So now we wanna go and add some shadows to
this illustration. I'm going to duplicate
my mug layer, two fingers swipe right, and change it to black. Now let's go to the
Move tool and one of the stores is shadow
towards the right. Since I'm envisioning
my light is shining in from the bottom
left of this mock-up. Just want to grab
the top corner here. I just want to distort the entire shadow
towards the right. Make sure this layer is below the liquid layer and fill
the cut-out with color. We need to move the tote
bag group below the mug. This allows the monk's shadow
to fall upon the tote bag. I'm going to change my
blend mode to multiply. And I'm going to use
Gaussian blur to about 5%. And I wanted to change
my opacity down. I'm just using about 22%. We want to do the same
thing to the toe, duplicate the
original tote layer and move it to the
bottom of the group. I'm gonna to two-finger
swipe right? Fill it with black. I'm going to grab my move
tool distort and I'm going to position the shadow
just like I did to the mug. Going to change my blend mode
and lower my opacity down. Go to Adjustments,
gaussian blur to about 5%. Let's do it with the plant. Again, two fingers swipe
break, fill it with black. And wherever the move tool distort and change the opacity, go to Adjustments,
gaussian blur to about 5%. Now I want to grab all
these and group it just to organize my
layers a little bit more. I'm going to rename
this one plant. Wanna do the same
thing to the books. So we're going to
duplicate that layer. Two fingers swipe right
on the bottom layer, fill it with black two-finger
swipe right to unlock it, go to the move tool to
store it and position it in the same direction as
you've done the other shadows. We're going to change the
opacity and the blend mode. Adjustments menu Gaussian
blur to about 5%. There we go. Now I'm just going to group
these and label it books. Adding artwork. We want to add a layer above the texture labeled an artwork. And we can insert our
repeat pattern here. If you need to change
the color of something, just alpha lock that layer like this side panel and I'm just going to darken
up a little bit. We could do the same
thing for the mug at our work to the
layer above the month. Since the mug is curved, we'll need the move tool distort just to give the
illusion that the artwork curves around the mug. And we might need to finish up the artwork placement by
using the Warp tool as well. Now that you have this
illustration complete, Don't forget to add your
mockup with or without your artwork in the projects and resources section
of this class. Up next, we'll create a
current and illustration.
17. Curtain Illustration : In this lesson, we're
going to create a current illustration. Let's get a color and we want to turn on
our drawing guide. So go to Actions, menu, Canvas, Drawing Guide and Edit. And I'm just going to bump up
my grid size to about 205. I don't want to
change my brush to the mono line brush in
calligraphy section. So we want to draw a pulled
back version of curtains, drill it down to
about the center way, but not all the way
to the edge and do the same thing towards the
bottom and fill it with color. Let's duplicate that layer, grab the Move tool and we
want to flip it horizontally. I'm going to move all the
way to the right hand side. Now let's rename this, right? And we'll go back to the
other one and rename it left. Let's add a layer
above our left side, tap it, change it
to clipping mask. I want to choose a darker color. Grab the soft blend airbrush. I'm going to draw the folds and the wrinkles of this
tied back curtain. I want to meet in the middle
of this side curtain. Now I'm going to go back
and get a lighter color. And I'm just going to
highlight in-between each of those darker puckers like this. Now I want to add a
layer above that. Change the brush
back to monoline. In the calligraphy section, I just want to draw an
uneven type rectangle for this tie back and
fill it with color. Add a layer. Let's grab a little
bit lighter color. Go to the soft air brush, and I just wanted to draw
some squiggle lines across. These are just highlights for the wrinkles itself
within that tie back. Now I'm going to
grab a darker blue. And just running along
the bottom portion of those highlights. I'm going to make sure
that is a clipping mask. Let's go to Adjustments,
gaussian blur, and I'm just going
to bump that up to about five per cent. And you can grab the smudge tool and smudge it
out more if it needs to be, Let's add a layer
below that tie back. And I just want to run it along the very bottom as a
shadow for that tie back. Now I'm going to group all
these layers for this tie back together and rename it left tie. And I'm going to open
that group of highlight. All those layers, go to
adjustments and liquefy. And I'm just going to
push some of this back. Now I'm going to
duplicate that group, flip it horizontally,
and I'm going to move it all the way to
the right hand side. And we'll want to
move this group above the right-hand
side of the curtain. Let's go back to
our left Curtin, add a layer, make sure
it's clipping mask. And we're going to import
our linen texture. You can use the linen link or search the word linen or
any other fabric term. And I'm going to change my
blend mode to multiply. Let's go to
adjustments, liquefy. And I just want to push and pull this texture up and down just
to give it some movement. And I want to group all of these left-hand
side curtain layers together and we'll
rename it left. To save time. I'm just going
to duplicate that group, flip it horizontally and move it all the way to the right side. I'll just delete that
right hand curtain. I'm going to rename
this one right tight. And I'll rename
this group, right? I want to add a layer, move
it all the way to the bottom, above the background color. Grab a lighter color. The monoline brush. I'm just going to draw
a vertical roll down the center of this canvas. Duplicate that layer. Will remain the one left and we'll rename the
other one right? I'm just going to tap it
over and fill that layer. Go back to the left-hand side, and I'm just going to fill
that side with color. I'm going to add a layer, choose a darker color. And I'm going to grab the soft
airbrush and I'm going to draw some folds and wrinkles for this inner current inset. And I want to do the same
thing for the right-hand side. I'm going to add another layer and I want to make sure
these are clipping mask. Grab a little bit lighter
color for my highlights. And I'm just going to
do some vertical rules. And I'm going to repeat
this on the other side. I'm going to add a layer
above the darker folds, turn it into a clipping mask. And I'm just going to run some highlighted vertical rules down. Let's go to adjustments, gaussian blur, and we're just going to bump that
up to about 2%. And we'll go back to
the darker layer. Adjustments,
Gaussian blur to 3%. And we'll do the same
thing for the other side. Now let's group these and
we'll rename this right liner. And we'll rename
the other group. Left. We want to go to the
left inner curtain, add a layer above
and we're going to add our linen texture again. Change the blend
mode to multiply. I'm going to tap Copy, go my right hand side, add a layer above my right inner current and go to the Actions. Tap Paste, and change my
blend mode to multiply this, go to adjustments, liquefy, and I'm just going
to push that texture around like I did to the
outer curtain layers. And we want to repeat
this same thing on the opposite side. If you need to go back
through and smudge some of your highlights or your
darker shaded lines. Go right ahead. I'm
going to group both the left and right
liners together and we'll just rename
it inner curtains. This way it stays organized. I've included an alternative
option to this illustration. You can find it under
the curtains link or you can search
the word Kern. Up. Next, we'll add a
window frame and a background scene to complete
our current illustration.
18. Completing the Illustration : Now that we've created our current illustration,
Let's complete it. I'm going to turn the
inner curtain group off, add a layer to the very bottom, grab a brownish color. Make sure I have
the monoline brush. I'm gonna draw a
vertical window pane going down the center of my
canvas, fill it with color. I want to run a horizontal line. Just to give my window
a T like shape. I want to change my color
to a little bit lighter. Grab the soft airbrush
and just run it down the center of this window frame just to give it some highlights. Now I'm going to
add a layer above my base and I want to
insert a word green. I'm using wood
grain number three. And I'm gonna change my
blend mode to multiply. And I'm going to go back to that window pane and
just change the color. Now I'm going to add
another layer all the way to the bottom of this. And I'm going to group all
these and rename it window. Now I'm going to insert
an image for my window. You can use the tree link
or the pine tree link. Or you can search the word
tree, trees, pine trees. I'm just going to bump down my opacity because it's
a little bit too bright. I'm going to turn my
inner curtains on. And I think I'm going to have
to adjust my inner current, so I'm going to duplicate my inner currents
and I'm going to tap it and we're
going to flatten it. I'm just playing around
with the blend modes. Let's go back and lower the
opacity on those trees. I still think it's a
little bit too dark, so I'm gonna go back to my window pane and lower
the opacity down for that. I'm going to turn my
drawing guide off. I'm going to turn my blend mode back to normal
for my inner curtains. And I'm just going to change the opacity, see if that helps. A little bit better. Let's
add a layer above that. Grab the soft blend
mode, a darker color. And I just want to add some shadows below my tie
back to curtains like this. Not too much. I just want to give
it some dimension. Like it's a little bit further out from
those inner curtains. I'm going to repeat this
for the other side. Go to the Gaussian Blur. And I'm going to bump
it up to about 7%. And I'm gonna change
my blend mode to multiply and
lower the opacity. And I'm just going to
smudge it out a little bit. Adding artwork. Add a layer for artwork. And you can import any services I'm pattern that you have. Let's do it for the
left-hand side as well. We're going to add a layer, grab our pattern, and
just reposition it. And I think I want to change the colors and match my artwork. So I'm just holding
a finger down. And I'm gonna go back
to my inner occur in. I'm just going to drop color. And I need to change the color
on the TI backs as well. So I'm just going to
duplicate that group, flatten it, turn the
original group off. And I'm just going
to drop color on that tie back this way, still hold the shadows
and highlights. I think I'm going to
change that color again. Now I'm going to go back and add just a little bit more shadows to my curtains now that
my artworks in place. I'm going to add a layer
above my highlights. And I'm just going to run
it the outside edge of this curtain and
in-between some of those folded gathered parts
of the curtain. And I'm going to repeat it on the opposite side. There you go. So this is a great time to add your finished mockup with
or without your artwork. Inside the projects and
resources section of this class. I'm really looking forward to seeing what you come up with. Up next is a heartfelt
thank you to all of you.
19. Thank You: Thank you so much for
the bottom of my heart, for your time in
watching this class. I hope you found
it very helpful. Nala, you created
several mockups to showcase your
artwork and designs. I can't wait to see them in the projects and resources
section of this class. And if you're on Instagram and you want to share it there, make sure you tag
me. I can brush up. If you happen to
love this class, it remains so much to me. If you leave a review. If you haven't done so yet, make sure you hit
that follow button so you can be notified
on my next class. I can't wait to see them. Did you know that you can
share this class along with any other Skillshare class by clicking the Share button
on the bottom right. This not only helps others find a classes that you enjoy most, and should they sign up
for a premium membership, you can even earn some
extra cash from Skillshare.
20. Thank You: Thank you so much for
the bottom of my heart. Or your time in
watching this class.