How To Add Your Image To An iPhone Mockup Screen (Using Photoshop)

How To Add Your Photo To An IPhone Screen video tutorial

Adding a screenshot of your website, blog, landing page, Instagram feed or current offer to one of our lovely tech mockups is a fun and uniquely eye-catching way to showcase your business.

iPhone mockup pink and healthy stock photo by Wellness Stock Shop

In this step-by-step video tutorial, you'll learn the quickest, easiest way to insert your photo to any screen using Photoshop.

Step-by-step instructions - How to add your photo to an iPhone or any screen in Photoshop:

  1. Choose your favorite mockup image from the Wellness Stock Shop "Mockup" gallery.
  2. Open your chosen mockup photo in Photoshop.
  3. Open the screenshot or image you wish to add to mockup screen in Photoshop (it will load into a separate tab).
  4. Select the screenshot (command +A), and copy (edit>copy).


iPad mockup photo by Wellness Stock Shop


5. Now move over to the tab with your mockup image. Select the Magic Wand Tool, click on the blank screen. (You'll notice marching ants around the blank screen once it's selected properly).

6. Select: Edit > Paste Special > Paste Into

7. If a box pops up, click "Okay"

8. Your screenshot should now appear inside your screen!

9. Now it's time to adjust the screenshot to fit properly in the screen. Use the Transform Tool for this (Command + T).

10. Now that your screenshot is selected with the Transform tool, click and hold the corners to adjust and fit to screen.

11. Got it how you like it? Hit "enter"


And Voila! You're done!

Share your info below to receive a free luscious photo every month -

Plus, occasional branding + design tips to spice up your business...

Leave a Comment