- WinRAR or 7-Zip to unpack the kit.
- Microsoft Visual C# 2010 Express
- Microsoft XNA Game Studio 4.0
- Photoshop / paint.NET / a tool that converts white BGs to transparent BGs.
- Image editing software such as MSPaint.
Texture Creation Kit.rar (439.8 MB)
| Backup.rar (131 KB)
| Conversion Tools.rar (48 KB)
| Required Programs.rar (439.7 MB)
Step #1: Getting Ready
Make sure you've downloaded Texture Creation Kit.rar and unzipped it somewhere easily accessible like your Desktop (all the example directories in the thread refer to it). You are provided with:
a) Setup files for all necessary programs.
b) A backup of the "Weapons" folder containing both PNG and XNB files (updated as of 09.08.2016 / version 1.10.0b)
c) Tools to convert the necessary files into editable image files, and vice versa.
If you don't want to download the whole pack, install any missing components of it while making sure you have all the required programs installed and have a valid backup of the XNB/PNG files in case something goes wrong.
Installing the required programs:
It is important to install the software in the correct order. Visual C# 2010 is required to run XNA Game Studio, while XNA Game Studio is required to run the texture conversion tools.
- (1) If you don't already have an unpacking program, get WinRAR [link].
(2) Install Microsoft C# 2010 Express first (via setup.exe).
(3) Install Microsoft XNA Game Studio 4.0 second (via XNAGS40_setup.exe)
(4) If you don't already have an image editing software (other than MSPaint) and don't want to look for one online, install paint.NET (via paint.net.4.0.9.install.exe)
In this step you'll get familiarized with the XNB to PNG Converter.
The problem many people face when trying to create custom textures for SFD is its textures' file format. You see, the game does not simply use image files as reference to the weapons and items used in game, hence why it's considered troublesome to create custom textures for it. Unlike other games where texture files can be found in the .PNG or .JPG formats, the files in SFD are .XNB. You cannot edit .XNB files with regular image editing software, thus you're required to convert them into "readable" image files image editors can read properly - which is what we're going to do with the XNB to PNG Converter.
Its main uses are:
- Converting the default SFD .XNB files to .PNG so they can be edited manually.
- Converting other users' textures for manual editing in case they don't provided the necessary .PNG files themselves.
Alternatively, use the tool yourself by following these steps:
- (1) Obtain the .XNB files of a weapon of your choice by accessing the main SFD file directory. It should look like this:
C: \ My Games \ Superfighters Deluxe \ Content \ Data \ Images \ Weapons
(2) Copy-paste the files into the "Input" folder of the XNB to PNG Converter. Its directory should look like this:
C: \ Users \ YOURNAME \ Desktop \ Texture Creation Kit \ Conversion Tools \ XNB to PNG Converter \ Input
(3) Run XNB_to_PNG_Converter.exe
(4) After the CMD popup states the process has "Finished!", click on it and press any key to close it.
(5) Grab the files from the "Output" folder and proceed to the next step in the tutorial. The folder is found within this directory:
C: \ Users \ YOURNAME \ Desktop \ Texture Creation Kit \ Conversion Tools \ XNB to PNG Converter \ Output
There's not much to this step since it heavily relies upon your artistic vision. "Good looking" is subjective and as such everybody can create and publish their own creations freely. I'll go through the generic texture editing process and touch on some technical aspects required to make the textures look and work properly.
The .PNG files you obtained in step #2 are now ready to be tinkered with; they're 32x32 sprites (smaller sprites for magazines and misc items) named in a certain pattern corresponding to the sprite's "role" in-game. Here's a list of some of the more common "roles" you'll encounter:
- WeaponD.png - Drawn. The sprite you see when the weapon is equipped/held and is also shown when hipfiring.
- WeaponDReload.png - Weapon is Drawn and being Reloaded. The sprite you see when you reload the weapon (usually WeaponD.png without its magazine attached).
- WeaponM.png - Model(?). The sprite you see when
a) the weapon is dropped out of a supply crate/dropped on the ground.
b) the weapon is inside your hotbar.
- WeaponS.png - Sheathed. The sprite you see when a different weapon is equipped and it's sheathed on your fighter's back.
- WeaponH.png - Holster. Only the holster of the weapon (NOT the weapon being sheathed inside it).
- WeaponThrowing.png - Throw toggle. The sprite used when the fighter holds the weapon out in order to throw it. Usually WeaponM.png tilted 90° to the left or right.
- MeleeDebris1.png / MeleeDebris2.png - The sprites of a broken melee weapon.
- EquipmentT.png - Thrown. The sprite of the thrown molotov cocktail/grenade/mine/C4.
- MagWeapon.png - Magazine. The sprite of the weapon magazine, should match the one shown in WeaponD.png since it drops to the ground on reload.
Another key thing to note is the position of the weapon model inside the sprite itself. You may wonder why the model isn't centered or isn't clipped to one of the corners of the 32x32 sprite, and may want to change it so your texture set looks more organized or is easier to edit. The position is actually very important and shouldn't be changed unless you know the sprite needs spacing adjustments beforehand.
Imagine your in-game fighter standing in the background of the sprite holding the weapon. It will (hopefully) help you visualize where the texture should be positioned and adjust its height/length accordingly. If you'd rather play it safe don't delete the old model when you create a new one (assuming you're not simply recoloring the original texture); draw it below/above the original, or on a separate draft file. When you're done, simply replace the old texture with the new one, trying to put the corners of the new weapon right on top of the old one (using the weapon's trigger guard or stock placement as guidelines). Test the textures in-game - if the model is too high/low or is placed too far to the right/left of the character, go back to your sprite and move it one pixel in any direction at a time until you get a satisfactory result.
Trial and error are key here, so don't get discouraged if each "simple" change is taking as much as a full hour of your time. You'll get used to it and perfect your technique as long as you attempt to do it long enough. I'd advise using a template if you intend to create multiple versions of the same weapon - a red, 1-pixel-wide square around the weapon, which is removed once you're done scribbling inside it. Here's the one I use to create rifles (right-click the link and select "Save image as..."). Once you're done drawing the texture remove the border and save the image as a 32x32 .PNG file. Don't forget to make sure the background stays transparent.
Step #4: Saving the Textures As Usable .XNB Files
In this step you'll be reversing the process done in step #1 via the PNG to XNB Formatter tool. Since you cannot simply play with your modified .PNG files, you'll need to convert them back into .XNB files so the original files can be replaced with them. The tool only works for Windows 7 or operating systems that predate it. If you're running Windows 8 or Windows 10, download the tool TiMEWoRKER uses in his tutorial.
Gather your modified sprites in one place, like the Desktop. Now run XNAFormatter.exe from the following directory:
C: \ Users \ YOURNAME \ Desktop \ Texture Creation Kit \ Conversion Tools \ PNG to XNB Formatter
Once the window opens, follow these steps:
- (1) Check the "Compress Output?" and "Log Output?" boxes at the bottom of the window, right next to the 'Convert' button.
(2) Click the 'Browse' button right next to the 'Source File(s)' field. Navigate to the directory of your modified textures (example: Desktop) and select all the files you wish to convert (either by bandboxing or holding the Ctrl button and clicking on each one separately).
(3) Ensure that the "Output Directory" field points to the 'Content' folder inside the tool directory. If it doesn't, click 'Browse' and input the following directory in:
C: \ Users \ YOURNAME \ Desktop \ Texture Creation Kit \ Conversion Tools \ PNG to XNB Formatter \ Content
(4) Click 'Convert' and wait for a "Build Completed" notification. Once the 'Source File(s)' field goes empty close the tool window.
(5) Navigate to the 'Content' folder you used as the output directory in step #3, and grab your converted file(s).
If you were using the same location as a directory for all your modified/converted files, you now have two sets of textures - .XNB files and .PNG files. Save the .PNG files somewhere so you can modify them in the future. Now, take the .XNB files and move them into the directory of the game, which was also used in step #2. Ranged primary weaponry goes into Content \ Data \ Images \ Weapons \ Rifles, magazines go into Content \ Data \ Images \ Weapons \ Other, equipment goes into Content \ Data \ Images \ Weapons \ Thrown etc.
Once you move the file(s) you'll be prompted to either move and replace the copies, or keep both. Do NOT use the "keep both" option, simply replace all the files. If you don't get prompted to replace them you either:
- 1) did not name the file(s) properly (capitalization is important),
2) renamed the file,
3) accidentally deleted the original file beforehand.