Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Animate CC 2015

Travailler avec une séquence d'images

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Voyez comment importer et superposer automatiquement une séquence d'images pour obtenir un clip animé en quelques clics.
04:04

Transcription

Nous allons dans ce tutoriel découvrir qu'il est possible d'intégrer dans la bibliothèque d'Animate CC une séquence d'images, c'est-à-dire une suite d'images numérotées de 1 à X pouvant représenter, par exemple, les différents états d'un mouvement. J'ai mis dans les sources de cette formation, chapitre 4, un dossier baptisé « moto », dans lequel vous allez trouver dix images représentant une personne sur une moto. Sur chacune de ces images, les roues de la moto tournent un petit peu, un petit peu, un petit peu, jusqu'à temps de faire un tour complet en dix images. Et donc, nous voulons récupérer ces dix images dans une enveloppe de type clip. Ceci afin de pouvoir utiliser ensuite ce movieclip à l'intérieur d'une animation plus complexe, que nous allons éventuellement un jour réaliser. Donc, je suis ici sur du HTML5 Canvas, je fais insertion, nouveau symbole, et je vais baptiser mon symbole de réception, « moto ». Je vais dire que c'est un symbole de type clip et je fais OK. Je suis donc maintenant à l'intérieur de mon symbole « moto ». Il n'y a rien dans ma bibliothèque hormis le symbole que je viens de créer. Maintenant, ce que je souhaiterais, c'est que Animate CC importe automatiquement les dix images à la queue leu-leu en n'en mettant une sur la première image. Une deuxième sur la deuxième image, une troisième, une quatrième, et ainsi de suite, jusqu'à dix. Et en les alignant les unes par rapport aux autres parfaitement. De telle sorte à ce qu'elles soient totalement superposées. Eh bien, il n'y a aucun problème pour faire ça. Il y a un automatisme qui est prévu. J'ai donc, et attention, c'est très important, créé mon enveloppe, avant d'importer les images, après, c'est trop tard. Maintenant que je suis à l'intérieur de mon enveloppe, que j'ai ma petite croix au milieu de l'écran ici, je fais Fichier, je viens sur Importer. Je viens sur Importer dans la scène, et non pas dans la bibliothèque parce que je veux importer chacune des images PNG, qui compose mon animation, dans la scène une par image jusqu'à l'image numéro dix. Je ne veux pas les mettre dans la bibliothèque. Si je les mettais dans la bibliothèque, il faudrait ensuite que moi-même, je les mette sur la scène en les alignant parfaitement. Ce qui est tout à fait laborieux, notamment si au lieu de dix, vous en avez une centaine. Donc, je viens sur Fichier, je viens sur Importer, je viens sur importer dans la scène, où je fais Ctrl+R. Je viens dans le dossier, chapitre 4, qui s'appelle « moto ». Je prends uniquement la première image, et je fais Ouvrir. Là, on me dit : « Attention, il s'agit d'une séquence d'images. Voulez-vous importer toutes les images de la séquence ? » Je clique sur Oui, je patiente. Regardez bien ce qui va se passer sur la ligne de temps. J'ai dix images-clés qui se créent. Et, sur chacune de ces images-clés, il y a une des images PNG qui est venue se mettre. Ce qui fait que maintenant, dans « moto», eh bien, j'ai toutes les images PNG parfaitement alignées. La première chose que je vais faire, c'est faire un dossier, que je vais baptiser « image ». Et toutes les images PNG, je clique sur la première, Shift, je clique sur la dernière. Je vais les glisser dans le dossier « image », pour que ça fasse plus propre dans ma bibliothèque. Je reviens maintenant sur ma scène, je vais ajuster la scène à la taille que j'ai de disponible. Je vais prendre le movieclip moto que je viens de créer. Je glisse et je le pose sur la scène. Voilà, j'ai mon personnage qui est en place. Si maintenant, je fais Ctrl+Entrée, pour publier cette animation en format HTML5 Canvas. Je vais obtenir directement l'animation avec les roues qui tournent, et la personne, les cheveux au vent, qui conduit cette moto. Ensuite, il ne me reste plus qu'à venir intégrer derrière, devant, etc, des éléments de décor, pour faire une animation. Je peux bien évidemment redimensionner ma scène, de telle sorte qu'elle occupe toute la largeur d'un site web, par exemple, pour faire ce travail. Voilà donc, une méthode de travail qui est quand même très très pratique, parce que cela vous permet de récupérer sans avoir de préoccupations d'alignement, une séquence d'images et de superposer parfaitement chacune de ces images.

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 !