Création de GIF à partir d'une vidéo
Photoshop
Photoshop
L'objectif de ce tutoriel est de créer une image animée type GIF à partir d'une vidéo.
Resultat recherché :
I Prérequis:
https://youtu.be/FAWSOb1A9NU
Si vous ne savez pas comment obtenir cette vidéo, suivez le tutoriel Extraction audio et vidéo de site de Youtube.
NB : la vidéo utilisée doit être courte, il est préférable de "coupe" le morceau qui vous interesse pour gagner du temps et faciliter le réglage du GIF.
II Importer la vidéo dans Photoshop
Pour importer la vidéo dans Photoshop, il faut aller dans : Fichier / Importation / Images vidéos dans des calques. Une fenêtre d'exploration de fichier s'ouvrira avec laquelle vous devrez sélectionner la vidéo de la série.
Une fenêtre de sélection apparaît:
A l'aide des marqueurs sous la vidéo, définissez la partie que vous désirez conserver dans votre gif. Notez que le gif à un nombre d'images limité il faut donc prévoir des séquences assez courtes.
Dans l'exemple que nous prenons, seul la fin de la vidéo nous interesse car c'est le moment où le titre apparaît. N'hésitez pas à lire la vidéo pour trouver les bons moments de la séquence.
Une fois la séquence délimitée, cliquez sur "OK" et votre vidéo sera décomposée en plusieurs dizaines de calques.
NB : Pour la petite histoire, les vidéos standards son composées de 24 images par seconde.
Voila le résultat:
Sur votre écran vous voyez une importante liste de calque et une image centrale.
III Paramétrer Photoshop
Avant de créer le gif il faut procéder à quelques réglages.
1 Taille et poids de l'image:
L'image de base étant très grande, le poids du fichier est important. Pour que le traitement de l'image ne soit pas trop lourd pour les ordinateurs étant anciens ou ayant une performance moyenne il faut réduire la taille de l'image.
D'autre part, les gif trop lourd seront difficilement hébergés par les hébergeurs d'images gratuit comme servimg.
Allez dans : Image / Taille de l'image. Une fenêtre de réglage apparaît.
Choisissez une hauteur de 200 PX. Attention, veillez à ce que "Conserver les proportions" soit coché, sinon votre image sera aplatie. Puis cliquez sur "OK". Le traitement peu prendre plus ou moins de temps.
2 Fenêtre de travail Photoshop
Photoshop possède de nombreux modules et tous ne sont pas affichés. Si vous ne travaillez jamais sur des gif vous devez faire apparaître la fenêtre de montage.
Pour ce faire vous devez aller dans : Fenêtre et cocher Montage.
Un élément supplémentaire apparaîtra en base de votre écran.
IV Création du gif
1 Intégrer vos calques dans la fenêtre de montage
Pour importer les images des calques dans la fenêtre de montage, cliquez (gauche) sur le bouton de commande de la fenêtre (zone entourée de rouge dans l'image ci-dessous).
Vous obtenez une liste de choix sur laquelle vous devez choisir "Créer des images d'après des calques".
Toutes vos images apparaissent désormais dans la fenêtre de montage. Si vous cliquez sur le bouton lécture votre gif s'animera.
2 Réglage du gif
Sélectionnez toutes vos images dans la fenêtre de montage pour que les réglages soient les mêmes pour toutes les images. Parfois des réglages différents peuvent être appliqués sur des images pour obtenir des effets particuliers.
Pour changer la vitesse de défilement des images, cliquez sur le bas d'une des vignettes, où "0 s" est généralement affiché. Généralement 0.1 seconde est choisi.
3 Suppression d'images indésirables
Généralement, il y a toujours des images en trop. Après avoir visionner le gif à plusieurs reprise, vous pouvez avoir envie de retirer des images.
Pour cela, il vous suffit de cliquer sur l'image indésirable et de cliquer sur l'icône "poubelle" de la fenêtre de montage. Attention, ne pas utiliser l'incône poubelle de la fenêtre de gestion des calques, ce sont deux outils différents.
4 Enregistrer le gif
L'enregistrement du gif est une procédure différente des enregistrement habituel.
Il faut aller dans : Fichier / Enregistrer pour le Web. Et une fenêtre de gestion apparaît.
Elle permet de connaitre le poids et d'effectuer des réglages supplémentaires.
Si vous avez besoin de diminuer le poids de votre gif, vous avez plusieurs possibilités. Vous pouvez revenir en arrière et réduire la taille de l'image pour qu'elle soit moins grande. Vous pouvez aussi utiliser cette boite de dialogue en jouant avec le taux de perte qui peut aller de 0 à 100 (éléments en haut à droite de la boite de dialogue). Plus le taux sera élevé, plus le poids de l'image sera réduit, mais cela ajoute du bruit et rend l'image moins nette.
Ceci est l'un des nombreux réglages à votre disposition. N'hésitez pas à jouer avec.
Si le rendu de votre gif vous convient, il vous suffit de cliquer sur enregistrer et de suivre la procédure habituelle.
Ne supprimez pas votre fichier de travail, testez votre gif sur une page web avant car le réglage temporel peut être faussé. Si le gif est trop rapide ou trop lent, reprenez le tutoriel au point IV-2 Réglage du gif.
Si vous avez des questions posez-lez à la suite de ce sujet. D'autres tutoriels seront ajoutés pour les ajouts d'effets sur les gifs.
Resultat recherché :
I Prérequis:
- Avoir le logiciel Phoshop CS6 ou équivalent
- Avoir une vidéo chargée sur l'ordinateur
https://youtu.be/FAWSOb1A9NU
Si vous ne savez pas comment obtenir cette vidéo, suivez le tutoriel Extraction audio et vidéo de site de Youtube.
NB : la vidéo utilisée doit être courte, il est préférable de "coupe" le morceau qui vous interesse pour gagner du temps et faciliter le réglage du GIF.
II Importer la vidéo dans Photoshop
Pour importer la vidéo dans Photoshop, il faut aller dans : Fichier / Importation / Images vidéos dans des calques. Une fenêtre d'exploration de fichier s'ouvrira avec laquelle vous devrez sélectionner la vidéo de la série.
Une fenêtre de sélection apparaît:
A l'aide des marqueurs sous la vidéo, définissez la partie que vous désirez conserver dans votre gif. Notez que le gif à un nombre d'images limité il faut donc prévoir des séquences assez courtes.
Dans l'exemple que nous prenons, seul la fin de la vidéo nous interesse car c'est le moment où le titre apparaît. N'hésitez pas à lire la vidéo pour trouver les bons moments de la séquence.
Une fois la séquence délimitée, cliquez sur "OK" et votre vidéo sera décomposée en plusieurs dizaines de calques.
NB : Pour la petite histoire, les vidéos standards son composées de 24 images par seconde.
Voila le résultat:
Sur votre écran vous voyez une importante liste de calque et une image centrale.
III Paramétrer Photoshop
Avant de créer le gif il faut procéder à quelques réglages.
1 Taille et poids de l'image:
L'image de base étant très grande, le poids du fichier est important. Pour que le traitement de l'image ne soit pas trop lourd pour les ordinateurs étant anciens ou ayant une performance moyenne il faut réduire la taille de l'image.
D'autre part, les gif trop lourd seront difficilement hébergés par les hébergeurs d'images gratuit comme servimg.
Allez dans : Image / Taille de l'image. Une fenêtre de réglage apparaît.
Choisissez une hauteur de 200 PX. Attention, veillez à ce que "Conserver les proportions" soit coché, sinon votre image sera aplatie. Puis cliquez sur "OK". Le traitement peu prendre plus ou moins de temps.
2 Fenêtre de travail Photoshop
Photoshop possède de nombreux modules et tous ne sont pas affichés. Si vous ne travaillez jamais sur des gif vous devez faire apparaître la fenêtre de montage.
Pour ce faire vous devez aller dans : Fenêtre et cocher Montage.
Un élément supplémentaire apparaîtra en base de votre écran.
IV Création du gif
1 Intégrer vos calques dans la fenêtre de montage
Pour importer les images des calques dans la fenêtre de montage, cliquez (gauche) sur le bouton de commande de la fenêtre (zone entourée de rouge dans l'image ci-dessous).
Vous obtenez une liste de choix sur laquelle vous devez choisir "Créer des images d'après des calques".
Toutes vos images apparaissent désormais dans la fenêtre de montage. Si vous cliquez sur le bouton lécture votre gif s'animera.
2 Réglage du gif
Sélectionnez toutes vos images dans la fenêtre de montage pour que les réglages soient les mêmes pour toutes les images. Parfois des réglages différents peuvent être appliqués sur des images pour obtenir des effets particuliers.
Pour changer la vitesse de défilement des images, cliquez sur le bas d'une des vignettes, où "0 s" est généralement affiché. Généralement 0.1 seconde est choisi.
3 Suppression d'images indésirables
Généralement, il y a toujours des images en trop. Après avoir visionner le gif à plusieurs reprise, vous pouvez avoir envie de retirer des images.
Pour cela, il vous suffit de cliquer sur l'image indésirable et de cliquer sur l'icône "poubelle" de la fenêtre de montage. Attention, ne pas utiliser l'incône poubelle de la fenêtre de gestion des calques, ce sont deux outils différents.
4 Enregistrer le gif
L'enregistrement du gif est une procédure différente des enregistrement habituel.
Il faut aller dans : Fichier / Enregistrer pour le Web. Et une fenêtre de gestion apparaît.
Elle permet de connaitre le poids et d'effectuer des réglages supplémentaires.
Si vous avez besoin de diminuer le poids de votre gif, vous avez plusieurs possibilités. Vous pouvez revenir en arrière et réduire la taille de l'image pour qu'elle soit moins grande. Vous pouvez aussi utiliser cette boite de dialogue en jouant avec le taux de perte qui peut aller de 0 à 100 (éléments en haut à droite de la boite de dialogue). Plus le taux sera élevé, plus le poids de l'image sera réduit, mais cela ajoute du bruit et rend l'image moins nette.
Ceci est l'un des nombreux réglages à votre disposition. N'hésitez pas à jouer avec.
Si le rendu de votre gif vous convient, il vous suffit de cliquer sur enregistrer et de suivre la procédure habituelle.
Ne supprimez pas votre fichier de travail, testez votre gif sur une page web avant car le réglage temporel peut être faussé. Si le gif est trop rapide ou trop lent, reprenez le tutoriel au point IV-2 Réglage du gif.
Si vous avez des questions posez-lez à la suite de ce sujet. D'autres tutoriels seront ajoutés pour les ajouts d'effets sur les gifs.