Make a Mock-Up in Photoshop
YOU’LL NEED THIS
ADOBE PHOTOSHOP CC 2018 ONWARD
To view compatibility
visit: https://helpx.adobe. com/photoshop/systemrequirements.html.
A MOCK-UP ALLOWS YOU TO SHOWCASE your designs and brandings on physical products. It’s a great way to take a look at how your creations could end up looking. Designs can look good flat, but where they shine or fall is when you take that digital design into the real world. Mock-ups are the in-between, where you can visualize your ideas and show off your creative intentions.
There are a lot of premade template design mock-ups online for you to download and drop your logo right into, but sometimes you just can’t find exactly what you’re after. Or in other cases, you’re creating something completely custom, where you want to see what a design would look like on an item you already own. For this tutorial, we are going to presume you’ve made a logo and are applying it to a cup for advertising purposes—you’ve just opened up your first coffee shop, say (original idea, we know). Regardless of your exact intentions, it’s great to add mock-ups to a portfolio to better visualize your concepts. The key here is to merge your logo or design with the base image in a natural way; this is to keep the product looking professional, as though you designed the base image, too.–
SAM LEWIS
A
1 GATHER YOUR IMAGES
You’re going to have to use your imagination here, because we are going to make a Maximum PC coffee cup; who wouldn’t want one, right? Using a great license-free image website called Unsplash (https://unsplash.com), we found a base image for this tutorial. The thing you have to keep in mind when creating a mock-up is that you don’t want it to look like a mock-up, as ironic as that sounds. You want viewers to look at it and believe that your added design is part of the original image. We will achieve this using an array of layers and blending effects.