Extraire les images a écrit:ETAPE 1: Choisir sa séquence.

En premier lieu, vérifiez bien que les deux logiciels sont bien installés sur votre ordinateur. La version Extended de CS6 comprend l'extension "Mouvement", celle-là même qui permet de créer une suite d'image mouvante. La version "classique" ne fera donc  pas l'affaire.

Pour faire un gif, il nous faut tout d'abord l'élément essentiel à sa création: une vidéo! Peu importe son format tant que le lecteur KmPlayer puisse le prendre en charge! Commencez donc par choisir la séquence qui vous intéresse en lisant la vidéo sur KmPlayer. Une fois trouvée, mettez la vidéo en pause au début de cette séquence et faites clic droit pour accéder au menu.


ETAPE 2 : Extraire les "Frames"

Le menu est plutôt complet, mais nous n'avons besoin que d'une toute petite partie appelée "Capture".
Ce sous-menu vous propose plusieurs moyen de capturer les images de la vidéos mais celui qui nous intéresse plus particulièrement est "Frame: Extract".

[Vous devez être inscrit et connecté pour voir cette image]

Une fois que vous aurez cliqué sur ce menu, une fenêtre s'ouvrira. C'est la fenêtre qui vous permettra d'enregistrer les images à la secondes pour créer le gif animé!

[Vous devez être inscrit et connecté pour voir cette image]

Donc, qu'avons nous là? La première entrée définit évidemment le dossier dans lequel les images seront exportées. Vous pouvez le modifier comme bon vous semble, cela n'aura pas du tout d'impact. En dessous, vous pouvez aussi choisir de modifier le format de l'image sortante, bien que pour la rapidité, je conseille de laisser le format de base.
Pour les nombres à extraites, cochez "Continuously" . Juste à côté, vous pouvez définir combien d'images vous voulez capturer à la seconde: pour créer un gif fluide, je conseille de cocher "Every Frames".
La dernière option à modifier est celle de la taille. Vous pouvez choisir de garder la taille de la video telle qu'elle est ou de la réduire lors de l'extraction. Les images prendront moins de place dans ce dernier cas, et ça sera plus facile à travailler.

Pour commencer l'extraction, il suffit de cliquer sur START et de lancer la vidéo. Cliquez sur Stop, une fois que vous arrivez à la fin de la séquence que composera votre gif! Rendez vous à présent dans le dossier que vous avez choisi pour retrouver toutes les images extraites de votre vidéo!

Création du gif a écrit:ETAPE 3: Importer les images dans Photoshop.

Maintenant que vous avez toutes vos images, il va falloir les importer dans photoshop! Pour ne pas avoir à les placer une à une dans le logiciel, il existe script simple qui vous permettra de le faire automatiquement! Pour cela, rendez-vous dans "Fichier ► Script ► Chargement des fichiers dans une pile...". Une fenêtre s'ouvrira et vous permettra d'aller chercher toutes vos images.

[Vous devez être inscrit et connecté pour voir cette image]

ETAPE 4: Créer le mouvement

Après le chargement de toutes les images (cela peut prendre du temps si elles sont plutôt lourdes), toutes vos frames se retrouveront sur le même canvas, dans l'ordre dans lequel vous les avez importées. Cela devrait donner ça:

[Vous devez être inscrit et connecté pour voir cette image]

L'étape du mouvement est arrivée! Il faut donc se rendre dans " Fenêtre ► Espace de travail ► Mouvement".

[Vous devez être inscrit et connecté pour voir cette image]

En bas de Photoshop, une nouvelle option est visible! En appuyant sur la petite flèche sur le côté, vous pourrez choisir d'adopter non pas montage vidéo mais animation d'images!

[Vous devez être inscrit et connecté pour voir cette image]

Vous voilà donc avec une seule image dans la barre de mouvement. Bien évidemment, ce n'est pas notre but final, vu que nous voulons créé l'animation d'une suite d'image! Il faut donc avoir recours à une petite manip! Au coin de la barre de mouvement, vous trouverez un petit menu:

[Vous devez être inscrit et connecté pour voir cette image]

Cliquez dessus et sélectionnez "Créer des images d'après des calques". Votre animation est à présent prête!

[Vous devez être inscrit et connecté pour voir cette image]

Dans cette fenêtre, quelques petites choses sont modifiables! Pour que le gif tourne en boucle, il faut changer le "Une fois" par "Toujours". Vous pouvez aussi changer le temps qui s'écoule entre chaque image individuellement où en les sélectionnant toutes (Je vous conseille de mettre toutes les images à 0.02 ou 0.05, sinon votre gif risque d'être trop rapide!). Enfin, vous pouvez évidemment cliquer sur "Play" ou sur la barre d'espace pour voir votre gif!
Si il est trop long, il vous suffit de supprimer quelques images à la fin ou au début!

Voila donc la base de votre gif! Maintenant que vous avez obtenu votre image animé dans photoshop, je vais vous montrer comment l'éditer puis l'enregistrer!

Edition et Sauvegarde a écrit:ETAPE 5: Editer son image!

Je vais pas m'attarder longtemps sur le sujet mais juste expliquer vite fait comment vous pouvez éditer l'image. Tout d'abord, vous pouvez redimensionner le gif avec l'outil recadrage: il coupera toutes les images à la même taille! De même pour ce qui est de modifier la taille ou l'échelle, vous le ferez automatiquement sur l'ensemble sélectionné!
Par contre, là ou c'est plus compliqué, c'est l'édition de l'image même! Si vous voulez que votre modification couvre la totalité du gif, il faut sélectionnez la toute première image dans la barre de mouvement et se placer au dessus de tous les calques dans la fenêtre des calques.

[Vous devez être inscrit et connecté pour voir cette image]

A partir de là, tous les nouveaux calques créent au dessus s'appliqueront sur l'intégralité des images du gif. Par exemple, si vous faites un trait avec le pinceau, on verra se trait tout le long du gif. Si vous décidez de mettre du texte, ça sera la même chose!
Pour faire des effets originaux (noir et blanc, contraste, vibrance...), je vous conseille d'utiliser des masques et des calques en appuyant sur le cercle noir et blanc en dessous de la fenêtre des calques:

[Vous devez être inscrit et connecté pour voir cette image]

Vous aurez des tonnes de possibilité pour modifier votre gif au niveau des couleurs! Voila ce que ça peut donner par exemple:

[Vous devez être inscrit et connecté pour voir cette image]

En bref, là c'est à vous de vous amuser!

ETAPE 4: Sauvegardez!

Enfin, pour finir, je vais expliquer comment sauvegarder votre gif! C'est assez simple: Fichier ► Enregistrer pour le Web! Vous tombez sur cette fenêtre:

[Vous devez être inscrit et connecté pour voir cette image]

Il ne faut pas oublier de cocher "Toujours" et non "Une fois", pour que le gif tourne bien en boucle! Une fois cela fait, vous pouvez l'enregistrez comme une image classique!

[Vous devez être inscrit et connecté pour voir cette image]

Normalement, tout est terminé! Vous n'avez plus qu'à héberger votre gif sur un hebergeur qui prend en charge ce genre d'image. Personnellement, j'utilise Imgur!

[Vous devez être inscrit et connecté pour voir cette image]
TADAAAA

Les images de ce tutoriel sont tirées de Dragon Age: Inquisition est ne m'appartienne absolument pas. Tout droit réservé à Bioware!