[GUIDE] Realistic CCTV Effect - (Easy)

Find all sorts of guides created by our community here. Includes guides such as drug use, roleplaying different types of characters, weapons etc.
Forum rules
The guides you see here have been unofficially created by the players, for the players. LSRP cannot be held responsible for the accuracy of any of the content you see here.
User avatar
BlvckNova
Bronze Member
Bronze Member
Posts: 1070
Joined: Wed Jan 15, 2014 8:34 am
Ingame name: Nathan Maverick
Location: Los Santos Fire Department

[GUIDE] Realistic CCTV Effect - (Easy)

Post by BlvckNova » Sun Jan 04, 2015 12:42 pm

Image


Introduction


I'm pretty good with Photoshop, so I thought I'd share a method I use to make realistic-looking CCTV screenshots. Before we begin, I'd like to let you know that this is pretty easy, so if you get stuck somewhere, post it here & I'll be glad to explain it to you. I hope you enjoy.

Tips


• Take a good angle
Usually, CCTV cameras are pretty high up on a building or on a lamp post. This isn't necessary as the screen would look good anyway, but it helps make it look more realistic.

• Try to have it a little zoomed in
This tip only applies if you use a camera to take the image. Try to zoom the camera in just a little bit to give the picture a fuller angle.

• Practice, practice, practice
If you're a beginner in Photoshop, please don't get frustrated. Keep trying. We all started somewhere, so don't be discouraged.



Step 1: Starting


The first step in making this effect is obviously taking the screen. Crop it & make sure you remove any unwanted stuff.
I'll be using this example in the tutorial:

Image

Step 2: Black & White Effect


To the bottom right you'll notice a circle that's "half white, half black". Click it, it should bring up a menu. Look for "Gradient Map", it should be the second one up. Once you click on it, a menu will pop up. Select the black to white gradient. Click on the white marker & go to where it says "Location" & type in 80.

Half Circle: show
Image

Gradient Menu: show
Image

Your image should now look like this:

Image

Step 3: LQ Effect (Noise)


The average CCTV camera doesn't record in HD, so it often has something called "Noise". Basically, it's like static on the screen.

Image
New Layer
To do this effect, make a new layer. You can do this by either pressing "CTRL + Shift + N" or by clicking the little square on the bottom right.



Image
• Once you have your layer, select it by clicking on it. It should turn blue.

• Now go up to "Filter > Noise > Add Noise".

• A menu should pop up, copy the settings I have on the image in the spoiler, then click OK.

• Now go you're going to have to change the blending mode to "Screen" & change the opacity to 20%. Check the image in the spoiler.


Filter > Noise > Add Noise: show
Image

Noise Settings: show
Image

Blending Mode & Opacity: show
Image



Your image should now look a little something like this:

Image

Step 4: Blurring


Like I said in the previous step, almost every CCTV camera records in LQ, because of that, we'll have to blur the image a little bit to make it look like it has less quality.

First, select the image you started with by clicking on it. It should turn blue.
Then, go up to "Filter > Blur > Gaussian Blur". A menu should pop up. When it does, where it says Radius, type in 0.5, the click OK.

Filter> Blur > Gaussian Blur: show
Image

Blur Menu: show
Image


It doesn't change much, but it's the little details that make this effect look great.
Your image should now look like this:

Image

Step 5: Scan Lines


Scan lines are the lines you used to see on old TVs. They're those lines that go across the screen, made up of rows of pixels to project an image onto the screen.

First, start by making a new document. "CTRL + N" or "New > File".
A menu should pop up. Make sure the document is 4 x 4 pixels, 72 resolution & transparent. If you're confused, click on the spoiler below:

New Document Settings: show
Image


Once you have made your new document, zoom in all the way by pressing "CTRL + '+'" until it can't zoom in anymore. You can also use the magnifying glass tool to zoom in, but I never use it.

Now, click on the pencil tool, if you can't see it, right click on the brush tool & a small menu should appear on the side. Look for the one that says "pencil tool" & click it. Make sure the size is at 1 & color in the top half of the square.

It should look like this (without the outline):
Image

Now go into "Edit > Define Pattern" & name it Scanlines.

Edit > Define Pattern: show
Image


Next, press G & you should have the paintbucket tool. If not, click on the paint bucket to the left of the screen.
Then go to the top left & click on where it says "Foreground" & a small menu should drop down, click on "Pattern".
There should be a small square beside the menu.
Click on the arrow looking down to bring the menu out. The pattern should be all the way at the end.

Image

Now that it's done, make a new layer ("CTRL + Shift + N" or the small square at the bottom) & name it Scanlines.
Click inside the image & it should look like this:

Image

Ugly, right? Let's add some effects to the lines to make them look beautiful.
Just lower the opacity to 20%.

Now it should look like this:

Image

Step 6: Date, Time & Finishing Touches


If you notice, every CCTV camera has the date & time. Think of it as a /servertime.
The way we make this is very simple.
• Drag out a black square that's wide & short.
• Drag it to one of the corners of the screen & lower the opacity to 40%.
• Now press T & type in the date & time you want, make sure the font color is white. (A good font for this is: Visitor)
• Resize it to fit the box & place it in the middle. Lower the text opacity to 40%.

This is how it should look:

Image




Now with a little bit of creativity & effort, this is how the end product should look like:

Image

Outro & Examples


Thanks for reading this guide. I spent a lot of time & effort to make this look as clean & understandable as I could. If you have questions, post them here & I'll help you out so others can see, too.
Here are a few more examples of this effect:

Example #1 - Idlewood Gas: show
Image

Example #2 - East Los Car Wash: show
Image

Example #3 - Idlewood 24/7: show
Image

User avatar
Mage
Wannabe Mafia
Wannabe Mafia
Posts: 296
Joined: Sat Jun 16, 2012 11:09 am

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Mage » Sun Jan 04, 2015 12:47 pm

Nice guide. Really useful!

User avatar
AileenW
Mafia
Mafia
Posts: 661
Joined: Sun Sep 21, 2014 6:12 am
Ingame name: Aileen Dawson

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by AileenW » Sun Jan 04, 2015 3:28 pm

Would love to see more of that. Great job.

User avatar
illegitimate delinquent
Venomous Gangster
Posts: 1550
Joined: Fri Nov 23, 2012 11:14 am
Location: Oriental

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by illegitimate delinquent » Sun Jan 04, 2015 4:05 pm

Wow, that will actually help with a few planned screenshots I have coming, thanks and nice work.

User avatar
Tyrone_
Mafia
Mafia
Posts: 435
Joined: Thu Nov 28, 2013 4:25 am
Ingame name: Tyrone_

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Tyrone_ » Sun Jan 04, 2015 9:54 pm

Really useful. Great guide.

User avatar
Jayke
Donator
Donator
Posts: 892
Joined: Sun Nov 24, 2013 3:38 am

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Jayke » Wed Jan 07, 2015 7:26 am

Quality guide.

User avatar
Buster
Retired Administrator
Retired Administrator
Posts: 5209
Joined: Mon Apr 22, 2013 3:09 am
Ingame name: Buster_Test
Location: Philippines
Contact:

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Buster » Thu Jan 08, 2015 7:52 am

Nice guide. I'll use this as a "dashcam'' instead, thanks!
Image

"Blessed are the peacemakers, for they shall be called the children of God."
- Matthew 5:9 -

User avatar
BlvckNova
Bronze Member
Bronze Member
Posts: 1070
Joined: Wed Jan 15, 2014 8:34 am
Ingame name: Nathan Maverick
Location: Los Santos Fire Department

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by BlvckNova » Thu Jan 08, 2015 8:00 am

Thanks for the support everyone!

Buster! wrote:Nice guide. I'll use this as a "dashcam'' instead, thanks!


That's also a good idea. Never thought of that.

User avatar
Inked
Venomous Gangster
Posts: 6792
Joined: Sat Jun 29, 2013 8:03 am
Location: New York

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Inked » Thu Jan 08, 2015 8:52 am

Really good guide, one of the best around. Would be nice to have some more fonts included, for those who struggle to find realistic looking fonts (dashcam and what not).

Anyway, following for future use.

User avatar
Meech
Wannabe Mafia
Wannabe Mafia
Posts: 292
Joined: Sun Dec 15, 2013 5:50 am

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Meech » Fri Jan 09, 2015 1:07 am

Good shit, really useful
Thanks

User avatar
Kurdii
The Professional
The Professional
Posts: 3589
Joined: Sun Oct 28, 2012 1:35 am
Location: Great White North

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Kurdii » Sat Jan 10, 2015 5:20 pm

Amazing guide.
I'm dat nilla

User avatar
alex4oo
- Bronze Member -
- Bronze Member -
Posts: 1698
Joined: Sat Jun 16, 2012 8:28 pm
Ingame name: Yang and Settlemire

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by alex4oo » Sat Jan 10, 2015 5:24 pm

Very good.

sentimental motherfucker
Wannabe Don
Wannabe Don
Posts: 950
Joined: Sat Apr 12, 2014 12:06 am

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by sentimental motherfucker » Sun Jan 11, 2015 1:43 am

Pretty useful I must say.

User avatar
t0m!
Wannabe Don
Wannabe Don
Posts: 1884
Joined: Wed Jul 02, 2014 6:28 am
Ingame name: True Empire Conqueror
Location: Indonesia

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by t0m! » Sun Mar 15, 2015 4:09 pm

I can't say anything. Just useful.

User avatar
Kreacher
- Gold Member -
- Gold Member -
Posts: 1044
Joined: Sun Mar 23, 2014 9:34 pm
Ingame name: Domingo Ortiz
Location: Belgium
Contact:

Re: [GUIDE] Realistic CCTV Effect - (Easy)

Post by Kreacher » Sun Mar 15, 2015 4:29 pm

Tried it out, this came out of it ... just amazing.

Image

Post Reply

Return to “Player-Created Guides”

Who is online

Users browsing this forum: carulet and 4 guests