Créer une animation en pixel et sauvegarde en GIF

Si vous avez envie de dessiner des petits dessins animés pour le web, l’outil en ligne piskelapp.com peut avoir un intérêt certain. Il s’agit de créer une petite animation image par image, sachant aussi que chaque image est créée pixel par pixel (ou par paquet de pixel)s . Si vous êtes patient et créatif, vous allez pouvoir créer des petites œuvres numériques . 

Après les quelques tâtonnements d’usage on arrive vite à comprendre comment l’outil marche. on maîtrise vite les outils de bases . Avec un peu de patience on pourra créer des animations sympas qui vont nous  rappeler les premiers temps des pages html où  l’on voyait des gifs qu’on trouve aujourd’hui ultra ringards.

A titre d’exemple voilà la première oeuvre que j’ai créée. Totalement nulle je l’avoue, mais c’est juste fait à titre de démonstration.

Pour les plus fainéants (je m’inclue dans cette catégorie) il existe aussi l’option d’importer un gif existant et de le modifier.  C’est ce que j’ai fait pour l’exemple qui suit.

Pour faire une petite liste de fonctionnalités on retrouve au gauche  dans l’outil les fonctions de dessins classiques :

  • Pen tool (le crayon).
  • Le Pen tool miroir qui permet de dessiner deux formes en miroir.
  • Le pot de peinture, avec l’option d’application sur toutes les couches (ou les calques : layers)
  • La gomme.
  • Le stroke qui consiste à dessiner des lignes et des formes géométriques.
  • Carré, rectangle, rond, ellipses.
  • Déplacement (une sorte de main) dans le dessin.
  • La baguette magique,
  • Dialogues
  • La pipette. …

A droite, c’est la gestion des couches (layers), on l’on trouve la vitesse de défilement des frames (images), les outils de symetrie de rotation et palette de couleurs qui vont s’afficher au fur et à mesure de l’évolution du dessin. On retrouvera aussi les fonctions d’import et d’export , resize et préférence.  Il est même possible de créer un compte via google, cela permettra de sauvegarder nos œuvres en ligne.

Voilà donc un outil simple, un outil comme on aime ici sur ce blogue. Il faudra tout de même faire attention de ne pas importer des fichiers gif trop gros, car ça ralentit carrément la création.  Le conseil est de ne pas dépasser 300X300 pixels pour commencer.

piskelapp.com

Rightgif.com un moteur de recherche de gif par mot clé

Saviez-vous que vous pouvez trouver des images animées sur google image depuis déjà quelques mois? Dans la vie,  C’est important de faire de recherche d’images animées, c’est même primordial! Pour trouver des images animées sur google image, c’est très simple, il suffit de procéder étape par étape comme indiqué dans la figure qui suit. 1) chercher un mot qui va bien comme « Cat » 2) Cliquer sur image, 3) aller dans l’option « outils de recherche » , 4) sélectionner l’option images animées. Et hop, vous allez donc nager dans le bonheur.

Fort de cette nouvelle connaissance, vous allez donc pouvoir savourer toutes sortes d’images que vous allez bien sûr, copier (c’est pas bien de copier) et envoyer sur vos réseaux sociaux,  car on sait très bien que ce qui est populaire sur internet, c’est l’humour.

Pour aller plus loin dans la démarche, vous pouvez aussi surfer sur  https://rightgif.com qui reprend les mêmes principes que ceux cités en début de cet article, mais lui va directement au but et évite de passer par les 5 étapes.  En fait, il suffit de taper un mot clé et hop,  l’outil va trouver le premier gif qu’il a sous la main, un peu comme le truc « j’ai de la chance » sur google. 

On pourra connaitre la source de l’information et on pourra éventuellement copier le lien pour intégrer la photo (attention au hotlinking)

conclusion : un site bien inutile à ne pas forcément mettre dans les favoris.

Comment voir les animations gif sur résultats de recherche google image?

Quand Google a proposé une option GIF dans les recherches avancées des images, cela m’a beaucoup aidé à retrouver mes propres gif qui sont hébergés sur mon blogue. En faisant la requête suivante « site:roget.biz » (&) dans google image (2) et en mettant  l’option « image animée » (4) de l’outil de recherche (3), je peux voir tous les gifs hébergés sur mon blogue.

Le problème :

On ne voit pas les animations. En effet google n’affiche que des images fixes, même pour les gifs animés. Pourquoi? Sans doute pour éviter de consommer trop d’énergie à télécharger un grand volume d’images animées, car on sait qu’une image animée est généralement ien plus lourde qu’une image normale.

Les solutions:

Pour voir les images animés, il sufit d’installer 2 extension chrome (une des deux pourraient suffire).

Google Gif  du lourd pour chrome

Avec cette extension, il n’y plus rien à faire, tout ce qui est animé via une recherche « google image » va s’animer un point c’est tout.  Si vous êt es un gros fana de gif, c’est super, néanmoins, vous allez surement sentir une baisse de performance avec votre navigateur chrome. C’est donc utiliser avec précaution.

Zoom hover juste en passant la souris sur l’image.

De nombreux sites proposent des petites images voire des vignettes (thumbnail) et il est parfois ennuyeux d’avoir à cliquer sur les images pour accéder à une nouvelle page afin de les agrandir. Zoom hover est une solution plutôt pratique car elle marche sur tous les sites et elle permet non seulement de visualiser les images en format plus grand, mais aussi de lancer les animations gif. Comme ça marche sur tous les sites, ça marche aussi sur google image.

Autres options

Si vous testez soit Google Gif ou  Zoom hover vous pouvez cliquer sur l’onglet article similaire pour trouver d’autres extensions.

Conclusion : je conseille   Zoom hover  car cette extension est universelle et elle est moins gourmande en ressource. De mon côté je vais garder zoom hover pour un moment, car cette extension marche aussi pour flickr et pour piscurge qui sont mes deux sites préférés du moment  en terme de photo. En revanche cette extension ne marche pas avec 500px.

 

 

Pin It on Pinterest