Como sabrán, las nuevas versiones del Tunes 3.x soporta animación en sus pieles, por ello es que necesitamos usar el eTunesSkinner en su versión 1.3 o superiores.
Básicamente las partes del programa son estas (solamente hemos resaltado las partes nuevas del programa, el resto de las mismas son muy intuitivas, además pueden descargar el Tutorial Nº 1 con una completa descripción del programa):
<< Descripción del Programa >>
1- Etiqueta de Edición
Este panel consta de 3 elementos. SRINGS, desde donde podemos acomodar o ubicar cada uno de los diferentes textos de la skin; IMÃGENES, desde donde podemos acomodar o ubicar cada una de las imágenes que componen la skin; finalmente, OBJETOS, desde donde vamos a acomodar o ubicar los rectángulos de `progreso´ y `volumen´.
2- Etiqueta de Estructura
Desde aquí vamos a cargar o borrar cada una de las diferentes imágenes o GIF´™s que componen la skin que luego acomodaremos desde la Etiqueta Edición Imágenes.
3- Etiqueta de Configuración
Desde aquí podemos elegir el Idioma, Letra (únicamente para cambiar el aspecto del programa, sin afectar las fuentes del celular), y activar la visualización de la Animación (solamente afecta a la visualización en la PC, al tildar la opción podremos ver el GIF animado mientras editamos la skin).
4- Coordenadas de Posicionamiento
Desde estos 4 controladores podemos controlar la posición en altura y longitud de cada String, Imagen u Objeto.
5- Selectores de color
Bueno, no es muy difícil, sirve para seleccionar el color, apareciendo el color y su código hexadecimal, asique con algún programa tipo FireWorks al seleccionar el color pueden ver su código y copiarlo aquí, o bien usar la herramienta de selección que trae el programa eTunesSkinner
6- Fuente
Desde aquí podemos elegir la fuente para cada String. Es decir, al tener Multifont, podemos seleccionar diferentes fonts, de manera que luego podremos ver el titulo del MP3 con uno de los tipos de letras que tengamos instalada. Asi también podemos hacer que las mismas se vean en los tipos conocidos, es decir, Negrita, Cursiva o ambas simultáneamente.
7- Zoom
Es un rectángulo de zoom, desde donde veremos maximizada la imagen que seleccionamos con el puntero del mouse.
8- GIF Animado
Esta es una de las cosas nuevas del Tunes3.x, es la animación (`ani´), la cual podemos posicionar donde queramos y darle la forma que queramos. (Ver Etiqueta de Configuración, punto 3)
9- Indicador de Silencio
Otra de las cosas nuevas de estas versiones del tunes, lo que hace es agregar un GIF que hace referencia al silencio, presionando el 0 con el celular el volumen automáticamente se coloca en silencio, donde debería aparecer el correspondiente GIF indicador.
10- Activación del Silencio
Nos permite ver donde estará ubicado el GIF de silencio mientras editamos el Skin
11- Línea de Estado
Al activar este casillero, la barra de estado desaparece, permitiéndonos hacer una skin de pantalla completa, para ello deben crear una imagen de 176 x 220 y luego acomodarla.
<< Ejemplificando >>
Para este paso vamos a crear una skins que llamaremos `Serene´ y que va a estar incluida en la carpeta de skins del Tunes en la Fv360 3.1 Final MP
El primer y más importante paso consiste en la creación con cualquier editor de imágenes en formato GIF (personalmente prefiero Fireworks de Macromedia) de la imagen principal de nuestra skin´¦
Para ejemplificar, decidimos crear una skin de pantalla completa, por lo tanto debemos crear una imagen del tamaño de nuestra pantalla del celular = 176 x 220´¦
La creación de la misma depende mucho del ingenio y gusto personal, lo que si recomendamos para lograr hacer más fácil el trabajo, es pegar en la misma imagen los diferentes botones de reproducción, en nuestro ejemplo serían estos:
Una vez que hayamos creado nuestros botones en la imagen principal, lo que vamos a hacer es cortar cada uno de estos botones y pegarlas en un documento nuevo, de manera que tengamos aislado cada uno de los mismos, asi podemos hacer la modificación de los mismos para el efecto seleccionado y luego podamos fácilmente agregarlos a nuestra skin
(Ver etiquetas de Edición y Estructura, Puntos 1 y 2).
Este mismo proceso podemos hacer con los botones de `Silencio´, `Aleatorio´, `Repetir una´ y `Repetir todas´, los creamos, los pegamos en nuestra imagen principal y luego recortamos la parte correspondiente, de esta manera tenemos el icono con el mismo fondo de la imagen y lograr un efecto visual limpio y claro.
Cuando tengamos todas nuestras imágenes listas (fondo principal, botones de reproducción y botones de Silencio, etc), vamos a empezar a trabajar con el editor de skins `eTunesSkinner´.
Lo Primero que tenemos que hacer es cargar nuestra imagen de tamaño 176 x 220, lo que vamos a hacer es tildar la opción `Línea de Estado´ (punto 11), luego en la pestaña Estructura seleccionamos la imagen SoftPicture y la borramos. Esta imagen es la de los botones soft izquierdo (Regresar) y derecho (Ocultar). Luego seleccionamos TitlePicture y la reemplazamos por la imagen que terminamos de crear.
Este mismo paso lo repetimos con todas aquellas imágenes que queramos, las que no vamos a utilizar es mejor borrarlas, en el caso de este Ejemplo, hemos borrado los indicadores de Silencio, Repetición y Aleatorio.
Ahora, cuando llegamos a la Animación, lo que vamos a hacer es tomar la animación que queremos introducir, la renombramos a `ani´ y la pegamos dentro de la carpeta Temp que se genera dentro de la carpeta del eTunesSkinner v1.3 y para más seguridad también la copiamos dentro de la carpeta de la skins que estamos creando.
Lamentablemente por un bug de esta versión del programa, para que tome correctamente la carga del ani.gif, debemos guardar la skin, cerrar el programa y volver a cargar la skin. En este punto ya veremos correctamente la animación, y si hemos tildado la opción pertinente dentro de la pestaña configuración, veremos la animación completamente.
Bueno, una vez que hayamos cargado todas las imágenes y tengamos bien cargada nuestra animación, no queda mas que comenzar a trabajar con la Pestaña `Editando Piel´ y empezar a acomodar cada String, Imagen y Objeto de la manera que queramos. Para ello nos serviremos de las coordenadas de posicionamiento que vimos en el punto 4 de esta guía.
Un detalle a tener en cuenta, es lo atinente a los colores de fondo de los relojes. Como sabemos es imposible ponerlos en transparente, asique tenemos que diseñar un lugar dentro de nuestra imagen en la que solo tengamos un color de fondo, así luego con el programa de edición de las skins sólo tenemos que hacer coincidir el color de fondo de los relojes con el color de fondo del área que hemos diseñado para ellos.
Luego de esto, nuestra skin está lista, solo nos queda subirla a nuestra TF (/b/Elf/Skins/), es recomendable asignar a la carpeta de la skins `Serene´ en nuestro ejemplo, el carácter de Oculto, para ello, seleccionamos la carpeta, presionamos botón derecho > propiedades > tildar el atributo oculto. Hecho esto, la subimos a nuestras tarjetas y corroboramos que este perfecta como nosotros queramos.
Descargar Serene Skin by martincasc
Esperamos que este Tuto haya sido de ayuda y cualquier cosa remítanse a la sección ELF´™s y dentro de ella al tema correspondiente a la edición de Skins.
Descargar Tuto en PDF
Este tutorial ha sido realizado por miembros del Staff de www.modmovil.com, el mismo puede ser colgado en cualquier otro web mencionando el origen y autores del mismo. Queda completamente prohibido el uso lucrativo del mismo.
Staff del Foro
Staff del Foro
