Un Gif animé est en fait une succession d'images fixes, qui s'affichent les une derrières les autres pendant un certain temps et qui donne l'illusion d'un mouvement, comme une vidéo finalement. La toile en regorge littéralement. C'est parfois tentant de récupérer ces petites séquences sympathiques pour agrémenter un montage, lui donner une petite touche rigolote. Hélas, le Gif animé en lui même n'est pas exploitable tel quel dans Studio. Ce tutoriel se propose de vous donner une méthode pour contourner ce petit problème. Illustration :

Etape 1 - Extraction des images fixes du Gif

Pour extraire les images qui constituent le gif, nous vous proposons d'utiliser Gimp (ou tout autre logiciel d'édition de photo, comme Paint Shop Pro, Adobe PhotoShop, etc...). Il sera peut-être utile de relire les tutos Créer des zones de transparence dans une image avec Gimp ou Gimp et les calques pour vous familiariser avec ce logiciel.

Après ouverture dans Gimp du gif animé allez dans Image, Mode et assurez-vous que RVB soit sélectionné.
Dans la fenêtre des calques on voit que le gif est décomposé en autant de calques que d'images qui le composent. Si la fenêtre des calques n'apparaît pas nous vous rappelons que vous pouvez l'afficher en allant dans Fenêtres, Fenêtres ancrables, Calques.

Voilà ce que ça donne avec un gif de 5 images :

Il suffit alors de sélectionner chaque calque en cachant les autres :

Puis de sauver en .png ou .tga avec Fichier, Enregistrer sous, Sélectionner le type de fichier (selon l'extension) et Enregistrer. Si une fenêtre nommée Exporter fichier s'ouvre, cochez Fusionner les calques visibles puis Exporter.
Il vous faudra recommencer l'opération pour chaque calque en sachant que le calque le plus bas dans la pile est le premier qui apparaît dans le gif animé.

Etape 2 - Construction du film Gif sur fond vert

Dans cette étape, nous allons construire de toute pièce une nouvelle vidéo avec les images fixes extraites du Gif. C'est cette vidéo qui pourra ensuite être utilisée dans Studio à votre guise.

Placez un fond vert sur la piste vidéo principale. Placez ensuite tout les images fixes extraites du Gif sur la ligne de montage en utilisant la seconde piste vidéo. Remarque: La conservation du fond vert nous permettra ensuite dans Studio de gérer de la transparence pour obtenir le personnage du Gif seul.	*
Pour chaque image fixe, régler le temps d'affichage qui est souvent très court (ici pour le chat qui court, on prend un temps de 10 images). Remarque: il faut que les images se succèdent rapidement pour un mouvement fluide. Pour avoir une animation qui dure plus longtemps, la même séquence d'images doit être répétée plusieurs fois de suite (au moins 3 à 4 fois).

Vous pouvez ensuite faire le rendu de cette vidéo, si possible dans un format pas trop compressé (par exemple du MPEG2 en qualité DVD). Ce rendu sera ensuite réutilisé dans l'étape suivante, comme une nouvelle vidéo.

Etape 3 - Utilisation du film Gif dans votre vidéo - Le personnage est fixe -

Dans les étapes 3 et 4, nous allons agrémenter notre film principal avec plusieurs vidéos élaborées à partir de Gif animés.

Placez votre vidéo sur la piste principale de la ligne de montage. Placez ensuite la vidéo "Gif" sur la seconde piste.
Il faut appliquer 2 plugins successivement sur la vidéo Gif pour retirer le fond vert et placer votre personnage où vous le souhaitez.
Pour enlever le fond vert, vous utiliserez le plugin RTFX Studio Plus "Inscrustateur Couleur".
Pour réduire et positionner votre personnage vous pouvez utiliser le plugin RTFX Studio Plus "2D Editor Advanced". Dans notre exemple, la taille a été réduite de moitié (50.00) et le positionnement vertical et horizontal ont été modifiés pour placer le lapin en bas à gauche de la vidéo.

Etape 4 - Utilisation du film Gif dans votre vidéo - Le personnage est mobile -

Comme à l'étape précédente, nous allons utiliser la même méthode pour incorporer un Gif Animé à notre vidéo principale, mais en ajoutant une petite amélioration. Contrairement au lapin qui demeure au même endroit, le chat court. Il faut donc le faire avancer. Vous remarquerez que le lapin a été placé sur la piste vidéo 3 (normalement réservée aux titres) afin de faire figurer deux Gif en même temps. Vous pouvez vous reporter à notre tutoriel 3ème piste Vidéo avec Pinnacle Studio pour mettre en oeuvre cette astuce.

Placez la vidéo "Gif le chat" sur la seconde piste. Comme pour le "Gif lapin", deux plugins seront nécessaires pour enlever le fond vert et positionner le chat sur la vidéo. Reporter vous ici pour revoir l'étape concernant le plugin pour enlever le fond vert.
Pour réduire et positionner votre personnage vous utilisez le plugin RTFX Studio Plus "2D Editor Advanced". Mais cette fois nous allons cocher la case image Clé (Voir point 1). Automatiquement au moins 2 images clés sont créées (début et fin). Par défaut, nous sommes sur l'image clé du début qui porte le numéro 1 (Voir point 2) Il faut placer le chat en dehors de la vidéo, complètement a gauche (Voir point 3). Le paramètre Horizontal prend une valeur négative importante. Vous pouvez ensuite régler les paramètres de la seconde image clé en positionnant dessus grâce au petit triangle indiqué en 4.
Le numéro de l'image clé que vous êtes en train de modifier est indiqué sur le point 1. Ici nous modifions l'image clé N° 2. Le paramètre Horizontal prend une valeur positive. Studio va gérer tout seul la transition entre les 2 valeurs des images clés. Le paramètre horizontal va partir de -103 vers +56 graduellement et ainsi, le chat semblera avancer...

La même technique sera utilisée avec le paramètre vertical pour faire descendre le coyote etc.
Je remercie saby pour son aide précieuse dans l'écriture de ce tutoriel et ses judicieux conseils.

Merci à Domie08 qui nous a donné l'astuce de passer l'image en RVB pour que l'export soit sur un fond totalement transparent.