Realistic Mock-ups for Beginners Using Photos and Illustrations | Kimber Shook | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Realistic Mock-ups for Beginners Using Photos and Illustrations

teacher avatar Kimber Shook, Artist | Designer | Creator | Teacher

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Intro

      2:30

    • 2.

      Class Project

      0:38

    • 3.

      Free Resources

      1:59

    • 4.

      Backgrounds

      1:37

    • 5.

      Photo Frame Illustration

      6:31

    • 6.

      Wall Frame

      5:40

    • 7.

      Table Frame

      11:16

    • 8.

      Livingroom

      9:02

    • 9.

      Fireplace Mantel

      13:22

    • 10.

      Pillow

      9:35

    • 11.

      Card and Envelope Illustration

      8:40

    • 12.

      Adding Additional Items

      9:30

    • 13.

      IPad

      7:18

    • 14.

      Mug

      5:54

    • 15.

      Totebag

      7:28

    • 16.

      Adding a Plant and Books

      7:41

    • 17.

      Curtain Illustration

      7:57

    • 18.

      Completing the Illustration

      5:39

    • 19.

      Thank You

      1:13

    • 20.

      Thank You

      1:13

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

55

Students

--

Projects

About This Class

In this class, we will create realistic mock-ups to showcase your artwork using Photos and Illustrations in Procreate.

I wanted to create this class because I’m a huge lover of Procreate and I didn’t want to invest more time learning another software or invest more money to create mock-ups in another software program although mock-ups can be created with a little more efficiently.

I discovered Procreate allows me to create realistic mock-ups with just a little more time invested rather than skills.

We will pull images from Commercial Use sites that best suits our needs and artwork. I provide a list of links to use the exact same images should you want to follow along.

  • We will go over background options.
  • We will discuss highlights and shadows that are already present in the image itself.
  • We will create our own Photo Frame illustration that we can incorporate into our downloaded commercial use image.
  • We will create a Wall Frame and adjust accordingly to fit correctly onto an image.
  • We will adjust the Photo Frame to convert it into a Table Top Photo Frame.
  • We will add a clipping mask to an already existing frame inside a Livingroom Scene.
  • We will alter a Fireplace Mantel image so we can add a photo frame.
  • We will adjust a smaller image by expanding it and add a clipping mask to a Pillow for our artwork.
  • We will create our flat lay image with our own card and envelope illustration. We will also add additional mix-matched images taken for multiple images.
  • We will create an iPad mock-up with a Procreate app display. 
  • We will create a mug and totebag illustration and add additional images to complete the mock-up.
  • We will also create a curtain illustration. 

This is definitely for you:

  • If you already have Procreate.
  • If you don’t want to invest time to learn another software program to create mock-ups.
  • If you don’t want to invest additional money into other software programs.
  • if you have or plan on having artwork that you want to showcase online, either on social media or an online shop.

I’ll be using the following:

  1. iPad
  2. Apple Pencil
  3. Procreate App

“Sedative” ~ Music by Lesfm on Pixabay

I supply an iPad Photo with the Procreate app as well as a sheet with a link to each of the photos that we will be using from Commercial Use sites but I wanted to list the links to these photos here as well.

Here are the direct links to the images we will be using:

Wood Grain 1

Wood Grain 2

Wood Grain 3

Wall & Table

Table Top Frame

Livingroom

Fireplace Mantel

Pillow

iPad

Stucco

Canvas

Books

Potted Plant

Trees

Pine Trees

Plants

Pen

Coffee

Paper 1

Paper 2

Linen

Mug with Plants

Card & Envelope

Curtains

Tote Bag

Meet Your Teacher

Teacher Profile Image

Kimber Shook

Artist | Designer | Creator | Teacher

Teacher

As a passionate digital artist specializing in surface design patterns, digital art assets, and illustrations, I bring years of creative expertise to the table. My art journey is fueled by a love for vintage, rustic and painterly techniques, muted colors with dark or sketchy line-work, whimsical characters, tons of texture and intricate details, which you'll find sprinkled throughout my work.

When I'm not crafting visually stunning designs, I'm sharing my knowledge with the world through digital art courses on Skillshare and fun entertaining YouTube tutorials. Whether you're a budding artist or a seasoned pro, you'll find numerous videos and courses packed with tips, tricks, and techniques to help you elevate your craft.

You can also find my... See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

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.