Les arrière-plans Web animés peuvent donner à votre site Web un aspect tendance et funky, ainsi que l’amener à un niveau plus élevé et plus efficace. Un arrière-plan de couleur unie ou avec des graphiques stationnaires convient à certains sites, mais ceux avec des arrière-plans de page Web animés ne manqueront pas de se faire remarquer.
Table des matières
Ajout d’animation aux arrière-plans
En quelques étapes simples, vous pouvez transformer votre page Web statique et normale en une page avec des arrière-plans mignons ou excitants. Le moyen le plus simple d’ajouter une animation à votre arrière-plan serait de:
- Téléchargez l’image depuis l’un des nombreux sites qui proposent les fichiers gratuitement ou pour un coût minime.
- Enregistrez-le en tant que fichier GIF sur votre ordinateur (les images animées fonctionnent mieux en tant que GIF)
- Téléchargez-le sur le serveur de votre site Web
- Ajoutez le nom de l’image à votre codage d’arrière-plan généralement dans le balises de votre feuille de style en cascade.
Créer votre propre animation
Cependant, si vous souhaitez animer une image pour une page Web, de nombreux sites Web proposent des didacticiels sur la façon de procéder. Vous aurez besoin d’un programme de retouche photo tel que Paint Shop Pro ou PhotoShop pour ce faire. Des tutoriels gratuits sont disponibles sur:
- The Best 3D propose une courte leçon avec des images sur la création d’un ciel animé à l’aide de (Project Dogwaffle) PD Pro.
- Flash Designer Zone vous montre comment concevoir un arrière-plan de bulles animé à l’aide de Flash Designer.
- Digital Producer utilise Adobe After Effects pour créer un arrière-plan Web qui scintille.
Télécharger des arrière-plans Web animés
Une simple recherche sur Internet vous rapportera des dizaines de milliers de sites proposant des arrière-plans Web animés gratuits ou à faible coût. Prenez votre temps et parcourez les sites jusqu’à ce que vous trouviez un arrière-plan que vous souhaitez utiliser. Assurez-vous de lire les petits caractères et les conditions d’utilisation du site avant de télécharger une image. De nombreux sites demandent un lien du vôtre en échange de l’utilisation de l’arrière-plan gratuit. Vous pouvez trouver des arrière-plans animés gratuits sur:
- ART-TLC a six pages d’arrière-plans animés disponibles, y compris des comètes et des étoiles, des dessins humides et venteux et doux et légers.
- FG-A propose plusieurs modèles d’arrière-plans à télécharger. Choisissez parmi des peaux de léopard animées, un ciel nocturne ou des pierres fraîches.
- Artie.com propose un fond de ballon de football animé.
- Bellsnwhistles a plusieurs arrière-plans flashy qui peuvent être ajoutés à vos pages Web.
Arrière-plans animés à faible coût
Vous pouvez également acheter des animations de haute qualité à utiliser sur votre site Web:
- Animation Factory propose différents niveaux d’abonnement d’un an, chacun vous permettant de télécharger différents modèles et types d’arrière-plans.
- Rotating CatHead Video vend des packages de divers arrière-plans animés à un prix modique.
Conseils pour l’utilisation d’arrière-plans animés
Bien qu’il existe de nombreux cas où les arrière-plans Web animés fonctionnent bien, il y a aussi des moments où ils ne le feront pas. Si vous utilisez déjà beaucoup d’images et de graphiques flashy sur vos sites, un arrière-plan solide sera plus agréable à regarder. N’oubliez pas que l’animation prend plus de temps à se charger que les arrière-plans statiques. Gardez vos fichiers au minimum pour un temps de téléchargement plus rapide.Pour plus d’informations sur l’utilisation de graphiques animés sur vos pages Web, consultez les articles suivants de Supportivy Web Design.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !