Nuestro compañero GAARA_del_desierto nos ha enviado este tutorial que hara las delicias de todos aquellos que querian crear sus propios Skins para el Flash Cart NDSTT tambien llamado TTDS. El tutorial es bastante sencillo y al usar solo software de libre distribución solo necesitaremos las descargas indicadas en el tutorial y alojadas en nuestra propia web, por lo que no teneis escusa para crear vuestros propios Skins y enviarnoslos a la comunidad para que otros usuarios puedan descargarlos.

Crear un nuevo Skin para NDSTT es muy sencillo, simplemente necesitan descargar una de las skins de dstt y explorar las carpetas hasta encontrar la carpeta default, dentro estan las imagenes de los iconos. Solo necesitamos editarlas con cualquier editor de imagenes y para editar las configuraciones de las los distintos skins. Recordad que todas las imagenes editadas tengan extension bmp para que funcionen correctamente con el conversor de Skins. Aqui una recopilacion de skins

Empezamos

Abrimos la carpeta TTMENU, skin,default aqui estan todas las imagenes, ahora abrimos el programa paint.net y arrastramos la imagen a editar, yo editare la bgUp.bmp, seleccionamos abrir el archivo y se vera asi.

Ahora seleccionamos la herramienta varita magica, seleccionamos el area gris y presionamos la tecla suprimir quedandonos como muestra la siguiente captura.

Cerramos y seleccionamos guardar, con esto queda la plantilla o capa. Que montaremos mas tarde sobre nuestro skin personalizado.

Ahora abrimos la imagen que deseemos poner en el skin con el paint.net y seleccionamos imagen, cambiar el tamaño y seleccionamos por tamaño absoluto le ponemos de ancho 256, alto 192 y aceptamos. En algunos tipos de fotografias que puedan tener distintos tamaños nos veremos obligados a recortar un tamaño de 256 de ancho por 192 alto. Para evitar que se deforme en exceso.

Seleccionamos capas, importar desde archivo para cargar el logotipo de TTDS que habiamos creado anteriormente.

Seleccionamos la imagen que editamos antes, bgUp.bmp ahora la colocamos donde queremos y la podemos cambiar de tamaño solo arrastrando una de las esquinas de la capa asia adentro o afuera para reducir o ampliar el tamaño ahora seleccionamos el fondo blanco con la varita magica de nuevo y lo suprimimos se vera asi.

Después seleccionamos en capas la opción propiedades de la capa

Después  incluiremos de la manera que mas nos guste la captura para que embone en la imagen ahí varias a escoger

Esto es meramente demostrativo, tu puedes hacer mejoras mas interesantes a las imágenes ,para mas información  sobre edición de imágenes con paint.net usa este tutorial o prueba con las demas herramientas y fusiona varias capas.

Las imagenes pequeñas (los iconos y barras) se editan igual pero es mas fasil solo cambiar el color de los iconos a su gusto ,para mayor comodidad los agrandamos con zoom (la lupa)  ckick derecho reduse y click izquierdo amplia tambien se pueden sustituir por imagenes de iconos que respeten el tamaño de la imagen ahora a editar las barras solo cambia el color o agrega una imagen en su lugar  y despues guarda deves guardar en .bmp ya que por defaul te pone el formato propio de paint.net .pnd

Tamaños de las imágenes

arrowDown.bmp  14x14       arrowUp.bmp 14x14        back.bmp 72x16     BtnOff.bmp 96x20
BtnOn.bmp 92x20     cancel.bmp 72x16    checkbox_off.bmp 13x13     checkbox_on.bmp 13x13
checkbox_sel.bmp 13x13     checkboxOff.bmp 13x13       checkboxOn.bmp 13x13
checkboxSel.bmp 13x13   cht_off.bmp 13x13   cht_on.bmp 13x13    chtOff.bmp 13x13
chtOn.bmp 13x13      closebtn2.bmp 14x14      closebtn.bmp 14x14      comboBox.bmp 16x16
folder.bmp 13x13   icocheat.bmp 16x16   icodmaread.bmp 16x16  icodownplay.bmp 16x16
icohavecheat.bmp 16x16       icosoftreset.bmp 16x16      nextbtn.bmp 13x13
radioOff.bmp 13x13     radioOn.bmp 13x13    save.bmp 72x16          savebtn.bmp 20x20
sbSlip.bmp 12x11     scrollBarBg.bmp 16x1     scrollBarOff.bmp 14x21    scrollBarOn.bmp 14x21
start.bmp 72x16     statusBar.bmp 256x16     tableBtnOff.bmp 64x20    tableBtnOn.bmp 64x20
underLine.bmp 256x4

Todas las medidas son en Pixeles
Una vez editadas todas las imagenes

Abrimos el TTmenu Skin Customizer.exe y seleccionamos files, open.

Seleccionamos en la carpeta default el archivo skin.ini. Se abrira y mostrara como que da la skin, aqui editaras los colores de los fondos y las fonts y la intensidad de ellos. Es facil solo cambia los codigos de colores por los que desees son los mismos de codigo html

1. hay que introducir el codigo HTML del color deseado. Para saber cual es el codigo de cada color solo necesitamos un editor de imagenes (el Paint no vale) por ejemplo el Photoshop, pero claro al ser de pago la version de prueba no dura mucho tiempo asi que para los que no disponeis de este programa podeis buscaros algun otro editor de imagenes como por ejemplo The Gimp, que al ser un programa con licencia freeware no debereis pagar nada por ello y no hay limite de tiempo para su uso. Bueno a lo que ibamos, abrimos The Gimp (para los que tengais Gimp) o el Photoshop (para los useis Photoshop), en este caso voy a utilizar el Gimp, y hacemos clic sobre el color de frente de tal forma que nos salga algo asi:
2. 
3. Para que se muestre en el recuadro el codigo que necesitamos tan solo debemos hacer clic en la tabla sobre el color que queramos, por ejemplo el azul:
   
   
4. Tal y como se muestra en la imagen anterio, el codigo del azul es 0000FF 

una ves que se tenga el color se coloca dentro de los cajetines que estan enfrete de  cada seccion como muestra la imagen.

Después la otra sección

al final seleccionas save skin.ini y reemplazas por el original y te quedara como te lo muestre el programa.