La versión corta
- Un fondo de pantalla animado es un fondo para la pantalla del móvil o del ordenador que se mueve, normalmente como un bucle lento o como respuesta al tacto, la hora o la inclinación.
- Android admite fondos animados de forma nativa mediante aplicaciones, mientras que las opciones en iPhone, Mac y Windows dependen de la versión del sistema o de apps de terceros.
- Un buen fondo animado de degradado se mueve muy despacio, hace el bucle sin saltos y mantiene tranquila la zona tras el reloj y los iconos.
- Los fondos en movimiento gastan más energía, y en pantallas OLED los colores oscuros gastan menos, así que los fondos oscuros y lentos son los más suaves con la batería.
- Crea el fondo como un bucle de 15 a 30 segundos con la forma de la pantalla y guarda una versión fija para cuando quieras ahorrar energía.
En esta página
Un fondo de pantalla animado es un fondo para tu móvil o tu ordenador que se mueve: un bucle lento de color, una escena que se desplaza o una imagen que responde al tacto o a la hora del día. Los degradados dan algunos de los mejores, porque un campo suave de color a la deriva tras el reloj se siente tranquilo y vivo sin competir nunca con tus apps. El oficio está en mantenerlo lento, cerrar bien el bucle y dejar en calma las zonas ocupadas de la pantalla.
Dónde funcionan los fondos animados
La compatibilidad varía según el sistema y cambia entre versiones, así que comprueba qué ofrece el tuyo antes de diseñar. A grandes rasgos:
| Sistema | Qué es posible | Vía habitual |
|---|---|---|
| Android | Los fondos animados son una función integrada | Apps de fondos; algunos fabricantes también aceptan un vídeo corto |
| iPhone | Las opciones de movimiento han cambiado entre versiones de iOS | Las versiones recientes pueden reproducir brevemente una Live Photo al activar la pantalla de bloqueo |
| Mac | Fondos dinámicos y en movimiento integrados | Los fondos de vídeo personalizados necesitan una app de terceros |
| Windows | Sin fondo de vídeo integrado | Apps como Wallpaper Engine o Lively Wallpaper |
Qué hace bueno a un fondo animado de degradado
Verás tu fondo cientos de veces al día, casi siempre durante un segundo, mientras intentas hacer otra cosa. Eso cambia las reglas. Un fondo animado que emociona la primera vez cansa al segundo día. Los mejores son casi inmóviles: solo notas el movimiento cuando lo buscas.
Cansa
- Movimiento rápido o colores que ciclan
- Colores brillantes en toda la pantalla
- Detalle tras el reloj y los iconos
- Un salto visible cuando el bucle se repite
Calma
- Una deriva lenta o una luz que respira
- Un fondo oscuro con un solo color iluminado
- Una zona tranquila donde van el reloj y los iconos
- Un bucle que enlaza sin costura
Diseña en torno al reloj: la zona tras él debe ser la más tranquila del campo, con color y movimiento debajo y alrededor.
Colores para un fondo animado
Los fondos oscuros son el hogar natural de los fondos en movimiento. Mantienen legibles los iconos y el texto blancos en cada momento del bucle, resultan relajantes de noche y, en pantallas OLED, donde cada píxel produce su propia luz, los píxeles oscuros gastan menos energía. Elige un fondo casi negro con un matiz hacia tu color principal y deja que uno o dos colores iluminados se muevan sobre él. Los fondos de degradado oscuro profundizan en cómo crear profundidad sin tristeza.
Añade un poco de grano si puedes. Los degradados oscuros son donde más se ve el banding, y un grano fino y en movimiento lo disimula y da a la superficie una textura de película. Los degradados granulados explican cuánto usar.
Tamaños y formas para móvil y escritorio
Crea el bucle con la forma de la pantalla donde vivirá. Los móviles son altos, cerca de 9:19,5 en muchos modelos actuales, y casi todos amplían o recortan un poco el fondo, a veces con efecto de paralaje al inclinarlos. Los escritorios suelen ser 16:9. Mantén el color importante lejos de los bordes para que los recortes no lo pierdan. Para los tamaños exactos y la disposición de la pantalla de bloqueo, consulta los tamaños de fondo de pantalla para móvil.
Móvil, cerca de 9:19,5
18 × 39
Escritorio 16:9
1920 × 1080
Cómo crear un fondo animado de degradado
- 1
Diseña la imagen fija
Empieza con un degradado fijo con la forma de la pantalla. Míralo con tus iconos y tu reloj reales encima antes de añadir movimiento.
- 2
Elige un movimiento lento
Una deriva lateral, un flujo lento o una luz que respira. Un solo movimiento, más lento de lo que parece necesario.
- 3
Hazlo de 15 a 30 segundos
Los bucles más largos se repiten menos, así que la repetición se nota menos. Un movimiento muy lento necesita menos duración.
- 4
Cierra el bucle
El último fotograma debe enlazar con el primero sin saltos. Los bucles perfectos muestran cómo.
- 5
Exporta como vídeo
MP4 es el archivo más aceptado por las apps de fondos y por los móviles. Guarda también una imagen fija en PNG del mismo diseño.
- 6
Vive con él un día
Ponlo y usa el móvil con normalidad. Si lo notas de un modo que te molesta, hazlo más lento u oscurécelo.
Batería y rendimiento
Cualquier fondo en movimiento pide a tu dispositivo que siga dibujando, lo que consume algo de energía extra. Cuánta depende del dispositivo, de la app y del fondo: los bucles lentos y oscuros a la resolución propia de la pantalla son los más ligeros, y muchas apps pausan la animación cuando una ventana cubre el escritorio o el móvil está bloqueado. Si un día importa más la batería que el movimiento, pasa a la versión fija; se verá igual, solo que en reposo.
Si creas tu degradado en Gradiently, puedes diseñarlo a un tamaño personalizado, exportarlo como vídeo en bucle de 5 a 30 segundos con un movimiento lento como Deriva o Respiración, y exportar un PNG fijo del mismo diseño. Los bucles se hacen para que el final enlace con el principio. Para más ideas de fondos, consulta los fondos de pantalla con degradado y los fondos estéticos.
Preguntas frecuentes
¿Qué es un fondo de pantalla animado?
Es un fondo de móvil o de ordenador que se mueve, como un bucle lento de color, en lugar de una imagen fija. Algunos también reaccionan al tacto, a la inclinación o a la hora del día.
¿Los fondos animados gastan batería?
Gastan algo de energía extra porque el dispositivo sigue dibujándolos. Los bucles lentos y oscuros gastan menos, sobre todo en pantallas OLED, y muchas apps los pausan cuando no están visibles.
¿Puedo usar un vídeo como fondo animado?
En Android, muchas apps de fondos y algunos fabricantes aceptan un vídeo. En Mac y Windows suele hacer falta una app de terceros, y en iPhone las opciones dependen de tu versión de iOS.
¿Cuánto debe durar el bucle de un fondo animado?
De 15 a 30 segundos funciona bien. Cuanto más largo y lento es el bucle, más difícil es notar dónde se repite.
¿Qué colores funcionan mejor en un fondo animado?
Un fondo oscuro con uno o dos colores iluminados que se mueven despacio. Mantiene legibles los iconos, resulta relajante y gasta menos energía en pantallas OLED.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
