1. Home
  2. Videos
  3. Fake Screen Image & Custom Re…

Fake Screen Image & Custom Reflections | Photoshop Tutorial

Figuration: Tutorial

Description

In this quick tutorial, I'll show you how to replace the image on a computer screen, using photoshop.

Visit our website: http://www.graphicsgeeks.net
Watch our photoshop tutorials playlist: https://goo.gl/DpfR9Z

We start off with an image of a laptop and a screenshot from one of the other tutorials on this channel.

The first thing we need to do, is stretch our screenshot over the laptop screen. We do this by going to Edit...Transform...Distort and dragging the corners of the image into the corners of the screen.

This looks a bit artificial though, since we've lost all our reflections. To fix this we can change our blending mode to Lighten. This looks OK, but I'm not actually sure I like the original reflections - so I'd prefer to create my own!

To do this we start by changing the screenshot's blending mode to Normal, to hide the original reflections. Next we create a new layer and then fill it with white by going to Edit...Fill and selecting White from the dropdown box.

Then we clip it to our screenshot layer by hovering over the boundary between the two layers, while holding down the Alt or Option key, and when the icon changes, clicking. As you can see, the screenshot layer is now acting as a clipping mask, hiding the area outside the screen.

Next, we change the blending mode to Multiply, which hides all the remaining white areas, and use a black soft brush to paint some angled box shapes over the screen.

Once we're done, we duplicate the layer, by going to Layer...Duplicate Layer. This new layer should be clipped automatically to the screenshot layer. And we'll need to change the blending mode to Screen, so the white shows instead of the black.

Finally, it's time to blend our two reflection layers into the actual screenshot image. So we lower the opacity of the Screen blended layer to about forty percent. And also lower the opacity of the Multiply blended layer to about ten percent.

As you can see, this technique works really well. Because we can separately tweak how much of the light and dark parts of our reflection we want to see.

That's it for this tutorial. If you enjoyed it, please subscribe and hit the like button. And I'll see you next time.

Captions

ASR: en

0:00:00.000,0:00:04.110
in this quick tutorial I'll show you how

0:00:02.429,0:00:06.839
to replace the image on a computer

0:00:04.110,0:00:08.910
screen using Photoshop we start off with

0:00:06.839,0:00:10.710
an image of a laptop and a screen shots

0:00:08.910,0:00:12.990
from one of the other tutorials on this

0:00:10.710,0:00:15.059
channel the first thing we need to do is

0:00:12.990,0:00:17.130
stretch our screenshots over the laptop

0:00:15.059,0:00:19.529
screen we do this by going to edit

0:00:17.130,0:00:21.539
transform distort and dragging the

0:00:19.529,0:00:23.789
corners of the image into the corners of

0:00:21.539,0:00:25.410
the screen this looks a bit artificial

0:00:23.789,0:00:27.750
though since we've lost all our

0:00:25.410,0:00:30.150
reflections to fix this we can change

0:00:27.750,0:00:32.669
the blending mode to lighten this looks

0:00:30.150,0:00:34.890
ok but I'm not actually sure I like the

0:00:32.669,0:00:37.110
original reflections so I'd prefer to

0:00:34.890,0:00:38.820
create my own to do this we start by

0:00:37.110,0:00:40.980
changing the screenshots blending mode

0:00:38.820,0:00:43.170
back to normal to hide the original

0:00:40.980,0:00:45.210
reflections next we create a new layer

0:00:43.170,0:00:47.910
and then fill it with white by going to

0:00:45.210,0:00:49.920
edit fill and selecting white from the

0:00:47.910,0:00:51.629
drop down box then we clip it to our

0:00:49.920,0:00:53.399
screenshot layer by hovering over the

0:00:51.629,0:00:55.739
boundary between the two layers while

0:00:53.399,0:00:58.140
holding down the alt or option key and

0:00:55.739,0:00:59.699
when the icon changes clicking as you

0:00:58.140,0:01:02.010
can see the screenshot layer is now

0:00:59.699,0:01:04.409
acting as a clipping mask hiding the

0:01:02.010,0:01:06.150
area outside the screen next we change

0:01:04.409,0:01:08.100
the blending mode to multiply which

0:01:06.150,0:01:10.680
hides all the remaining white areas and

0:01:08.100,0:01:13.140
use a black soft brush to paint some

0:01:10.680,0:01:15.240
angle box shapes over the screen once

0:01:13.140,0:01:18.000
we're done we duplicate the layer by

0:01:15.240,0:01:20.009
going to layer duplicate layer this new

0:01:18.000,0:01:21.720
layer should be clipped automatically to

0:01:20.009,0:01:23.759
the screenshot layer and we'll need to

0:01:21.720,0:01:25.520
change the blending mode to screen so

0:01:23.759,0:01:27.780
the white shows instead of the black

0:01:25.520,0:01:29.520
finally it's time to blend our two

0:01:27.780,0:01:31.710
reflection layers into the actual

0:01:29.520,0:01:33.869
screenshot image so we lower the opacity

0:01:31.710,0:01:36.180
of the screen blended layer to about

0:01:33.869,0:01:38.070
forty percent and also low the opacity

0:01:36.180,0:01:40.470
of the multiply blended layer to about

0:01:38.070,0:01:42.540
ten percent as you can see this

0:01:40.470,0:01:44.100
technique works really well because we

0:01:42.540,0:01:46.259
can separately tweak how much of the

0:01:44.100,0:01:48.420
light and dark parts of our reflection

0:01:46.259,0:01:50.159
we want to see that's it for this

0:01:48.420,0:01:52.560
tutorial if you enjoyed it please

0:01:50.159,0:01:55.909
subscribe and hit the like button and

0:01:52.560,0:01:55.909
I'll see you next time

standard: en

Profiles

Profile 1

Purpose Tutorial (why)
Content
Participants Photoshop (m) geek
Form Tutorial (how)
Time
Place

Profile 2

Purpose Tutorial
Content Scene
Participants Photoshop (m) geek
Form Tutorial (how)
Time Real time
Place Desktop

Profile 3

Purpose
Content
Participants
Form
Time Very short
Place Desktop

Profile 4

Purpose
Content Object
Participants
Form
Time
Place