FPSBANANA > Tutorials > CS:S > Sprites & GUIs > Scope Overlay (remixed & updated!)

Help Wanted
Animator @ Operation Harbinger (See All)

SUBMISSIONS

Counter Strike

New Maps

New Tutorials

New Skins

New GUI's

New Sounds

New Threads

Other

Media

Gamers

Clans

Studios

Tutorials > CS:S > Sprites & GUIs > Scope Overlay (remixed & updated!)

Fans (1)

Images

Stats

Scope Overlay (remixed & updated!) Difficulty: Advanced
Category: CS:S > Sprites & GUIs	Author(s): defc0n
I don't know how to get rid of the default crosshair lines (screenshot 6), if anyone knows then please PM me or post it in here and I will update the tutorial. Welcome to my remixed and updated tutorial on how to make a scope for CS:S! Before you start this, make sure you have the following: - Photoshop 7.0 or higher (I have CS2) - VTF Edit or the Photoshop plugin - An understanding on how to use Photoshop effectively Open Photoshop from the desktop or Start > All Programs. Go to File > New and put in these dimensions: 1280 width, 1024 height, and something around 400 DPI. Use the fill tool and color the first layer black. Right click on the square selection tool, go down and click on the elliptical selection tool and hold shift while dragging it to the desired size for a perfect circle (screenshot 1). For this I used the ruler lines to get it on the exact center - left click on the ruler (top or bottom) and drag into the middle, it should snap into the exact center. Screenshot 1: Fill in the selection we just made with the color of your choice, I chose white for a clear contrast of the two colors for when we add the alpha channel later. Now you have the scope "outline" and you can go into adding your own details to it to make it whatever you want (screenshot 2). Screenshot 2: Once you are done with the details, then above your Layers tab there should be a Channels tab - click on it and you will see 4 premade channels; RGB, Red, Green, Blue. At the bottom, create a new channel and it will be called Alpha 1 (screenshot 3). Be sure to have RGB, Red, Green, and Blue all highlighted then click on the visibility box beside the Alpha layer and a red overlay should appear. Now you can click on just the Alpha layer to edit it (screenshot 4). Screenshot 3: Screenshot 4: Erase the red from the Alpha channel by using the eraser tool. Set the two palette colors back to black and white (press D), now color in the areas that you want to be transparent using the brush - this will show up as red when using the brush (screenshot 5), but make sure you are working on the ACTIVE Alpha channel. Color all the areas red that you want to be TRANSPARENT. You may need to switch back and forth from your Alpha channel and your normal layers... so remember, every time you go back to normal layers, the Alpha layer is deactivated. Screenshot 5: A side note: - 100% opacity on the red in Alpha means 100% transparent. You can change this to make your own custom scope for a fading effect and whatnot. When you are all finished, go to Image > Image Size and change the dimensions to 1024x1024 (Warning: this will appear normal in any non-widescreen size of CS:S but will stretch in widescreen. Mess around with sizes to fix it if you are using widescreen!) Save the file in Photoshop as a .TGA (I use 32 bits per pixel) to keep the Alpha channel with the image and to keep as much detail as possible. Open VTF Edit and import your image (keep all the default settings!). Save it as scope_lens.vtf in: C:\program files\steam\steamapps\yourusername\counter-strike source\cstrike\materials\overlays Start CSS and enjoy (screenshot 6). Screenshot 6: If you liked this tutorial, please subscribe to me or favorite this! If you have any questions or comments, please PM me!
Added: 5 months ago	Tags: scope, overlay, tutorial, hot, girls

Feedback (4)

	\|!L0N3 W0LF!\| . I've Bullshited my way to teh topY2M
	Posted 3 months ago
A bit of help here please. iv followed the instructions correctly but when it comes to saving the file, MY Photoshop CS2 will not allow me to save it as a .TGA file. any help here would be appreciated. don't worrie i figured it out.

	indazone . Meh'D by mehY2M
	Posted 5 months ago
To get Image Size, you have to go on Image not Edit i think ;)
- Meh'D by meh
	Outbreak . Resistance is futile.Y2M
	Posted 5 months ago
Pros: Very informative, helped me make a scope! Cons: None Improvements: Might want to organize it a bit more, but other than that it's good. Notes: Make moar tuts!
- Resistance is futile.
	oxo24 . ^ ButterfliY2M
	Posted 5 months ago
Hmm, would 1280x1024 make a widescreen scope aswell, or would i need to use 1440 x 900? good tut though, a little more HTML wouldnt go a miss though EDIT: it should be 1280 width, and 1024 height, not the other way round.

Add Feedback

Provide constructive feedback. What is "constructive"?

You cannot post yet!
Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

To post in this submission register or login.

Assessment

The community's verdict.

User Rating [+]
10/10

bScore
10.0/10

You cannot assess yet!
Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

To vote on this submission register or login.

Stamps

This Tutorial in a nutshell...

No stamps recorded

You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.

Added by...

Defc0n .
Filers United leader

Ranked 316th ( 1) with 6,016 points. 22 points behind

.

[+] Donate