Have you ever wondered how people create gorgeous desktop mockups? Today I’m sharing a step by step walkthrough to teach you how to create a desktop mockup in Canva in under 5 minutes!
If you’re all about watching step-by-step tutorial videos, just click below and I’ll walk you through it all!
If you love reading through the steps and taking a peek at screenshots, keep on reading!
First, login to Canva or create a free account over at https://www.canva.com/
Second, select “Use Custom Dimensions” in the top right corner if you are going to be creating the mockup for a website banner.
If you are creating the mockup to use on any social media platform (i.e. Facebook, Instagram, Twitter, etc.) select the “+” sign in the top right corner that says “More”. Then select the appropriate social media post template. This will make sure the proper dimensions are used.
If you are entering your own custom dimensions, get the pixel dimensions of your image by right clicking it and viewing its properties. Once you have the dimensions, enter them at the top and click “Design.”
Note that if you selected a social media template, you won’t need to manually enter the dimensions.
Click “Uploads” on the left hand control panel and then click “upload your own images” to upload your images.
Once your image appears on the left, click and drag it onto the blank canvas.
Then, resize the image by expanding it to take up the whole blank canvas space.
Upload your second image. This is the image that you want to mockup on the blank computer screen.
Resize the image to fit just inside of the blank computer screen. Remember to leave a black border for the frame of the computer.
Export your new image by clicking on “Download” in the top bar.
Select whatever file type is best for you.
Congratulations! You’re all done!
The new image should be saved to your desktop, or downloads, or wherever you chose to save it!