Surveillance Camera

April 11th, 2009 | Tags: ,

In this tutorial I will show you how to convert an image into what it looks like when you are looking through a surveillance camera (like in the movies). This effect is very simple, yet highly effective.

Step One.
To start off open up your image. In this one I am using a stock photo from but there are many free image sites that you can use. For instance [note also I have added the site logo to the wall if you would like to see a tutorial ask in our forum and I will show you how to do it]

Step Two.
What we need to do is to first is to add the green tint to the image. We will do this by adding a hue and saturation adjustment layer. To add this click on the add layer adjustment layer and then select hue and saturation. If you do not know what this I have shown it here.

Step Three.
Now what we need to do is to add the setting that will give us the green tint. We are already in the hue and saturation settings add these settings. These will give us the tint.

Step Four.
What we need to do now is to make scan lines. If you already know how to do this you may skip this step. Create a new document with the settings 5pixels high and 1pixel width with a transparent background. Get your pencil tool and draw in half the pixels with black (I will show how it should look at the end of the step.) Now we need to define it as a pattern. Go to edit>define pattern and a pop-up box will appear and name it scan lines. There we are done for making scan lines. Sorry if I am a bit brief but most people know how to make this so that is why I am breif . As promised

Step Five.
Now we need to add the scan lines to the image. Create a new layer by pressing Shift+Ctrl+N. Get your fill tool by pressing G. We need to set it to pattern fill and get our scan lines. To do this follow the image:

Step Six.
Now we have the scan lines selected and a new layer click on the image to fill the layer with the pattern. Now we have change the blending mode and opacity to make it look like the effect of looking through the monitor. Change the settings to this.

Step Seven.
Now we have made the color tint and the effect that we are looking through the monitor we can add some screen effects to make it look like we are recording. To start off I decided to make a shape of a rounded rectangular tool and make a shape like this.

Step eight.
After you have made that one shape duplicate by holding down ALT and put it over on the other side so it is opposite. Next hold down ALT (again) and this time rotate it 90 degrees and move it to the top. Lastly Hold down ALT (last time promise) and move it down to the bottom so we have four shapes. It should look like this.

Step Eight.
Now we have the basic shapes for the screen hold down shift and select all four of the shapes and press Ctrl+E. This merges all the layers that we have selected in to one. What we need to do is to lower the opacity to about 10%. Now we have the shape done.

Step Nine.
All we need to do is to make a button to show that it recording. Again get your rounded rectangular shape tool and draw a square. Use the color #8c0707 or R140, G7, B7. This makes the recording button. The Last thing to do is to Lower the opacity down to about 60% so the scan lines show over it. This is so it looks like it is on the monitor still.

It takes a while at first to learn but the effect is well worth it.

No comments yet.