Learn how to create iPhone mockup in Photoshop using iPhone mockup templates or ready-made PSD files for realistic results.
Yes. Both PSD and mockup templates can be used to create iPhone mockups in Photoshop.
We’ll walk through both methods, from finding the base image or file to completing each step. Screenshots are included along the way so you can follow along without guessing what to click.
Let’s get started!
Prepare two key assets before creating an iPhone mockup.
1. The iPhone Base Image
Start with a good iPhone mockup template. A lifestyle photo works too, such as a phone sitting on a desk or held in someone’s hand. If you’d rather skip the masking and perspective work, use a PSD mockup instead.
2. Screenshot or Design
Your phone screen will need graphics or UI design.
To create an iPhone mockup in Photoshop, there are two methods.
Get iPhone mockups from a mockup generator.
Mockey AI’s iPhone mockup generator is a good option because it offers multiple iPhone models with a variety of lifestyle scenes. You get:
Open Mockey.ai (sign up there) and navigate to “Mockups > Tech > iPhone”. Choose a template and download the blank iPhone mockup.
A pre-layered PSD does most of the work for you. The perspective, masking, and lighting are already set up. Just drop in your artwork, and you’re done.
We’ll use Mockey for the PSD mockups as well, since it offers premium PSD files for different iPhone models.
Instead of paying for each file separately, you can get the Starter Plan ($7-$9.90/month) and download as many PSD mockups as you need. Honestly, it’s one of the more affordable options for PSD mockups.
Then, open the .psd file.
Find the layer meant for your artwork. It’s labeled “Your Design Here”.
Look for the Smart Object icon. It looks like a small page or overlapping squares.
Open the template’s hidden workspace to add your design.
Double-click the small Smart Object thumbnail. The layer name will be renamed if you double-click it.
A new .psb tab will open. Your design will go on this flat, rectangular canvas.
Go to File > Place Embedded. Choose the app, website, or mobile design file and hit Place. Move it into position and size it to cover the canvas. Check the corners too—nothing should be left blank.
Press Enter to place it. Then hide or delete the original placeholder layer underneath.
Lastly, press Ctrl + S (Windows) or Cmd + S (Mac) to save. Close the tab with Ctrl + W or Cmd + W. Switch back to your main mockup project.
Your design bends and curves naturally. It picks up the template’s shadows, highlights, and glass glare.
Photoshop can be a lot to deal with when you only need a quick iPhone mockup. Mockey keeps the process simpler, with correctly sized iPhone models and basic tools for adjusting your design.
We’ve already covered how to make iPhone mockups in Mockey in detail, but here’s a quick recap:
You understood how to create iPhone mockup in Photoshop using two methods.
Our mockup templates and PSD files were downloaded from Mockey, and we even created the final mockups there.
Now, it’s up to you whether you want to use Photoshop or an online mockup generator like Mockey.
To create a phone mockup in Photoshop, start by using the Rectangle Tool to draw a phone shape. Convert this shape to a Smart Object, then import and adjust your phone design within it before saving and exporting the mockup.
The exact dimensions change with the iPhone model. For example, a standard model uses 1179 × 2556 px, while the Pro Max version is 1290 × 2796 px.
Instead of Photoshop, try Mockey AI, one of the best iPhone mockup tools. Templates are available for different iPhone models; there is a free plan, and you can create multi-angle shots as well.
Related reading:
Sangram Sahoo
I’m a content writer with 4 years of experience. I specialize in creating practical content around mockups, print-on-demand, apparel, and e-commerce design.
