Classic HUD skin (not updated for 5.15)
First of all I want to warn you that this is not old HUD. Classic HUD skin (where the key word is “skin”) is a small redesign of new updated HUD that was introduced with patch 5.14 into old classic style. Anyone who is familiar with modding may know how many HUD skins we had on old HUD, some of them were official like Shurima, Hexakill or Freljord HUDs. Of course there were unofficial HUD mods featuring other themes like Battlecast (dark red), Challenger (bright golden), Void (Purple) and other skins. With the new HUD I tried and managed to recreate some of these interfaces on the new HUD.
This skin pack features 8 HUD skins, each with unique look and some with tiny special features. Lets take a look at all of them.
- Bilgwater tint - mostly uses dark scratched/wooden orange colors. Small feature - Bilgewater sign above champion portrait. Main goal of this tint was to create something dirty, dark and not so clean like classic HUD. This tint fits very well with all the Bilgewater champions, and especially fits well with the new Butcher’s Bridge map.
- Arcade tint - this is actually colorful and rainbow’ish HUD with some interesting features and even easter-egg! One of them - dynamically changing colors for level-up buttons and passive icons. Above champion portrait you may find Final Boss Veigar sign that represents whole line of Arcade skins. And one word about easter egg - this is a small wellknown coin from Mario. Find it! It won’t be hard :)
- Red tint - this is pretty simple recolor of classic golden HUD into dark grey-red color theme. I think this tint will fit really well with many champion skins, like Eternum, Battlecast or Spec-Ops. There are no special features.
- Freljord tint - winter is back! At least on HUD. This tint is for those who love to play on Howling Abyss or with Freljord/snow/winter themed champions. Core feature is unique design that uses parts from old Freljord HUD.
- Underworld tint (Silver) - this is pretty simple recolor with silver and cyan color theme. This tint was done specially for those who may like non-agressive colors with silver/grey as core. Animations have default cyan/green color.
- Void tint - another standard recolor that features purple and pink as main color. No special features.
- Underworld tint (Green) - unlike silver tint above this one uses pretty unique design. Anyone remember Hexakill featured game mode? Here it is. On same level as Freljord HUD this tint features Hexakill HUD from Twisted Treeline map. Main color of HUD and animations is green.
- Golden tint - nothing to say. This is a recreation of old League of Legends HUD with all the original colors and design elements. As I said above I can not fully bring back old HUD, also I want to say that I really enjoy the new one. So this tint just brings back some old and nostalgic look to new interface. In one of latest updates recieved recolored animations and level-up buttons from cyan to golden. Less blue!
Also I made some general changes that are included in all tints.
- Some stats now have old icons. Not all stats but only those that we had before HUD update.
- Camera lock and Settings buttons near minimap are invisible now but still can be pressed if you mouseover them. I removed them because I think they don’t fit with the design of whole HUD. Also half of settings button was covered by new minimap border.
- Old shop button - why not?
- Another small change - more clear circle indicator (under portrait) for levels. I removed inner circle so levels above 10 now are easier to read.
- A very small aesthetic change with nostalgic vibe in it - CS icon is purple now.
- Level-up circles under abilities were replaced with more clear and readable squares.
- Ability borders are darker now.
- OOM (Out of Mana) color now is dark-blue.
- Less contrast icons of allies and enemies above the minimap.
- Coldown color is more different from OOM and fits with every tint color theme.
- Health and resource bars now are more smooth and less noisy, also no more “2 bars - same background” effect.
- And the last small change - I removed background shadow from ally teammate icons above minimap. Reason behind this background removal is simple - it looked strange for me, why enemy team had no shadow under their portraits while our team had?
Screenshots
Updates
- 24.07.2024
- EXP bar recolored from purple to orange, like on old HUD
- CS / KDA / VS-Kills background above minimap is darker
- Mute and DJ Sona music icons were fixed and are visible now again
- Minor color adjustments to all Classic HUD tints
- Square borders for stats icons were removed
- Ability level blocks (under ability) now are a lot more readable (especially on low scales)
- 25.07.2024
- Ping indicator (top right corner) now is a lot more clear and brighter
- Square borders for active items are visible now again. Their color changes depending on tint (golden for classic golden tint)
- Positive and negative passives and icons now again have blue/red borders
- Ally ultimate timers are slighty brighter now. “Ult ready” indicator is also more readable (less glass effect)
- Scoreboard blue-red background is slighty more colored now
- Scoreboard middle-line divider is now 100% in the middle. In original HUD it shifted to the blue side.
- Scoreboard portrait borders are darker to decrease detail clutter of the whole window
- Level-up blocks under abilities are less bright across all tints
- Icons above minimap are normalized across all tints
- 28.07.2024
- Experience (EXP) bar color now fits with average color theme. I.e. green for Arcade, purple for Void, etc.
- Minor color adjustments across all tints.
- New health/resource bars design with abstract lines as background.
- New design of death recap window that fits with each of 8 themes.
- All 7 tints got replaced gold icon in Item Shop window. 8th one (Arcade) got a special one - Mario Coin.
- Options / Item Shop / Surrender / Alert windows got semi-recolor to fit HUD theme. It is impossible to fully recolor them since some colors are determined by RGB numbers and not by textures.
- Surrender vote now appears higher so it not covers ally and enemy champion icons.
- 29.07.2024(These changes were inspired by QoL HUD Tweaks)
- Golden tint recieved color adjustments:
- Cyan elements: recall, passive ability and level-up animations were recolored into golden.
- Coldowns were recolored from green to golden. Less blue for golden theme!
- Level-up “pluses” are golden now.
- All tints recieved less contrast icons for dead allies/enemies (above minimap)
- Golden tint recieved color adjustments:
Installation (NOT UPDATED FOR 5.15)
- If you don’t have Wooxy, get it
- Download archive with 8 Classic HUD skins and unpack it.
- Choose what tint you want to use then select needed wxy-file.
- In Wooxy go to Skins and drag-n-drop selected wxy-file to Wooxy window.
Or click Add package and select wxy-file. - Select imported skin and Install it.
Posted on 22 Jul 2024, in Interface and tagged custom mod, custom skin, design, existor, freljord, hexakill, hud, Interface, ui. Bookmark the permalink. 117 Comments.
You should release a new update for patch 5.15, I really want the arcade HUD
LikeLike
Check Classic HUD Project
LikeLike
Thank you, I did not see this posted anywhere but I found it, Thanks for all that you do for this website and all of your content <3
LikeLike
Hy i want to ask if u can help me :) I want to make my own custom hud i have the design but when i make it in PS and savit as dds file in game some of the design are missing i dont know why :( If can u make a basic tutorial or somthing to help me out pls.
LikeLike
Never forget about Channels. Go to Window -> show Channels tab. There click Ctrl+6 (or select Alpha channel). It can hide some elements of your HUD because in alpha channels you can set up transparency, and if you editing edges if default HUD, you also need to edit them in alpha channel too.
LikeLike
I know that and i did it but stil the edges wont show :(
LikeLike
Hello again, I understand that you can’t give us a precise release date, but can you tell if v2 is gonna be released in a few days, in more than one week or in more than 2 weeks?
Thanks a lot in advance for taking the time to answer :)
LikeLike
I think between “today” and “some days”, some themes were updates, some - redone from scratch, some deleted and some added.
LikeLike
is it possible to change the font?
LikeLike
As I said many times in comments, no its not possible… at least I don’t know how to do that
LikeLike
I have tested for over an hour trying to change the font settings from font type to font size, none of the changes stick as there is some overarching file controlling preset settings to the hud. This is either server side or stored in the bin files which cannot be changed. It seems we can effect the font color but cannot edit the size of the text or the type of font used.
you could replace the font file type with a different one and keep the same name to trick the system into using a different font however I don’t know which font is used across the in game hud and the system files contain over 70 font files. It would take a while to find the correct one.
LikeLike
Do you know how you would change the font to be smaller?
LikeLike
I can not edit fonts but made some averal adjustments so text is more readable, little bit
LikeLike
Looking so good, pls make a new version for the new hud patch 5.15
LikeLike
In development!
LikeLike
Do you have an estimated release date for V2 ? I’m really not enjoying the game as much as I should with Riot’s HUD.
Thanks a lot anyways for a great mod !!
LikeLike
There is a lot of work (since I decided to re-do many things from scratch) so I can’t say.
LikeLike
I was wondering if you could change the font to be less fat. I dont like the thicker font choice they went with. I like my HUD’s to look crisp and this new stuff just makes it look ugly.
LikeLike
Well I have no idea how to edit bin-files that contain font information. But I managed to do some improvements “around” font (like slighty darker background for health/resource bars or greeny boosted stats).
LikeLike
Do you know whether or not its possible to fix it or is it not possible now?
LikeLike
I’m working on v2. Be patient :)
LikeLike
Quick Question, did you ever find a way to edit the font color for champion stats? I’m looking to edit some colors back to green
LikeLike
I don’t know how to edit fonts and their colors. Will be glad to know
LikeLike
It’s works with the 5.15 patch?
LikeLike
Check title :)
LikeLike
Can you make it works in that patch please? :)
LikeLike
There is a lot of work since v2 will have many updates
LikeLike
What broke the custom huds this patch?
LikeLike
A bit different layout and some HUD improvements RIOT did.
LikeLike
Do you have any idea of what file to edit to put back the old HUD font ? I have scaling issues with the new one (it doesn’t scale as it should with the DPI windows setting) and I don’t like it.
LikeLike
Ask Chewy. He did the Old HUD mod.
LikeLike
Thanks for your response. Btw, will you update this mod for the new patch ? I really like it.
LikeLike
Ofc will, and with more themes
LikeLike
Thank you! I’m looking forward for the update ^^ I’m so used to it I can’t play without it lol. Thanks for your work.
LikeLike
Fantastic!
LikeLike
Thank you, I love your design works Existor.
It would be great dedicases your talent in any design Aram, Summoner’s Rift =)
LikeLike
It says that the added package couldnt be opened by Wooxy
LikeLike
Thank you! It works great :)
LikeLike
can i get a ban because of that?
is it illegal to use?
thanks for the reply
LikeLike
RIOT never banned for using cosmetic mods that don’t provide ingame advantage
LikeLike
i can´t download it, error 404, whats wrong?
LikeLike
Try again. Was in process of updating :D
LikeLike
Can you make Ally Circle Ult like our circle profile ? I mean for exemple with arcade HUD , our profile is pixel so it could be nice if our ally profile ult are pixel to ^^ (sry bad english xD)
LikeLike
They are pretty small so adding pixelated effect would add some clutter. I decided to keep pixelated effect only for champion portrait border. The rest HUD is just colored.
LikeLike
I want to have the OLD HUD back please fix that instead of adding new shit to new HUD of bullshit it fucking sucks and will always fucking suck.
LikeLike
As I said many-many times in other comments, right now I don’t know how to bring old HUD… and don’t want to. new HUD is pretty good for me.
LikeLike
https://www.reddit.com/r/leagueoflegends/comments/3enips/minimal_hud_v05_modified_hud/ctioqj5?context=3#cthf0q3
LikeLike
:D
LikeLike
How do I reverse?
LikeLike
In Wooxy click “Uninstall”… but why? What you didn’t like? Maybe I can fix.
LikeLike
Hello, I would like to ask that what would happen if I was to rank?
LikeLike
It wont work, since new HUD is not applied right now to ranked games
LikeLike
Hey since they hud has been update on SR in TT is the old hud is any possibility that you could make the old hud match with SR?
i like better the new hud but i want to have it to play sometimes with the old calssic style since the are also people who prefer the old HUD.
Do you think you can do this?
LikeLike
As I said in other comment, I have zero knowlege in editing bin files. I can’t bring old HUD because don’t know how to do that… and I don’t want to do that. I really love new HUD and prefer to work with it by bringing some old details.
LikeLike
amazing! i use void and underworld green skin
but i don’t like some features
can you create a custom custom void and underworld green skin only for me? ^^
-shop and options got no skin
-i prefer life and mana/energy/rage bar of official new hud
-i prefer purple xp bar
ty ^^
LikeLike
I don’t know how to edit shop and options textures.
Purple exp bar is only for void skin since it matches with average color theme. Otherwise it becomes out of design.
I won’t change new smooth life/resource bars just because they don’t have same picture/texture (two bars one above other). This is just smoothed version with slighty different picture.
Thanks for understanding
LikeLike
File to edit shop/option are here \DATA\Menu_SC4\Clarity_FoundryItemShop_I2.dds and here \DATA\Menu_SC4\Clarity_FoundryOptions_I3C.dds ^^
LikeLike
As i see , i helped you to find file for edit shop/option :D
LikeLike
Yes yes I already found them before :D Just managed to write CLARITY in search and found all new HUD textures (well not all, but everything that have editable DDS-textures)
LikeLike
Well, next update I already included redone health/resource bars. They are filled with abstraction lines/waves now and look not so repititive like default ones.
LikeLike
In the latest update shop/options got semi-recolor to fit each of skins. I explained why semi in update notes in article above.
LikeLike
hello.. im new to this.. and i want to do a custom hud .. how u did to view the dds files from map11 ?
LikeLike
First of all you can google it. But here is a hint: NVIDIA Photoshop DDs plugin
LikeLike
i know about this.. i was trying to do a hud for another game .. (on my old pc) and i did this and didnt work . so i though it something else .. but i think it was just the bad pc
Good job with the hud , thx for help
LikeLike
Damn, for a second i tought this was gonna be the pre-patch hud and got excited XD. Still definetly better than the shitty standard one ^^
LikeLike
The bar EXP should be for Arcade : Green , Void : Purple , Underworld : Green , Classic red : red , Golden : don’t change , Freljord : Blue , Bilgewater : don’t change
LikeLike
Yes, already done like you said. Will implement later with more changes and fixes.
LikeLike
Thank you :D and can you let the ” ^ ” when we level up , its better then the ” + ” please , great job
LikeLike
No, the PLUS is a special part of this classic hud mod that brings back some old HUD elements such as pluses, golden borders, yellow exp bar and other small stuff
LikeLike
Different colors for EXP bars are implemented now with the latest update. Check it !
LikeLike
Tem 1 pequeno bug http://prntscr.com/7wtpi7 os itens passivos como os de suporte nao ficam agarrados ao HUD
LikeLike
Can you ask on english? Sorry don’t understand you
LikeLike
It has 1 small bug http://prntscr.com/7wtpi7 passive items such as support are not clinging to HUD
LikeLike
same thing is on original HUD
LikeLike
hey dude, awesome mod. would you be able to edit the minimap for the old one at any point?
LikeLike
Thanks for the comment. Better (old golden) minimap mod is already done by other user :) https://www.reddit.com/r/leagueoflegends/comments/3e9s78/better_minimap_mod/
LikeLike
Where is the map file please , i don’t find this with wooxy creation tools
LikeLike
\LEVELS\map11\INFO\..here..
LikeLike
Thank you for these hud tints!! They’re awesome :) One thing though, I’m using the classic golden tint and there’s no highlight border around items with actives. It would be great if you can fix this so that the borders show!
LikeLike
Ah, yea, I will fix that next hour.
LikeLike
You’re awesome thank you!!
LikeLike
Just a warning for everyone who already had the HUD but re-downloaded it for the updated versions: Be careful when reinstlling it. I simply uninstalled -> deleted the old one and then installed the new one. When I did this I couldn’t launch a game anymore. So yeah, just be careful and try to exit wooxy after uninstalling and then installing or something, just to be sure.
That being said, if this happens to you you can always repair your client like I did. It took ~10 minutes I believe, and my computer is not exactly high-end.
LikeLike
Best way to install and uninstall properly is completely close game client during that. I had this problem once too.
LikeLike
Oh, I just tried to install it, and yeah it works, but you provided a .wxy file instead :( Is there a way to get the .dds file? Because I wanted to edit the XP bar to make it yellow.
LikeLike
Damn, you needed to ask this earlier. I will make XP bar yellow with next update
LikeLike
Damn man, thanks! :)
LikeLike
Updated. Check it now
LikeLike
THANK YOU SO MUCH! I really appreciate this. I’m going to use it right now :)
LikeLike
Can you please make a blue tint or dark blue tint for this
LikeLike
Freljord?
LikeLike
Blue Tint please :(
LikeLike
What about Freljord? :)
LikeLike
Hey, can you explain to me how to mod the hud? I already have wooxy installed but dont know what file to grab. :) ty in advance
LikeLike
Go to \lol_game_client\DATA\Menu\Textures\.. There you will find all the important HUD textures (excluding shop, settings, surrender and deathrecap windows)
LikeLike
The Arcade one got me tingly, I have to admit :P
LikeLike
Awesome work :D i wonder if you can make an Pool Part HUD :3
LikeLike
im trying to load a hud skin, im stuck at this?for any wxy file i add.
http://gyazo.com/2091a9426cf9228c133cc68a819ce9c7
LikeLike
Try to use button “add package”
LikeLike
Whenever I try to load a skin nothing happens can you help me in anyway?
LikeLike
When you drag-n-move it to wooxy skins window, does it appears here?
LikeLike
Sometimes program stop working and it doesnt add skins, i restarted it and it let me start adding skins! ;D
LikeLike
can u make old HUD?
LikeLike
I can’t and don’t know how. And don’t want. New hud is pretty good for me.
LikeLike
cmon please for us :C
LikeLike
socr4te said he’s working on it
LikeLike
Can you bring the old announce sounds as a mod please?
LikeLike
Hello,
I really liked the Arcade HUD. it looks fine when the HUD Scale is set to 0, but if I try making it any bigger, it becomes pixelated. Is there any way to fix this? Thank you.
LikeLike
There is no fix. Arcade HUD is intented to be pixelated. Thats the effect :)
LikeLike
Ah, alright. Do you think you’d be able to make it so it’s not pixelated? If not, that’s ok. Thank you. :D
LikeLike
Done. Reuploaded with no poxelated effect. Portrait circle border is still pixelated cus I think it’s pretty nice effect, at least here :) The rest part now is like original but colorful
LikeLike
You did a very good job with the HUD skins. Perhaps you could have 2 arcade skins? 1 pixelated, and 1 not pixelated at all. Either way, I still like them. Thanks for the replies. :)
LikeLike
Please help me I do not want this form HUD 5.14 I want the old format Please help me :(
LikeLike
It requires more “heavy” and serious editing which I can’t do. All I can do is work around textures. Bringing old HUD would require editing game files (ini, bin, etc)
LikeLike
Please, do video How can the change to the old version hud.:(
LikeLike
I can’t do that since I don’t know how. And I love new hud
LikeLike
Please. Please. Please. .Please .Please man :(
LikeLike
Awesome! Definately better than what Riot has done with it! :D
LikeLike