Personalizar el HUD de League of Legends

Aún desconozco si se puede personalizar por completo (cambiar posiciones, tamaños…) pero por ahora lo que si he logrado es reemplazar las texturas creando mi propio HUD customizado.

Customización e instalación

El proceso es muy sencillo, sólo se necesitan tres cosas:

• Archivo original de la HUD: El archivo original utilizado por League of Legends para poder customizarlo a nuestro gusto.
• Adobe Photoshop: Fundamental para editar los recursos gráficos.
• Texture Tools for Adobe Photoshop: Para poder abrir y exportar los archivos DDS

Una vez tenemos las 3 herramientas necesarias nos ponemos manos a la obra, en primer lugar obviamente debemos instalar Adobe Photoshop (si aún no lo tenemos) y despues los Texture Tools for Adobe Photoshop para poder comenzar a trabajar sobre nuestra interfaz.

1 – Abrimos el archivo DDS con Adobe Photoshop, este nos va a preguntar si queremos cambiar el espacio de trabajo sobre los colores, le decimos que deseamos mantenerlo para no dañar los colores originales de las texturas y nos abrirá el archivo.

2 – Ahora veremos dentro de la misma imagen todos los elementos de la HUD, la capa original aparece bloqueada lo cuál no nos va a permitir modificarla, como no sabia como desbloquearla, he hecho click derecho y he seleccionado la opción «Duplicar Capa».

3 – Ahora tendremos una capa que si podremos modificar, ocultamos la original para no liarnos y trabajamos sobre la duplicada, tán solo tenemos que realizar los cambios que queramos sobre la misma (colores, texturas…) aún no he logrado que las orejitas de sobrepasen el tamaño del cuadro, por lo que trabajaremos solo y únicamente sobre los espacios marcados en la imagen, ignorando la posibilidad de poder utilizar los espacios que aparecen en negro (lo he probado).

4 – Una vez tenemos nuestra interfaz preparada, sólo nos queda exportarla de nuevo a DDS, atención, para evitar que salgan esos espacios en negro sobre la interfaz, tenemos que hacer lo siguiente:

• Archivo >> Guardar como – Y lo guardamos como tipo «D3D/DDS» manteniendo el nombre del archivo original.
• Se nos abrirá un pequeño cuadro para configurar las opciones del DDS, simplemente cambiamos la opción del desplegable a «DXT5…» y hacemos click en el botón «Save»

5 – Ya tenemos nuestro archivo personalizado, simplemente tenemos que meterlo en nuestra carpeta de League of Legends, la ruta es la siguiente:
«League of Legends\RADS\solutions\lol_game_client_sln\releases\0.0.1.103\deploy\DATA\menu\hud», simplemente copiamos y pegamos el archivo dentro de esa carpeta (actualmente el archivo no existe, por lo que no hay que reemplazar nada).

Cuando comencemos una nueva partida, podremos observar que la HUD ha tomado las modificaciones que hemos realizado en el archivo con Photoshop, por lo que ya podemos tener una interfaz totalmente a nuestro gusto.

Desinstalación

Simplemente eliminamos el archivo «Clarity_HUDAtlas.dds» que se encuentra dentro de la carpeta «League of Legends\RADS\solutions\lol_game_client_sln\releases\0.0.1.103\deploy\DATA\menu\hud» y nuestra HUD volverá al formato original.

Resultado final

En mi caso he optado por reemplazar el color azul verdoso por una escala de grises, manteniendo los detalles dorados y he insertado un par de renders de mi para hacerme mas amenas las partidas, no tenemos mucho espacio tampoco para meter renders, así que hay que buscarse la vida para encajar las cosas. Adjunto en el tema el resultado final de mi personalización.