Cómo hacer fondos que colorean la barra de estado a lo material desing

[vega2402]

!Atencion! Solo para emui 3.1 !Atencion!

hola a todos, hoy os traigo un pequeño tutorial para darle a nuestro huawei un aire mas material desing.

Recomendaciones


Las imagenes que useis deben tener la parte superior negra, esto debido a que la barra de estado se pondra negra en el launcher
Con este tutorial las app stock no quedan como cuando usas el mínima livewallpaper sino que toman el tono oscuro de la parte superior (normalmente negro)
Solo funciona con emui 3.1, esto por que el cambio de color solo se soporta a partir de lollipop



Para hacer el fondo necesitamos:


El fondo que queremos editar, escoged el que quereis poner
La aplicación pixlr la podeis descargar aquí , (las fotos las hice con esa versión, en google play esta es la nueva, vosotros escogeis) https://www.dropbox.com/s/lv4m53jcqb8eqh4/com.pixlr.express_2.6.2-33_minAPI14%28armeabi%2Carmeabi-v7a%2Cx86%29%28nodpi%29.apk?dl=0
Descargar el archivo .zip que os comparto abajo

Pasos:


Con vuestro explorador de archivos favorito extraer el .png
Abrir la aplcación pixlr y dar a la opción "fotos"
http://images.tapatalk-cdn.com/15/11/01/9a2e305a009b8e4ae61dda98eb13276e.jpg
Seleccionar la imagen .png que habeis extraido
http://images.tapatalk-cdn.com/15/11/01/f8c0a5a4819dfa11ee502f2bb0ddd1a3.jpg
Una vez abierto dar a la opcion "ajuste"
http://images.tapatalk-cdn.com/15/11/01/fdd964b9b2dadaa601b782a0adf9c6bc.jpg
luego dar a "doble exposición"
http://images.tapatalk-cdn.com/15/11/01/404b74a4ebe000ad816cfa8d6219e9ef.jpg
Presionar en "explorar" y selecionar el fondo que quereis poner (el vuestro)
http://images.tapatalk-cdn.com/15/11/01/20815c510d9f23a191f1fd0bf4c10062.jpg
http://images.tapatalk-cdn.com/15/11/01/346d22dbdd6fe1e6cedcd26597b2ad10.jpg
http://images.tapatalk-cdn.com/15/11/01/03f39b0a390b795c20b0055a9dd4a274.jpg
Una vez abierto haced que vuestro fondo ocupe todo el espacio de la imagen anterior, pero sin tapar la parte transparente de arriba (esto es muy importante pues es lo que permite el truco de las transparencias)
http://images.tapatalk-cdn.com/15/11/01/b8f17b535c9c8a4ba0c136eadaa3f3a4.jpg
Una vez que hayais conseguido poner vuestra imagen y que esta no tape la parte transparente dais a "aplicar", luego a "finalizar" (esta en la parte superior derecha, el chulito)
http://images.tapatalk-cdn.com/15/11/01/1c8f98f6764e352aa3dd688349296fb7.jpg
http://images.tapatalk-cdn.com/15/11/01/ed147c32b81846eb32e88773995ffbc2.jpg
Dan a "guardar imagen", luego en "personalizado" y "aceptar"
http://images.tapatalk-cdn.com/15/11/01/5c6c94a7cd56a8e8093628a6a761f27a.jpg
http://images.tapatalk-cdn.com/15/11/01/3bf804d61bc3fb493e021e7c2a358fbd.jpg

En la nueva pantalla selecionan "png" y dan a "aplicar" y ya esta
http://images.tapatalk-cdn.com/15/11/01/cb092e40c3253edf22a50d715f639b97.jpg

Para poner el fondo


Abrir la app temas
Van a la sección de "mios", y dais al botón "personalizar" en la parte inferior
En la nueva ventana seleccionan "pantalla principal" y luego dan al "mas" en la parte inferior derecha
en la nueva pantalla dais a la seccion "mas", y abren la galeria
Buscan la imagen que habeis creado (se guarda normalmente en la carpeta pixlr) y la seleccionan
Os aseguraís que este selccionado "fondo de pantalla fijo" y dan a "aplicar"

Y ya esta vuestro propio fondo super chuli xD, que hace que las app que lo soportan coloreen la barra de estado.
Creditos para
maximax2795 creador del tema emiui http://forum.xda-developers.com/ascend-p7/themes-apps/theme-emui-3-1-emiui-beta-t3233164


PD. Mañana agrego imagenes que hoy no tengo tiempo

[Sjamaan]

Gran aporte!

Me pregunto si no se podrá hacer lo mismo, pero con fondos grande y no fijos con desplazamiento.

Enviado desde mi SHIELD Tablet

[vega2402]

Gran aporte!

Me pregunto si no se podrá hacer lo mismo, pero con fondos grande y no fijos con desplazamiento.

Enviado desde mi SHIELD Tablet
Si, se puede pero necesitas editar la imagen con las medidas de la barra transparente

Enviado desde mi ALE-L21 mediante Tapatalk

[albert_harden]

¿la idea es que salga la barra de notificaciones negra o del color de la App? Es que a mí me sale de color negra...

[vega2402]

¿la idea es que salga la barra de notificaciones negra o del color de la App? Es que a mí me sale de color negra...
Del color de la app (las que son material design como youtube)
Asegúrate de no tapar la parte transparente y para poner el fondo hay que hacerlo con la app temas, ahora estoy fuera y por eso no he subido capturas, en la noche espero subirlas

Enviado desde mi ALE-L21 mediante Tapatalk

[vega2402]

Tutorial actualizado con imágenes
OS así os debería quedar http://images.tapatalk-cdn.com/15/11/01/f1f041af602c74d44c32c1ca835cc3a4.jpg
http://images.tapatalk-cdn.com/15/11/01/7b56fc61bd8abfb1596ec6405c2c2023.jpghttp://images.tapatalk-cdn.com/15/11/01/3649c7def87f1b1c4531d4dc97d447d9.jpg

Enviado desde mi ALE-L21 mediante Tapatalk

[PaK_HTCmania]

Osea, que lo que se consigue es poner la barra de estado transparente en vez de la típica franja negra, no?

[vega2402]

Osea, que lo que se consigue es poner la barra de estado transparente en vez de la típica franja negra, no?
Algo así

Enviado desde mi ALE-L21 mediante Tapatalk

[kzyw]

Muchas gracias xD andaba loco buscando esto para mi Mate7 jeje mañana mismo me pongo con esto dios dios dios que pedazo de tutorial... Mil likes 👍👌👏

Salu2!

[spidercheskin]

Muchas gracias

[Neo_mayestick]

Amigo donde esta el zip del PNG?

[josemanuel15]

Amigo donde esta el zip del PNG?
Al final del primer mensaje...

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

Yo tengo un P7 y no lo he conseguido. Y eso que creo que he seguido bien los pasos

[vega2402]

Yo tengo un P7 y no lo he conseguido. Y eso que creo que he seguido bien los pasos
Tienes lollipop?

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

Si, la instalé anoche. Tengo la b830

[josemanuel15]

Si, la instalé anoche. Tengo la b830
¿Has configurado la imagen desde la app Themes?
¿Después de editarla te crea un .png?

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

He hecho lo que se indicaba en el tutorial. Y la he puesto desde la app Temas

[Jorgeesp]

A mi tampoco me funciona desde un p7 :(

Enviado desde mi HUAWEI P7-L10 mediante Tapatalk

[josemanuel15]

¿La barra se os tinta con el color del fondo de pantalla o se queda negra? (Sin usar este fondo "trucado").
Tal vez esto no esté en el P7.

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

Sin usar el fondo de pantalla trucado, la barra de estado se pone del mismo color que el fondo de pantalla.
Supongo que el fondo de pantalla tiene que funcionar con emui 3.1. sea el modelo que sea.

[vega2402]

Sin usar el fondo de pantalla trucado, la barra de estado se pone del mismo color que el fondo de pantalla.
Supongo que el fondo de pantalla tiene que funcionar con emui 3.1. sea el modelo que sea.
Cuando pones el fondo que has echo, te colorea el youtube?, pon la imagen png del zip como fondo con la app de temas, debería funcionar, el tema del que saque la idea fue echo para el p7

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

También lo he hecho pero nada

[vega2402]

También lo he hecho pero nada
Pero no te colorea?, aparece negra en youtube? Prueba a reiniciar (con algún tema se volvía loco hasta actualizar) pero repito, esto debería funcionar para vuestro móvil, la idea original se hizo con el p7 con emui 3,1

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

No colorea.Se queda en negra la barra de estado.
Y ya he reiniciado. Es raro si dices que funciona en el P7

[josemanuel15]

¿Tiene el P7 la misma proporción de píxeles que el P8 Lite?
A ver si va a estar ahí el problema.

Enviado desde mi ALE-L21 mediante Tapatalk

[trajano26]

El P8 tiene menos pixeles 424 ,mientras que el P7 tiene 445

[rafer2012]

Funciona, muchas gracias. Hace mucho que lo buscaba ! Saludos

[vega2402]

¿Tiene el P7 la misma proporción de píxeles que el P8 Lite?
A ver si va a estar ahí el problema.

Enviado desde mi ALE-L21 mediante Tapatalk
El fondo se realiza en fhd por eso no hay problema pues es la resolución del p7, lo único que puede ser es que no esté en loli, pues en el p7 solo funciona en loli por eso en el título pongo solo emui 3,1

Enviado desde mi ALE-L21 mediante Tapatalk

[kzyw]

No colorea.Se queda en negra la barra de estado.
Y ya he reiniciado. Es raro si dices que funciona en el P7

Has seguido los pasos al pie de la letra sin hacer ninguna trampa?
Lo digo porque yo hice una trampilla y no me funcionó a la primera
Te aparece el margen superior donde no debes poner el fondo en color gris claro?
Mira que por ahí van los tiros

[Joseaarias89]

buenas noches tras muchos y muchos intentos al fin he conseguido poner mi fondo de pantalla de este estilo y es una pasada me ha costado mucho pero en encanta jajaj muchas gracias vega2402

[Jorgeesp]

A alguien con el p7 le ha funcionado?

Enviado desde mi HUAWEI P7-L10 mediante Tapatalk

[vega2402]

A alguien con el p7 le ha funcionado?

Enviado desde mi HUAWEI P7-L10 mediante Tapatalk
Si tienes lolli debería funcionar

Enviado desde mi ALE-L21 mediante Tapatalk

[Jorgeesp]

Si tienes lolli debería funcionar

Enviado desde mi ALE-L21 mediante Tapatalk
Pues nose, quizás sea q en el p7 no funcione..

Enviado desde mi HUAWEI P7-L10 mediante Tapatalk

[vega2402]

Pues nose, quizás sea q en el p7 no funcione..

Enviado desde mi HUAWEI P7-L10 mediante Tapatalk
La idea la saque de un tema echo para el p7 en xda

Enviado desde mi ALE-L21 mediante Tapatalk

[Creckcorp]

No logro hacer el tutorial, creo que falta algo por que ya hice los pasos y no puedo hacer que funcione... Alguien tendrá una imagen creada que pueda pasarme y así saber que estoy haciendo mal

[blizzborn]

Para los que no les funciona hagan esto es mas rapido , colocan su fondo cualquiera de pantalla , luego van a google y buscan blank.png bajan cualquiera recuerden que debe tener la extension .png , una vez descargado lo aplican como fondo de pantalla con la misma opcion que te da huawei y lo ponen en modo desplazamiento para que se autoajuste y listo :D con el fondo que ustedes quieran lo pueden hacer sin necesidad de editar mas. Recuerden que cada que cambian de fondo deben aplicar el blank de nuevo encima ;)

[kzyw]

Para los que no les funciona hagan esto es mas rapido , colocan su fondo cualquiera de pantalla , luego van a google y buscan blank.png bajan cualquiera recuerden que debe tener la extension .png , una vez descargado lo aplican como fondo de pantalla con la misma opcion que te da huawei y lo ponen en modo desplazamiento para que se autoajuste y listo :D con el fondo que ustedes quieran lo pueden hacer sin necesidad de editar mas. Recuerden que cada que cambian de fondo deben aplicar el blank de nuevo encima ;)

Esta forma vale para móviles tabletas etc que no sean de Huawei?

[Rogers.time]

Me ha funcionado, muchas gracias

Enviado desde mi ALE-L23 mediante Tapatalk

[blizzborn]

Esta forma vale para móviles tabletas etc que no sean de Huawei?

Siempre y cuando tengas lollipop el cual tiene las apis integradas

[Shadow2_08]

Cuando pongo el blank.png se va cambiando el fondo de pantalla entre los 3 últimos que he usado al bloquear la pantalla, os pasa?

[vega2402]

Cuando pongo el blank.png se va cambiando el fondo de pantalla entre los 3 últimos que he usado al bloquear la pantalla, os pasa? suele pasar al ponerlo la primera vez, se soluciona reiniciando

[luccasforza]

Para los que no les funciona hagan esto es mas rapido , colocan su fondo cualquiera de pantalla , luego van a google y buscan blank.png bajan cualquiera recuerden que debe tener la extension .png , una vez descargado lo aplican como fondo de pantalla con la misma opcion que te da huawei y lo ponen en modo desplazamiento para que se autoajuste y listo :D con el fondo que ustedes quieran lo pueden hacer sin necesidad de editar mas. Recuerden que cada que cambian de fondo deben aplicar el blank de nuevo encima ;)

El sistema del blank.png funciona perfectamente, pero cada vez que reinicio el teléfono, el fondo de pantalla se pierde y queda totalmente negro.

Estoy haciendo algo mal?

Gracias!

[blizzborn]

El sistema del blank.png funciona perfectamente, pero cada vez que reinicio el teléfono, el fondo de pantalla se pierde y queda totalmente negro.

Estoy haciendo algo mal?

Gracias!

Escoge el fondo para tu pantalla de bloqueo independientemente , y se arregla .

[luccasforza]

Escoge el fondo para tu pantalla de bloqueo independientemente , y se arregla .

Disculpa Blizzborn, pero no te sigo...

Yo primero elijo la imagen que quiero y la pongo como fondo. Luego pongo blank.png como fondo. Todo queda bien y funciona, hasta que reinicio el teléfono y el fondo ha pasado a ser totalmente negro...

Me detallas el proceso? Gracias!

[edu_vr]

Podríamos compartir los fondos que vamos creando si os parece ;)

[luccasforza]

Escoge el fondo para tu pantalla de bloqueo independientemente , y se arregla .
Disculpa Blizzborn, pero no te sigo...

Yo primero elijo la imagen que quiero y la pongo como fondo. Luego pongo blank.png como fondo. Todo queda bien y funciona, hasta que reinicio el teléfono y el fondo ha pasado a ser totalmente negro...

Me detallas el proceso? Gracias!

[Espeko]

Yo de aquí he cogido la idea, así que gracias!!

Lo que yo he hecho ha sido coger el fondo que quería. Con el PC y el programa GIMP he hecho un lienzo de 1440x1280 transparente (da igual el ancho, lo importante es que la altura sea 1280) y sobre ese lienzo he copiado el fondo que yo quería, dejando en la parte superior 48 pixeles sin imagen.

Luego se guarda en formato .png y se selecciona Conservar color de fondo. Listo! Se pasa al móvil y se establece como fondo de pantalla

http://uploads.tapatalk-cdn.com/20160117/ebbd0a2466ebe3c1b34487d31ae61632.jpghttp://uploads.tapatalk-cdn.com/20160117/e179f887b45f38f7ff0fc047a79e5521.jpg
http://uploads.tapatalk-cdn.com/20160117/76f70aa5dbcce371a6af042193ef10b6.jpg

[fidotakaya]

Yo de aquí he cogido la idea, así que gracias!!

Lo que yo he hecho ha sido coger el fondo que quería. Con el PC y el programa GIMP he hecho un lienzo de 1440x1280 transparente (da igual el ancho, lo importante es que la altura sea 1280) y sobre ese lienzo he copiado el fondo que yo quería, dejando en la parte superior 48 pixeles sin imagen.

Luego se guarda en formato .png y se selecciona Conservar color de fondo. Listo! Se pasa al móvil y se establece como fondo de pantalla

http://uploads.tapatalk-cdn.com/20160117/ebbd0a2466ebe3c1b34487d31ae61632.jpghttp://uploads.tapatalk-cdn.com/20160117/e179f887b45f38f7ff0fc047a79e5521.jpg
http://uploads.tapatalk-cdn.com/20160117/76f70aa5dbcce371a6af042193ef10b6.jpg
Podrías subir el fondo que hiciste para probarlo.
Saludos

Enviado desde mi ALE-L23 mediante Tapatalk

[Espeko]

Podrías subir el fondo que hiciste para probarlo.
Saludos

Enviado desde mi ALE-L23 mediante Tapatalk
http://uploads.tapatalk-cdn.com/20160118/0d936490f9e7c61038d7cb1317e16493.jpg

[edu_vr]

No lo he probado tu wall, pero debería estar en png no? Si le doy a guardar me sale en jpg y el la parte de arriba completamente negra :S

[Espeko]

No lo he probado tu wall, pero debería estar en png no? Si le doy a guardar me sale en jpg y el la parte de arriba completamente negra :S
Que raro... Yo la tengo guardada como .png, será cosas de subirla al servidor.

Lo que si me he dado cuenta es que a veces la parte superior se queda en negra y otras adquiere el color del wallpaper, no sé a que se debe. Pero en apps como Whatsapp o Youtube siempre se tiñe del color de la app.

Por ejemplo al salir de tapatalk siempre está la barra en el color del fondo, veré a ver si puedo arreglaro. Si no... Se pome un fondo que la parte superior sea negra u oscura para que no se note jajaaj

[blizzborn]

Disculpa Blizzborn, pero no te sigo...

Yo primero elijo la imagen que quiero y la pongo como fondo. Luego pongo blank.png como fondo. Todo queda bien y funciona, hasta que reinicio el teléfono y el fondo ha pasado a ser totalmente negro...

Me detallas el proceso? Gracias!

cuando escoges el fondo te salen una serie de opciones ,primero tienes que escoger la opcion de la galeria huawei luego de ello , establecer el png.blank y darle fondo de pantalla y escoges desplazable para que se autoajuste, luego vuelves a hacer el mismo procedimiento pero esta vez escogen pantalla de bloqueo y listo.

[luccasforza]

cuando escoges el fondo te salen una serie de opciones ,primero tienes que escoger la opcion de la galeria huawei luego de ello , establecer el png.blank y darle fondo de pantalla y escoges desplazable para que se autoajuste, luego vuelves a hacer el mismo procedimiento pero esta vez escogen pantalla de bloqueo y listo.

Así lo hago, pero cuando reinicio el teléfono pierdo el fondo y se me queda en negro...

Lástima, pero gracias en cualquier caso.

[Espeko]

Así lo hago, pero cuando reinicio el teléfono pierdo el fondo y se me queda en negro...

Lástima, pero gracias en cualquier caso.
Donde tienes guardado el fondo? Eso me suena a que cuando reinicias no consigue encontrar la ruta del archivo.

Mientras no reinicies el fondo se queda en la memoria RAM y por eso no desaparece

[Alvarozuky]

Después de varios bloqueos y desbloqueos de pantalla el fondo se pone negro y debo volver a elegir el fondo de pantalla es normal?