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...

1 Comment

  1. Top 10 Wellness Trends To Keep In Mind For 2020 on November 3, 2019 at 3:04 pm

    […] step-by-step tutorials that show you how to easily add your image to a computer screen mockup using Photoshop and […]

Leave a Comment