Découvrir Animate CC 2015

Importer une vidéo H264

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Importez une video H264 dans la bibliothèque afin de faciliter la synchronisation entre votre animation et la vidéo.
07:31

Transcription

Je vous propose dans ce tutoriel de découvrir comment synchroniser une vidéo avec des éléments textuels qui, donc, doivent apparaître à des moments précis. Je vais vous faire une petite démonstration qui dure environ une trentaine de secondes. Et ensuite, nous verrons dans le détail comment réaliser tout cela. Voilà donc le travail que nous allons réaliser, vous avez remarqué que le panneau situé sur la droite de l'animation, contient un texte qui est en accord avec les images ou les vidéos, qui sont diffusées dans le panneau situé sur la gauche de cette animation. Alors, comment est-ce qu'on peut réaliser ça à coup sur sans écrire une seule ligne de code, d'ailleurs, uniquement en mettant des images-clés au bon endroit ? Eh bien, on va utiliser l'une des fonctionnalités de Animate CC, qui va nous permettre de mettre en place très aisement ce type de choses. Je vais vous demander de vous rapprocher des sources de cette formation, dans le chapitre 4, vous allez trouver un document baptisé « Animvideo ». Vous ouvrez ce document, vous allez trouver sur ce document deux calques. Un premier calque fond, que je vais déverrouiller, qui n'est, ni plus ni moins, qu'un dégradé de couleurs. C'est donc réalisé à partir de l'outil Rectangle. Je verrouille, je le masque, et je viens sur l'autre calque, le calque lecteur, qui, lui, est un lecteur, un composant, FLVPlayback. Ce composant, vous le trouvez ici, dans la bibliothèque. Pour l'obtenir, j'ai tout simplement fait la chose suivante. Je suis allé dans le menu Fenêtre, je suis venu sur le lien qui permet d'aller chercher les composants. Vous pouvez aussi faire Ctrl+F7. À partir de là, j'ai cette petite boîte qui fait son apparition à l'intérieur de laquelle, il y a deux éléments, un élément User interface, et un élément vidéo. Dans l'élément vidéo, j'ai pris le composant FLVPlayBack 2.5 que j'ai mis à l'intérieur donc, de ma bibliothèque. Je referme cet élément. Ensuite, j'ai glissé cet élément FLVPlayback sur la scène, et je l'ai réglé par ses propriétés, en cliquant dessus, je me suis contenté de régler tout simplement la propriété Source, en cliquant, donc sur Source, sur le petit crayon. J'ai fait apparaître cette boîte. Dans cette boîte en cliquant sur le dossier, je suis allé chercher dans les sources de cette formation, au chapitre 4, la vidéo baptisée Vienne Ipad.m4v. Et j'ai laissé la croix, dans Respecter les dimensions du fichier source et j'ai fait OK, ce qui m'a permis de récupérer ma vidéo. En l'état des choses, j'ai donc une vidéo prête à fonctionner. Maintenant, mon problème, il est le suivant. Si je fais Entrée, eh bien, rien ne se passe, je ne vois pas ma vidéo. Donc moi, mon problème, c'est de faire apparaître des panneaux à des instants précis de cette vidéo. Or, je ne peux pas voir cette vidéo. Je ne peux pas voir la vidéo directement, je suis obligé de faire Ctrl+Entrée, de la publier pour pouvoir la visualiser, ce qui n'est guère pratique pour le travail que j'ai à faire. C'est pour ça que nous allons utiliser une autre technique que je publie, je reviens en arrière. Nous allons créer un calque, que je vais baptiser « provisoire », comme son nom l'indique, il est vraiment provisoire. Et sur ce calque, nous allons venir intégrer cette vidéo. Cette vidéo va donc faire son apparition à l'intérieur de la bibliothèque. Une fois qu'elle sera dans la bibliothèque, et donc, sur la scène, nous allons pouvoir déplacer la tête de lecture le long d'images qui auront été créées au moment de l'importation, de telle sorte que nous puissions voir où nous en sommes dans notre vidéo. Et arrivés à l'endroit idoine, eh bien, on fera apparaître tel ou tel élément situé dans la bibliothèque comme par exemple, le panneau « Cathédrale-complet » ou le panneau « Cadre-quartier ». Voilà, je peux choisir tel ou tel panneau à faire apparaître à tel ou tel moment. Alors, voyons voir comment on fait. Je me positionne ici sur Provisoire, je viens dans Fichier. Je viens sur Importer, et je vais dire que je veux importer une vidéo. Je vais dans ce panneau choisir la dernière option, Incorporer la vidéo H.264 au scénario. Au moment de la conception uniquement, la vidéo ne peut pas être exportée, ce qui veut dire que, je la mets dans ma bibliothèque juste le temps de régler la synchronisation entre l'apparition de mes panneaux et la vidéo, et ensuite je la supprime, je n'en ai pas besoin à l'intérieur de ma bibliothèque. Elle ne me sert que pour fabriquer mon animation. Je clique sur Parcourir, je vais dans les sources de la formation, chapitre 4. Je trouve Vienne Ipad.m4v, je clique sur Ouvrir. Et je fais Suivant. On me dit, que veux-tu faire ? Eh bien, je peux mettre ma vidéo en tant que vidéo intégrée, en tant que clip, en tant que graphique. Je reste sur vidéo intégrée. Je place l'occurence sur la scène, je veux étendre le scénario si nécessaire, c'est-à-dire que je veux qu'ici, la ligne de temps s'étende sur la durée nécessaire à jouer l'intégralité de la vidéo. Et je peux inclure l'audio ou pas, comme vous le souhaitez. Moi je ne vais pas l'inclure pour ne pas être assourdi par le son, pendant le travail, mais bon, vous pouvez laisser cette case cochée si vous le souhaitez. Je fais Suivant, je vais cliquer sur Terminer, je patiente, et là regardez bien, hop ! J'ai ma ligne de temps qui se prolonge, et qui se prolonge fort loin, ma foi ! Puisque j'arrive directement à l'image-clé, 5815, donc c'est quand même quelque chose d'assez important. Donc maintenant que j'ai récupéré cette ligne de temps, je vais pouvoir travailler sur ma vidéo. Et la manipuler pour pouvoir la voir visuellement à l'écran pendant que je vais placer mes panneaux. Alors, première chose, je vais la dimensionner. Je la mets un petit peu à l'écart, je verrouille provisoirement le calque sur lequel je l'ai récupéré, je déverrouille le calque lecteur. Je clique sur ma vidéo d'origine et je regarde sa taille. Sa taille, c'est 1312 sur 760, je clique après avoir reverrouillé le lecteur sur cette vidéo, que je viens de récupérer, 1312, comme ceci, sur 760, comme celà, voilà. Donc là, j'ai la même taille, je peux revenir la superposer à peu près, il n'y a pas besoin d'être très très précis, parce que par la suite, cela sera détruit. Voilà, maintenant je peux verrouiller ce calque, et je vais pouvoir commencer mon travail, c'est-à-dire, déplacer ma tête de lecture, pour l'amener à l'endroit qui me semble correct pour venir intégrer mes différents panneaux.

Découvrir Animate CC 2015

Prenez en main Adobe Animate CC. Apprenez à réaliser des animations, des illustrations vectorielles, des interfaces, des vidéos, voire même des exécutables pour Mac et PC.

4h47 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Adobe Animate Animate CC
Spécial abonnés
Date de parution :9 févr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !