Le Blog de Poufy

Le Blog de Poufy

Par Poufy Blog créé le 14/12/09 Mis à jour le 30/09/16 à 14h52

Ajouter aux favoris
Signaler
Décryptage

Ce slide ne s'active qu'une seule fois lors du chargement de la page, pas de boucle, juste un effet de mise en place du fond illustré par une fermeture très brève. Alors voici un petit tuto pour l'occasion :

Donc déjà pour créer un GIF animé dans Photoshop (je ne pensais pas que l'on pouvait en faire avec ce logiciel jusqu'à ce soir...hum !), activez tout d'abord la Fenêtre Animation, une timeline apparaîtra en bas afin de gérer chaque calque (la durée, les filtres etc.)

Tout d'abord un fond blanc avec une durée de 2 secondes, laissant ainsi le temps à la page de se charger pour qu'il n'y ai pas de surcharge, chaque chose en son temps, le but est que le slide s'active en dernier pour qu'il paraisse le plus fluide possible même pour les petites configue :p

Voici dans l'ordre les 5 images composant l'animation :

...

S...

SL...

SLI...

SLID...

SLIDE !

Une fois que votre animation est terminée, faites Fichier / Enregistrer pour le Web...

Et pour finir choisissez bien "GIF", et... il n'y a que ça a modifier.

Et voilou ! À noter que la fluidité dépend grandement des navigateurs, Firefox semble enterrer les autres sur ce terrain. Et forcément l'inconvéniant principal est que l'image n'est pas d'une grande qualité (256 couleurs maxi), mais un fond de blog n'est pas fait pour être contemplé, donc ce n'est pas si grave...

Par contre MisterP va me tuer avec mes 1,3 Mo :p

Ajouter à mes favoris Commenter (16)

Commentaires

Mosque
Signaler
Mosque
MERCI POUR CES TIP'S POUFY ;)
Poufy
Signaler
Poufy
Non je veux laisser les easter eggs :)

Bon j'ai réduit la résolution de 1920 à 1400 pixels de large, je passe à 800Ko.
hairaz
Signaler
hairaz
Non mais Tcho, sur Mac, un truc qui marche marchera toujours et un truc qui marche pas marchera jamais. C'est juste dommage que la première catégorie soit si restreinte :D
Chkao
Signaler
Chkao
Hum, pour bien alléger le gif, tu peux enlever l'image de la couverture "Gunpei Yokoi". Parce que le truc triste, c'est que la-dite image est nécessairement masquée par le bloc contenant les articles, donc on ne la voit pas.

Un bloc blanc (ou noir, ou peu importe, une couleur unie quoi) fera moins lourd à la compression.
Tcho Bilout
Signaler
Tcho Bilout
Moi ça marche pas :( (Chrome sous OS X ), je vais essayer Safari.
Poufy
Signaler
Poufy
Oui sous Chrome et Safari ça garde la dernière image quand on réactualise ;)

@Gloumouf : faut que ça soit assez discret et que ça ne gêne pas la navigation c'est pour ça.

@Gloumouf : ça fera juste quelques 100 de Mo a charger voir + :P
Gloumouf
Signaler
Gloumouf
Donc j'imagine que mettre le generique de Totoro, ça fait un peu long ? :D
Gloumouf
Signaler
Gloumouf
Sans ce post, je n'y aurais jamais fait attention :X
SNIPERtusog
Signaler
SNIPERtusog
Ça fonctionne bien sur IE8. :P
Mayto
Signaler
Mayto
En fait, même chose que Zaliax pour moi, je suis revenu faire un tour et... ça a refonctionné :D
Ca doit fonctionner un coup, puis plus du tout tant que l'image est en cache, ou un truc du genre.
Zaliax
Signaler
Zaliax
Chez moi ça a marché la première fois que j'ai chargé ta page, puis plus jamais O_o ! Après j'ai testé qu'avec Chrome.
PS: Sheep comment que t'est trop une balance :o ! J'ai bien fais de pas te nommer modo sur le serveur @_@ !
Mayto
Signaler
Mayto
Hm, c'est bizarre, l'animation ne fonctionne pas chez moi. Pourtant, d'habitude je vois les gifs correctement...

Vis à vis du tuto, à noter qu'il est aussi possible de faire des gif sous Gimp pour ceux que ça intéresse, même si dans l'immédiat je ne me souviens plus précisément comment :laugh0:

De mémoire, tout est dans les noms donnés aux calques, qui permettent de préciser la durée de la frame, etc (chaque calque représentant une frame de l'animation).
Poufy
Signaler
Poufy
1,1 Mo ! J'ai baissé l'opacité en dégradé sur les 3 premières images après le fond blanc, ça fait un petit effet "Flash" pour le coup :)

Si vous avez des astuces pour alléger encore je prends !
Poufy
Signaler
Poufy
Anlaanlaaan !!!!
Sheep
Signaler
Sheep
Sir P râle pour ton wall de 1.3mo ?! C'est qu'il a pas vu celui de Zaliax (Qui pèse facile 10/15mo)
Ouai je balance ! :ph34r:
killErAD
Signaler
killErAD
L'effet rend bien en tout cas.

Édito

Responsable vidéo de Gameblog depuis 2009

Game Center : PoufyGB

Xbox One : XBLF Poufy GB

PS4 : XBLF_Pouf

Archives

Catégories

Favoris