We have tons of “mockup” style images in the Styled Stock Society library – from phone screens, to tablet screens, to laptop screens, to desktop computer screens, to plain stationery/ mugs / and more – but if you're not a design expert, you may have wondered how the heck do you add your screenshots / designs to our mockup images?!?
The video tutorial above walks you through how to add screenshots to our mockup style images using Canva (it's free!) so you can create beautiful graphics to show off your work.
If you don't have one of the devices of your own to take a screenshot on, we recommend using Screenfly or this Responsive Test Tool to preview what the screen would look like on different devices.
Here's an alternative step by step in screenshots:
Tips for creating mockup graphics in Canva
If you're using a screenshot you can literally take a screenshot on whatever device you're using to create the mockup graphic OR use this free tool to create see what a website would look like on any tech device – this is particularly helpful if you don't own a particular device like an iPad, but you want to showcase your website or download on an iPad graphic.
Once you've uploaded the screenshot and added it to the stock photo in Canva, you'll most likely have to resize the screenshot to make it fit the screen perfectly. You may also need to rotate the screenshot if the tech device is at an angle. This part takes a bit of trial + error but you should get the screenshot within the screen without too much effort.
Using our stock photos to create mockup graphics is a great way to show off your website, but you can also use them to show off content upgrades, ebooks, pdfs, images, designs, or pretty much anything that you might find on a screen!
Hopefully, the tutorial and tips will make it easier for you to create your own mockup graphics now – and all of the stock photos in these examples are available in our membership!
