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

"Shader" Effect for Hex Mod - A Tutorial for Friday Night Funkin'.

NOTICE: THIS GUIDE IS SPECIFICALLY FOR PHOTOSHOP. It should work fine if you use Photopea as an alternative though!


-Photoshop OR Photopea.
-FNF mod (VS Hex) to test on.
-Spritesheet of your choice.

I'll be using my Casual Girlfriend mod and Adobe Photoshop CC 2018 for this tutorial.

1. Open the spritesheet in Photoshop.

2. Right click on the layer and select "Blending Options..."

3. Enable "Inner Shadow".

Adjust the settings until you get the result you're looking for. Here's an example.

Better image quality if you can't see the numbers.

Let's say you also want to decrease/increase the brightness for your spritesheet. In this case, since we're doing one for the night version, continue reading on.

4. Create a new layer and completely fill the background with the paint bucket tool. Then, add a clipping mask.

5. Set the layer to "Multiply". Now you can merge the two layers together.

6. After that, go to "File > Save as..." and save it as a PNG somewhere. Grab a copy of the XML from your original spritesheets file too.

Example file directory path for Hex: FunkinVSHex\assets\shared\images\characters

7. Backup the PNG and XML files you're going to replace. Then rename both (if needed), move the files, and test it.

If you did the steps correctly, the final result should look something like this!

Here are the color references/guides if you need it.

Better image quality if you can't see the text/numbers.

Thanks for reading! I hope this helps! :>
1-10 of 15
  • 1
  • 2
Go to page: