Cómo crear skins para los temas DSi y 3DS

Para crear una skin para TWiLight Menu++, necesitarás un editor de imágenes capaz de exportar archivos .png, y archivos .bmp a 16 BPP y 4 BPP. Idealmente, también deberías poder reordenar manualmente la paleta de colores de una imagen. Se recomienda usar GIMP, y es el programa que será usado para esta guía, ya que cubre las necesidades para esta guía.

Parte 1: Descargar las imágenes de ejemplo #

Lo primero que necesitas hacer es descargar los archivos de ejemplo de skins. Puedes usarlos como base para tu skin, ya que están en el formato requerido. Además, si tienes problemas después, puedes comparar tus imágenes con estas.

Parte 2: Editar las imágenes #

Descarga e instala GIMP

• Otros editores de imágenes como Photoshop también podrían funcionar, pero se usará GIMP en esta guía

Una vez instalado, abre GIMP y selecciona Ventanas -> Diálogos empotrables -> Mapa de colores. Esto abre la ventana del mapa de colores, que nos será útil a la hora de editar la paleta de la imagen.

Ahora puedes abrir la imagen que quieras editar en GIMP y continuar con la sección de más abajo, dependiendo de la carpeta en la que se encuentre la imagen. Ten en cuenta que TWiLight Menu++ es exigente con el formato exacto de las imágenes, y que este varía segun la carpeta en la que esté, así que asegúrate de exportar tal como lo dice la guía.

Texturas del fondo (carpeta background) #

Estas imágenes pueden ser archivos PNG o archivos BMP de 16 bits (A1 R5 G5 B5, o X1 R5 G5 B5).

• Si vas a usar imágenes en formato BMP, puedes establecerlos a 16 bits en la sección Opciones Avanzadas al exportar. Es posible que requieras hacer esto cada vez que exportes una imagen en formato BMP

Texturas del indicador de batería (carpeta battery) #

Estas imágenes deben tener formato PNG. Los píxeles transparentes se verán como tal, pero solamente píxeles 100% transparentes funcionarán.

Texturas con paleras (carpeta grf) #

These must be 4 BPP (16 color) BMP files.

Para editar estas imágenes en GIMP, haz clic en Imagen -> Modo -> RGB para que puedas cambiar los colores, al terminar, haz clic en Imagen -> Modo -> Indexado... para convertir la imagen de vuelta a modo paleta de colores. Cuando cambies a modo indexado, asegúrate de que Generar paleta óptima está marcado y que Número máximo de colores esté puesto en 16.

Nota: Algunas imágenes en el tema de DSi usan paletas personalizadas basads en el color del perfil de usuario. Si editas estos colores, asegúrate de que la línea UserPalette en el archivo theme.ini esté puesta en 0.

Después de convertir a modo indexado, ve a la ventana del mapa de colores y asegúrate de que el color transparente (#FF00FF) es el color #0 en el mapa de colores. Si no lo es, haz clic derecho en el mapa de colores y selecciona Reorganizar mapa de colores, después mueve el color transparente al primer puesto y haz clic en Aceptar.

Si hay menos de 16 colores en tu mapa de colores resultante, presiona el botón + al fondo del diálogo del mapa de colores hasta que tengas 16 colores.

Al exportar, se recomienda marcar la casilla No escribir la información del espacio de colores en la lista de Opciones de Compatibilidad.

Texturas del Menú Clásico DS (carpeta quickmenu) #

Estas imágenes deben tener formato PNG.

Texutras de la interfaz (carpeta UI) #

Estas imágenes deben tener formato PNG. Los píxeles transparentes se verán como tal, pero solamente píxeles 100% transparentes funcionarán. Si hay un pixel transparente en cualquiera de las texturas, deberá ser transparente en todas para que pueda sobrescribirse correctamente.

Texturas de video (carpeta video) #

Estas texturas solo se usan en el tema 3DS, el archivo 3dsRotatingCubes.rvid es un archivo de formato Rocket Video. Para más información acerca de cómo convertir videos a este formato, lee la sección de Convertir un video a .rvid (en inglés) en la wiki de Vid2RVID. Si no quieres que esto se muestre, puedes borrar el archivo.

Texturas de volumen (carpeta volume) #

Estas texturas se muestra solamente en modo DSi.

Estas imágenes deben tener formato PNG. Los píxeles transparentes se verán como tal, pero solamente píxeles 100% transparentes funcionarán.

Configuración del tema (archivo theme.ini) #

Puedes configurar varios parámetros de renderizado del tema en el archivo theme.ini para poder usar texturas más grandes o diseños de pantalla diferentes. Para opciones de Sí/No 0 es No y 1 es Sí. Los parámetros sin valor en el campo Por Defecto no son usadas en ese tema en concreto.

Opciones del Modo Macro #

Puedes añadir opciones prioritarias al archivo theme.ini para que sean usadas en el modo Macro. Para ello, añade el hilo [MACRO] en una línea en blanco al final del archivo de configuración, luego, añade la configuración específica debajo de dicho hilo.

Música y sonidos personalizados #

Los temas Nintendo DSi y Nintendo 3DS también tienen soporte para música y sonidos personalizados. Revisa la página Skins DSi/3DS - Sonidos Personalizados para más detalles

Fuentes personalizadas #

Puedes colocar Fuentes personalizadas en la carpeta font para que sean usadas con tu skin. También puedes usar fuentes prioritarias para la fecha y la hora usando un archivo date_time.nftr, y para el nombre de usuario usando un archivo username.nftr.

Paletas personalizadas #

For the paletted textures (grf folder), you can optionally add override palette sets which are used when the corresponding UserPalette setting is enabled. Palette set files can be created using this editor. When using the editor, import the image you would like to work with, then create a palette for each of the 16 DS Profile colors. You can use this example palette file as a starting point.

Las 16 filas de paletas corresponden a cada color de perfil y deben estar en el siguiente orden:

1. Gris
2. Marrón
3. Rojo
4. Rosa
5. Naranja
6. Amarillo
7. Verde lima
8. Verde
9. Verde oscuro
10. Turquesa
11. Cian/Azul claro
12. Azul
13. Azul oscuro
14. Violeta/Morado Oscuro
15. Morado
16. Magenta

Once you’ve created a palette file, place it in the palettes folder. The name of the palette file should match the name of its image but with a .bin extension instead (ex. start_border.bin will be applied to start_border.bmp).

You may also put a username.bin palette file to change the palettes of the username font. Make sure to set the palette editor to Font Mode when creating this file.

Parte 3: Añadir la skin a TWiLight Menu++ #

Once you’ve edited some graphics and would like to test your skin, simply copy your skin folder (the folder containing the background, battery, etc folders) to sd:/_nds/TWiLightMenu/3dsmenu/themes/ or sd:/_nds/TWiLightMenu/dsimenu/themes/ for 3DS and DSi theme skins respectively.

Parte 4: Compartir tu skin #

Once you’ve completed your skin, you can share it with the community by creating a Pull Request adding it to the DS-Homebrew/twlmenu-extras GitHub repository in a .7z file. If you’re unfamiliar with using git you can also simply create an issue on that repository with a zip file of your skin requesting it be added.