Animation

Fonds d’écran animés en dégradé : créez le vôtre

Un dégradé qui dérive lentement derrière votre horloge peut rendre un écran vivant sans jamais réclamer l’attention. Tout l’art consiste à le garder lent, sombre et discret.

GradientlyCompte Gradiently vérifié··6 min de lecture
Couverture : Quiet Wetland · GR·4WRS·E8

L’essentiel en bref

  • Un fond d’écran animé est un arrière-plan de téléphone ou d’ordinateur qui bouge, en général sous forme de boucle lente ou en réaction au toucher, à l’heure ou à l’inclinaison.
  • Android prend en charge les fonds d’écran animés nativement via des applications, alors que sur iPhone, Mac et Windows les options dépendent de la version du système ou d’applications tierces.
  • Un bon fond d’écran animé en dégradé bouge très lentement, boucle sans saut et garde calme la zone derrière l’horloge et les icônes.
  • Les fonds d’écran animés consomment un peu plus d’énergie, et sur les écrans OLED les couleurs sombres en consomment moins : les fonds sombres et lents ménagent le mieux la batterie.
  • Créez le fond d’écran comme une boucle de 15 à 30 secondes à la forme de l’écran, et gardez une version fixe pour économiser la batterie.
Sur cette page

Un fond d’écran animé est un arrière-plan de téléphone ou d’ordinateur qui bouge : une boucle lente de couleur, une scène qui dérive, ou une image qui réagit au toucher ou à l’heure de la journée. Les dégradés en font parmi les plus beaux, car un champ de couleur doux qui dérive derrière votre horloge paraît calme et vivant sans jamais concurrencer vos applications. Tout l’art consiste à le garder lent, à le faire boucler proprement et à laisser tranquilles les zones chargées de l’écran.

Où fonctionnent les fonds d’écran animés

La prise en charge varie selon le système et change d’une version à l’autre : vérifiez ce que le vôtre propose avant de concevoir. Dans les grandes lignes :

SystèmeCe qui est possibleVoie habituelle
AndroidLes fonds d’écran animés sont une fonction intégréeApplications de fonds d’écran ; certains fabricants acceptent aussi une courte vidéo
iPhoneLes options de mouvement ont changé selon les versions d’iOSLes versions récentes peuvent lire brièvement une Live Photo quand l’écran verrouillé s’allume
MacFonds d’écran dynamiques et animés intégrésLes fonds d’écran vidéo personnalisés demandent une application tierce
WindowsPas de fond d’écran vidéo intégréApplications comme Wallpaper Engine ou Lively Wallpaper
Une boucle créée comme un simple fichier vidéo peut servir dans la plupart de ces cas. Vérifiez les options actuelles de votre appareil.

Ce qui fait un bon fond d’écran animé en dégradé

Vous verrez votre fond d’écran des centaines de fois par jour, le plus souvent une seconde à la fois, pendant que vous essayez de faire autre chose. Cela change les règles. Un fond d’écran animé excitant au premier regard devient fatigant dès le deuxième jour. Les meilleurs sont presque immobiles : on ne remarque le mouvement que quand on le cherche.

Fatigant

  • Un mouvement rapide ou des couleurs qui défilent
  • Des couleurs vives sur tout l’écran
  • Du détail derrière l’horloge et les icônes
  • Un saut visible quand la boucle recommence

Calme

  • Une dérive lente ou une lumière qui respire
  • Un fond sombre avec une seule couleur lumineuse
  • Une zone tranquille là où sont l’horloge et les icônes
  • Une boucle qui se raccorde sans couture

Concevez autour de l’horloge : la zone derrière elle doit être la partie la plus calme du champ, avec la couleur et le mouvement en dessous et autour.

Les couleurs d’un fond d’écran animé

Les fonds sombres sont le terrain naturel des fonds d’écran animés. Ils gardent les icônes et le texte blancs lisibles à chaque instant de la boucle, reposent la vue la nuit, et sur les écrans OLED, où chaque pixel produit sa propre lumière, les pixels sombres consomment moins. Choisissez un fond presque noir teinté vers votre couleur principale, puis laissez une ou deux couleurs lumineuses le traverser. Les fonds dégradés sombres explique comment créer de la profondeur sans tristesse.

Des fonds sombres avec la lumière en bas du cadre, loin de l’horloge en haut. Chacun pourrait dériver lentement de côté en boucle.

Ajoutez un peu de grain si possible. C’est dans les dégradés sombres que le banding se voit le plus, et un grain fin et mouvant le masque tout en donnant à la surface une texture de pellicule. Les dégradés granuleux explique quelle dose utiliser.

Tailles et formes pour téléphone et ordinateur

Créez la boucle à la forme de l’écran où elle vivra. Les téléphones sont hauts, environ 9:19,5 sur beaucoup de modèles actuels, et la plupart zooment ou recadrent légèrement le fond d’écran, parfois avec un effet de parallaxe quand vous inclinez l’appareil. Les ordinateurs sont en général en 16:9. Éloignez la couleur importante des bords pour que les recadrages ne la perdent pas. Pour les tailles exactes et la mise en page de l’écran verrouillé, voyez les tailles de fond d’écran de téléphone.

Téléphone, environ 9:19,5

18 × 39

Ordinateur 16:9

1920 × 1080

Deux formes, deux mises en page. Un fond d’écran d’ordinateur recadré à partir d’une création pour téléphone, ou l’inverse, fonctionne rarement.

Comment créer un fond d’écran animé en dégradé

  1. 1

    Concevez l’image fixe

    Partez d’un dégradé fixe à la forme de l’écran. Regardez-le avec vos vraies icônes et votre horloge par-dessus avant d’ajouter du mouvement.

  2. 2

    Choisissez un seul mouvement lent

    Une dérive latérale, un flux lent ou une lumière qui respire. Un seul mouvement, plus lent que ce qui paraît nécessaire.

  3. 3

    Faites-le durer 15 à 30 secondes

    Les boucles longues se répètent moins souvent, la répétition est donc plus difficile à remarquer. Un mouvement très lent demande moins de durée.

  4. 4

    Raccordez la boucle

    La dernière image doit ramener à la première sans saut. Les boucles parfaites montre comment faire.

  5. 5

    Exportez en vidéo

    Le MP4 est le fichier le plus largement accepté par les applications de fonds d’écran et les téléphones. Gardez aussi une image fixe en PNG de la même création.

  6. 6

    Vivez avec pendant une journée

    Installez-le et utilisez votre téléphone normalement. S’il vous dérange quand vous le remarquez, ralentissez-le ou assombrissez-le.

Batterie et performances

Tout fond d’écran animé demande à votre appareil de continuer à dessiner, ce qui consomme un peu plus d’énergie. Combien dépend de l’appareil, de l’application et du fond d’écran : les boucles lentes et sombres à la résolution native de l’écran sont les plus légères, et beaucoup d’applications mettent l’animation en pause quand une fenêtre couvre le bureau ou que le téléphone est verrouillé. Si la batterie compte plus que le mouvement un jour donné, passez à la version fixe ; elle sera identique, simplement au repos.

Si vous créez votre dégradé dans Gradiently, vous pouvez le concevoir à une taille personnalisée, l’exporter en vidéo en boucle de 5 à 30 secondes avec un mouvement lent comme Dérive ou Respiration, et exporter une image fixe en PNG de la même création. Les boucles sont faites pour que leur fin rejoigne leur début. Pour d’autres idées, voyez les fonds d’écran dégradés et les fonds d’écran esthétiques.

Les questions qu’on nous pose

Qu’est-ce qu’un fond d’écran animé ?

C’est un arrière-plan de téléphone ou d’ordinateur qui bouge, comme une boucle lente de couleur, plutôt qu’une image fixe. Certains réagissent aussi au toucher, à l’inclinaison ou à l’heure de la journée.

Les fonds d’écran animés vident-ils la batterie ?

Ils consomment un peu plus d’énergie, car l’appareil continue de les dessiner. Les boucles lentes et sombres consomment le moins, surtout sur écran OLED, et beaucoup d’applications les mettent en pause quand ils ne sont pas visibles.

Puis-je utiliser une vidéo comme fond d’écran animé ?

Sur Android, beaucoup d’applications de fonds d’écran et certains fabricants acceptent une vidéo. Sur Mac et Windows, il faut en général une application tierce, et sur iPhone les options dépendent de votre version d’iOS.

Quelle durée pour la boucle d’un fond d’écran animé ?

15 à 30 secondes fonctionnent bien. Plus la boucle est longue et lente, plus il est difficile de remarquer où elle se répète.

Quelles couleurs pour un fond d’écran animé ?

Un fond sombre avec une ou deux couleurs lumineuses qui bougent lentement. Les icônes restent lisibles, l’effet est reposant et la consommation plus faible sur écran OLED.

Partager ce guide

Écrit par GradientlyCompte Gradiently vérifié

L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.

Voir notre profil
Tous les guides : Animation