How to create a mockup?

Creating a mockup in Smartmockups is a very easy process that will take you a couple of seconds. Here's a step-by-step guide for you to follow:

Choose your mockup

Go to Smartmockups and select a mockup you want to create. There are 6 different product mockup categories in the main menu you can choose from: Technology, Print, Packaging, Apparel, Home & Living and Seasonal mockups.

💡 Note: There are two types of mockups: photo and isolated mockups.

Upload a design to your mockup

You can upload the design via Upload from button, drag & drop, from third-party integrations like Canva or using the URL capture feature. Once uploaded, our Magic upload will handle everything - from fitting the design, choosing the object color to generating a color palette of five dominant colors. 

💡 Note: Learn more about the supported file formats for upload.

Adjust the design

If you need to make changes to your design, click the pen icon. A crop tool will pop up. This is where you can use our controls to adjust the design.

💡 Note: Learn how to rotate your uploaded designs.

Customize your mockup

In the  Customise tab, you'll see what customization options you have for the chosen mockup. To change the color of the object (hoodie in our case), click Choose button in the hoodie color section.

💡 Note: Learn how to customize the mockup background.

Presets and custom colors

Select your color. Preset colors is a list of colors created beforehand for your convenience. There is also an automatically generated color palette that was created upon the image upload. Lastly, you can select your own custom color using the color picker tool or hex codes.

Undo and redo actions

To undo a change made to your mockup, simply click on the backward arrow icon to backtrack in the upper right corner. If you prefer the change you made before backtracking, click the forward arrow icon to revert the change. 

💡 Note: You can also easily undo an action by pressing Ctrl + Z on Windows or Command + Z on Mac. To redo an action, press Ctrl + Shift + Z on Windows or Command + Shift + Z on Mac.

Download mockup

Click Download and choose from three different resolutions (medium, high, super high) to download your mockup.

💡 Note: Wondering what you can use your mockups for?

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.