Loadergenerator pour nous faire attendre (gif animé)

Quand un programme se charge ou quand il faut attendre que quelque chose s’installe sur un pc, le concepteur du programme a recours à un artifice qui s’appelle load generator, (génarateur de charge?) En fait c’est le truc qui nous fait attendre patiemment sans qu’on  s’énerve trop. Quand nous voyons tourner le load generator, on pense qu’il y a vraiment un truc qui tourne sur le pc et ça nous fait bêtement patienter. En fait, ce qui tourne n’est ni plus ni moins qu’une image animée qu’on appelle gif animé (animated gif). Ce qui veut dire que quand ça tourne, ça ne veut pas forcément dire que le truc tourne vraiment. Il se peut même que le programme soit planté!

Loadergenerator.com est un service en ligne qui permet de créer des load generator, de façon très simple. Si j’y suis arrivé, c’est que c’est très simple.

Pour créer ce gif animé on a plusieurs options d’apparence qu’on peut faire varier en :

  • taille du gif (Size),
  •  nombre de ligne (Lines),
  •  vitesse (Speed),
  •  couleur (line color),
  •  fond (Background color),
  •  forme arrondi du fond (Rouded backgr),
  • d’autres options en fonction de la forme choise.

Il aussi possible de changer de forme de gif avec :

 

Line
Circle (cercle)
Arrow (Flèche)
Snake (serpent)
Pulsation (pulsate)
Wifi

Rectangle avec espace (spacing)

 

Rectangle sans espace

Loadergenerator.com

viax : momb

 

Création de gif animé pour webmaster : Loading Icon Generators:

Qui  ne connait pas ce signe qui fait comprendre à tout internaute et installeur de logiciel qu’il y a un téléchargement ou une installation en cours. On appelle ça un preloader en anglais et je n’ai pas trouvé la traduction en français.  Ces images sont en fait des gif animés tout simplement. Les créateurs fortunés fabriqueront une animation ultra personnalisée donc unique, les moins fortunés se contenteront de générateurs gratuits et disponible en ligne. J’ai fait une petite cyber-enquête pour trouver les meilleurs générateurs en ligne, en voilà dont la liste. Mon but personnel étant de trouver une nouvelle façon d’agrémenter les billets de mes blogues.

Loadergenerator.com

il s’agit du plus classique des loaders. En effet, on le voit assez souvent. C’est tout simplement parce qu’il léger en poids qu’on le voit souvent, comme on peut voir sur la capture d’écron, on peut régler la taille, le nombre de ligne (lines), la vitesse (speed), la couleur (line color), le fond (background) et les coins arrondi du fond. De plus il y a 7 options de forme. cf mon billet ici

Ajaxload.info

Créé en 2007, ce site est le plus connu. Plutôt facile d’utilisation, il suffit de choisir l’image gif parmi une petite bibilothéque d’icones (indicator type), puis de choisir le fond (background) et le premier plan (foreground) puis de cliquer sur « Genrate it »).  Une fois que le gif tourne, enregistrez-le (downlaod it).

Voilà quelques exemples créés à partir du site.

 

 

gif animé barre

gif animé pacman

Chimply.com

La rolls des preloaders, Les échantillons sont nombreux et leurs looks sont un peu moins « vieillot » que la première trouvaille. Et oui! Même les preloaders changent de look en fonction de la mode.

création de gif animé avec chimply

Les options sont plus nombreuses et les paramètres avancés permettent de faire des réglages comme la vitesse de défilement du gif, le sens de défilement, le nombre de points… . Sur ce site vous pouvez également créer des bannières animées et des boutons. Il y a également un éditeur en ligne pour les plus habilles.

Loadinfo.net

Maintenant qu’on sait comment marche un générateur de preloader, il suffit donc sur ce site, de choisir un des icones de la page d’accueil et de régler les paramètres de couleur et de taille.

gif animé échantillons

Preloaders.net

Si vous n’êtes pas pressés, vous pouvez essayer ce service en ligne qui offre une grande variété de preloader et d’autres goodies de gif animés. Quand je dis « pas pressé », c’est que lors du test, le service était d’une lenteur infinie. Il s’agit peut-être d’une petite défaillance passagère.

casque gif animé

Cssload.net

Ce site ne génère pas de gif animé mais un code CSS à inclure dans une page internet. C’est plutôt le coin des pros.

Prettyloaded.com

Sur le musée des préloader, vous pouvez voir des exemples complètement personnalisé  sur ce site, mais il n’est pas possible de récupérer le gif, c’est juste pour s’inspirer.

Petite conclusion

Voilà la fin de cette liste. Finalement, ce genre de service n’est pas forcément dédié au webdesigner, vous pouvez très bien créer ses gifs pour agrémenter vos blogues et autres pages de réseaux sociaux.  Le gif n’est pas mort! 

remis à jour le 22 10 2012

Créer des gifs animés avec mothereffinganimatedgif

La création de gif animé tient bon sur internet . Maintenant des sites en HTML 5 propose la création de gif animés comme mother effing animated gif.com.  Il y a peu d’options, mais pour une réalisation rapide, sans inscription et sans avoir de logiciel, c’est déjà bien.

Pour créer un gif animé avec ce site il suffit de faire glissser un paque de photo dans la zone adéquate à partir de l’explorateur de fichiers.

« Drag and Drop images here » (glisser déposer les images ici)

et de faire varier la vitesse, la qualite et la taille du gif puis cliquer sur « Animate ».  Il faudra attendre quelques secondes pour voir le résultat.

Il est possible de faier pivoter une image en cliquer sur l’image en question.

A voilà le résultat fait pour le test.

Pin It on Pinterest