Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Product Mockup

How to Make a Mockup in 5 Easy Steps

Final product image
What You'll Be Creating

If you want to create a mockup, but you don't want to use Photoshop, in this tutorial I'll show you how to make a mockup without Photoshop in just five easy steps. I'm going to use an iPhone mockup as an example, but this method can be used for many other products, too.

Need help deciding what look to go for? Check out our list of the best iPhone mockup templates:

Follow along with us over on our Envato Tuts+ YouTube Channel:

How to Make a Mockup in 5 Easy Steps

Step 1

Go to Placeit.net and navigate to the Mockups tab. Select the type of product you're interested in.

go to placeit net

Step 2

Click Upload Screenshot and select the image you want to place on the product. I used this image.

upload screenshot to create mockup

Step 3

Resize and crop the image to fit the format that the product requires. Here I'm adjusting my image to the dimensions of an iPhone screen. When you're done, click Crop.

resize and crop screenshot in mockup

Step 4

Give the site a moment to upload your design to all the mockups available. Then scroll through them to pick the one that you like the most.

choose a mockup template

Step 5

Once you've made your choice, you can make some minor adjustments to your mockup. For example, here you can change the color of the background. But if you're happy with how it looks, just click Download to purchase your design without a watermark.

download iphone mockup template

That's All!

Now you know how to create a mockup in just five steps. If you're interested in creating mockups in general, you may be also interested in these tutorials:

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.