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?