Tutorial: Crear Skins para WinDS PRO

Requerimientos:

1) WinDS PRO (windsprocentral.blogspot.com)
2) 7-Zip (7zip.org)
3) Kingdom Hearts Skin multiupload.com multiupload.comD0B0R8FFRU
4) Editores de texto, sonido e imágenes

1º) Introducción:

Los skins (pieles) son un conjunto de imágenes, sonidos, botones y configuraciones que se aplican al iniciar WinDS PRO.
En WinDS PRO se instalan mediante archivos con extensión .windsproskin desde el explorador de windows o desde el menú Abrir...
Los skins se pueden elegir desde el menú Opciones.

2º) Extrayendo recursos del skin Kingdom Hearts:

En Windows vayan a las Opciones de Carpeta y desactiven la opcion "Ocultar las extensiones para tipos de archivo conocidos".
Ahora podrán ver que el archivo "Kingdom Hearts Skin (Imperialdramon PM)" tiene extension ".windsproskin".
El siguiente paso es cambiar la extensión del archivo a ".zip" y luego descomprimirlo con 7-Zip, verán los siguientes archivos dentro:

Spoiler:

Kingdom Hearts\win
Kingdom Hearts\win\win.btn
Kingdom Hearts\win\windspro_down.png
Kingdom Hearts\win\windspro_highlight.png
Kingdom Hearts\win\windspro_normal.png
Kingdom Hearts\win\_manifest.xml
Kingdom Hearts\abrir.btn
Kingdom Hearts\button.btn
Kingdom Hearts\click.ogg
Kingdom Hearts\close.btn
Kingdom Hearts\dearly_beloved.mp3
Kingdom Hearts\DelitschAntiqua.ttf
Kingdom Hearts\fondo.png
Kingdom Hearts\ha1.wav
Kingdom Hearts\huoa.wav
Kingdom Hearts\marco.png
Kingdom Hearts\opciones.btn
Kingdom Hearts\pestana.btn
Kingdom Hearts\plus.btn
Kingdom Hearts\salir.btn
Kingdom Hearts\see ya.wav
Kingdom Hearts\select.ogg
Kingdom Hearts\skin.lua
Kingdom Hearts\web.btn
Kingdom Hearts\win.btn
Kingdom Hearts\windsbutton.btn

Los archivos .btn son botones que se crean con AutoPlay Media Studio Button Maker.
Los archivos .png son imágenes que se crean con cualquier programa de edición de imágenes (como GIMP).
Los archivos .wav, .ogg y .mp3 son archivos de audio que se crean con un grabador/editor de audio (como Audacity).

El archivo skin.lua contiene código en formato AutoPlay (de AutoPlay Media Studio, es decir Lua scripting con funciones preestablecidas), este archivo enlaza todos los archivos del skin y los manda a WinDS PRO, no puede contener ningún error de escritura de lo contrario el skin no se cargará o lo hará de forma incompleta.

3) Editando recursos:

Es la parte más creativa en la creación del skin, pueden usar wallpapers que tengan o crear su propio fondo, botones, sonidos, etc. Elijan ustedes los programas de edición que mas les gusten, les recomiendo para empezar:

- GIMP (gimp.org)
- Audacity (audacity.sourceforge.net)
- AutoPlay Media Studio Personal Edition (autoplay.org)

4) Editando el archivo skin.lua:

El archivo skin.lua es el más importante del skin, podemos tener las mejores imágenes, los mejores sonidos y botones pero sin este archivo no sirven de nada.
Es un archivo de texto que se puede modificar con editores de texto como Bloc de Notas y Notepad++ (recomendado) no se recomienda usar Microsoft Word o WordPad ya que agregan código innecesario al archivo dejándolo inutilizable para nuestro propósito.

En Notepad++ pueden establecer como lenguaje "Lua" para facilitar la edición del archivo.

Consideraciones importantes:
- No puede haber errores de escritura en el archivo skin.lua
- No pueden confundirse las mayúsculas con las minúsculas
- No pueden usarse barras simples en la ruta del archivo
- No pueden usarse rutas completas de archivos "C:\\Mis Documentos\\WinDS PRO\\windspro\\skins\\mi_skin\\mi_archivo.png", siempre deben usar rutas relativas "windspro\\skins\\mi_skin\\mi_archivo.png"

Veamos el archivo Kingdom Hearts\skin.lua:
-- los comentarios sobre cada elemento se agregan con "--"
-- mi comentario simple
--[[ los comentarios en varias lineas se agregan con "--[["
y terminan con "]]--" al final. ]]--

Este archivo está comentado para explicar cada una de las partes que lo componen.

Spoiler:

-- si el usuario no ha elegido ninguna imágen de fondo continua cargando el fondo del skin:
if picture == "predeterminado" then
skn_windspro = {}

--[[ lo único que hay que cambiar es la ruta de la imágen, en vez de
"windspro\\skins\\Kingdom Hearts\\fondo.png" podría ser ""windspro\\skins\\Lainz Megasuperskin\\imagine.png" ]]--
skn_windspro.ImageFilename = "windspro\\skins\\Kingdom Hearts\\fondo.png"
Application.SetPageProperties("WinDS PRO", skn_windspro)
end

-- aquí pueden registrar fuentes, lo deben hacer siempre que usen una fuente personalizada, de lo contrario el skin usará Tahoma por defecto.
System.RegisterFont(_SourceFolder.."\\windspro\\skins\\Kingdom Hearts\\DelitschAntiqua.ttf", "DelitschAntiqua", true)

-- establece el área del fondo a la cual se puede hacer click, el resto se puede mover como el borde de una ventana.
skn_fondo = {}
skn_fondo.Width = 630
skn_fondo.Height = 318
skn_fondo.X = 0
skn_fondo.Y = 66
Hotspot.SetProperties("fondo", skn_fondo)

-- el boton "Cambiar Fondo"
skn_skin = {}

skn_skin.HighlightSound = SND_CUSTOM
skn_skin.HighlightSoundFile = "windspro\\skins\\Kingdom Hearts\\ha1.wav"
skn_skin.ClickSound = SND_CUSTOM

skn_skin.ClickSoundFile = "windspro\\skins\\Kingdom Hearts\\huoa.wav"
skn_skin.FontName = "DelitschAntiqua"

-- generalmente un signo de mas como .Text y el tamaño de la fuente 10
skn_skin.FontSize = 10
skn_skin.Text = "+"
skn_skin.ButtonFile = "windspro\\skins\\Kingdom Hearts\\plus.btn"

-- la posición del botón
skn_skin.X = 590
skn_skin.Y = 36

-- el tamaño del botón
skn_skin.Width = 36
skn_skin.Height = 30

-- los colores son Hexadecimales, los pueden encontrar en la web o en su programa de edición
skn_skin.ColorNormal = Math.HexColorToNumber("4C535C")
skn_skin.ColorHighlight = Math.HexColorToNumber("4C535C")
skn_skin.ColorDown = Math.HexColorToNumber("4C535C")
skn_skin.ColorDisabled = Math.HexColorToNumber("4C535C")
Button.SetProperties("cambiarfondo", skn_skin)

--
skn_barra = {}
skn_barra.ImageFile = "windspro\\skins\\Kingdom Hearts\\marco.png"
skn_barra.Width = 630
skn_barra.Height = 384
skn_barra.X = 0
skn_barra.Y = 0

-- la transparencia, 100 es nada transparente, 0 es totalmente transparente
skn_barra.Opacity = 100
Image.SetProperties("barra", skn_barra)

-- el ZOrder sirve para enviar atrás o al fondo del programa los objetos, es necesario si cambiamos la posición de los objetos
Page.SetObjectZOrder("barra", ZORDER_BACK, "")

-- esta es la música de fondo
Audio.Load(CHANNEL_BACKGROUND, "windspro\\skins\\Kingdom Hearts\\dearly_beloved.mp3", true, true)

Para más información sobre AutoPlay descarguen AutoPlay Media Studio Personal Edition y vean el archivo de ayuda.

5) Creando el .windsproskin

Cuando tengan todos los archivos hay que agregarlos a un archivo ".zip" y renombrarlo a ".windsproskin".

esta bien el tutorial

ps intentare mañana ya que es de noche y tengo sueño XD aber si no se me dificulta

Agrego una cosita, siempre deberán editar el archivo skin.lua, es obligatorio, ya que para el skin se cambiará la carpeta. Entonces, si usan Bloc de Notas presionen Ctrl+R (reemplazar), escriben en "Buscar" el nombre del skin o carpeta usado anteriormente (en el tuto sería Kingdom Hearts) y en "Reemplazar" ponen el nombre de la nueva carpeta. Luego a Reemplazar Todo, y eso configuraría que se use la carpeta nueva.

Al fin el tuto, me pondré a realizar un skin a ver si sale bien.

Gracias Lainz.

Es muy dificil! T_T
<----------- Estoy como mi imagen de lo dificil que es T_T

e.e @.@

Mucho muy confuso, pensaba que tenía que cambiar el nombre xD, me voy a descargar el autoplay media studio.

El audacity y el gimp son necesarios?

Zoroark escribió:e.e @.@

Mucho muy confuso, pensaba que tenía que cambiar el nombre xD, me voy a descargar el autoplay media studio.

El audacity y el gimp son necesarios?

Audacity es para editar el audio, yo no lo uso, Gimp es para editar los gráficos (un reemplazo gratuito de Photoshop).

Y autoplay para que se lo usa?

Zoroark escribió:Y autoplay para que se lo usa?

Es el programa para programar WinDS PRO XD, te lo recomiendo si le quieres cambiar muchas cosas, pero si no lo quieres bajar te paso por el msn el archivo de la ayuda, que te va a servir más XD

genial pero as un video me duele la cabeza XD

Yo ya lo haré mañana aver que me sale

Si es muy complicado se puede cambiar, hacerlo mas simple, pero no tan personalizable.

Se podrían editar los estilos, pero no la funcionalidad (los que hacen skins saben a lo que me refiero).

Joseriveiro escribió:Yo ya lo haré mañana aver que me sale

A ver si hay alguien más haciendo skins xD hace falta que alguien trabaje en eso (yo toy jugando a jugar, marcelo está jugando a inventar juegos, matiaxz está jugando a que canta reggaeton, y los demás hicieron 2 skins y desaparecieron xDD)

lainz escribió:Si es muy complicado se puede cambiar, hacerlo mas simple, pero no tan personalizable.

Se podrían editar los estilos, pero no la funcionalidad (los que hacen skins saben a lo que me refiero).

No me cambies las cosas!!! que después hay que aprender de nuevo!!

parece dificil y en realidad es dificil =)