FranciscoJAlvarez
12/02/15, 10:31:38
. . . Crea tu propio THEME . . .
Tutorial realizado por: Francisco J. Álvarez
En este hilo vamos a conocer una aplicación que nos ayudará a crear nuestro theme para roms basadas en CyanogenMOD 12 y la propia CyanogenMOD12.
La idea es realizar cada uno nuestro theme y compartirlo para que todos aportemos nuestros temas y pasar un buen rato.
La idea me la ha dado Sergioextre por el grupo de Telegram.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
~ . . . DESCARGA . . . ~
La aplicación es una apk normal que debemos instalar como instalamos cualquier aplicación. Bájala desde el siguiente enlace:
Descarga la aplicación (https://mega.co.nz/#!DQECUJ4D!W6h54xupr5ry4DlHZrH_hIkFXcKXkA5_f_uV0yN ArOM)
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
♦ . . . TUTORIAL . . . ♦
Lo primero que debemos saber antes de empezar con el tutorial es que debemos elegir todos los colores para que nos deje pasar de pantalla,
aunque esté elegido un color que quieras, lo abres y eliges el color.
Está comprobadísimo que haciendo cualquier cambio no hace bootloop pero eso no quiere decir que por mera seguridad hagamos un backup.
Bueno, empezamos el tutorial. Supongo que ya tienen la aplicación descargada e instalada, así que empezamos desde ahí.
Lo primero que debemos hacer es abrir la aplicación y veremos que tiene el diseño material design, muy bonito pero no nos importa mucho el diseño de la aplicación sino lo potente y las funciones que nos permite.
Para comenzar a crear el tema deberás hacer clic en el botón con el símbolo "+", como en la siguiente imagen.
http://i60.tinypic.com/fna7ow.jpg
Una vez ahí, nos aparecerá una pantalla en la cual nos aparece las siguientes opciones:
- Name: Para ponerle nombre a nuestro tema.
- Material Light & Material Dark: Para elegir si nuestro tema es Dark o Light. (Oscuro o claro, básicamente)
Una vez elegido a tu gusto abajo aparecerá un botón al que debemos pulsar con el siguiente texto: "Accent color"
http://i60.tinypic.com/21lsu9e.jpg
Una vez elegido Dark o Light nos aparecerá la pantalla en la cuál podemos elegir el color base para nuestro tema, con el cual cambiaremos los iconos de los ajustes, el circulo del brillo en la cortina tal y como muestro en la siguiente imagen.
http://i62.tinypic.com/2dkwtw6.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i61.tinypic.com/1zyyaub.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i59.tinypic.com/mc7jwy.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i62.tinypic.com/70xogp.jpg
. . . . . . . . . . . . . . . . . . . . .
A continuación nos aparecerá otra pantalla más en la cual podremos modificar el color del fondo de los ajustes y las ventanas superpuestas como indico en la siguiente imagen.
http://i61.tinypic.com/255nl77.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i60.tinypic.com/tarpdx.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i61.tinypic.com/qrke92.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
En la siguiente pantalla que nos aparecerá podremos modificar el color de los textos. (Fíjate del color que lo he puesto y lo que cambia)
La primera opción: Color del texto cuando el fondo sea un color claro.
La segunda opción: Color del texto cuando el fondo sea un color oscuro.
La tercera opción: No tengo ni idea.. xD ya lo averiguaremos entre todos.
http://i57.tinypic.com/2zoyids.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i59.tinypic.com/9zllb7.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A continuación nos aparecerá otra pantalla más en la cual podremos modificar los colores del área de notificación.
La primera opción: Fondo superior de la cortina.
La segunda opción: Fondo de los toggles.
La tercera opción: Fondo de pop-up de la notificación.
La cuarta opción: Color del texto de la notificación.
La quinta opción: Color del texto de los toggles.
La sexta opción: Color del circulo al pulsar un icono de los toggles.
La septima opción: Color de los icono toggles.
La octava opción: Color de la parte usada del slider de brillo.
Para aclararlo más dejaré unas capturas en la cual se ven los colores elegidos y como quedan.
http://i60.tinypic.com/2eq8bxh.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i57.tinypic.com/zu14kn.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i62.tinypic.com/10wnq5y.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i60.tinypic.com/2djapuw.jpg
Venga chicos, que vamos muy bien, ¡ya nos queda poco!
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
En la siguiente pantalla podremos cambiar el color de la barra de estado, barra de título y la barra de navegación.
Primera opción: Barra de estado. (Rojo)
Segunda opción: Barra de navegación. (Azul)
Tercera opción: Barra de título. (Verde)
Te muestro en la siguiente imagen como quedaría.
http://i60.tinypic.com/1822qf.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A continuación, en la siguiente pantalla podremos elegir las apps de la lista que queremos que se adapten al tema que estamos creando.
http://i61.tinypic.com/n2d1yr.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Y en la última podremos cambiar la fuente del tema, supongo que será con un zip pero no sé, a ver si entre todos averiguamos como.
http://i59.tinypic.com/2moavzp.jpg
Después de pasar, comenzara a compilar y a crear el tema, una vez acabe te preguntará si lo quieres instalar, guardar o salir, haces clic en Install y lo instalar, luego vas a ajustes, pones tu nuevo tema y a disfrutar.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
NO OLVIDES POSTEAR CAPTURAS DE TU TEMA.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
♣ . . . RECOPILATORIO . . . ♣
Aquí vamos a recolectar cada tema realizado por cada uno de nosotros con su mención.
El primero que comienza la lista es @JoseArtuñedo
http://tapatalk.imageshack.com/v2/15/02/13/ab0b8591413731729cf99f544ae6b814.jpg
http://tapatalk.imageshack.com/v2/15/02/13/81da86b727a8eff3897dae494f27d546.jpg
http://tapatalk.imageshack.com/v2/15/02/13/3b7733485d15654599e5b4b5d0f3c647.jpg
http://tapatalk.imageshack.com/v2/15/02/13/b3da234596edeb30789926ed2acbe0a1.jpg
http://tapatalk.imageshack.com/v2/15/02/13/441f1e59b282577aec1a46b7455ec460.jpg
http://tapatalk.imageshack.com/v2/15/02/13/8f66a61cc57995e65ff61a2c9c6a58ab.jpg
http://tapatalk.imageshack.com/v2/15/02/13/9f92cee76900e775a4aa21b7264c9b98.jpg
Seguimos añadiendo capturas a la lista, esta vez de mano de LocoAbreu
http://www.htcmania.com/attachment.php?attachmentid=669652
http://www.htcmania.com/attachment.php?attachmentid=669653
http://www.htcmania.com/attachment.php?attachmentid=669654
http://www.htcmania.com/attachment.php?attachmentid=669655
Y otro más, en esta ocasión de dapero :)
http://tapatalk.imageshack.com/v2/15/02/14/ab695be63b5d2f887df2d69b75211639.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tutorial realizado por: Francisco J. Álvarez
En este hilo vamos a conocer una aplicación que nos ayudará a crear nuestro theme para roms basadas en CyanogenMOD 12 y la propia CyanogenMOD12.
La idea es realizar cada uno nuestro theme y compartirlo para que todos aportemos nuestros temas y pasar un buen rato.
La idea me la ha dado Sergioextre por el grupo de Telegram.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
~ . . . DESCARGA . . . ~
La aplicación es una apk normal que debemos instalar como instalamos cualquier aplicación. Bájala desde el siguiente enlace:
Descarga la aplicación (https://mega.co.nz/#!DQECUJ4D!W6h54xupr5ry4DlHZrH_hIkFXcKXkA5_f_uV0yN ArOM)
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
♦ . . . TUTORIAL . . . ♦
Lo primero que debemos saber antes de empezar con el tutorial es que debemos elegir todos los colores para que nos deje pasar de pantalla,
aunque esté elegido un color que quieras, lo abres y eliges el color.
Está comprobadísimo que haciendo cualquier cambio no hace bootloop pero eso no quiere decir que por mera seguridad hagamos un backup.
Bueno, empezamos el tutorial. Supongo que ya tienen la aplicación descargada e instalada, así que empezamos desde ahí.
Lo primero que debemos hacer es abrir la aplicación y veremos que tiene el diseño material design, muy bonito pero no nos importa mucho el diseño de la aplicación sino lo potente y las funciones que nos permite.
Para comenzar a crear el tema deberás hacer clic en el botón con el símbolo "+", como en la siguiente imagen.
http://i60.tinypic.com/fna7ow.jpg
Una vez ahí, nos aparecerá una pantalla en la cual nos aparece las siguientes opciones:
- Name: Para ponerle nombre a nuestro tema.
- Material Light & Material Dark: Para elegir si nuestro tema es Dark o Light. (Oscuro o claro, básicamente)
Una vez elegido a tu gusto abajo aparecerá un botón al que debemos pulsar con el siguiente texto: "Accent color"
http://i60.tinypic.com/21lsu9e.jpg
Una vez elegido Dark o Light nos aparecerá la pantalla en la cuál podemos elegir el color base para nuestro tema, con el cual cambiaremos los iconos de los ajustes, el circulo del brillo en la cortina tal y como muestro en la siguiente imagen.
http://i62.tinypic.com/2dkwtw6.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i61.tinypic.com/1zyyaub.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i59.tinypic.com/mc7jwy.jpg
. . . . . . . . . . . . . . . . . . . . .
http://i62.tinypic.com/70xogp.jpg
. . . . . . . . . . . . . . . . . . . . .
A continuación nos aparecerá otra pantalla más en la cual podremos modificar el color del fondo de los ajustes y las ventanas superpuestas como indico en la siguiente imagen.
http://i61.tinypic.com/255nl77.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i60.tinypic.com/tarpdx.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i61.tinypic.com/qrke92.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
En la siguiente pantalla que nos aparecerá podremos modificar el color de los textos. (Fíjate del color que lo he puesto y lo que cambia)
La primera opción: Color del texto cuando el fondo sea un color claro.
La segunda opción: Color del texto cuando el fondo sea un color oscuro.
La tercera opción: No tengo ni idea.. xD ya lo averiguaremos entre todos.
http://i57.tinypic.com/2zoyids.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i59.tinypic.com/9zllb7.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A continuación nos aparecerá otra pantalla más en la cual podremos modificar los colores del área de notificación.
La primera opción: Fondo superior de la cortina.
La segunda opción: Fondo de los toggles.
La tercera opción: Fondo de pop-up de la notificación.
La cuarta opción: Color del texto de la notificación.
La quinta opción: Color del texto de los toggles.
La sexta opción: Color del circulo al pulsar un icono de los toggles.
La septima opción: Color de los icono toggles.
La octava opción: Color de la parte usada del slider de brillo.
Para aclararlo más dejaré unas capturas en la cual se ven los colores elegidos y como quedan.
http://i60.tinypic.com/2eq8bxh.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i57.tinypic.com/zu14kn.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i62.tinypic.com/10wnq5y.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
http://i60.tinypic.com/2djapuw.jpg
Venga chicos, que vamos muy bien, ¡ya nos queda poco!
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
En la siguiente pantalla podremos cambiar el color de la barra de estado, barra de título y la barra de navegación.
Primera opción: Barra de estado. (Rojo)
Segunda opción: Barra de navegación. (Azul)
Tercera opción: Barra de título. (Verde)
Te muestro en la siguiente imagen como quedaría.
http://i60.tinypic.com/1822qf.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
A continuación, en la siguiente pantalla podremos elegir las apps de la lista que queremos que se adapten al tema que estamos creando.
http://i61.tinypic.com/n2d1yr.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Y en la última podremos cambiar la fuente del tema, supongo que será con un zip pero no sé, a ver si entre todos averiguamos como.
http://i59.tinypic.com/2moavzp.jpg
Después de pasar, comenzara a compilar y a crear el tema, una vez acabe te preguntará si lo quieres instalar, guardar o salir, haces clic en Install y lo instalar, luego vas a ajustes, pones tu nuevo tema y a disfrutar.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
NO OLVIDES POSTEAR CAPTURAS DE TU TEMA.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
♣ . . . RECOPILATORIO . . . ♣
Aquí vamos a recolectar cada tema realizado por cada uno de nosotros con su mención.
El primero que comienza la lista es @JoseArtuñedo
http://tapatalk.imageshack.com/v2/15/02/13/ab0b8591413731729cf99f544ae6b814.jpg
http://tapatalk.imageshack.com/v2/15/02/13/81da86b727a8eff3897dae494f27d546.jpg
http://tapatalk.imageshack.com/v2/15/02/13/3b7733485d15654599e5b4b5d0f3c647.jpg
http://tapatalk.imageshack.com/v2/15/02/13/b3da234596edeb30789926ed2acbe0a1.jpg
http://tapatalk.imageshack.com/v2/15/02/13/441f1e59b282577aec1a46b7455ec460.jpg
http://tapatalk.imageshack.com/v2/15/02/13/8f66a61cc57995e65ff61a2c9c6a58ab.jpg
http://tapatalk.imageshack.com/v2/15/02/13/9f92cee76900e775a4aa21b7264c9b98.jpg
Seguimos añadiendo capturas a la lista, esta vez de mano de LocoAbreu
http://www.htcmania.com/attachment.php?attachmentid=669652
http://www.htcmania.com/attachment.php?attachmentid=669653
http://www.htcmania.com/attachment.php?attachmentid=669654
http://www.htcmania.com/attachment.php?attachmentid=669655
Y otro más, en esta ocasión de dapero :)
http://tapatalk.imageshack.com/v2/15/02/14/ab695be63b5d2f887df2d69b75211639.jpg
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .