This tutorial shows you how to create your own custom cursors for League of Legends using paint.net.
You have to copy this “About” text under Post settings in the “Excerpt” space in order for our tutorial lists to work properly. Try to make it not too long.
If you encounter any issues with this tutorial or you don’t understand part of it, you can ask for help on the Killerskins-Discord server.
Table of Contents
Information
paint.net is used in this tutorial. Other image editing programs such as Adobe Photoshop or Gimp should do the job just fine.
Required tutorials
In order to follow this tutorial you must understand and be able to follow the following tutorials:
Required tools
- paint.net or Photoshop/Gimp
- Optional: paint.net plugins for opening Windows cursors
- .ico .cur and .ani plugin for paint.net
- .svg and .svgz plugin for paint.net
Written tutorial
Extracting and opening League’s pointers
Firstly you want to extract all the pointers using Obsidian.
The cursors are located under UI.wad.client/assets/ux/cursors. Select and extract the cursors folder.
Once you have extracted the cursors folder navigate to the location where you extracted it and you will see all the pointers League uses which includes legacy and the new ones.
You can delete the pointers you don’t need. Ones that have a small mouse icon and “newplayer” in their name are only seen in the tutorial, delete them.
You can also delete legacy or the new pointers, depending on which ones you want to edit. In this tutorial I will edit the ones on the image below.
Prepare the pointers. See what pointers you have left in the cursors folder and prepare your own.
Legacy pointers vary in dimensions being 32×32, 48×48 (mostly) and 52×52.
New pointers are all 64 pixels by 64 pixels.
Replacing pointers
Open what pointers you want to edit one by one by simply dragging them onto paint.net and pressing Open.
Create a new layer using CTRL+SHIFT+N. You can now paste the image of another cursor on the layer you just made, or you can draw on it.
After you’ve added your cursor on top as a new layer and positioned it right you can look over to the bottom right to the layers tab and uncheck the background layer.
After you finished editing the cursors you want head over to each one and save them like this.
Press CTRL+SHIFT+S to save as. paint.net will automatically take you to the origin folder of the image. In the dropdown with the file extensions select TGA (*.tga).
Press Save and you will be prompted to replace the old file, click Yes.
testing the mod
Once you finished editing all the pointers you will need to put the assets folder inside a folder either named UI or UI.wad.client.
Now simply create the mod in CsLoL. If you are unable to, refer to step 2 in this tutorial.
Head over to the Practice Tool and check how your cursor looks. Enable target champions only, hover the shop, ping, hover allies, etc. Check if everything is in order.
If everything is alright, congrats on creating a cursor mod!
Tips
Windows cursors
The pointers that the Windows Operating system uses are located under C:\Windows\Cursors. Using the tools listed in step 3 you can open these pointers in paint.net without needing to convert any files.
Useful links and resources
- Open Cursor Library, there are many cursors for Windows here
- The Spriters Resource, there are cursors from some games here
- paint.net forum, you can find useful plugins for paint.net here
