How to Use The Mockup Editor

1. Select the mockup you’d like to use

Step 1

2. Click on the Preview button to access the editor

Step 2

3. Upload your design

Choose your design file and upload it to the mockup.

Step 3

4. Your design will appear on the mockup

Step 4

5. Adjust your design

Use blending options such as Multiply and adjust opacity until it looks right.

Step 5

6. Purchase your mockup

If you’re happy with the preview, simply complete your purchase. You can see which mockup will suit the best for your design before purchasing it!

Step 6

1. Sign in with the same email you used at checkout

Step 1

2. Go to the mockup page you bought and click on the Edit button

Step 2

3. Upload your designs

Use the provided upload buttons. You will now see the mockup photo without watermarks, and the Download button will be activated.

Step 3

4. Choose blending options and opacity

Adjust according to your design.

Step 4

5. Automatic placement & Adjust corners

Your designs will be placed in the exact card positions on the mockup. You can fine-tune positioning if needed. Click on your uploaded design to reveal corner handles. Drag the border dots to adjust. A magnifier tool is available for precision.

Step 5

6. Deactivate the border editor & Download your finished mockup

Click on an empty space on the mockup once you’re done adjusting and use the button to download it!

Step 6