GameBanana shows no ads to members. Sign up now!
Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

Making a Skin for CS2D

A Tutorial for CS2D

Here is a basic, easy to follow tutorial that you can use in order to make a weapon skin, or any kind of skin in particular for Counter Strike 2D.

There is no way this tutorial is better than the others. Sure, some might have their own ways that are way better than what I do, but I like to think that the way I use is quite simple in understanding. Without much babbling around beatin' the heck outta the bush, let's drive straight into the tutorial, shall we?

STEP - 1: REQUIREMENTS

The tools that you'll require in order to make a skin are just two; Photoshop, (Version doesn't really matter) and the simple, MS Paint.

Also, you'll need to have a photo of a weapon that you're going to make the skin of. For this particular tutorial, we'll be replacing AUG with ST Kinetics SAR-21. You can really use any weapon of you're choice to follow the tutorial, but if you want, you can download the photo of the gun below and use it by yourself.



Ain't she such a beauty? Also, the default frame for the CS2D's buy menu image is quite small as well. Download the frame below and it'll help ya out.



Okay, we've gathered our guns, now let's dive into the tutorial and make ourselves a decent skin!

STEP-2: INITIAL OUTLINE

Once you've got the both template and the weapon's photo, boot up the photoshop and bring them both in. First of all, remove all the white background from the gun's photo. We don't need any of that. Once you've done that, drag the weapon's photo and resize it accordingly to fit it inside the buy menu template. Notice the black line in the template? That's the limit line. Make sure, I mean, make completely sure not a pixel of the image exceeds this line. If it does, the weapon will appear quite massive in the buy menu, taking up the entire screen!



Once that you've done it correctly, it should look like this:



Now, here comes the fun part. I absolutely love this part. Sure you wanna have some fun too right? Okay, select the black color, select the pencil tool and reduce the size to one pixel. After you've 
achieved that, carefully trace out the outline of the weapon. 




Carefully trace out the whole outline of the weapon, as well as the small details such as trigger, plates, bolts and screws nut etc. Keep it up, and eventually, you'll achieve something like this:



I know I know, this doesn't looks any good yet. But don't you worry, we'll eventually make it look great. Now what you gonna do, is to select the very pink color that the template provides. This shade shouldn't be darker, this shade shouldn't be lighter. Use this very shade otherwise the pink part will began to appear as the part of the weapon itself. Now, notice these ugly leaks? pixels leaking out of the black outline?



Yep, use the dropper tool to select this pink color, and use the pencil to cleanly remove them all. not a single pixel should be leaking out of the weapon's outline. Not a single one. Keep doing it until the weapon's now having a clean, polished look like in the photo below.



Remove the black borderline below now. Remember what I told you that we're going to replace Aug with it? Save the weapon's image as "aug_m" without any quotes, in Cs2D/gfx/weapons as a bmp file. Also, you'll find three different weapon images with the same name in the weapons folder. Let's clear that outta the way. This applies to most weapons, but I'm using aug as a reference.

aug_m is the buy menu image. This one appears in the Buy menu. aug_d is weapon's dropped image. You can see it whenever you drop the weapon. And lastly, the one titled simply aug is the how the weapon will appear in the player's hand.

Once you've replaced the AUG, boot up CS2D and check the weapon out in the buy menu. Don't worry, we're not done yet.



Ooooh, what're those ugly pink dots surrounding the gun? well it is a common mishap. This happens due to whenever you resize the image in Photoshop, newer pixels appear in order to give the original image a more "soft" look. It's annoying, but it is what it is. Now, boot up Ms Paint, and bring the weapon's image in. Again, select the pencil tool and the very pink shade. Take the screenshot of the weapon in game, and see wherever those nasty dots are. Paint them over with the pencil tool.



Eventually, the dots will be gone, and this is what you'll get in-game:



Looks neat, looks decent but yep, we ain't over yet. We actually have to replace those pesky texture with a smooth one of our own. Alright, close the game and get back to MS Paint.

STEP-3: TEXTURING

Now, the way I usually texture my weapons is by using a method I call "Gradient effect". I dunno what it is called actually. Anyhoo, while there are many better ways to texture a weapon out there, I found this way quite enjoyable and nice. Below is a example how the gradient effect looks like.



Notice the texture in the upper scope/carrying handle. That's how the texture looks like if you apply the gradient effect method. Now how do you execute this method? simple. It's all in the MS Paint. First, select a color that'll suit your weapon. Common are black, grey, brown for wood etc. Apply a strip of that color on the weapon. Once you've done it, go to the color library or whatever it is called, shown below:



And get the color a shade darker/lighter depending on if it is a darker part of the gun or the lighter. Once you applied this color, open the library again and get it one step more darker/lighter. Keep doing this, and you'll slowly began to achieve the gradient effect.



Below in the pistol grip, you'll notice the texture applied in a different manner than the rest of the gun. This is the same gradient effect used, except of this time, instead of using it as straight lines, use it in a circular motion. 



Doing so will give the weapon some variety, so it won't look too boring. Keep up with the texture, use the original image in order to guide yourself on the lighting conditions. Once you're done, the finished product will look something like this.



Save the weapon and check it out in the buy menu. Yep, it looks pretty neat and cool now, all polished up. Yet, we're not done yet. Finally its time for editing the aug_d. 

STEP-4: FINISHING UP

Bring the aug_d and you're newly made aug_m into photoshop. Once you're there, resize the Aug_m in order to fit it into the aug_d frame. Do not try to make the aug_d frame any bigger than how it is. If you do, again, the weapon will appear bigger in size in-game. Once you've resized it correctly, it will look like this.



Remember how we cleaned the original aug_m's leaking pixels? Grab the pencil again, get the pink color and remove any excessive pixels to give the weapon a polished look. Once you're done, get a darker shade of whatever color you've used with your gun, and darken up the parts that had became lighter after resizing. The finished product will look something like this.



save the image as a bmp file named aug_d in the same directory as before. Lastly, there's the aug.bmp that's all left to edit. Fortunately, it doesn't require as much detail as those other two. Using the gradient effect (Yet again) just make how the weapon should look like from the top. Here:



Save it, and yep, you're done. Boot up CS2D and check out you're newly created weapon skin. I've made this tutorial as simple as it could get, yet if there is any problem you cannot figure out, you can always ask me in the comments below.

That's all for today folks, Lone-wolf out.
Sign up to access this!

No comments yet

Embed

Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
The Lone-Wolf avatar VoxelTronics Flag
Affiliation
VoxelTronics
The Lone-Wolf username pic Joined 6y ago
Sleepin' down
VoxelTronics Flag Affiliation: VoxelTronics
3,127 points Ranked 3069th
22 medals 3 rare
  • Returned 1000 times Medal icon
  • 10 submissions featured Medal icon
  • Submitted 50 Skins Medal icon
  • Submitted 10 Skins Medal icon
  • One month a member Medal icon
  • 6 months a member Medal icon
Creator

Submitter

The Lone-Wolf avatar
The Lone-Wolf username pic Joined 6y ago
Sleepin' down
VoxelTronics Flag Affiliation: VoxelTronics
3,127 points Ranked 3069th
22 medals 3 rare
  • Returned 1000 times Medal icon
  • 10 submissions featured Medal icon
  • Submitted 50 Skins Medal icon
  • Submitted 10 Skins Medal icon
  • One month a member Medal icon
  • 6 months a member Medal icon
The Lone-Wolf avatar
The Lone-Wolf
VoxelTronics Flag
Affiliation
VoxelTronics

Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Details

Difficulty Level
Beginner

Attributes

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 3
  • 280
  • 14d
  • 14d

More from Submitter

WiPs by Submitter

More Other/Misc Tutorials