by Yoru in
Tools Creation Assets Game Interface Simple HUDs Templates

I made a simplified HUD for myself and decided to turn it into an easy-to-use template so you guys can use it too 🙂
You can find the tutorial for it HERE.

If you use this template, please credit it properly and link back to this post.

If you encounter any issues with this template, you can ask for help on the Killerskins-Discord server
or you can contact me directly: Yoru#1006



Infos

The layers (should) have the same name in all of the .psd files.
They are also color coded:

  • Yellow: Metal parts
  • Green: Background textures (mostly hidden by images, I recommend recoloring them anyways)
  • Violet: Main color (usually indicators)
  • Orange: Resource bars folder (e.g. health, mana, etc.)
  • Red: Indicates areas that are always hidden by something (e.g. abilities). Has to be turned invisible before exporting.
  • Blue: Indicates areas that are sometimes hidden (e.g. item slots). Has to be turned invisible before exporting.
  • Gray: You do not need to edit that layer at all and they are usually locked, however, you can turn it invisible if you want to, unless it says (Leave untouched).
  • Uncolored: Folders containing all the image areas you can drop in your image.

This color does not apply inside the Resource bars folder.

There will also be gray colored folders called “Empty layers for actions (Ignore)”. They are needed in order to not break when batch processing the template.

Here you can find all Skins using the Simple HUD Template


Required tools

Download the .zip and extract it to the folder “Ui.wad.client”.

SEASON 12 UPDATE:

Due to a change in filetype to .tex files you now need to convert all .dds files into .tex files after editing:

tex2dds by morilli


Tutorial

Here you can find both the written tutorial and the video tutorial:

Tutorial: Using the Simple HUD template


Changelog

1.27

[16.02.2022] Patch 12.4

  • Improved Aphelios HUD is now green and gold like the rest so it can take on color the same way, multiple other champion files
  • Changed Special HUDs like Gangplank, Neeko, etc. and spellbook no longer have images as they are barely visible
  • removed Healthbars again, shop.bin as it broke after the first patch
1.26

[06.02.2022] 2022 refresh

  • Improved Naming conventions for batch processing
  • Changed All .dds files are now in .psd files for batch processing
  • Added “gameplay.itemshop.bin” – particle effects on the shop, can be easily recolored with Hacksaw
1.25

[08.12.2021] QoL Update

  • Updated Healthbars for Patch 11.24
  • Improved Layer names are now uniform to make batch processing possible
  • Added More color coding for clarity, locked layers that shouldn’t be edited
  • removed Unused files (Omnistone, old Runes and champion circle thing)
1.24

[18.11.2021] Whoops 2.0

  • Added forgotten hudatlas file
1.23

[17.11.2021] Patch 11.23 update

  • Updated .psd files in folders “scoreboard” and “srx” for the new dragons
1.22

[14.11.2021] Whoops

  • Fixed Color fuckup on the timers
  • Changed Template is now in a .zip
  • Added Indicator lines to mark the middle of areas where you might want to center the image
1.21

[24.10.2021] Alpha masks + different adjustments

  • Improved Clarified Background files which should be left untouched, clarity on dragon/baron/camp timers
  • Added Alpha masks for all .psd files so it works easier with Photopea, some missing background files to recolor
  • removed Shop icons are now only recolorable
1.20

[23.09.2021] Healthbars

  • Added recolorable file for health bars
1.19

[22.09.2021] Versions without images

  • Improved Backgrounds are now properly set up so you can use the template without images, so just color changes
1.18

[14.09.2021] I don’t even know, just redownload

  • Improved Grain on background layers, outline, metallics, scoreboard
1.17

[01.08.2021] Added Gangplank

  • Added Gangplank ult upgrade HUD
1.16

[20.07.2021] New files added, general improvement

  • Added Surrender, options, shop particles
  • Improved Various files
1.15

[08.07.2021] Dragon counter update

  • Fixed the dragon counter for Riot’s new layout.
1.14

[03.06.2021] Added Shop

  • AddedNow comes with all files for the in-game shop
1.13

[14.04.2021] Shop buttons template, layer clarification, improvements

  • AddedTemplate to make one image to place in all 4 shop buttons so they work easily, clarified blue, red and green layers to be disabled on export
  • Improvedsome .psd files
1.12

[28.03.2021] Improvements

  • ImprovedQuite a lot of stuff.
1.11

[05.03.2021] Stats improvement

  • Fixed Riot’s misalignedment on perksatlas and statspanel_atlas
1.10

[24.02.2021] Scoreboard fix

  • Fixed scoreboardatlas.psd now exports as .dds properly again
1.9

[01.02.2021] Skill level indicator

  • AddedSkill level indicator circle to recolorable channels
1.8

[24.01.2021] Fixes

  • FixedLots of small changes & some fixes
1.7

[17.01.2021] Health bar fix

  • FixedRiot’s overlapping Health Bar on enemy focus
1.6

[14.01.2021] Scoreboard hover, Recall, Activatable items

  • ImprovedScoreboard Champion Hover
  • ChangedRecall
  • AddedBorder for activatable items to recolorable channels
1.5

[12.01.2021] Level-Up, scoreboard

  • ImprovedLevel-up icons
  • ImprovedScoreboard
1.4

[11.01.2021] Metallics, More editable items

  • FixedWeird Metal overlap on the scoreboard
  • ImprovedSmall metal icons
  • AddedStats, Masteries and Eternals on the HUD circle are now editable (see Ahri image above)
1.3

[10.01.2021] Champion circle edit

  • AddedNew simplified circle
1.2

[09.01.2021] Metallics edit, Alpha fix

  • AddedBetter gold sheen on Metallics (can be turned off by turning off the layer style)
  • Fixedinconsistent Alpha on Scoreboard
1.1

[08.01.2021] Scoreboard edit

  • ImprovedScoreboard image style
1.0

[04.01.2021] First release

8 Comments

 by DiegoLOL in 15/03/2022

How do I use the tex2dds? I download it and it say it's a malware, eve if I use it, it doesn't open

 by Yoru in 28/05/2022

you just drag and drop the .dds file on top of it

 by Sekirei (@Talon24415092) in 07/02/2022

how can i convert all .dds files to .tex

 by Yoru in 08/02/2022

use the tex2dds exe i linked and drag and drop the dds files onto it

 by omaewar in 31/12/2021

why i can't import UI.wad.client to lolcustomskin

 by Yoru in 01/01/2022

you need to create a new mod and drag and drop in the folder

 by Pedro in 23/06/2021

Great tutorial! Is there a way to change only the font? Could you make a tutorial on that? Or send me the link, if there is already one. Thank you!

 by Yoru in 23/06/2021

there is no tutorial and I personally won't make one, as I am not interested in fonts.

Comment your feedback or questions here (English only!). If you get any error ask for help on our discord instead: discord.gg/killerskins