Learn to Make Mockups with Mockup Academy 1 | Kris Ruff | Skillshare

Playback Speed

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

Learn to Make Mockups with Mockup Academy 1

teacher avatar Kris Ruff, Surface Pattern Designer & Mockup Maker

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

8 Lessons (44m)
    • 1. Introduction

    • 2. The Basic Concept

    • 3. Mockup an Angled Gift Bag

    • 4. Mockup a Holiday Plate

    • 5. Mockup an Insulated Lunch Bag

    • 6. Mockup a Cloth Napkin

    • 7. Help! It's Not Working

    • 8. Your Project and What's Next

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.





About This Class

Digital Mock-ups are a great tool for surface pattern designers and artists — for social media, online sales and client presentations. Mockup Academy will teach you all the skills you need to mock up a huge variety of products in Photoshop. In this first class, I'll go over the basic concept and then show you how easy it is to make your first mockup. As an added bonus, you can download photos used in the class so you can follow along step by step.

This class is perfect for surface/pattern designers, graphic designers and entrepreneurs. You'll need to have a working knowledge of Photoshop, but the instructions are presented very clearly so you shouldn't have any trouble following along.

Once you master the basics in this class, you'll be ready for more Mockup Academy classes that build on this foundation.

Class 2 focuses on mockups with curved surfaces. Think mugs and bowls, lamp shades, popcorn tins, etc.

Class 3 is an introduction to Smart Objects -- a powerful tool for creating multi-use mockups -- so you can do your editing once and then just drop in new art effortlessly again and again. 

Class 4 covers mockups with shiny surfaces and transparent items.

You can use this series as a resource to come back to again and again. So if today you need to mockup a gift bag, but find you need to mockup a pillow or a mug down the road, you can come back and brush up on those techniques whenever you need them. 

Thanks for watching and have fun making mockups!






Meet Your Teacher

Teacher Profile Image

Kris Ruff

Surface Pattern Designer & Mockup Maker


I live for color and pattern! Beautiful colors lift my spirits and I’ve never met a polka dot I didn’t like. I fell in love with Scandinavian design in the mid-70s when my dad hung a Marimekko wallhanging in this office, and that influence shows up in the simple shapes and saturated colors I use in my designs. I add lively linework and a bit of whimsy to create playfully energetic prints and patterns. 

My design career began with a Fine Arts degree from University of Wisconsin. I returned to my native Minneapolis to work as an advertising art director but after several years I was drawn into surface design when a friend told me about Spoonflower, back when they were first starting out. I loved the process of making repeat patterns and learned every... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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.


1. Introduction: Hi. Welcome to Market Academy. I'm Chris Rough. And this is a course designed for surface pattern designers, graphic designers and entrepreneurs who want to learn how to make digital mock ups on a variety of different products. This is Class number one of Markup Academy, and we're gonna be focusing on products with flat surfaces. This is a great class to start with if you've never made a mock up before, because I'll be going over the basic concept for mock up making and then demonstrating all the techniques you'll need to mock up this gift bag and this holiday plate an insulated lunch bag. And finally, this folded cloth napkin at the end of the class will go over the details for your project . And there will also be a section called Help. It's Not working. That's a section where I'll give you some troubleshooting tips and also answer some frequently asked questions. Let me share a little bit of my background. I'm a surface pattern designer, and I've been doing that for five plus years. I've licensed my art to dozens of manufacturers in everything from home decor, tabletop items, stationery products, pet products, gifts and lots more. I created this course because I've been making mock ups for years and find them to be such a valuable tool for design and for showing your clients the vision that you have for your art. It took me years to learn how to make mock ups, and I would have loved to have found a course like this when I first started out. So my hope is that this will be a short cut for you, and within no time at all you'll be able to create your own library of product mock ups. Now a few technical details about the class everything I demonstrate will be in photo shop , and I'm using version CC 2018. I work on a Mac, so all the keyboard shortcuts will be based on that, and I'm assuming that you have a working knowledge of photo shop. That way I can keep the classes moving along quickly. I think that about covers it, so let's go ahead and get started 2. The Basic Concept: in this first lesson, I want to go through the basic concept of how you make a mock up. First, I want to do it with some diagrams, and then we'll jump right into photo shop. So to start, all you need is your photo and your layers palette. Now, when you open the layers palette, you'll see there's already one layer in there, and that's your bag. Photo will start by setting this layer on multiply, and the reason for that is we're gonna be adding layers underneath the bag photo. And so if we said it to multiply, then we'll be able to see the layers that are underneath it. Next, we'll create a folder, and that's where we're gonna put all her art and that will go right underneath the bag photo. Next, we select the area on our bag where we want the art to go, and we're gonna turn that into a layer mask. Now, if you're not familiar with a layer mask, I like to think of it as a window. So that selection we made on the bag is now this white square on the layer mask, and that's the window where the art is going to show through the rest of it. The black area is all blocked out now when we add art into the folder, it will only show through that window. Now you'll notice that I put the layer mask on the folder and not on the layer that has the art. The reason for that is now when we add additional layers of art, it's already massed and ready to go. In addition, if the layer mask is on the folder, then we're free to add additional layer masks onto the art layers. And we'll do that in some of the later lessons. Okay, so that's the very, very basics. Now let's go to photo shop and do the same thing. So here's our gift bag photo again, and over here we have our layers palette. Now your photo might have a padlock on it like this one, so just go ahead and click on that to get rid of it. Now we'll take that layer and change it from normal to multiply, and now we're ready to make the art folder, and to do that, just click down here and change the name and then drag it down below the bag photo. Now we're ready to make the selection on the bag where we want the art to go. And to do that, I'll go use the quick selection tool and make sure that the photo layer is selected and then go up here and select subject. Now that did a pretty good job, but it did give us the handles and we don't want that is part of our selection. So we'll go to the Polygon Tool and used the option key to get a minus on our icon. And then we'll just subtract that from the selection and missed a little bit along this side. So let's zoom in and using the shift key. We can add that area here and down here, and then I also see that we missed a little corner down here. So let's add that in using the shift key, and then we want to take out the shadow at the bottom. So for that will use the option key and just go along that edge and subtract. So now we have our selection, and we just need to turn that into a layer mask and we want the layer mask could be on the artwork folder. So make sure you choose the artwork folder layer and now use this icon which says, add layer mask. And there it is. We have our layer mask. Now, everything that we put in this folder will only show through that white area. So let's go get some art. I'm gonna go to Illustrator, which is where my art is, and I'm gonna copy here, and you can also copy from Photoshopped. Or you can drag your art into the photo shop player. However, you usually get art into photo shop will work just fine in this situation. So go back to photo shop and paste as a smart object. And now just click and drag that art layer into the art folder. And there it is. It's all masked and ready to go. Now. Everything that we put in this folder will be massed in exactly the same way. So that's the very basics for how to make a mock up. And now you're ready to move on to a more three dimensional version of a gift bag 3. Mockup an Angled Gift Bag: the gift bag in the first lesson was a very simple, straightforward image, and we could just drop the art in to make a believable looking mock up. But often you're gonna need to either distort or warp the art in order to make it look like it's truly wrapped around a three dimensional object. In this lesson, we're gonna use the distort tool, and we're going to start with a different gift bag, this time angled so we can see the side. And I'll show you how to use the distort tool to make the angles look realistic. First, let me go through the set up process. Once again, your layer has a lock on it. Click it this time, I want you to make a duplicate copy of it. I always do that because you may want to change this image, but I always like to have sort of a preserved one, just in case we need to go back to the original photo, so all you do is click it, drag it down here to the layer icon and you'll get a second copy of it. Leave this one named original photo and will re lock it and we're just gonna hide it. This one lets name EG photo and change it to multiply. Now we're ready to make our artwork folder go down here, click on the folder, change the name to artwork. And I also want to suggest that you right click on it and give it a color. So now just drag that down underneath the bag photo and we're ready to make our selection. This image has a nice clean edge, so we should be able to use the quick selection tool to get our selection, which will use for our layer mask. So make sure first that your bag photo layer is selected and then just click and hold and move across the area that you want the art. Now that looks like it went pretty well. But if you look closely, we got some of this background that we don't want. So we're just gonna hit the option key and now we're gonna minus That makes a little minus on our icon, and we just click that. So now we don't have it as part of our selection. There's also a little edge here that we didn't get to add that to our selection. I'll just use the lasso tool and this time used this shift key, which makes it a plus. Now we're gonna add that area and double click. And now that's part of our selection. All right, so that's the selection we're gonna use for our layer mask. So just click on the artwork folder and that is this icon down here. Well, we have to do is click on that, and it automatically makes our layer mask. Now we're ready for some art. Copy this part, go back to photo shop and paste it. Always choose a smart object and will make it larger. And we want to make it quite a bit bigger than our bag because we're gonna need that when we distort it. So click return and then just drag the art into the artwork folder, and now you'll see that it's been masked. Now this image has two areas that we need to start. This front panel needs to be angled to match the angle the bag and this side panel needs to be distorted so that it looks like it's receding in space. Let's start with the front panel to use the distort tool. Unfortunately, we're going to need to rast arise this image, so make sure you have it the size you need before you rast arise it. So just go over to your layer, right click and choose Rast Arise layer. Now we'll use the rectangle marquee tool and highlight the front panel, plus a bunch of margin that we have to work with. So make a big rectangle the ends right along the full line of the panel. Now choose at it. Transform, Distort. Now we've got some handles here that we can move and we can move them each separately. And you can see the distortion that happens when I move them. Undo that, and what we need to do is just angle the bottom of our hearts so that it matches the angle of the base of the bag. Just click and hold this point and use the shift key to constrain the tool toe on Lee. Go up and down. That's the only distortion we didn't make on this front panel. So we change it and a good way to look at this is hide your guides using command H and check that here these circles are all right along the bottom. That's good. That's how we want it. And this is at the right angle going up. And this little pedal is right at the edge on all of the iterations. So that's really all we need to do with the front panel. Click return to in State Those Changes and de Select. Now let's work on the side panel. We're gonna grab the marquee tool and then just highlight the side panel giving lots of margin on the outside of it again. Go to edit, transform, distort. And before we do the angle of the edge down here, we also need to compress this image so that it looks like it's receding to space. So just take this point and drag it in. Now we want this angle to be the same as this. So take that bottom corner again, using the shift key to constrain it and move it up. And we're gonna move it up so that that circle rides right along the bottom, just like it did in the front. Up here will take this corner again, use the shift key and just pull it down until this angle matches this one. Let's hide our guides and look, that looks pretty good. Although I think I want to compress it a little more so we'll put our guides back on and just bring it in a little bit more. And that's our finished mock up, and now you're ready for Lesson three. 4. Mockup a Holiday Plate: in this lesson, We're gonna learn how to mock up this holiday plate, and I'm going to show you how to use the circle tool to make the selection that you use for your layer mask. So here's our blank plate, and I have the duplicate already locked and hidden, and our plate photo is set to multiply. Now we're ready to make our art folder, so we'll just go down to the folder icon and name and artwork and right click and give it a color and drag it down below the plate photo. Now we're ready to make the selection will use for the layer mask, and so click on your plate photo layer. And I always like to start with the quick selection tool if I can. So if you go over here and quick, select and click select subject, you can see this time it has a hard time with it. There the background was just too similar is that plate in some areas so we could go in and kind of clean it up if we wanted? But I think for something that's as precise as a round plate, we'd be better off using the circle tool. So I'm gonna de select that and one thing when using the circle tool, which is right up here, it's always hard to know how to make that circle fit the edges of the plate. So one way that I've found is to use guides and to use guide, you'll need to have your rulers on. So make sure that under view you have rulers checked. Now, you can just go over to the ruler on the left and click and drag a guide over to your plate . Now, we don't want art to be on this little bead that wraps around the plate. We're gonna make our art stop right at at this point and then do the same on the top. Click and drag a guide from the ruler and put it right along that bead. Now we're those two guides intersect. That's where you want to start your circle in order for it to line up. So click and hold, and you can use your shift key to constrain it to be a perfect circle. So drag it down to the lower right, and when you get to the edge of that bead, you'll see that everything lines up just right now. In this example, we only want to select the rim. That's where the arts gonna go. So we want to subtract all of this center portion of the plate. Weaken, Do that the same way Drag guides from the ruler and put it right at the edge of that rim. Do the same thing to the top and now we're those two guides intersect will start a new circle. But this time we're going to subtract this area. So use your option key and that gets the minus. Sign on the icon and click and drag and again constrained with the shift key and that gives us our inside edge. Now we'll make that into our layer mask. So click the artwork folder and go down here to the layer mask icon. And there you can see our layer mask so the art will Onley show through that white area. Now we're ready to add art. So I'm going to go to Illustrator where I have this art and I will copy it command see and go back to photo shop and paste or command V. And always paste is a smart object and then I'm just gonna enlarge it. So it covers the plate, click return and de Select. And now we'll just drag that art into the art folder. Now, this is actually a little darker than I would like it. So one thing we're gonna do is go up to the fill command, drop it down to about 30% and we also want to put that art in the center. So I'm gonna go back to Illustrator, so we'll copy here in command. See? And then go back to photo shop and command V for paste. Looks like it. Put it right in the center. So I think that's fine. Just how it is. Maybe I'll move it up just a little bit. Now, this selection obviously doesn't need to be masked like the rim. But I do like to keep all the art files together just to make things organized, so I'm just gonna put that down here below the plate photo. And now we're gonna do that little red border along the inside of the rim here, So I'm gonna turn my guides back on, and now we can do the same thing that we did before we'll start at this intersection of the guides and drag our circle once again. And we want to put that border on its own layer. So we'll create a new one by going over here and clicking on the layer icon and will drag that down below this other art and call that border. And now we'll go up to edit and stroke and this number you can change. I think 18 is gonna be about the wood that we want this but I don't want it to be black actually wanted to be read. And I don't want to have to pick my own red here. I wanted to match this art. So I'm just gonna zoom in here and you'll see when I zoom across the Arctic gives me this eyedropper so I can just click here and it gives me that exact red. So click OK here and you see that red shows up here now and so we click OK, and there's our red edge and you could see because we put it on its own layer. It now moves independently of everything else. So there's are finished holiday plate and now you have a better idea how to use the circle tool 5. Mockup an Insulated Lunch Bag: in this lesson. We're gonna mock up this lunch bag and I'm gonna show you some tips on using the magnetic lasso tool and also how to set up your layers when there's multiple areas that need layer masks. So let's get started. I have my duplicate photo already set up locked and hidden, and my lunch bag photo is set to multiply. So we'll make an artwork folder by clicking down here and this time, rather than call it artwork, we're gonna call the folder of top Panel because we're gonna need more than one art folder this time. Then we'll drag the folder down below the lunch bag photo, right click and give it a color. Now we're ready to make our layer mask, and this time, using the select subject command isn't gonna work because we don't want a selection of the whole bag. First, we want to just take this top panel, so I'm gonna use the magnetic lasso tool for that, and that is appear. And to use it, make sure that your lunch bag photo is selected and then just go and find a place to make an anchor point. So click once and then just start dragging my resume in here so you can see we kind of get this little leash and it's sort of snaps to that edge so we could just keep moving it around. And when you get to a point where you really want to turn a tight corner, click there and then just keep going around that edge, click here and back to the start and we can add this section of the panel by click gun shift and then doing the same thing here. Click here and now you see, we start to have some problems. This part of the strap doesn't have that that clearly defined edge like the rest of it did . So we're gonna have to kind of come back here and clean up this edge. But we'll finish their selection. And now we can just go back with the either lasso tool, the last the one or the political lasso tool. I prefer that one, and we'll just go in here and again with the option key. We're gonna subtract this area that we don't want as part of our selection. So I'm taking away that strap area and we'll do the same up here. You can see it also picked up a little bit of the background. We don't want that as part of our selection. So again, with the option key will just go in and take that out. All right, Now we have our selection and will turn that into a layer mask by clicking on the top panel folder and and creating a layer mask. Now we're ready for art. So I'm going to go into Illustrator and select my art and copy with command. See, go back to photo shop and paste with Command V, and I want to make it a little bigger Click return and then dragged that art into the folder. Now, we before we do any distorting of this art, we're gonna want to make duplicates of this art to use down here and on this side of the panel. So let's go ahead and create folders for those areas. So I'm just going to click again on the folder and right now you can see it's red. So it's actually in this folder. We don't want that. So pull that out here and we're gonna give it a different color. Will make it orange and call it bottom panel, and we can duplicate our art layer in two ways. We can either drag it down to this icon and you'll see you get another so you get a copy of that art. But even easier than that is you can just You can take this layer and use your option key and start dragging it and you'll get double arrows that indicate that it's going to duplicate it. And for some reason, that doesn't show up on the screen cast. So you just have to trust me that they're there. So just drag them across the new folder, and now you can see it's orange, so we know it's in this folder. Now let's do the same thing with a new folder for the side panel. Drag it down with the rest of the art and right click and give that its own color, too. Now we'll do the same. Hair will duplicate with option drag, and now it's yellow, so we know it's in that folder. All right, let's turn these off for now because we're gonna work on just the top panel. We're going to use the distort tool on this and so will need to rast arise it. So go ahead and right click and Rast arise. And now we're ready to distort it. So go to edit, Transform, distort! And now we'll just start moving the points so that they line up with the bag. We want this line to match this angle so we'll bring that in a little and this one to match this angle, expecting to bring this just down a touch. And this is the other angle we want to look at. So this needs to come in this way, and down here it looks like this could come out in the little ways, so double check everything and I think that looks good. Return and de select. And now we're ready to work on the bottom panel. First, we'll need to make our layer mask for the bottom panel. So click on your magnetic lasso tool. Make sure that your lunch bag layer is selected. Make an anchor point. Click here to turn the corner Click here. Here. I'm just gonna do a few clicks here and back to the start. Well, there's one little vegetables will fix their with the polygon lasso tool and the option key to minus it so we can just subtract that area. So that's our layer mask for the bottom panels. So go to the bottom panel folder, make your layer mask, and now, when we turn it on, that artwork is in place. Now we're ready to distort that bottom panel. So click on your art, go to edit, transformed, distort. And now we can start doing the same thing here. And the bottom edge is parallel. And this line should really be parallel to this. So we'll bring that way in here, and this one should be parallel with this line. I think that looks pretty good angle wise, but the's circles seem smaller than these, so I'm just gonna make it a little bit bigger all the way around so that it just feels more like the same size, Click return and de Select. And now we'll do the same thing with side panel. Now, this side panels really kind of tight, So I'm not going to use the magnetic work tool. I'm just gonna use Thebe polygon tool. So we'll go in here and just start clicking our points and do the same down here, but with the shift key so we can add this section. So that's our selection for the layer mask. So come over here, click on layer Mask, and now we'll turn on this art. Now we're ready to distort it so that it transformed Distort start moving handles. You can see I've made it way too small, so we'll fix that by just opening this up. And it's good. I want to kind of make this orange one kind of look like it's wrapping around the corner a little bit like that. That looks pretty good. So click return and de select, and it's all set now. One thing I wanted to show you a couple things with the magnetic lasso tool. When you use the magnetic lasso tool, this is a number that you should kind of pay attention to. Right now, I have it set out on 100 that's a pretty big number. But I knew that because we had such distinct edges that I could use that number, and what that means is Tool is gonna look in a 100 pixel wide area for the most contrast edge, and that works great when you have a really distinct edges. Now, if you wanted to go down here like and find this edge, if you click and just start going, it really has a hard time finding that edge. So for a situation like this, it would be more appropriate to set it much smaller, like maybe 20. Now you can see it has an easier time finding that edge. One of the thing to note is, if there's a place where it kind of gets off track like that, you can use the delete key and start moving backwards. And each time you hit the delete key, it'll get rid of one point so you can go back to the area where it was working well. And you can also go more slowly through a tough area because it'll put more points that way and you'll get a better selection. So that gives you some tips on using the magnetic lasso tool and also how to set up more complex images that have multiple artwork folders 6. Mockup a Cloth Napkin: in this lesson. We're gonna mock up this cloth napkin and it'll be another example of using the distort tool to make art look like it's in perspective and laying down on this napkin. And also, I'm gonna show you a way to use layer masks to block out certain areas of the image. So let's get started now. This image has a little bit of a yellow cast to it that I'd like to take out. So this is a situation where I'm going to duplicate the photo and will lock this one so that that's unchanged. And then this one will call this one napkin photo, and I'm just gonna adjust the colors of it. So go up here to image adjustments, hue, saturation. And then we're gonna go down to saturation and just take out some of the color so that we get rid of some of that yellow cast. Now we're ready to outline the image for our layer mask. And this photo was surprisingly difficult. I really thought I could just click on my layer, go over to the quick selection tool and say, select subject, But it doesn't do a very good job. We've got some of the shadow in there, and also it's hard to see, but this edges really jagged. I couldn't go over here and preview it by clicking on the quick mask mode. You could see how jagged e that line is. So we tried lots of different things. I tried the magic one tool. I tried the minute magnetic lasso tool, but none of it really worked. I think it's mostly because it turns out that this isn't a very clean edge. So if you scroll in here, you can see it's kind of a very soft edge. And and here has all these little threads that air sticking out and same on the bottom. So this image was a challenge. So what I ended up doing was just using the polygon lasso tool and making Meyer way around it, first kind of loosely and then going back in with the regular lasso tool and adding and subtracting. So I kind of got along that end. So in this spot I would use the option key and take out this little bit here, and if there was, and I would do the same over here and another example down here. You get the idea, and I won't make you watch me do that whole thing. So now here we have the selection. That's already. And now I'm just gonna make that into a layer mask using this icon down here. Now we're ready, Dad. Art. So I'll go to Illustrator and copy my art. Go back to photo shop and paste it as a smart object and I'll make it larger and drag it into the artwork folder. Now, before we can use the distort tool to make this really look like its laying on this angled surface will need to rest. Arise the layer. So right, click, rest, arise, layer and then go up to edit, transform, distort. So with the distort tool, we have all these little individual handles that we can move separately to distort the image, and we're just gonna take them and move them around until the art looks like its laying on that surface. You can try and find some parts of the images that will give you a guide. I know this is a straight line and I want my art to be parallel with that and I see another line here and I know this is a right angle, so we probably want our art too. Be parallel to this one too. So pull that down until this line lines up with that. And I think this looks pretty good, although this looks more like a rectangle and we started with a square and you could see just how much distortion weaken accidentally put into this art. So be careful of that. And I'm just gonna make this a little wider so that this new shape kind of looks more like a square that you've dropped onto this. I think that looks pretty good. So we'll click return and there we have our mock up. Now, this pattern worked really well on here, and it really looks realistic. But sometimes you run into some problems and let me show you another example. Now this sucks. Okay, But if you look closely, you'll see that it's kind of weird that this flower the stem goes across all of these folds and this flower is repeated on the layer underneath, as well as this stem that goes underneath here. That just isn't realistic to have that art just continue on two other layers So if we were to take this to the next level, we're going to create a new folder. We'll call it folds and drag it down here and let's give this one a new color will make it yellow. And now we're gonna make a layer mask that Onley contains this fold area and also the ham at the top. And this little tale of fabric down here so that we don't have to start from scratch will reload are layer mask. And we could do that one of two ways. Click on the layer mask and go up to select load selection. And the channel we want is the artwork mask. Click. OK, and now has reloaded that selection in there even easier than that is to click on the layer mask, holding down the option command space bar keys and that will load the selection so we don't want the whole thing for our new mask. We only want this layer and this tale in this him. We're going to subtract everything else. Let's zoom in a little and using the polygon tool and holding down option so that we get a minus sign. Now we're going to subtract the areas that we don't want. And because we're working in such a dark shadow area, we don't have to be really super precise about this because it's not gonna show. So we surround this area that we don't want and we don't want this top layer. So we're now going to do the same thing minus. And then we choose all of the area that is that top part of the fabric and all of this and we don't want this part Tom in his room in here. So I'm just going along the hem and I'll zoom out so we can get a better idea what we've got going now we don't want this part, but we do want this little tail. So we're just gonna take out the stuff that's on top and go back to the beginning. Now, on our new folder, we're gonna make a layer Max there, so go down to the layer, mask, icon and click. And now, whatever we put in this folder will only show through those white areas. Let's duplicate the art, hold down the option key. And when you start dragging, you'll get this little double arrow that means that it's going to duplicate it. So drag that down into the new folder, and now you can see it's yellow, and it's now in that new folder, the air. It doesn't look any different yet, but if you click on that layer and use the move toe, you can see that we have a new layer and then that we're moving. You can also see that this layer is interfering with it, so we need to block out some of this on the top layer. Here is an easy trick. To do that, go to this layer mask and select it, and now click on the upper layer go to layer, layer mask. And this time, instead of saying reveal selection, we're gonna hide it. So click on that and you can see that takes care of the problem. If I turn off this one, you can see that we've blocked out this area by putting this mask on it. Now that looks more realistic because our flowers aren't lining up in places they're not supposed to 7. Help! It's Not Working: Now it's time for the section I call help. It's not working, and I want to cover some of the little things that contribute up when you're first starting out. First up, I put the art in the R word folder, but I can't see it if this happens to you, is probably for one of two very simple reasons. First off, you may have for gotten on your original photo layer to just turn it off, or it's possible you just forgot to change your gift bag photo to multiply. Help. It won't let me use the distort, tool or warp tools on my art. So this is a situation where if you go toe, edit, transform, and these tools are all great out. Probably What's happening is you forgot to rast arise your art layer, so if you look over here, you can see it still has the smart object icon on it. So just right click it go down to Rast arise layer, and now when you go back to edit transform, those will now be available. I put the layer mask on the wrong layer. Do I have to redo it? The answer is no. If you put the layer mask on the wrong layer like I did in this example, you could just simply click on the layer mask itself and drag it onto the artwork layer. I want at it my layer mask to edit your layer mask. Just go and click on the layer. Mask itself and hold down the command and space bar keys and click on that layer mask. Now you have loaded that selection, and as long as the move tool up here is selected now you'll have these handles and you can scale it or move it. Whatever you need to do when you click Return and D Select. Now, that layer mask has changed, but it has not changed the art in any way. Where can I find photos to USA's mock ups? I'm gonna go more into this in later classes, but the quick answer is there are lots of places online where you can find mock ups, just Google product mock ups, and you'll find a lot of them. Some of them are free, and my feeling is kind of that you get what you pay for. I often use shutter stock. In fact, most of the images for this course will be from shutter stock, and they're really quite reasonably priced. You can get a one month membership, I think, for $49 for that month you can download 10 images, so that makes him $4.90 apiece. If you'd like to use the images there in this class or any of my classes, you can follow the link and the resource is, and that will take you directly to a page showing all of the images that I'll be using in the course. Help. I downloaded the shutter stock gift bag, but it's brown. How do I make it white? Let me quickly show you how to make this image a white mock up click on your photo. Go up to image adjustments, hue saturation. Go down to saturation and bring it all the way to zero Click OK, then go to image adjustment levels, and we have three sliders. Here we have the white slider, black slider and gray slider. When we move the white slider over, everything gets lighter. And be careful with this one because we don't want to blow out the highlights, so don't go too far with that one. But now take the gray one and move it over until the bag looks much more white. Now, you don't want to get to white because everything flattens out then. So make sure you leave a little bit of contrast in there, and now you've got a white bag. So I hope those tips were helpful. And next we'll go over the details for your project. 8. Your Project and What's Next: Now let's talk about your project. You have all the skills you need to now make your own product mock up using your own art, and I've included both the flat gift bag photo and the insulated lunch bag photo in with the class. You'll find them in the class. Resource is, or if you prefer to use one of the other photos from the class, you can get those at shutter stock dot com, and I've put a direct link to those in the product description area of the class. So once you decide on a photo, you can go in and set up your layers and then make a selection where you want the art to go and turn that into a layer mask. Add your own art and distort it if needed. And once you've completed your mock up, I hope you'll share it with us on the class Project page. It's a great opportunity to not only show off your new mock up skills, but also a chance for you to share with us your beautiful art. It's always good to find another place to get your art into the world, so now that you know the basic concept for how to make a mock up and multiple ways to work with flat surfaces. It's time for the next challenge. Next class will be working with curved surfaces. I'll demonstrate on mugs and bowls, and you can use those techniques on any curved surface you want. After that, Class three will be about smart objects. If you're not familiar with smart objects, they're a special kind of photoshopped layer that allows you to manipulate your art just once. And then. If you want to make duplicates of that mock up, all you have to do is drop in new art. It's really a great time saver when you're making mock ups. After that, Class four will be working with shiny and transparent surfaces. I'll knock up a glass tumbler, a metal water bottle and also some table where if you want to follow me on my profile page or on instagram at Chris Rough Design, you'll be the first to know when these new classes air available. In the meantime, have fun making Markham's