Mastering Mockups | Teela Cunningham | Skillshare

Playback Speed

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

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.

      Mastering Mockups Class Trailer


    • 2.

      Simple, Single Use Mockup


    • 3.

      Simple, Multi Use Mockup


    • 4.

      Moderate, Multi Use Mockup


    • 5.

      Complex, Multi Use Mockup


    • 6.

      Resources + Inspiration


  • --
  • 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.





About This Class

Mockups are an incredible sales tool when you’re promoting your own digital products, artwork, or selling freelance work to a client for final approval. Using Photoshop to place, or “mock up” your designs on real products to make them look as though they really exist helps a client imagine their logo better, or your social following to see your artwork in its best possible light.

In this class, we’ll go from the super simple, one time mockup in Photoshop for a social media post, to creating professional, reusable mockups that range from simple (straight on images) to complex (artwork that wraps around an object). Once you’ve created reusable mockups, you’ll have them for life to use on any client project - do the work once, use it to sell your work forever.

4 bonus practice images are included with your enrollment in this class, so you can follow along and experiment with every step.

Photoshop CS3 or newer is required to fully participate in this class. Need Photoshop? Pick up a 30 day free trial over here ;)

Meet Your Teacher

Teacher Profile Image

Teela Cunningham

Hand Lettering + Graphic Design


Hey! I'm Teela and I help designers + hand letterers build their skillsets to open new creative + financial opportunities. Freebies + tutorials here! >

See full profile

Class Ratings

Expectations Met?
  • 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.


1. Mastering Mockups Class Trailer: What are mockups? Mockups help clients, potential buyers and designers, imagine their artwork in real scenarios without the added costs of actually producing them. With a little Photoshop trickery, you can take any artwork and put it on a real product in just a few quick steps. I'm Tila and I'm a graphic designer with plenty of experience in the mockup world producing artwork related to Fortune 500 companies and small businesses. Mockups are an incredible sales tool for designers, because not only is your artwork able to be seen on products you never had to pay to produce, it also couldn't be more convincing to clients when they're able to see a product and imagine a design being fully realized. In this class, we'll go over to different kinds of mockups, single use and multi-use. Single-use mockups are perfect if you're in a hurry and only need it created once, like a social media post. When you create a multi-use mockup, you define the artwork areas once and if you ever want to switch out your artwork with new artwork in the future, it's as easy as just placing the artwork in and it'll snap right into place. We'll go over a bunch of different styles in mockups from simple straight above shots to prospective shots, how to make fabric mockups look as real as possible utilizing displacement maps and wrapping artwork around curved objects. When you enroll, you'll have access to all four base photos used in the class so you can follow along perfectly with every video. We'll be in Photoshop for the entire class so you'll need CS3 or newer. If you don't have Photoshop, no problem, you can pick up a 30-day free trial over at Are you ready to mock? Hit enroll, and let's get started. 2. Simple, Single Use Mockup: Hey and welcome to the class. I'm so glad you're here and before we dive right into making everything, I just want to give you a very short overview of everything we're going to be making in this class. So this first one that you see on screen, is a very simple one use mockup. This is really perfect if you have a product that you only plan on creating once and you want to list it on Etsy for example or if you want to share it on social media. If you want to make this an Instagram post, it's perfect, because you're just going to throw it together. It's going to be done super-fast. It's going to hardly take anytime at all and then you use it and you're done and you move on. Next we're going to dive into some more professional types of mockups where if you do freelance a lot and you want to use similar mockups, like if you're designing a business card or branding for a client, this would be a perfect mockup for that. So these are business cards and I'm going to show you how to create a file where you lay everything out once and then you can reuse this file multiple times and you don't have to do anything fancy. All you have to do is literally drop your artwork in and you're good to go, so it's a huge time saver once they're made. After that, we'll move on to a little bit more complex. This one's add an angle this time instead of overhead and now we have fabric involved. I'm going to share how to create what we call a displacement map, which sounds frightening, but it's not at all. I will explain everything as we go along and see how it wraps around the fabric. You can even see the edges within the text that's taking on that quality from the burlap of the bag. Then finally we're going to end the class creating this mockup, which is probably the most complex out of the class. As we move along, we're just going to get more and more complex and we're going to build on everything that we did previously. So this final one, we're wrapping artwork around an object and then we're also putting it on a sheet of paper over here too. So we're practicing constantly all of these different skills. Then you'll have everything you need to create any mockup you'd like to do in the future. I'll share some really good photo sites if you would like to borrow from those, instead of taking your own photographs. We're going to go step-by-step. Starting with this video, we're going to recreate this one and it's going to be super fast. I included four free images for this class and just by enrolling, you have access to all of them. In order to get to them, all you're going to do is below the main Skillshare video, you're going to click on Class Project. You'll see a little link under the video and then you're just going to scroll all the way to the bottom and you'll see download links for all the images. So this is the greeting card image and you're going to be able to pick up the business card image, the tote image and then the coffee cup image as well. This is what the JPEG looks like once you download it and you open it in Photoshop. For this entire class, I'm in Photoshop CS6, you're going to want to be in at least CS3. If you go any lower than that, you won't have access to smart objects, which plays a pretty critical role in this class. But I'm using CS6 throughout this. This is what my happy birthday card scan looked like and does not look good at all. All the other images that I'm using in the class, I'm totally skipping the image editing part just to save time. But for this specific one, I wanted to show you how I improve my watercolor artwork. If you create a Watercolor Artwork too and you want to enhance it for your cell images or just your social media posts. All I do, you can see it's really faded and dull looking. The first thing I do, is increase the brightness. I'm just using my Adjustments layer, this is the best way to edit and enhance your images in Photoshop. If you don't see your Adjustments, you can get to it by going Window, Adjustments and it'll pop up. All I did was Click on this first one for brightness and contrast and I'm just going to move the slider over, brighten it up a little bit, but not totally wash it out. We're going to increase the contrast slightly and then levels is what I like to use a lot to really bring the darks forward and push the lights back. So as you can see, when I move my dark slider, everything's getting a little bit darker and then my light slider's right there. I actually think I'm going to darken my brightness and the nice thing about Adjustments is, you can go back and change things that you've already done. So I have to do is, click on My Little Sun here and since my levels brightened up and so did my contrast, I can move this around and this is what I do, I just slide it around and see what's looking the best. So there's a lot of light colors in this one. I'm finding a happy medium and this feels really good. Once I'm happy with my artwork, then I'll Save it as a JPEG or I can just Double-click in my background, group these together, I'm going to hit Command G to group these, Right-click, Merge group, Command A or Control A to select all, and then Command C or Control C on a PC to Copy. Then I can just come right into my greeting card image and just Command V or Control V on a PC to Paste. Now I can reduce the size of my greeting card and fit it on top. I always like going bigger, before I go smaller. So I'm going to keep it larger than my greeting card. Hit Enter or Return to commit your changes and now I'm going to reduce the opacity slightly to 50 percent so I can see where everything is and that looks good. I can up this again and I'm going to change the blend mode. This is the magic part of making this mockup and I'm just going to toggle this down and choose multiply. Now it looks like it's actually on the card and all we have to do now, is get rid of the excess areas that we don't want overlapping other parts. In order to do this, we're going to use a mask and masks can be complicated. But the very easy way to remember everything and never be confused about masks, is black conceals and white reveals. So what we're going to do is Click this little icon down here and this creates a mask. As you can see over here, this is what our mask looks like and whenever you're using a mask, you're using the Brush tool and you're brushing either white or black. We're going to be brushing black, because we want to conceal these areas. If we accidentally brushed in black over here, this would go away and we'd have to brush in white, to bring it back, to reveal it. So I'll show you what I mean. Just make sure this little white box right here is selected. Hit B on your keyboard for your Brush tool and I'm going to use a soft brush for this. In order to tell if it's a soft brush, you just Click right here where it says Hardness and make sure that this is zero percent. I'm going to make sure my opacity is a 100 percent up here and then I'm going to make sure I get black in the front because I need to start hiding this or concealing it. So I'm going to switch this, you can add X on your keyboard or you can just toggle these little arrows and I'll switch back and forth. If you have different colors right here, just tap on this part and you'll get your black and white back. I'm going to zoom in here and I'm just going to begin brushing and as you can see, I'm concealing it. The nice thing about masks, is it's a form of non-destructive editing, which means if you mess up, you can always go back. Nothing is totally permanent, the changes that you make. So this is pretty fast, like I said and really perfect for social media, stuff that you would only need to do once. Just keep that in mind. This technique, just use it for stuff you only plan doing once or if you're on a giant time crunch and you just need to get your stuff done. This is the method to use. I'm just going to go around, make sure I don't have any loose areas and that's looking pretty good. I'll reduce my brush way down, by hitting the close bracket on my keyboard and then I'm going to switch to white, because I got rid of this part, but now I want it back. If I hit X on my keyboard, I can switch back to my white and in the front and then I'm going to reveal this. Let's see, I'm going to reveal this up here. All that's looking really good. We're done with this one and that's all there is to it. That's a very fast, simple way to create a single use mockup. In the next video, we're going to be creating this business card mockup, which you will see we can go in and we can change the artwork multiple times and we won't have to do what we just did every time you want to use the mockup. So that's what's next. 3. Simple, Multi Use Mockup: In this video, we're going to be creating exactly what you see on screen, this business card mark-up. The cool thing is the way that we're making this makes it so, in the future, if you ever want to use the same image again, if you're trying to sell branding to a freelance client, for example, you can always use these and all I have to do is place your images in and I'll pop right into place. You only have to do this part once and you can use it forever. That's pretty handy. What I need you to do is click on class project right beneath this video, scroll to the bottom and download business cards JPEG. That is the free image that came with the class and it looks just like this and you're going to open it up in Photoshop, so you have an unscreen just like I do right here. The next thing we need to do is create some shapes to define where the artworks going to be placed once we automate everything. All you have to do is come over here and choose this rectangle. I like changing it to a different color. You can see right now it's going to default to white. I'm going to choose a purple so we can see it a little bit better and you're just going to click anywhere once. You're going to input three-and-a-half inches by two inches, which is the standard business card size and hit okay. Once you have this, don't do anything to it. This is the single most important part of this entire thing, so do not skip this and always remember it. I'm still guilty of forgetting it sometimes so it's super important. All you're going to do is on this layer right-click and choose convert to smart object and that's the important thing. You'll know it's a smart object by this little icon showing up on your layer right here. Next, you're going to grab your rectangle and you're going to hit command T or control T on a PC to free transform it, then you're going to right-click and choose distort. Next, you're going to grab each corner and you're just going to click and drag it to the corresponding corner, just like this. Once you have all of your corners there, you're going to change the opacity right here down to like 50 percent, so we can see behind it. If I zoom in here, I'm hitting command and the plus key or control and the plus. You can see that I'm a little bit off right here, but I'm still hitting the corner, which is important. In order to fix any of these areas, you can see I'm missing quite a bit right here, you can right-click and choose warp. Once you have your warp, you can grab your little nodes right here, and you can just click and drag them and these are your handles. They determine the curve of your path. You're just going to click and drag a little bit and now everything's lining up much better. I'm going to do the same thing up here, this just needs to be knocked down just slightly. Don't worry if you don't have it exact, I'm going to show you a nice little old trick that you can use if you go a little bit out, that way, you don't have to feel the pressure of always being perfect when you're doing this part. Once you have it to a place where you feel pretty good about it, I don't like that this main line is curved so much so I'm just going to drag it back a little bit. Just hit enter or return, to commit those changes. We're going to increase our opacity all the way back up to a 100 percent now. We're going to change our blend mode to multiply. I'm going to name this layer, front-card because it's in front of this one. Then all you're going to do is double-click on this layer and hit okay. Now, we've got our purple rectangle, but it's in its own file now, and this is called a PSB file. All you're going to do is turn off this layer and you're going to drop your artwork into here. I've got some artwork that I made right here, similar to what you saw before just watercolor artwork. I'm going to do is command A to select all of it, command C to copy it, or control A and control C if you're on a PC. Then I'm going to come in here and then command V or control V to paste it, command T or control T to free transform it, hold shift, grab a corner, click and drag to reduce the size. If you want to scale proportionally, you can hold shift and alt and that will reduce all the sides at once. We're just going to crop it in where it feels really good and centered and that looks pretty good. Hit enter or return. Then you're going to save this file. Just hit command S or control S on a PC to save it. You're going to close out of this rectangle PSB and then just like that, it's right here on our card and it looks like it's part of it. If we didn't have a multiply blend mode on here, if we just had normal, you can see we lose some of the shadows. Shadows get picked up really well when your blend mode is set to multiply, so that's definitely something you want to make sure you do. We're going to drop it in our back card right now so you can see when things get in the way, how we tackle that, when we have this editable file. What we're going to do is the same exact thing that we did before. We're going to grab a rectangle. Click once on your app word input three and a half inches by two inches and then we're going to convert it to a smart object over here, then command here, control T to free transform, right-click, choose, distort, and start dragging those corners into place. We're going to zoom in and you can right-click and choose warp. If you want to, just toggle anything a little further, now's the time to do it. When you're happy with everything, you're just going to enter or return to commit those changes. Change your blend mode to multiply once again and this time you can see we need to get rid of this part. Just like we did a mask in the previous video, we're going to do a mask now. All you're going to do is come down here and click this little icon and since this is an angle, I like using my polygonal lasso tool, which you can use instead of your brush but we just need to make sure the selection ends up being black because we're going to hide this part of the card. I'm going to hit L on my keyboard and you can see it activates my lasso tool and you just want to click and drag over and choose polygonal if that's not already selected. You're just going to click over here anywhere. You're going to follow this angle up. Click once, follows angle down, click once, and then you're going to close it. Once you get to it, you can see that little circle appears. Then you're going to make sure it's black. Make sure your black is in the background right here, and then just hit command or control backspace, and that will fill it with black. You can see our little preview right here that, that filled with black and then to de-select this, all you have to do is hit command D or control D on a PC. Now we can put our art in the exact same way that we did before. We're going to double-click. Actually, I'm going to name this layer first back-card. We're going to double-click on this part, this little icon right here. We're going to open it up. We're going to turn off our purple. We're going to paste in our artwork once again. We're going to reduce it down using our free transform, just like we did before, position it really nicely and this time I just want to change the color of it so a nice little trick to do that just for mark-up purposes, is I'm going to click on hue saturation right here in my adjustments panel, like we went over in our last video. I'm just going to slide my little hue slider over. You can see right away we can get some new colors which look cool. That looks good. So I'm going to save it command S or control S on a PC. Close out of this and just like that, it pops it in and we're in business. Now that you have this mark-up file, if you ever want to use it for a client work in the future or your own work, all you have to do is double-click. You've got everything named that you need. You're going to save this file as a PSD file. So you've got a Photoshop file, you're going to open it up and whenever you need to change this out, you're just going to double-click on the card that you want to change, let's say I want to change the color of this or change the artwork entirely and then you make whatever edits that you need to make. Actually, these colors look prettier. You're going to save, close out of this and just like that, it'll pop it right in. That's how fast it can be to really get a lot of work done at once. Once the initial work is done, you're good for forever. Pretty awesome and handy little trick. In the next video, we're going to move on to something even more complex, which is a fabric to at an angle. Right now we've been focusing on things that are overhead shots. We're going to move to an angle perspective shot and then we're going to introduce fabric into the mix as well. 4. Moderate, Multi Use Mockup: We're getting a little more complex with this one. You can see we have things that are perspective with this outcome, and we've introduced fabric. It's got some folds and some bends in it, so we're going to totally rock this and then jump it right in. I need you to open up the tote bag JPEG. Once again, you can find all the free images for the class by hitting class projects under the video that you're currently watching and scroll to the bottom. If you are on an iPad, I don't believe that the [inaudible] app allows for those downloads yet, so you'll have to go grab those on a desktop. We're in Photoshop and I've got that JPEG loaded up right here. Because we're working with Photoshop, there's something we need to do before we get into the same process that we used on the business cards, and that is creating something that's called a displacement map. In order to make our displacement map, first, we need to look at our fabric, and our fabric is hard edged in places, we've got some really nice softness going on over here. It's actually a little washed out, but areas that are a little harder, we need to apply a Gaussian blur, which will make everything come out much better. It gets a little pixelated if you don't apply Gaussian blur, so that's what I would recommend. It doesn't have to be a huge Gaussian blur, we're going to use a super subtle one, only a pixel. I'll show you how to do that. All we're going to do is go to "Filter", "Blur", "Gaussian Blur", and then we're just going to input one pixel right here where it says radius, and hit "Okay". As you can see, it's a little more blurry than it was previously. If we zoom in here, you can see that all of that texture is much softer now. Next, we're going to desaturate this entire image so we want to make it black and white. All of these will make sense later on, so just follow along for now. What we're going to do in order to desaturate this is we're going to come over here where it says hue and saturation in our Adjustments panel, and if you don't have your Adjustments panel open yet, you can get to it by going "Window", "Adjustments", and will pop right open. We're going to click on this icon right here, and we're going to desaturate this image by clicking on the slider and dragging it all the way to the left. Now we have a black and white image, we've desaturated all color. Next, we're going to save this as a Photoshop file, so we're going to go "File", "Save As", and just save it as displacement, and hit "Save", hit "Okay". Now, we're just going to close out of this and we're going to reopen our tote bag. Let me grab my tote bag, so now we've got the original JPEG. If I zoom in here, you can see no Gaussian blur, everything's nice and crisp. This is the one that we need to use now. The first thing that we're going to do is follow the exact same process that we did in the previous video by first creating a big shape. We're going to come over here and choose a rectangle. I'm making sure that I have a color up here because white can be a little tricky sometimes, we're just going to click once. This bag size is roughly 14 inches long by 10 inches tall. We're going to use a width of 14 inches and a height of 10 inches, and hit "Okay". Now, we've got this massive rectangle right here, but before we do anything, we're going to come over to our Layers Palette, and we're going to convert this into a Smart Object. I'm going to label this bag, and then we're going to do Command T or Control T on a PC, and we're going to reduce the size. I'm going to hold Shift to grab a corner, and reduce it down so it's a little more manageable, and then we're going to right-click and choose Distort. I'm just going to loosely pop these into place, into the corners, and we're not actually going to work this one because masking will do all the work that we need to there and also our displacement map is going to do a lot of that work. That's looking pretty good. I'm just going to hit Enter or Return to commit those changes. Now, I'm going to change the blend mode to multiply, and as you can see, we've got some areas that are not part of the bag, but that's totally fine because all those will be hidden once we put our work in. I'm going to double-click or just like I did before on the Smart Object, and choose "Okay". We're going to turn off our purple layer and we're going to bring in some artwork. For this one, this is the artwork that I've drawn up. So I'm just going to Command A and then Command C to select all and then copy, or Control A and then Control C. Pop back into our rectangle PSB, Command V or Control V to paste it in, and now we're just going to position it. Since it's at a perspective, I need to come a little closer to the right so it looks more centered than actually being centered. Actually, I'm going to increase the size of this too, so it's a little more bold on the bag. That looks pretty good. We'll see what it looks like. We're going to Command S or Control S to save this rectangle, and then we're going to close it just like we did with the business cards. Now, you can see it's put it on our bag and it's looking really good, but we need it to conform to the shape of the fabric, and that's where the displacement map that we created earlier comes in, and in order to apply that to our bag, and you'll see what happens to everything once we apply and why it's important. First, let me zoom in so you can see there's a hard edge right here, and then we'll compare once we apply the displacement map. We're going to "Filter", "Distort", "Displace". Right here, these settings, we would only mess with if we weren't using the same sized image as we started with, and since we're using the exact same image for the displacement map, we don't need to mess with any of these settings, so we're going to hit "Okay". We're going to choose that displacement file that we created earlier, that black and white file, and hit "Open". You can see everything moved a little bit. Watch what happens, I can turn this on and off over here in my Layers. That's where that off, and this is where than on. It's conforming to the movement of the fabric on the bag, and if I zoom in, you can see it's taking on the qualities of the actual burlap fibers, which makes it that much more realistic, so really cool, little trick in Photoshop. As you can see, we've got some stray dots. Well, a stray dot right there. I think everything is looking pretty good, every place else. In order to remove that, all we have to do is add a mask, just like we did in the previous two videos. With your Layer selected, click on the "Mask" icon down here, hit "B" on your keyboard for your Brush tool, make sure black is in the front because we want to hide this dot. Let me increase the size of my brush slightly, and we're just going to erase it away or mask it away. Everything else looks good. I'm going to zoom out, and just like that we have our artwork on a tote bag and it's looking super realistic. We've dealt with the perspective issues and the fabric issues, and everything looks great. In the next video, we're going to get even more complex by warping our artwork around a coffee cup. 5. Complex, Multi Use Mockup: In this video, we're going to create our most complex markup out of the four that we've done. We're going to create it, so it is infinitely reusable. As you can see on screen, this is the final outcome of this video. We're going to be wrapping our artwork around a curved surface like a coffee cup and then we are also including an additional one over here, just to practice what we've already learned and hit everything home because the more you do this, the more it's just going to come naturally the next time that you need to do it. Okay. We are going to open that and make sure you grab the coffee JPEG from hitting class project right below this video and scrolling to the bottom, download that and open in Photoshop and we're good to go. Okay. We're going to start with the coffee cup. We're going to get the hard stuff out of the way. Then this page is going to feel like you're an expert already, I know it. Okay. We need to create a shape for this. I measured my coffee cup and we're about five inches around the curved area, and then about three inches tall right here. That's what we're going to go with. We're going to create a new rectangle right here. I just like filling it with the color that way can see everything a lot better. We're going to tap once and put in five inches wide by three inches high and hit okay. Now you've got our rectangle. We're going to convert it to a smart object first. Right-click, Convert to Smart Object. Now we're going to hit command to your Control T on a PC to free transform it and we you don't need to distort it at all for this, we're just going to work everything here. We're going to right-click choose, Wrap and now here is where the fun starts. These are your nodes, you're corners, and then these are your handles. See these little circular things. These control your curves. These control your corners. You can change the curve on each side of your corner just by moving the handles. These are called handles. Then the inside you can also move, which affects the warping of the interior areas of your artwork. There's a lot going on. But the main things that you're going to be moving right now are your corners in your handles. Then we're going to get into this part if we need to. What we want is this center part going along the mug center part. I'm going to reduce the opacity right here so we can see everything as we're moving. I'm going to go 50 percent. Then we're just going to take our corners and we're going to move them where we need them to go. It's really easy for things to look super wrong and bad. Like nothing's going right. Like how it looks right now, it looks like it's never going to be right. But just stick with it. Okay. Don't feel overwhelmed. Don't feel like you're not doing it right. It takes a lot of fussing and moving things around even for a super experienced designers. This is not something where you can just click a button and everything works. You just know what to do suddenly. Every shape is different. It always takes a little bit of moving things around, so please do not get too frustrated. I know it's an easy thing to get frustrated by, and I'm super guilty of that too. But you just got to stick with it and you just keep moving, keep moving your handles, keep moving your corners and your nodes and things will work out. Okay, we're getting right along the curve right here and you can see everything's kind of building up there. I'm just going to move this part over a little bit. You can reduce the length of your handles like this handle is a little too long. If I reduce the length, then I'm getting this line where I want it because I want the center square section going right here because that's where the center of my artwork is going to fall. I'm paying close attention to where this center section is. I'm just going to be moving my handles to make sure everything goes where it should go with that. All right. This is looking pretty good. Have got most of everything that I need flowing around the cup. All right, once you're happy, you can commit your changes by hitting Enter or Return. The really awesome thing about the warp tool is, if I need to go back and things just aren't looking right once we dropped the artwork in, I can hit command here, Control T again, right-click and choose Warp. Unlike distort, distort doesn't do this. Warp keeps your settings, so you can go back and you can change things if you need to. If we use the distort, we wouldn't be able to keep those settings. You can't go back with that, but you can with warp. So that's really handy. Okay. So that looks good. We're going to change the blend mode to multiply here. We're going to increase our opacity all the way to a 100, so we're at full steam here. We're going to follow everything that we did before by double-clicking on our rectangle to open up our PSB file. We're going to turn off our purple because we don't want it to be purple. I'm going to grab this artwork that I created for this, select all, copy and then paste it in. Reduce the size of it, center it the way you'd like. All right. Now here's the moment of truth. We're going to save this Command S or Control S on our PC, we going to close out of this and we're going to see what it looks like. That's looking pretty good, it's looking pretty believable. If I zoom out, we can see everything, it's going along the curvature of the mug really well. I do want to move it down just slightly though I can see I've got a lot of space right here, or I can also go into my warp, if I Command Z or Control T, right-click and choose Warp. I can move this down and fix it manually like that too. That's also an option outside of just moving the artwork in the PSB file. That looks good, I'm pretty happy with that, I'm going to leave it. All right, we've got our mug with our lettering or your artwork wrapping around it. It's looking real. The really awesome thing about using photos that are already taken is, unlike creating something that's supposed to look realistic from scratch in Photoshop using real actual images, you don't have to do anything with shadows because there is real as it gets, this is a true photograph, so all of your shadows are already correct. There's no need to go in and darken up areas or lighten up areas unless it's lightening the entire photo or darkening the entire photo. I really like how quick it is to not have to deal with anything but getting the artwork right on your object, makes sure your blend mode is set to multiply and either create a single use or a multi-use depending on what your needs are. It all depends on whether or not you need a smart object. I'm going to label this cup or a mug or whatever. Over here, we're just going to drop in a page. This is purely for just practicing, hitting home everything that we've learned so far. The more practice you do, the more you're going to remember it when you need it later on. We're just going to go through the motions of everything that we've learned. We're going to use our distort and our warp, and we're just going to set some text down here and then we're going to be done. This page is like four by six, so that's what we're going to use. I'm going to create a new rectangle, make sure I got a color up here, click once. We're going to do four inches wide by six inches tall, hit Okay. We've got our rectangle and we're going to convert it to a smart object. I'm just going to do journal for this. Then I'm going to hit Command T or Control T on a PC to free transform right-click, choose Distort. I'm just going to grab these corners. Even though you can't see the corner here, go right into the mug, follow the angles and approximate where that corner actually lands. I'm going to come down here, down the spine, up at the top, I'm going to reduce the opacity to 50 percent. We can see everything. That's looking pretty good. Now we're just going to warp so we can get this nice curvature of the pages happening on our mug cup. I'm going to right-click, choose Warp, grab my handles, and I'm just going to adjust them slightly. There is something I need to knock down a little bit, so it becomes a curve. That looks good. We're going to change our blend Mode to multiply. Then we're going to increase our opacity back up to a 100 percent. Double-click, hit Okay, turn off your purple layer. Now we're just going to drop some text down here. I'm going to hit T on my keyboard, grab my text tool and then just type out. I'm using Hawthorne script, which is one of my own fonts. I'll leave a link if you'd like to check it out. The quarter I'm is all glory comes from daring to be again. This is one of my favorite quotes by Eugene Ware. One tip when you're laying out text for mark-up is never to use true 100 percent black because it won't look like it's actually bleeding into the page very well with the multiply blend mode. I always like going a color that's a dark gray, but not totally black because even a little bit of gray when the multiply blend mode is applied, it makes everything a little darker. If you're already as dark as you can go, it's not going to look like it's fitting on top of the thing that you're putting it on. Just a little tip, go dark gray is fine. I'm going to hit Command S or Control S to save this, close it. There we go. We've got our lettering over there or our artwork, whatever you want to put there. We've got our mug all done. This shot is complete. In the next video I'm going to show you where you can find some markups if you don't want to make them like we did in the class. I'll show you where you can find some stock photos if you don't want to take a photography and then just some inspiration. That's in the next video. 6. Resources + Inspiration: So we are at the end of the class and before I let you go, I wanted to share some resources and inspiration with you. Just so you have everything that you need to get started to make your own mock-ups. If you don't have time to make your own mock-ups, where to find pre-built mock-ups while like it stuff. First of all, I want to say ideas for mock-ups. I want to make sure you're fully equipped, knowing how to use them, where to use them, how to take advantage of this new skill set that you now have and you can use for everything that you do. Whether or not it's for a client, selling your work in presentations, putting it in blog posts, hero images, if you have an Etsy shop using it on your sale pages. If you for example, offer calligraphy as a service to people, you can put your calligraphy on all kinds of different things so people can really see and imagine how they can use your services for their own needs. You can put it on self hosted sale pages, if you sell your own products on your own website, social media posts. You've got Instagram, Facebook, Twitter, all of them. Then advertisements, if you're hired to create an ad for someone, you can use your new mock-ups for that as well. Places to grab photos if you don't have a great camera, actually all of the photos that I gave you for free in this class I took with my iPhone. So you don't need to have an amazing camera in order to get some good photos that are very usable. But if you don't have enough resources or a good place to take photos, some really good resources online to pick up photos that then you can turn into mock-ups like we did in the class, Unsplash is definitely the most popular one. There's a lot of really good photos there. There's another site called Pexels. A site that I really love is Death to the Stock Photo. You can sign up for their email lists and every single month, I think it's the first of every month, they send you an email and there's a whole bundle of free photos in there that are themed every month. They do a different theme, so you build a collection that has a lot of variety in it. There's Creative Market where you can pick up paid ones and now Adobe Stock seems to be buying up all the old stock photo sites so that's become the hub with a lot of photos and resources if you have a larger budget. Finally, places to grab some premade mock-ups if you don't have time to make your own and you just need one and our hurry. Keep in mind though, if you grab any of these, except for the paid ones, I feel like I see those less frequently, the ones found on Graphic Burger which are extremely popular. Pixeden is a little less popular but just be aware that when you use free mock-ups, everybody else has access to them too. So if you're putting them out in a big way, just keep in mind that other people are using them as well and if you need us to be very specially, you might want to opt for a paid one or see if you can squeeze in some time to make your own. I wanted to give you some ideas and really get your mind going on where you can start using your new skill set with making mock-ups. I just wanted to compile a few together. Maybe it'll just give you that little spark that you need to get going on your own so you can do things like magazines, signage, lots of branding. You can see there's some bottles there that have that warped effect, making it go all the way around, mailer tubes, the list goes on and on with what you can do. Finally, I actually have a greeting card mock-ups. If you do need them, I want to offer you 10 percent off just for taking this class, if you use the code, "MOCKITUP" and you can find that in my shop every For more about me, every single Tuesday release a designed tutorial over at if you want to check that out. I also have a bunch of design freebies over there as well and you can find me over on Instagram @everytuesday. Thanks so much for taking the class. If you have any questions at all, don't hesitate to leave them in the comments section, you can send me an e-mail and I'd love to see what you do. The class project is to just either use the photos from the class, use your own photos and create a mock-up and share it, pretty simple and I'd love to see what you make and just wanted to thank you again for taking the class. I hope this was helpful and that you're not intimidated and you feel very confident in going out there and making your own product mock-ups. I'll see you next time.