Tuto gif animé [Photofiltre studio]

J'espère que ce p'tit tuto est au moins un tout petit peu compréhensible et que ça pourra donner une petite idée de la marche à suivre. Il faut savoir que cette méthode, bah c’est moi qui l’ai mise en place parce qu’elle me convient. Maintenant, chacun fait comme il veut.


Donc, je vais tenter de vous expliquer comment faire un gif simple comme celui-ci :

La première chose à faire, c’est d’avoir les captures du moment que vous souhaitez mettre en gif. Personnellement, je les fais moi-même avec window movie maker parce qu’il est assez difficile de trouver un site proposant des caps toutes les secondes. Et, si vos captures sont prises à des moments trop espacés, le gif sera saccadé…

Une fois que vous avez vos caps, vous les ouvrez, de même qu’un nouveau document aux mêmes dimensions, ici 240*320 :


Pourquoi ce nouveau document me direz-vous ? Pour pouvoir y coller toutes les captures, dans l’ordre chronologie, sous forme de calques :


Une fois ça fait, il faut choisir une base pour le gif


Selon la base que vous choisissez, la surface prévue pour que le gif se déroule sera plus ou moins grande. Vous allez donc devoir modifier les dimensions de vos captures => clique droit > taille de l’image. J’ai choisi ici de modifier la hauteur de 240 à 81 (en conservant les proportions). Mais ça dépend de l’effet que vous rechercher. Il faut réduire la taille selon que vous voulez un gros plan ou une vue large de la scène.


Ensuite, sur la base du gif, sélectionnez la surface où les images gif seront collées avec l’outil sélection :


Copiez la sélection, et collez-la sur les captures. Cela vous permettra de choisir exactement quel endroit de la capture vous souhaiter avoir dans le gif. Je vous conseille de diminuer l’opacité du carré pour avoir un meilleur aperçu :


Une fois la bonne position trouvée, sélectionnez le calque de la base du gif. L’outil baguette magique peut le faire rapidement, puisque le calque a une couleur unie. Avec l’outil sélection (la flèche), allez sélectionner le premier calque, dans la colonne à gauche :


Copier le calque (clique droit > copier)


Et collez-le sur la base du gif (clique droit coller)


Faites pareil avec chaque calque du document (faites bien attention à bien disposer les calques au même endroit sur la base du gif):


La base du gif est maintenant complète. Il ne reste plus qu’à l’animer. Pour cela, rien de plus simple => outils > gif animé


Là, vous allez pouvoir choisir la vitesse à laquelle vous souhaitez que les images défilent. Plus vous choisirez un petit nombre, plus vite elles défileront. A notez également qu’il ne faut pas oublier de désélectionner les options « web 216 couleurs » et « diffusion », et bien sélectionner l’option « palette optimisée », ce afin d’avoir une meilleure qualité d’image.


Cliquez ensuite sur aperçu pour vérifier que tout vous convient, grâce à la fenêtre qui s’ouvrira et qui vous montrera le gif animé :


Si vous en êtes content, cliquez sur « exporter » afin d’enregistrer la créa. Dans le cas contraire, il suffit de jouer sur la vitesse des images, en l’augmentant ou en la réduisant, vos pouvez même donner une vitesse différente à chaque image :



Et voilà, vous avez créé un gif :



Bien entendu, vous pouvez faire un effet sur les images (renforcer les tons sombres, ajouter une texture, …) en vous y prenant une par une, et ajouter également du texte.

Comme exemple, j'ai décidé d'ajouter du texte. Pour ce faire, reprenez la base que vous aviez utilisé pour coller sur les calques


Et mettez-y le texte que vous désirez.


Dupliquer le tout premier calque du gif deux fois (clique droit sur le miniature du calque, dans la colonne à gauche > dupliquer) et faites un dégradé dans l’opacité. Par exemple, pour le premier 30, pour le deuxième 70 et pour le 3ème 100


Coller la base avec le texte sur le gif


Comme pour le premier calque, dupliquez le 2 fois, en faisant à nouveau un dégradé dans l’opacité :


Ensuite, choisissez les vitesses de défilement. Personnellement, j’augmente la vitesse de défilement des images dont l’opacité est moindre :


Et je diminue la vitesse du calque où le texte est parfaitement visible, afin qu’il puisse être lu convenablement avant de disparaître.


Le résultat =>


N'hésitez pas à demander de plus amples explications si vous ne comprenez pas quelque chose. Je me rends bien compte que ce tuto est pas génial génial

Merci pour ce tuto C'est carrément plus simple que ce que je fais d'habitude Moins de logiciel à utiliser
Par contre j'aurais une petite question : comment tu fais des captures d'images avec window movie maker ?

C'est clair qu'avant de connaître cette option de photofiltre studio, je pensais que c'était un casse tête impossible. Mais au fond, non, il faut juste de la patience ^^

Et c'est pas compliqué de faire des caps. Il suffit d'importer la vidéo. Quand tu as trouvé l'extrait que tu veux mettre en gif, tu mets sur pause et tu appuies sur le petit appareil photo à droite. Et pour faire avancer la vidéo (pour prendre la cap suivante), il suffit d'appuyer sur euh, le même genre de bouton que sur les télécommandes, lol. Le tout premier pour faire "avancer":

Mirci pour toutes ces infos !
Je viens de vérifier, mais je crois que sous vista y'a pas ce petit appareil photo Ou alors il est caché

Ah, là, je ne saurais pas t'aider parce que j'ai windows XP....

Cool, merci pour l'info