How to add images to displays in Photoshop and make them look legit

Apr 2, 2018

Dunja Djudjic

Dunja Djudjic is a multi-talented artist based in Novi Sad, Serbia. With 15 years of experience as a photographer, she specializes in capturing the beauty of nature, travel, and fine art. In addition to her photography, Dunja also expresses her creativity through writing, embroidery, and jewelry making.

How to add images to displays in Photoshop and make them look legit

Apr 2, 2018

Dunja Djudjic

Dunja Djudjic is a multi-talented artist based in Novi Sad, Serbia. With 15 years of experience as a photographer, she specializes in capturing the beauty of nature, travel, and fine art. In addition to her photography, Dunja also expresses her creativity through writing, embroidery, and jewelry making.

Join the Discussion

Share on:

When you shoot photos of interiors, you may want to add photos to TV screens or other displays in the room. In this video, photographer Tony Roslund shares his technique that will help you make such composites look realistic and as if they were created in camera.

YouTube video

Tony gives an excellent example of his compositing technique because the photo he’s editing has several screens in different parts of the room. Each of the screens faces in a different direction and have light hitting them from different angles. In his tutorial, you can see how he edits to account for position and direction of light.

Before compositing – communicate with the client

Before adding any images to monitors, Tony likes to mark each of them with a letter and send the photo to the client. This way, the client can say precisely what they want to see on each monitor and there will be no misunderstandings.

Adding images to monitors

Before compositing any photo onto a monitor, Tony makes a selection of the screen, creates a new layer and fills it with black. This way, when he drops the opacity of the photo he added, there won’t be any of the original image visible beneath it.

The next step is to add the image you want to the monitor. Transform it so it fits the size and the angle of the screen. As Tony puts it, this is where most people would finish the job. But, at this point, the composited image can still look unnatural. So, there are a few additional steps to make the image on the monitor look realistic.

First, Tony reduces the opacity a bit to make the composited image stand out less. Then he adds another new layer, makes a selection of the screen and adds a white-to-transparent gradient over it. He reduces opacity so that the gradient looks more natural as if the light from the room is reflected in the monitor.

Here’s the final image he sent to the client:

[How To Create Realistic TV & Monitor Screen Composites via FStoppers]

Filed Under:

Tagged With:

Find this interesting? Share it with your friends!

Dunja Djudjic

Dunja Djudjic

Dunja Djudjic is a multi-talented artist based in Novi Sad, Serbia. With 15 years of experience as a photographer, she specializes in capturing the beauty of nature, travel, and fine art. In addition to her photography, Dunja also expresses her creativity through writing, embroidery, and jewelry making.

Join the Discussion

DIYP Comment Policy
Be nice, be on-topic, no personal information or flames.

Leave a Reply

Your email address will not be published. Required fields are marked *

2 responses to “How to add images to displays in Photoshop and make them look legit”

  1. Антон Алейников Avatar
    Антон Алейников

    Fast but not supple method. To paste something once a round. Using Paste with Perspective with smart objects is way much accurate and flexible, I suppose.

  2. Антон Алейников Avatar
    Антон Алейников

    Fast but not supple method. To paste something once a round. Using paste with Vanishing point tool and smart objects is way much accurate and flexible, I suppose.
    https://m.youtube.com/watch?t=15s&v=JJVAts6NG0k