Tutorial Photoshop : GIF animé
mercredi 16 avril 2008 à 10:00
Niveau initiation
Malgré toutes les évolutions de Photoshop, il reste toujours possible de réaliser un GIF animé que Peter nous met en scène pour son amie Monique dans un tuto un peu plus long que d'habitude.
![]() |
Durée : 12:46 Auteur : Peter Gabor |
Posté dans Pas à pas Photoshop CS3
































le jeudi 17 avril 2008 à 13:06
Alors Monique on a compris ?

Moi je voulais savoir si par exemple j'ai 30 calques est t'il possible de passer du premier au dernier automatiquement avec l'outil trajectoire ou si je dois les cocher et décocher moi même a chaque fois ?
Je sais pas si j'ai étais trésl clair mais bon ...
Merci!
le jeudi 17 avril 2008 à 13:32
non cher Xwa, on peut pas. On est obligé de sélectionner les images clé, deux par deux pour les interpoler. En revanche, je n'ai pas testé, mais peut-être qu'on peut se faciliter la vie avec des scripts. Dernière chose, on parle de gif animé avec des interpolations qui augmentent considérablement le poids du fichier. Il faut vraiment calculer son coup pour savoir quelle taille pour quel usage etc. Parce qu'un gif animé de 2Mo, j'en ai déjà vu. C'est donc possible mais je doute qu'un portail l'accepte en l'état, question de rapidité d'affichage et… de bande passante. Imaginez 1M,5 connexions quotidiennes et faites le calcul. Très onéreux.
le jeudi 17 avril 2008 à 13:36
Merci pour votre réponse rapide Mr Peter !
le jeudi 17 avril 2008 à 13:44
Juste pour vous montrer des exemples où le gif animé s'impose de façon très professionnelle et presque scientifique:
paris.blog.lemonde.fr/par...
le jeudi 17 avril 2008 à 21:08
Sympa ce tuto, mais au début de la composition, quand tu positionnes chaque calque grâce aux repères magnétiques, c'est quand même plus simple de les positionner directement en maintenant "Shift" lors du déplacement pour les centrer directement !
Sino, rien à redire pour le reste, le tuto est vraiment des plus complet
le jeudi 17 avril 2008 à 21:32
Moi qui pensais que le gif animé était mort
le vendredi 18 avril 2008 à 01:17
@Laurent, oui merci, tu fais bien de l'avoir rappelé, perso j'ai voulu rendre ce tuto très basique avec le moins de racourcis clavier, genre débutant de base. Monique l'était :-) @ Freddy: eh bien non mon cher Freddy. Pour une petite anim de qq secondes c'est bcp plus efficace de cette sorte. Et par ailleurs on ne peut pas toujours jouer un fichier swf ou flv dans tous les blogs. J'ai la plus grande difficulté en tous cas dans le mien qui est un WordPress bridé par le Monde. Donc les gif animés étaient bien mieux indiqués. Par ailleurs si tu regardes un peu l'utilisation que j'en fais sur Design et Typo ça reste très correcte comme qualité pour donner envie par exemple à un lecteur d'aller visiter un autre site. Et je redonne l'exemple ci-dessus où le Gif animé devient un véritable outil pédagogique:
paris.blog.lemonde.fr/par...
Dommage que ce soit un format qui soit tant abandonné. Je suis sûr qu'il a encore de très beaux jours, surtout lorsque les créateurs s'en emparent pour faire des recherches plastiques:
www.nogallery.info/projec...
le samedi 19 avril 2008 à 03:57
Temps qu'on parle d'animation, voici aussi une technique (très simple mais qu'il est bon de connaître) pour décomposer un gif animé dans Photoshop CS3 Extended:

www.trucsenvrac.com/home/...
Peter, quand tu dis "Dommage que ce soit un format qui soit tant abandonné", je plus ou moins d'accord avec toi, plus ou mois car il ne faut pas oublier que l'on peut aussi s'amuser avec, en créant pas exemple des smileys animés, je pense qu'ils ont encore de beaux jours devant eux
Arf, ca me rappelle ceux que j'avais fait il y a un moment, car je dois bien l'avouer, je m'étais bien amusé:
halo.jeun.fr/la-vie-du-fo...
le samedi 19 avril 2008 à 16:00
@Laurent: J'ai essayé l'astuce pour ouvrir un Gif animé avec Photoshop CS3 extended. Ça ne marche pas sur Mac. Le champ de recherche ne reconnaît pas le *.* que recommande l'auteur de l'intervention sur le forum que tu cites. Désolé.