Wondering what a mockup is? They are realistic representation of what the product will look like, in this case, a website. For example, the image below with misstechy plastered on the laptop screen is a mockup:
Okay, I get it, you now understand, right?
Usually, creating a device mockup requires having a knowledge of Photoshop or any design software, but what if I told you that all you need to have is this website you are about to meet and a picture of what you want to put in the mockup.
Say hi to MockDrop, the website that will make you look like a Photoshop-pro
HOW TO CREATE DEVICE MOCKUPS USING MOCKDROP
To start, visit the website and select any mockup of your choice.
Get the right dimension of the image you are going to use in the mockup. In this case, I am using a screenshot from MissTechy.com (Ensure the screenshot looks like the screen dimension of the device mockup).
Then drag the saved image/screenshot to the selected MockDrop image. Dassol!
Click on the download button and you are good to go.
All the images in Mockdrop are free to use so don’t worry about copyright claims.
With Mockdrop, you would have saved yourself the trouble of skewing and warping in Photoshop.
To visit Mockdrop, click here