In this tutorial we will go over how to change the loadingscreen wheel on the top left corner of the loadingscreen. Strap your seat belt!
If you encounter any issues with this tutorial or you don’t understand part of it, feel free to ask for help on the Killerskin’s Discord Server or contact ᴸˣⱽᵉʳ#8202 or Ashe#6946 directly through Discord.
Table of Contents
Required tutorials
In order to follow this tutorial you must understand and be able to follow the following tutorials:
Required tools
- Photoshop (or any graphic editor that can handle transparent .png files)
- tex2dds (a .dds <-> .tex file converter)
- A visual template to help you center and place the sprites: (here’s the .png & .psd)
- Bloggif (This is what we’ll use, but any way to break down gifs frame by frame is fine)
tutorial
breaking down gifs frame by frame
First off all, what we want to do is split our gif or video into single individual frames. You can use Bloggif for this if you’re planning to use a GIF.
Once we have the gifs broken down into images, you have to pick exactly 32 of them. Keep in mind that you can repeat frames if you’re just short of 32.
Next you’re going to open your graphic editor of preference (In this tutorial I’ll be using Photoshop). Bear in mind that the graphic editor must be able to handle transparent backgrounds, as we’re working with sprites.
Placing the frames in the template
After you finish importing “Guide Photoshop.psd” or “Guide PNG” into your graphic editor of choice, you’ll begin placing every frame in their respective slot.
The red bar counts as the limit of each frame. Feel free to occupy as much space in every individual block as you can.
Once done, we have to get rid of the template and save the file as a .png. Then we can convert our .png file to .dds. You can use this online converter or any other application that does it. Once done, you have to convert the file from .dds to .tex.
Converting .dds files to .tex
Converting from .dds to .tex is quite easy. You will need tex2dds; a small .exe file that only requires you to drag the .dds file into it.
When the conversion is done, we’ll change the name of the file to “loadingscreen_spinner_atlas” (without quotations). After that, you will want to create a few folders. It should look something like this:
[FOLDER WITH YOUR MOD NAME]/assets/ux/loadingscreen/loadingscreen_spinner_atlas.tex
Installing and testing
Next up you’ll want to try the mod. Open cslol-manager.exe and drag the [FOLDER WITH YOUR MOD NAME] to it. Turn your new mod on, hit run and go into a game.
If your mod is not working or you’ve had issues please feel free to send a DM to ᴸˣⱽᵉʳ#8202 (the writer of this tutorial) or to Ashe#6946 (the translator to english (that’s me!) and the person who figured out how to change the file), or the help channel from Killerskins Discord Server.
Example mod:
Tips
Keep your files tidy!
To work on mods you’ll have to work with a lot of files, formats and programs. To make this entire process easier, organization is the key.
