Temas para TouchFlo3D (Diamond) - Página 8

**JAMILU007** · 09/04/09, 12:45:55

Hola a todos.
He retomado el trabajo en mis temas y ya tenéis disponible el tema rojo completo (V2).
Podéis descargar del sitio de costumbre.

Rajoar espero que lo pruebes y me comentes si encuentras algún error.

Saludos

r2man · 11/04/09, 13:27:52

Bueno Jamilu,

Aquí tienes 3 opciones a partir de la bateria que subiste
Al margen de la gran batería central, verás que te subo otras dos opciones con una batería más reducida que permiten ver mejor tu elegante fondo, y que además deja más espacio para las citas.
A ver que te parecen.
En cualquier caso cuando quieras te subo las imágenes de partida y te comento los pasos que yo sigo (por ejemplo creo que es mucho mejor pues simplifica mucho el trabajo partir originalmente de una única imagen con la bateria completa, y posteriormente una vez montada sobre el fondo trocearla en las 3 necesarias).

**JAMILU007** · 11/04/09, 18:29:37

Hola R2man.
Fantástico, queda genial, pero ahora tengo un grave problema.......
Me encantan las tres opciones y no se por cual decidirme.
Te agradecería me envíes las tres y los números, tienen el tamaño que yo quiero, hice unos pero son mas pequeños y contrastan con el menú Hoy.
Espero los archivos y tu método con ansiedad, tengo ganas de terminar el skin de S2U2.
Saludos.

r2man · 12/04/09, 13:05:14

Hola, de momento te subo los números del reloj en azul, de hecho son los que aparecen en la pantalla de muestra del S2U2 que Sergy subió en el post 1172 de su hilo (http://www.htcmania.com/showthread.php?t=17538&page=59) y que yo simplemente he retocado la tonalidad (bueno y añadido el separador ":")

Me pongo con las baterías, pero ahora que ho miro con detalle pienso que quizá el reflejo deberia ser un poco más discreto y no tan grande.

A ver si en 1/2 horilla te los puedo subir los 3 tipos.

r2man · 12/04/09, 13:51:26

Finalmente aquí están las 3 opciones para las baterías.

S2

**TOTI** · 12/04/09, 16:26:16

Cita:

Originalmente Escrito por r2man

Finalmente aquí están las 3 opciones para las baterías.

S2

R2MAN ¡SON PRECIOSAS! Cualquiera de las 3. No me extraña que ahora Jamilu no sepa por cual decidirse. Bs.

**JAMILU007** · 13/04/09, 08:34:25

Hola R2man.
Muchas gracias por tu ayuda, francamente no se por que opción decidirme pero creo que utilizare la batería pequeña situada a la derecha.
Comentabas que ibas a decirme el método que utilizas para el corte de la imagen, te agradecería me hiciera un pequeño tutoría a modo de medidas o lo que tu veas conveniente.
Ahora que tengo tus archivos ya puedo continuar con el skin y pronto estarán disponibles para su descarga.
Nuevamente muchas gracias r2man eres un crack del S2U2.

Saludos

r2man · 13/04/09, 09:39:25

Cita:

Originalmente Escrito por TOTI

R2MAN ¡SON PRECIOSAS! Cualquiera de las 3. No me extraña que ahora Jamilu no sepa por cual decidirse. Bs.

Gracias Toti, me he sonrojado, jejeje. Sin embargo hay que reconocer que a parte del fondo tan elegante de Jamilu, lo mejor de todo es el efecto que proporciona su brillante idea de hecer unas ventanillas en la pila.

Yo me he decantado por las últimas, y más concretamente la tercera, pues asi puedo visualizar hasta 3 citas sin que estas queden encima de la bateria.

r2man · 13/04/09, 09:46:59

Cita:

Originalmente Escrito por JAMILU007

Hola R2man.
Muchas gracias por tu ayuda, francamente no se por que opción decidirme pero creo que utilizare la batería pequeña situada a la derecha.
Comentabas que ibas a decirme el método que utilizas para el corte de la imagen, te agradecería me hiciera un pequeño tutoría a modo de medidas o lo que tu veas conveniente.
Ahora que tengo tus archivos ya puedo continuar con el skin y pronto estarán disponibles para su descarga.
Nuevamente muchas gracias r2man eres un crack del S2U2.

Saludos

Gracias por tus elogios Jamilu. Sobre el método, desconozco que programa de edición de imágenes utilizas pero de hecho los pasos son en realidad insultantemente sencillos comparado con los detalles de la edición de imágenes a los que estás acostumbrado (sombras, relieves, reflejos, etc.).

Me ha dado más faena ponerle un poquito de relieve, sombra interior en las ventanas y ajustar el reflejo que el montar las imágenes.

Si te parece lo comento por partes y aprovecho para ir subiendo las imágenes en cada caso que siempre ayudan a ilustrar el proceso.

r2man · 13/04/09, 10:00:36

Lo primero es comentar la estructura de las imágenes que indican el nivel de carga de la batería del S2U2.

Se compone de 5 imágenes en formato .PNG

Battery1.png (parte izquierda fija que no muestra el nivel de carga)
Battery2.png (parte central que muestra la parte descargada de la bateria)
Battery3.png (parte derecha fija que no muestra el nivel de carga)
Batteryc.png (se muestra si está conectado a la carga)
Batteryg.png (parte central que muestra la parte cargada de la bateria y puede cambiar de color si alcanza el nivel crítico del 20 %)

Es importante destacar que si se muestra la bateria desaparece el fondo de escritorio, quedando totalmente en negro, por lo que para conseguir visualizar nuestro fondo debemos integrarlo con las imágenes de nuestra bateria.

También indicar que (por lo que ho ye podido probar) integrar el fondo con la bateria es incompatible con mostrar el cable de carga, pues básicamente produce desplazamientos de las imágenes que no quedan bien. Por este motivo no incorporo el archivo Batteryc.png.

r2man · 13/04/09, 10:01:14

Lo primero es disponer de las imágenes que queremos utilizar para nuestra bateria con fondo en el S2U2, serán básicamente 3

El fondo que deseemos
La bateria completamente descargada
La bateria completamente cargada, o bien simplemente la parte de imagen que represente la carga.

r2man · 13/04/09, 10:01:32

Lo siguiente es montar la bateria totalmente vacía en la posición que deseemos que ocupe sobre nuestro fondo (VGA de 640 x 480). Lo haremos a nuestro gusto, pero lógicamente debemos tener presente que ha de quedar espacio para los iconos de notificación y del clima, así para el reloj, fecha, y posibles citas. En este sentido es conveniente utilizar una captura de pantalla del S2U2 con estos iconos y reloj para saber donde ubicar nuestra batería.
Una vez tenemos nuestro fondo con la bateria vacía, debemos cortarlo en 3 trozos verticales (evidentemente la suma de pixels de los 3 trozos debe ser 480). ¿En base a qué hemos de hacer esta división?, pues bien sencillo de toda la pantalla tan solo hay una parte que indicará la carga, la cual será la central, dejando a izquierda y derecha dos partes que completen el fondo, por tanto:
Seleccionamos la parte Central (destinado a indicar el nivel de carga) que es lo que se mostraría con la bateria totalmente descargada. Copiamos y pegamos como nueva imagen que deberemos guardaremos con el nombre Battery2.png

Ya tenemos la primera de las 4 imágenes necesarias!

r2man · 13/04/09, 10:01:53

Vamos a por las dos siguientes que seran las parte izquierda y derecha de la imágen anterior

Volvemos a la imagen original donde teníamos seleccionada la parte central de la bateria, en ella invertimos la selección de forma que queden seleccionadas la parte izquierda y la parte derecha, a partir de ahí es sencillo (dependiendo del programa utilizado) seleccionar cada parte por separado para posteriormente guardarlas

La parte de la izquierda no indicará nada y la deberemos guardaremos con el nombre Battery1.png
La parte de la derecha tampoco indicará nada y la debermos guardar con el nombre Battery3.png

Ya tenemos pues las dos imágenes que completan la pantalla, nos falta pues únicamente una que indique el nivel de carga.

r2man · 13/04/09, 10:02:22

Bien sólo falta la imagen Batteryg.png que es la que indicará el nivel de carga y tambien la carga crítica (si bien esto último es opcional).

Partiremos de la imagen central que guardamos con el nombre de Battery2.png
Sobre ella pegamos, encajando perfectamente en la posición adecuada, la imagen que representa la carga de la bateria, de forma que nos quede una bateria completamente cargada
Grabamos esta imagen con el nombre Batteryg.png

Con las 4 imágenes que tenemos hasta ahora, ya es suficiente para que nuestro S2U2 muestre la batería con el nivel de carga disponible en cada momento, ...peeeeero no cambiará de color cuando éste sea crítico, si queremos añadir esta "guinda final" a nuestro pastel, falta un último paso sobre imagen anterior (Batteryg.png) que comento en el siguiente post.

r2man · 13/04/09, 16:59:03

Si deseamos que se produzca un cambio de color que nos indique que estamos con una carga crítica (inferior al 20 %) debemos editar la imagen central de la bateria completamente cargada tal como la dejamos en el anterior post Batteryg.png, procediendo de la siguiente manera

Ampliamos el tamaño del lienzo de la imagen por su derecha (mínimo un 20 % de la anchura, yo suelo poner algo más pues no tiene importancia si sobra)
Nos queda asi la imagen anterior con un espacio en blanco a la derecha
Copiamos la imagen tal cual y la pegamos nuevamente justo en el espacio a la derecha sin que quede ninguna separación entre ambas
Ahora seleccionamos la carga de la batería de la parte derecha que acabamos de pegar (dependerá de la imagen en cuestión la selección precisa será más menos sencilla, así que otra opción es volver a pegar como una seleccion en esta parte derecha la imagen de la batería cargada en la posición correspondiente)
Cambiamos el color de esta selección a nuestro gusto (normalmente escogeremos un color llamativo como el rojo pues es una alarma de estado crítico de la batería)
Guardamos al imagen con el mismo nombre (Batteryg.png)

Si queremos que el aviso de cambio de color en estado crítico sea al 10 % bastará con cambiar el color sólo en esta parte de la batería.

No sé si me he explicado más o menos bien pero, espero que te os sea de ayuda para crearos vuestras propias pantallas, que como veis es bastante sencillo y rápido.

S2

r2man · 13/04/09, 17:45:33

Bueno ya puestos subo las 4 imágenes Battery#.png finales así como las originales del proceso en un zip, y una captura de como quedaría el resultado.

**JAMILU007** · 13/04/09, 18:06:24

Dios, esto es un tutoría en toda regla.
Muchas gracias r2man, tu procedimiento es como tu dices bastante sencillo, yo estaba equivocado porque pensaba que el barrido de la carga para la bacteria tenia un sitio determinado en la pantalla y tenia que encajar la batería perfectamente en este sitio.
Por tu explicación entiendo que puedes colocar la batería en cualquier lugar de la pantalla ya que el barrido es de izquierdas a derechas durante toda la pantalla...no?

Corrígeme si me equivoco.
Para tu información utilizo el programa de edición Gimp, no es tan potente como el Photoshop de Adobe pero me las arreglo muy bien con el.

Aprovecho para hacerte una pregunta.
El barrido es siempre de la derecha a la izquierda, es posible cambiar este sentido..?
Por ejemplo que comience abajo y termine arriba.
Si esto es posible tengo un par de ideas que quedaría muy bien.

Bueno muchas gracias de nuevo por el esfuerzo que realizas.
Saludos crack.

r2man · 13/04/09, 18:19:05

Cita:

Originalmente Escrito por JAMILU007

Dios, esto es un tutoría en toda regla.
Muchas gracias r2man, tu procedimiento es como tu dices bastante sencillo, yo estaba equivocado porque pensaba que el barrido de la carga para la bacteria tenia un sitio determinado en la pantalla y tenia que encajar la batería perfectamente en este sitio.
Por tu explicación entiendo que puedes colocar la batería en cualquier lugar de la pantalla ya que el barrido es de izquierdas a derechas durante toda la pantalla...no?

Corrígeme si me equivoco.
Para tu información utilizo el programa de edición Gimp, no es tan potente como el Photoshop de Adobe pero me las arreglo muy bien con el.

Aprovecho para hacerte una pregunta.
El barrido es siempre de la derecha a la izquierda, es posible cambiar este sentido..?
Por ejemplo que comience abajo y termine arriba.
Si esto es posible tengo un par de ideas que quedaría muy bien.

Bueno muchas gracias de nuevo por el esfuerzo que realizas.
Saludos crack.

Gracias Jamilu,

Efectivamente la indicación de carga de bateria puede estar en cualquier sitio de la pantalla y adoptando cualquier forma y color.

De momento el barrido siempre es horizontal de izquierda a derecha sin poder darle forma alguna lo cual hace que las baterias en 3D como la anterior se vea algo "rarilla".

Se trata de un sencillo programa que está en fase de desarrollo lo cual tiene sus ventajas e inconvenientes de tener que hacer de conejillos de indias con las continuas versiones que siempre tienen algún problemilla. Pero de momento va de narices, y además de útil me proporciona horas de entretenimiento con el diseño y personalización de las pantallas!!. ¿Qué más se puede pedir?

PD. El Gymp? no lo conozco, yo uso el Corel Paint Shop Pro, que tampoco llega al Photoshop pero que ya no me lo acabo de tantas opciones, efectos y virguerías como tiene.

**JAMILU007** · 13/04/09, 18:39:04

Bien r2man,
Que lastima que solo funcione el barrido en horizontal, pero no pasa nada de esta manera ya esta pero que muy bien.

El editor GIMP es una pasada y totalmente gratuito, si quieres pegar un vistazo te dejo un enlace a su pagina oficial.
http://www.gimp.org.es
En realidad no tiene mucho que envidiar al gran Photoshop es realmente potente.

Bueno pues continuo con la construcción del Skin para el S2U2, ahora estoy con los iconos del weather, en cuanto tenga algo que mostrar pongo una imagen.

Gracias por todo r2man, para lo que necesites ya sabes.

r2man · 13/04/09, 19:02:16

Cita:

Originalmente Escrito por JAMILU007

Bien r2man,
Que lastima que solo funcione el barrido en horizontal, pero no pasa nada de esta manera ya esta pero que muy bien.

El editor GIMP es una pasada y totalmente gratuito, si quieres pegar un vistazo te dejo un enlace a su pagina oficial.
http://www.gimp.org.es
En realidad no tiene mucho que envidiar al gran Photoshop es realmente potente.

Bueno pues continuo con la construcción del Skin para el S2U2, ahora estoy con los iconos del weather, en cuanto tenga algo que mostrar pongo una imagen.

Gracias por todo r2man, para lo que necesites ya sabes.

Tomo nota del enlace del Gimp, pero confieso que a una cierta edad ya se me hace cuesta arriba empezar a picar piedra con un nuevo programa de edición!!, jejeje.

Por cierto Jamilu!, te paso tu bateria tal como la dejé para montar la pantalla de tu tema, por si te resulta de utilidad y te ahorra algo de trabajo para el resto de tu gama de colores.