Patrocinadores

http://www.dsflash.es/

Anuncios Google

Crear Skins en NDSTT/TTDS

Tutoriales de Skinsmx

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

9

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

10

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

  • ROJO = FF0000
  • VERDE = 00FF00
  • AZUL = 0000FF
  • solo combinalos o consultalos con este metodo tomado de un tutorial de aqui scenebeta 
    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. 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:
    3. 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.

    7

    Después la otra sección

    8

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

    3.558825
    Tu voto: Ninguno Votos totales: 3.6 (34 votos)

    Anuncios Google

    Comentarios

    Opciones de visualización de comentarios

    Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.

    Que onda, los archivos

    Que onda, los archivos closebtn.bmp y savebtn.bmp, para que se usan o en donde salen? que jamas los he visto ser usados en el menu de mi DS
    Imagen de Sexio

    ¿?

    Faltaria añadir en cuantos bits se guardan las imagenes no se si es en 24 o en 8?Y tambien quisiera saber como cambiar el icono de la ttds cuando se esta en el menu de la dsi!!!

    Para lo del juego?

    Cuando me pongo en el menu de DSi me aparece que es el juego de Bob esponja. Puedo cambiar eso?

    Si quiero poner un nuevo

    Si quiero poner un nuevo icono como por ejmplo el de Wi-Fi como le ago?

    duda

    bro, es necesario ponerle el logo que dice TTDS?

    No ace falta

    No ace falta
    Imagen de ĵØѓÐї†℠™

    No.

    No, con las imágenes basta :D.
    Imagen de jadumo

    cuando voy a abrir la imagen

    cuando voy a abrir la imagen en el ttmenu skin no la puede abrir si me pueden ayudar  
    Imagen de 123456abcdef

    Gracias por el tutorial me ha

    Gracias por el tutorial me ha servido, mirad los skins que hice Pack Skins DSTT Le he puesto 5 estrellas, gracia a GAARA Salu2  

    A que os mola la firma!!!

    Imagen de locoruto

    Hola a todos

    CUANDO YO TERMINO TODO Y LE DOY EN GUARDAR ME APSARECE DESPUES QUE NO ES DEL MISMO TAMAÑO LA IMAGEN LA PONGO EN LA DSTT Y NOSE VE QUE PASA PORFAVOR RESPONDAN  EDITADO: El uso abusivo de mayúsculas no está permitido. Por favor, revise las normas de la comunidad. Gracias. Master Sonic.
    Imagen de PTRTsantos

    Saludos desde MEXICO

    Hola tengo varios skins de mi autoria, pero no tengo donde subirlos para compartirlos, alguna sugerencia?

    NO se ven las imagenes

     puedo ver las tres ultimas imagenes T.T, podrias solucionarlo porfa o.o

    Duda

    Se le pueden poner skins a las DSTT falsas (fake)???
    Imagen de siamese

    claro que por supuesto que...

    SI!
    Imagen de MEJO0048

    Duda

    Hola quiero hacer una skin para ttds pero quiero que sea una imagen de un personage que avarque las 2 pantallas se que tengo que aser concidir las 2 imagenes pero lo unico que me falta es saver a cuantos mega picceles equivale el area entre las 2 pantallas(el area que esta entre las pantallas fisicamente) para asi poderlas hacer considir sin que se deforme la eskin gracias por su atencion   :3  

    Senebeta es la ley! :3

    Imagen de songohanT1

    Mira

    mira primero haz una imagen de ancho :256px y de largo 384px despues recorta la imagen en dos partes de 256px por 192px cada una te tiene que dar exacto y luego renombras las dos  parte para que queden bien

    nose puede

    oloa tengo un problema no me funsionan los programas me podrias aser un skin de yugioh 5ds o alludame para aser q funsionen
    Imagen de Granvicol

    paint y ttds skin customizer para mac

    Perdonen, yo tengo un mac y no puedo ejecutar algunos programas, ¿¿¿me pueden ayudar y poner el paint y el ttds skin customizer para mac???  Gracias por adelantado 
    Imagen de GAARA_del_desierto

    hola mira

    no se como hacer eso pero si te fijas uso ese programa por que es gratis y facil pero usa el que tenga tu mac solo se editan las imagenes y lo del custemiser pasate por la seccion de skins dstt y baja la que tenga los colores que deseas y solo agarra el archivo skin.ini y ponlo en tu skin y ya o lo abres con editor de texto y cambias los colores a mano mira   [TITLE_BAR];RGBΪ24λɫ,ALPHAΪ²»Í¸Ã÷¶È ·¶Î§0~100RGB=7994c5ALPHA=40 [SEL_RECT];ÉèÖÃÑ¡ÖпòÌî³äÉ« ·¶Î§0~31RGB=FFFFFFALPHA=65 [SEL_BOX_LINE];ÉèÖÃÑ¡Öб߿òÑÕÉ« ·¶Î§0~31;The color of select, value range is 0-31;Alpha value range is 1-32RGB=000000ALPHA=25 [TEXT]RGB=FFFFFF [TEXT_SEL];ÉèÖÃÑ¡Öб»Ñ¡ÖеÄÎÄ×ÖÑÕÉ« ·¶Î§0~FFFFFF;The color of select, value range is 0-100RGB=FFFFFF [CLIENT_RECT];ÉèÖÃÑ¡Öб»Ñ¡ÖеÄÎÄ×ÖÑÕÉ« ·¶Î§0~31;The color of select, value range is 0-31RGB=FFFFFFALPHA=20 [SCROLL_BAR];ÉèÖÃÑ¡Öб»Ñ¡ÖеÄÎÄ×ÖÑÕÉ« ·¶Î§0~31;The color of select, value range is 0-31RGB=7994c5ALPHA=15 [MSG_RECT];7994c5BG_RGB=CC0000BG_ALPHA=35TEXT_RGB=FFFFFF  los que e señalado son los colores solo cambialos por otros recuerda son colores de html saludos

    Ps3 Piano Black 80gb muerto X_x PsP ice Silver 6.60 LME-1.6 Samsung galaxy y  android 2.3.6 root

    Imagen de Granvicol

    Perdona, pero... entonces

    Perdona, pero... entonces cómo puedo poner las imágenes, porque no tengo ningún programa para modificar las imágenes? Me bajo uno si lo encuentro?
    Imagen de ...-9-DMV-4-...

    yo te recomendaria ke e

    yo te recomendaria ke e usado mac ke si, ke pusieras en el google (o en el buscador ke prefiera te recomiendo google) editor de imagenes para mac de todas formasyo ahora uso windows pero buscare alguno y si lo encuentro te mando un mensaje privado
    Imagen de ...-9-DMV-4-...

    mia a ver si te va este ke

    mia a ver si te va este ke si no te va e encontrao mas http://www.rhapsoft.com/site/livequartz/download/LiveQuartz_182.dmg suerte
    Imagen de Granvicol

    ttds customizer

    Gracias por esto, me sirve y va muy bien, pero, es necesario el ttds skin customizer para las skins, verdad? Por favor no encuentro ninguno, y si me pudieseis ayudar... os lo agradecería mucho. 
    Imagen de GAARA_del_desierto

    no es necesario

    solo se ocupa para cambiar los colores y arriva ya te dige como cambiarlos manualmente las skin simplenete se hacen editando las imagenes saludos

    Ps3 Piano Black 80gb muerto X_x PsP ice Silver 6.60 LME-1.6 Samsung galaxy y  android 2.3.6 root

    visitad mi blog

    visitad mi blog

    EDITADO: Esto no es licito, postear en un foro con el unico proposito de autoanunciarse no es licito, menos aun sin ni siquiera aportar mas que un link. Awe. 

    vista previa

    ola nose como ver la vista previa de los skin alguien me puede decir como se ve gracias x adelantado ;)
    Imagen de MetalGaia20XX

    Hay una barra al fondo de la

    Hay una barra al fondo de la pantalla inferior que no se como cambiarle el color? en cada skin q hay en esta pagina esa barra tienen un color distinto, como cambio ese color?

    Imagen de GAARA_del_desierto

    bueno

    e notado que amuchos se les hace errolloso el tuto asi que lo mejorare en menos de tres dias estara listo asi que esperen porfavor

    Ps3 Piano Black 80gb muerto X_x PsP ice Silver 6.60 LME-1.6 Samsung galaxy y  android 2.3.6 root

    ayudaaaaaaa

    Hola como pongo lo skins a mi TTDs Xfavor necito ayudar quiero poner otro Skins A mi ds 
    Imagen de juacons

    para saber los colores sin

    para saber los colores sin necesidad de programas: http://www.desarrolloweb.com/articulos/colores-html.html

    skin ttds

    alguien me puede decir como puedo quitar la informacion que aparece en la pantalla de arriba para que solamente se vea el dibujo que ponga , como se ve en otras flash carts , como la r4 por ejemplo, gracias.
    Imagen de picias_77

    Ayuda con la instalación del paint

    Hola buenos días: Necesito ayuda, me he bajado los dos paint.net, pero al instalarlos me dice que necesito esta versión ( .net framework v2 0.50.727) alguien me puede ayudar o decirme como hago para instalarlo. Quiero crearme skin para mi TTDS. Un saludo
    Imagen de Awe

    Hola Ndes@

    Para actualizar Net Framework de microsoft puedes hacerlo desde este enlace (a la version 3.0), de todos modos te recomiendo que te leas concienzudamente los requisitos de intalacion y verificar que has cumplido con todas las actualizaciones requeridas para instalarlo en tu Sistema Operativo, de lo contrario puedes tener errores fatales en el resultado de la instalacion. Dicho esto, no tiene porque pasar nada extraño si haces todos los pasos como es debido, por lo que te recomiendo que visites windows update (solo podras hacerlo con el navegador Internet explorer de microsoft), para verificar que tu SO esta OK para la instalacion.

    Despues puedes informarte mas de la utilizacion de Paint.NET gracias a este tutorial de uso.

    Saludos.


    un pekeño consejo

    Hola saludos, disculpen si causo alguna molestia, pero ese programa me parece muy bien aunke no me gusta komo se ven las letras de ttds sobre la imagen y creo k yo encontre una salida muy buena sin tener k hacer tantos pasos y es mucho mas sencilla, solo abren la imagen de la ttds k viene por default, y la imagen k kieren agregar y personalizar kon el programa paint, lo k deben de hacer es recortar su imagen preferida, pegarla encima de la imagen de la ttds original darle el tamaño adecuado a la imagen original y por ultimo guardar cambios, asi su imagen preferida áparecera en la pantalla superior o inferior tal sea el caso de su ds, espero les ayude en algo saludos cuidence y suerte!!!
    Imagen de GAARA_del_desierto

    se me paso

    mensionar que las imagenes editadas se deben guardar en extension .bmp  ojala lo puedan agregar al tuto

    Problema con ttmenu customizer

    Mi problema es: gaara del desierto dijo en el tutorial que en el ttmenu customizer hay que poner open y abrir la carpeta default y seleccionar skin.ini, pero a mi no me sale, me sale: skin y lo pongo y el proframa se me pega. ayudenme porfavorrrrrrrrrrr :(
    Imagen de Miquel Carol

    Subire esta tarde....

    El hilo perteneciente a los distintos Skins que ya nos ha enviado GAARA
    Imagen de decora.love

    Mi ds no toma la skin u.u

    Mi problema es que puse la skin en la carpeta qe decia TTmenu, i reemplaze la qe decia skin, la puse en mi tarjeta i  cuando yo prendi  mi ds, sale un monito asi ¬¬ i dice menu?, descargue nuevamente los programas de configuracion de mi tarjeta TTDS (porque la micro sd se desconfiguro i pedia reformatiarla) i reemplaze la skin original por la nueva, qe hize yo, pero no la tomo . Despues probe con otra y asi con varias mas que descargue.. pero siguio con el problema. Por favor si alguien me puede ayudar dejo mi correo -Editado-. Gracias adelantadas.   Editado: Postear direcciones de correo electrónico incumple las Normas de la Comunidad. Puede remitir su e-mail mediante mensajes privados. Por favor revise las normas.| david_____david

    Opciones de visualización de comentarios

    Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.