tutorial simbian temas nokia 5800 N97 5530
Bueno como lo prometí este es el segundo tuto o más bien la continuación o complemento del otro tuto,… si no has leído el anterior ingresa aquí:
http:///posts/celulares/6357644/Crear-temas-para-nokia-5530-,-5800-,-n97-etc_.html
En esta ocasión no será más que una guía de cómo cambiar lo que nos faltó en la ocasión anterior
Pues bien es hora de comenzar primero descarguen estos archivos que ocuparemos como plantillas:
http://www.megaupload.com/?d=QA0WVFUJ
Bueno si ya se han dado cuenta los temas son capases de trabajar con archivos svgb y bmp.En este caso los archivos "svgb" son muy difíciles de editar yo lo he intentado con muchos editores sin el éxito que yo esperaba ya que al ingresarlos en mi tema en muchas ocasiones me marcan error y o la imagen se veía mal, por tal motivo se me hizo más fácil subir una plantilla que contenga imágenes en "bmp." Y así lo editan con el editor que más les guste yo utilizo elphotoshop que es el que más conozco y me parece el más completo por la versatilidad de manejo de archivos.
Como ya saben las imágenes en general que se utilizan en los temas son “bmp." a 24 bits”
Bueno pues en los iconos con una calidad de 24 bits muestro sistema simbian no lo reconoce y no lo mostraría. Que significa esto, que los iconos deben ser de una calidad inferior, además deben de llevar una máscara, así que hay que tener especial cuidado de no confundirnos al cambiar los iconos.
De tal forma que los iconos y máscaras serán de la siguiente resolución:
Iconos principales: 100 x 100 pixeles 16 bits,color
Mascara: 100 x 100 pixeles 8 bits, grayscale
Iconos secundarios: 71 x 51 pixeles 16 bits, color
Mascara: 71 x 71 pixeles 8 bits, grayscale
Déjenme darles una breve explicación de porqué es así para que lo comprendan mejor y porque se utilizan las máscaras en los iconos,… en realidad los iconos que muestra nuestro tema simbian no son iconos como tal ose no son imágenes en formato “ico.” o “png” sino que son imágenes bmp. (En ocasiones svgb. Pero no lo utilizaremos en este caso). Y las imágenes “bmp.” no son capaces de tener el fondo en color transparente, por lo cual:
La imagen de un icono del tamaño mencionado se vería así.
Y una máscara se vería de esta manera.
Ahora si juntamos la máscara y el iconoseria así como lo veríael sistema:
Y si se dan cuenta el color blanco de la máscara no influiría ya que nuestro sistema la máscara al tener una resolución de 8 bits cree que es un color transparente y no lo toma en cuenta y el color negro sabe que es para enmascarar el icono y al utilizarlo lo ocupa para delimitar el cuerpo de nuestro icono y lo mostraría de esta manera.
Y en el tema seria así:
Sin mascara
Con mascara
Buenodespués de estabreve explicación comencemos a trabajar, bien la forma de cambiar un iconoes la mismaque la de cualquier imagen que ya hayan cambiado con susotrostemas,con la diferencia de que los iconosserán de 16 bits en color y las máscaras de 8bit en grayscale(escala de grises o blanco y negro).
Yo para crear los iconos y máscaras lo hago con photoshop ya que me permite trabajar con capas y png que son los que utilizo para crear mis propios iconos ya que en la red hay una cantidad impresionante para descargar pero ustedes pueden usar el que más les guste,…. un ejemplo supongamos que quiero hacer un icono y una mascar una imagen en formato png:
Lo que hago es abrirlo con el editor y primero lo guardo como “bmp.a 16 bits” y quedaría una imagen con fondo
blanco y no transparente:
Ahora para la máscara solo inserta una capa nueva Vacía y relleno el color transparente de la nueva capa en color negro para que quede así.
Y por último selecciono la capa del dibujo cambio la imagen en color por blanco y negro,modifico los niveles de exposición para que quede totalmente en blanco y la guardo en formato de ”bmp.a 8 bits” para que quede así:
Bueno supongo que la mayoría de los que han estado leyendo estos tutos saben algo de diseño gráfico así que no explicare nada de cómo crear los iconos y máscarasy no es porque se mala onda o egoísta sino que eso sería tema de un tuto muy extenso que sería cuestión de otro post independiente y muy largo,…. si les interesa lo podría hacer para que creen sus propios logos y demás,.. Solo díganlo y veremos para hacer uno para principiantes.
Bueno pasando al tema que nos compete paso a lo siguiente:
1.-carpeta “TEMA BASE”:la plantilla que modificaran para crear su tema
2.-carpeta “backgrouns”: contiene las imágenes de fondos de pantalla
3.-carpeta “barra de progreso”: como se imaginaran es la barra que se desplaza cuando instalan algo o abren algún archivo
4.-Carpeta “cuadros de diálogos”: estas imágenes aparecen en todos los cuadros de diálogos y submenús
5.-carpeta“iconosbig”: estos iconos son los iconos principales de los menús de nuestro celular
6.-carpeta “iconos small”: estos son los iconos de la lista del submenú de las aplicaciones por ejemplo si abrimos los mensajes el icono que aparece en escribir el mensaje o mensajes recibidos etc.
7.-Tema Mac OSX Leopard.sis: para que lo instalen y vean todos los iconos he imágenes del tema que modificaran.
Para que vean mejor de que les hablo instalen el tema de “Mac OSX Leopard” que incluí en los archivos del tuto ya que la plantilla que utilizaremos es de ese tema para que vean donde van los iconos las imágenes y descubran por ustedes mismos para que sirve cada una de ellas y así experimenten y hagan sus pruebas que solo así dominaran la personalización de sus temas ya saben lo que se dicen la práctica hace al maestro.
Bueno como les dije anteriormente las imágenes de las carpetas
1.-backgrounds
2.-Barra de progreso
3.-Cuadros de diálogos
Se modificaran o sustituirán en “bmp. de 24 bits en color” de la forma que se hacía en el otro tuto así que no hablare de eso ya en este momento.
En los iconos será de esta manera abrimos el programa de SIScontens nos vamos a la pestaña Entry y abrimos muestro archivó mbm. Y recuerden que lo que hagamos en este lo haremos en el segundo archivo también sé que es laborioso pero quedara exactamente a su gusto cada tema que hagan.
Para cambiar la imagen del icono solo hay que dar con el ratón clic derecho y seleccionar el nombre de la imagen a remplazar damos clic en replaceluego vamos a explorar donde tenemos guardadas nuestras imágenes y seleccionar la imagen con el mismo nombre y debe estar seleccionado bitmapquality:” 16 bit,colour” y dale clic en ok, así le tendremos que hacer con cada una de nuestras imágenes de iconos.
Para la máscara de nuestro icono será de la misma forma si observan en su carpeta de iconos la imagen del icono va seguido de la imagen de la máscara así que pueden cambiar el icono seguidamente de su máscara para mayor rapidez.
Para cambiar la imagen de mascara hay que dar con el ratón clic derecho y seleccionar el nombre de la imagen a remplazar damos clic en replaceluego vamos a explorar donde tenemos guardadas nuestras imágenes de máscaras y seleccionar la imagen con el mismo nombre y debe estar seleccionado bitmapquality:” 8 bit,grayscale” y dale clic en ok.
Bueno esto sería lo único que harían para cambiar los iconos y máscaras Ya saben que los dos archivos mbm. De nuestro tema deben ser modificados.
Este tema lo puse como forma independiente ya que las plantillas que usaremos serán de imágenes “svgb.” Y estas se pueden cambiar de forma diferente aunque también se pueden cambiar de la forma en que vimos anteriormentepero quiero mostrarles cómo cambiarlas de la otra forma.Así que vamos a comenzar.
Primero descarguen estas plantillas:
http://www.megaupload.com/?d=C0CDDPCT
Estas son varias carpetas con iconos de batería y reloj de diferentes colores.
Recuerdan que la vez anterior en los archivos skn. Solo editamos las pestañas “names y colours” pues bien en esta ocasión si utilizaremos las pestañas “applicationicons y resourses” .
1.-Application icons: contiene todo el listado de los iconos de cada una de nuestras aplicaciones y que imagen “bmp.” O “svgb.” Corresponde a cada aplicación. Desde aquí se pueden sustituir las imágenes “svgb.”Más no podemos sustituir las “bmp.”
2.-Resourses: contiene el listado de todas las imágenes como background ,cuadros de dialogo, iconos de señal e iconos de batería etc. Desde aquí también se pueden sustituir las imágenes “svgb. Mas no las “bmp.”
En cuanto a los iconos de señal y de batería las imagines que contienen las carpetas que descargaron corresponden de acuerdo a la siguiente lista:
LAS DE BATERIA Y SEÑAL
Entry12.svgb =SignalStrength
Entry13.svgb =Landscape Signal Strength
Entry14.svgb=Battery Strength
Entry15.svgb=Landscape Battery Strength
LAS DEL RELOG
Entry16.svgb=Analogue Clock Face 1
Entry17.svgb=Current Day Border
Entry18.svgb=Analogue Clock Face 2
Entry19.svgb=Hour Pointer
Entry20.svgb=Minute Pointer
Entry21.svgb=Number 0
Entry22.svgb=Number 0 Shape
Entry23.svgb=Number 1
Entry24.svgb=Number 1 Shape
Entry25.svgb=Number 2
Entry26.svgb=Number 2 Shape
Entry27.svgb=Number 3
Entry28.svgb=Number 3 Shape
Entry29.svgb=Number 4
Entry30.svgb=Number 4 Shape
Entry31.svgb=Number 5
Entry32.svgb=Number 5 Shape
Entry33.svgb=Number 6
Entry34.svgb=Number 6 Shape
Entry35.svgb=Number 7
Entry36.svgb=Number 7 Shape
Entry37.svgb=Number 8
Entry38.svgb=Number 8 Shape
Entry39.svgb=Number 9
Entry40.svgb=Number 9 Shape
Entry41.svgb=Separator Stop
Entry42.svgb=Separator stop Shape
Entry43.svgb=Separator Colon
Entry44.svgb=Separator colon Shape
Para cambiar las imagines svgb de la bacteria, señal y reloj es la siguiente:
Abrimos nuestro programa y cargamos nuestra plantilla que está en la carpeta “TEMa BASE” luego nos vamos a la pestaña Entry y le damos doble clic.
En la siguiente ventana nos vamos a: resoursers/Indicators/Signal –Battery-Indicators
Si se fijan ahí encontramos :SignalStrength, LadscapeSignalStrength, etc.
Bueno pues seleccionamos a cada uno de los ítems de ahí cliqueamos “ReplaceResourse”
Aparece otra ventana seleccionamos “Load From file”buscamos la imagen de donde hayamos guardado las plantillas de la bat y signal y le damos ok.
Por ejemplo:
En la plantilla de nuestro tema :
“SignalStrength” es la imagen “Entry319.svgb”
Y la sustituiremos por:
Entry12.svgb =SignalStrength
Que es el número que tiene en la imagen que descargaron de la carpeta de imágenes de señal batería y reloj.
Para cambiar el reloj es exactamente igual:
Nosvamos a:Resoursers/Applicatiopns/Clocks.
Seleccionamos el ítem a cambiar,clicquemos ReplaceResourse
Seleccionamos, Load Fromm File, buscamos nuestra imagen y cliqueamos en ok.
Igual que en la batería y señal:
“AnalogueClock Fase 1” es la imagen “Entry361.svgb”
Y la remplazaremos por:
Entry16.svgb=AnalogueClockFace 1
Así seríacon cada uno de los ítems y solo cambien las imágenes que aparecen en el tema, puede variar la cantidad de imágenes, pueden ser menos que la que tienen en sus carpetas que descargaron pero yo puse todas las que se pueden cambiar hay que tener cuidado en los nombres.
Ya cuando hayan terminado guardan y firman su tema y estará listo para instalar
Como ven esto no es tan complicado más bien es repetitivo con la práctica lo harán muy rápido y ya teniendo sus propias plantillas pues mejor , les digo que cuando yo empecé no tenía ni idea de que estaba haciendo así que madamas me avente como una semana para hacer un tema……. Ahora lo hago en 10 minutos así que tengan paciencia que ya que experimenten pues tendrán sus trucos y mañas para hacerlo más rápido.
Me despido con un saludo esperando sus comentarios que es gratificante saber que de algo les sirvió este trabajo
Comentarios y sugerencias pueden mandar mensaje a mi mail ato-g@hotmail.com
http:///posts/celulares/6357644/Crear-temas-para-nokia-5530-,-5800-,-n97-etc_.html
En esta ocasión no será más que una guía de cómo cambiar lo que nos faltó en la ocasión anterior
Pues bien es hora de comenzar primero descarguen estos archivos que ocuparemos como plantillas:
http://www.megaupload.com/?d=QA0WVFUJ
INTRODUCCION
Bueno si ya se han dado cuenta los temas son capases de trabajar con archivos svgb y bmp.En este caso los archivos "svgb" son muy difíciles de editar yo lo he intentado con muchos editores sin el éxito que yo esperaba ya que al ingresarlos en mi tema en muchas ocasiones me marcan error y o la imagen se veía mal, por tal motivo se me hizo más fácil subir una plantilla que contenga imágenes en "bmp." Y así lo editan con el editor que más les guste yo utilizo elphotoshop que es el que más conozco y me parece el más completo por la versatilidad de manejo de archivos.
Como ya saben las imágenes en general que se utilizan en los temas son “bmp." a 24 bits”
Bueno pues en los iconos con una calidad de 24 bits muestro sistema simbian no lo reconoce y no lo mostraría. Que significa esto, que los iconos deben ser de una calidad inferior, además deben de llevar una máscara, así que hay que tener especial cuidado de no confundirnos al cambiar los iconos.
De tal forma que los iconos y máscaras serán de la siguiente resolución:
Iconos principales: 100 x 100 pixeles 16 bits,color
Mascara: 100 x 100 pixeles 8 bits, grayscale
Iconos secundarios: 71 x 51 pixeles 16 bits, color
Mascara: 71 x 71 pixeles 8 bits, grayscale
Déjenme darles una breve explicación de porqué es así para que lo comprendan mejor y porque se utilizan las máscaras en los iconos,… en realidad los iconos que muestra nuestro tema simbian no son iconos como tal ose no son imágenes en formato “ico.” o “png” sino que son imágenes bmp. (En ocasiones svgb. Pero no lo utilizaremos en este caso). Y las imágenes “bmp.” no son capaces de tener el fondo en color transparente, por lo cual:
La imagen de un icono del tamaño mencionado se vería así.
Y una máscara se vería de esta manera.
Ahora si juntamos la máscara y el iconoseria así como lo veríael sistema:
Y si se dan cuenta el color blanco de la máscara no influiría ya que nuestro sistema la máscara al tener una resolución de 8 bits cree que es un color transparente y no lo toma en cuenta y el color negro sabe que es para enmascarar el icono y al utilizarlo lo ocupa para delimitar el cuerpo de nuestro icono y lo mostraría de esta manera.
Y en el tema seria así:
Sin mascara
Con mascara
Buenodespués de estabreve explicación comencemos a trabajar, bien la forma de cambiar un iconoes la mismaque la de cualquier imagen que ya hayan cambiado con susotrostemas,con la diferencia de que los iconosserán de 16 bits en color y las máscaras de 8bit en grayscale(escala de grises o blanco y negro).
Yo para crear los iconos y máscaras lo hago con photoshop ya que me permite trabajar con capas y png que son los que utilizo para crear mis propios iconos ya que en la red hay una cantidad impresionante para descargar pero ustedes pueden usar el que más les guste,…. un ejemplo supongamos que quiero hacer un icono y una mascar una imagen en formato png:
Lo que hago es abrirlo con el editor y primero lo guardo como “bmp.a 16 bits” y quedaría una imagen con fondo
blanco y no transparente:
Ahora para la máscara solo inserta una capa nueva Vacía y relleno el color transparente de la nueva capa en color negro para que quede así.
Y por último selecciono la capa del dibujo cambio la imagen en color por blanco y negro,modifico los niveles de exposición para que quede totalmente en blanco y la guardo en formato de ”bmp.a 8 bits” para que quede así:
Bueno supongo que la mayoría de los que han estado leyendo estos tutos saben algo de diseño gráfico así que no explicare nada de cómo crear los iconos y máscarasy no es porque se mala onda o egoísta sino que eso sería tema de un tuto muy extenso que sería cuestión de otro post independiente y muy largo,…. si les interesa lo podría hacer para que creen sus propios logos y demás,.. Solo díganlo y veremos para hacer uno para principiantes.
Bueno pasando al tema que nos compete paso a lo siguiente:
ARCHIVOS QUE CONTIENE EL COMPRIMIDO QUE DESCARGARON
1.-carpeta “TEMA BASE”:la plantilla que modificaran para crear su tema
2.-carpeta “backgrouns”: contiene las imágenes de fondos de pantalla
3.-carpeta “barra de progreso”: como se imaginaran es la barra que se desplaza cuando instalan algo o abren algún archivo
4.-Carpeta “cuadros de diálogos”: estas imágenes aparecen en todos los cuadros de diálogos y submenús
5.-carpeta“iconosbig”: estos iconos son los iconos principales de los menús de nuestro celular
6.-carpeta “iconos small”: estos son los iconos de la lista del submenú de las aplicaciones por ejemplo si abrimos los mensajes el icono que aparece en escribir el mensaje o mensajes recibidos etc.
7.-Tema Mac OSX Leopard.sis: para que lo instalen y vean todos los iconos he imágenes del tema que modificaran.
Para que vean mejor de que les hablo instalen el tema de “Mac OSX Leopard” que incluí en los archivos del tuto ya que la plantilla que utilizaremos es de ese tema para que vean donde van los iconos las imágenes y descubran por ustedes mismos para que sirve cada una de ellas y así experimenten y hagan sus pruebas que solo así dominaran la personalización de sus temas ya saben lo que se dicen la práctica hace al maestro.
MODIFICASION DE NUESTRO TEMA
Bueno como les dije anteriormente las imágenes de las carpetas
1.-backgrounds
2.-Barra de progreso
3.-Cuadros de diálogos
Se modificaran o sustituirán en “bmp. de 24 bits en color” de la forma que se hacía en el otro tuto así que no hablare de eso ya en este momento.
En los iconos será de esta manera abrimos el programa de SIScontens nos vamos a la pestaña Entry y abrimos muestro archivó mbm. Y recuerden que lo que hagamos en este lo haremos en el segundo archivo también sé que es laborioso pero quedara exactamente a su gusto cada tema que hagan.
Para cambiar la imagen del icono solo hay que dar con el ratón clic derecho y seleccionar el nombre de la imagen a remplazar damos clic en replaceluego vamos a explorar donde tenemos guardadas nuestras imágenes y seleccionar la imagen con el mismo nombre y debe estar seleccionado bitmapquality:” 16 bit,colour” y dale clic en ok, así le tendremos que hacer con cada una de nuestras imágenes de iconos.
Para la máscara de nuestro icono será de la misma forma si observan en su carpeta de iconos la imagen del icono va seguido de la imagen de la máscara así que pueden cambiar el icono seguidamente de su máscara para mayor rapidez.
Para cambiar la imagen de mascara hay que dar con el ratón clic derecho y seleccionar el nombre de la imagen a remplazar damos clic en replaceluego vamos a explorar donde tenemos guardadas nuestras imágenes de máscaras y seleccionar la imagen con el mismo nombre y debe estar seleccionado bitmapquality:” 8 bit,grayscale” y dale clic en ok.
Bueno esto sería lo único que harían para cambiar los iconos y máscaras Ya saben que los dos archivos mbm. De nuestro tema deben ser modificados.
CAMBIO DE ICONOS DE BAT Y RELOG
Este tema lo puse como forma independiente ya que las plantillas que usaremos serán de imágenes “svgb.” Y estas se pueden cambiar de forma diferente aunque también se pueden cambiar de la forma en que vimos anteriormentepero quiero mostrarles cómo cambiarlas de la otra forma.Así que vamos a comenzar.
Primero descarguen estas plantillas:
http://www.megaupload.com/?d=C0CDDPCT
Estas son varias carpetas con iconos de batería y reloj de diferentes colores.
Recuerdan que la vez anterior en los archivos skn. Solo editamos las pestañas “names y colours” pues bien en esta ocasión si utilizaremos las pestañas “applicationicons y resourses” .
1.-Application icons: contiene todo el listado de los iconos de cada una de nuestras aplicaciones y que imagen “bmp.” O “svgb.” Corresponde a cada aplicación. Desde aquí se pueden sustituir las imágenes “svgb.”Más no podemos sustituir las “bmp.”
2.-Resourses: contiene el listado de todas las imágenes como background ,cuadros de dialogo, iconos de señal e iconos de batería etc. Desde aquí también se pueden sustituir las imágenes “svgb. Mas no las “bmp.”
En cuanto a los iconos de señal y de batería las imagines que contienen las carpetas que descargaron corresponden de acuerdo a la siguiente lista:
LAS DE BATERIA Y SEÑAL
Entry12.svgb =SignalStrength
Entry13.svgb =Landscape Signal Strength
Entry14.svgb=Battery Strength
Entry15.svgb=Landscape Battery Strength
LAS DEL RELOG
Entry16.svgb=Analogue Clock Face 1
Entry17.svgb=Current Day Border
Entry18.svgb=Analogue Clock Face 2
Entry19.svgb=Hour Pointer
Entry20.svgb=Minute Pointer
Entry21.svgb=Number 0
Entry22.svgb=Number 0 Shape
Entry23.svgb=Number 1
Entry24.svgb=Number 1 Shape
Entry25.svgb=Number 2
Entry26.svgb=Number 2 Shape
Entry27.svgb=Number 3
Entry28.svgb=Number 3 Shape
Entry29.svgb=Number 4
Entry30.svgb=Number 4 Shape
Entry31.svgb=Number 5
Entry32.svgb=Number 5 Shape
Entry33.svgb=Number 6
Entry34.svgb=Number 6 Shape
Entry35.svgb=Number 7
Entry36.svgb=Number 7 Shape
Entry37.svgb=Number 8
Entry38.svgb=Number 8 Shape
Entry39.svgb=Number 9
Entry40.svgb=Number 9 Shape
Entry41.svgb=Separator Stop
Entry42.svgb=Separator stop Shape
Entry43.svgb=Separator Colon
Entry44.svgb=Separator colon Shape
Para cambiar las imagines svgb de la bacteria, señal y reloj es la siguiente:
Abrimos nuestro programa y cargamos nuestra plantilla que está en la carpeta “TEMa BASE” luego nos vamos a la pestaña Entry y le damos doble clic.
En la siguiente ventana nos vamos a: resoursers/Indicators/Signal –Battery-Indicators
Si se fijan ahí encontramos :SignalStrength, LadscapeSignalStrength, etc.
Bueno pues seleccionamos a cada uno de los ítems de ahí cliqueamos “ReplaceResourse”
Aparece otra ventana seleccionamos “Load From file”buscamos la imagen de donde hayamos guardado las plantillas de la bat y signal y le damos ok.
Por ejemplo:
En la plantilla de nuestro tema :
“SignalStrength” es la imagen “Entry319.svgb”
Y la sustituiremos por:
Entry12.svgb =SignalStrength
Que es el número que tiene en la imagen que descargaron de la carpeta de imágenes de señal batería y reloj.
Para cambiar el reloj es exactamente igual:
Nosvamos a:Resoursers/Applicatiopns/Clocks.
Seleccionamos el ítem a cambiar,clicquemos ReplaceResourse
Seleccionamos, Load Fromm File, buscamos nuestra imagen y cliqueamos en ok.
Igual que en la batería y señal:
“AnalogueClock Fase 1” es la imagen “Entry361.svgb”
Y la remplazaremos por:
Entry16.svgb=AnalogueClockFace 1
Así seríacon cada uno de los ítems y solo cambien las imágenes que aparecen en el tema, puede variar la cantidad de imágenes, pueden ser menos que la que tienen en sus carpetas que descargaron pero yo puse todas las que se pueden cambiar hay que tener cuidado en los nombres.
Ya cuando hayan terminado guardan y firman su tema y estará listo para instalar
Como ven esto no es tan complicado más bien es repetitivo con la práctica lo harán muy rápido y ya teniendo sus propias plantillas pues mejor , les digo que cuando yo empecé no tenía ni idea de que estaba haciendo así que madamas me avente como una semana para hacer un tema……. Ahora lo hago en 10 minutos así que tengan paciencia que ya que experimenten pues tendrán sus trucos y mañas para hacerlo más rápido.
Me despido con un saludo esperando sus comentarios que es gratificante saber que de algo les sirvió este trabajo
Comentarios y sugerencias pueden mandar mensaje a mi mail ato-g@hotmail.com
Autor: attoga
https://bajarcelular.blogspot.com/
RSS Feed (xml)
No hay comentarios:
Publicar un comentario