Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Création d'un vidéo d'animation avec Powtoon Aller sur le site http://www.powto

Création d'un vidéo d'animation avec Powtoon Aller sur le site http://www.powtoon.com/ et créer un compte. Cliquer sur « Start now » et choisir un modèle d'animation. Par la suite, si vous souhaitez modifier ou créer une animation, vous devrez cliquer sur le bouton « Dashboard » pour retrouver vos animations ou entamer une nouvelle. Les cases à cocher permettent de faire apparaître des modèles en rapport avec un thème, par exemple l'éducation : Pour sélectionner un modèle d'animation, cliquer sur « Edit », ce qui fait apparaître l'interface de création de l'animation : 1 1. Se repérer dans l'interface de création 1.1. Le cadre de navigation dans les scènes de l'animation Le cadre de gauche permet de voir que le modèle contient déjà une animation, d'une durée d'une minute et onze secondes, comportant plusieurs scènes représentées par des diapositives successives dans lesquelles un ascenseur permet de se déplacer par cliquer-glisser. La diapositive figurant la scène active est entourée d'un cadre bleu. Un clic sur une diapositive la rend active. Notons tout de suite que les boutons « + » et « - » situés en haut et à droite du cadre permettent d'ajouter une scène ou de supprimer celle dont la diapositive est active. Un clic droit sur une diapositive permet aussi, par une commande d'un menu contextuel, de dupliquer une scène. Un cliquer-déposer dans le cadre permet de modifier la place d'une scène dans l'animation. 1.2. Les boutons de lecture Sous ce cadre, se trouvent les boutons de lecture de l'animation : Au survol, des infobulles indiquent leur fonction : « lecture de l'animation depuis le début », « lecture de la scène active depuis son début », « lecture / pause », « lecture de la scène active au point d'arrêt ». Il est important de prendre un peu de temps pour manipuler ces commandes avec l'animation existante afin de s'en assurer une bonne compréhension et une bonne maîtrise. Ces boutons seront utiles afin de lire et contrôler la réalisation mais aussi pour prendre des informations importantes concernant le timing du déroulement de la scène. 2 1.3. La ligne du temps En effet, sous le cadre central où s'affichent successivement les scènes qui composent l'animation, se trouve une ligne du temps importante pour contrôler le temps et modifier le timing des événements (apparition d'un objet, d'un personnage, d'un cadre de texte ou d'un texte). L'examen de cette ligne du temps permet de voir que la scène dure 9 secondes (cette durée pourra être allongée ou écourtée, notamment pour caler la scène avec son commentaire sonore, à l'aide des boutons « + » ou « - » situés à droite, permettant d'ajouter ou ôter une seconde à la durée totale de la scène). Le triangle inversé rouge est le curseur permettant, lors de la lecture, de suivre le déroulement précis des scènes et de leurs animations sur la ligne de temps. Enfin, les icônes présentes au-dessous montrent que la scène affichera d'abord un personnage puis un cadre de texte blanc et 8 textes successifs. Notons que ces icônes peuvent servir à supprimer des objets de l'animation (cette possibilité doit être utilisée avec prudence et sûreté). A droite de la fenêtre, un autre cadre permet d'ajouter à la scène active des éléments : Enfin, la partie supérieure contient des commandes, souvent familières des interfaces logicielles : Notons que « New » n'affiche pas une animation vide mais ramène au choix de modèles, que 3 « Save » doit jalonner votre création pour éviter une perte, qu'il est possible d'afficher une grille (« Grid ») pour mieux aligner des objets ajoutés ou déplacés, qu'il est possible d'ajouter du texte en choisissant ses attributs mais surtout d'ajouter une piste sonore (« Sound ») et d'exporter l'animation lorsqu'elle est terminée (« Publish »). 2. Comment créer une animation ? 2.1. Quelques aspects fondamentaux Avant de commencer à créer votre animation, vous devez en avoir créé et bien défini l'énoncé, le texte qui s'affichera dans les bulles dans chacune des scènes. Il est nécessaire d'avoir à l'esprit les informations suivantes : la durée totale de votre animation ne devra pas dépasser deux minutes ; la bande sonore de votre commentaire est continue, c'est-à-dire, que cette piste son n'est pas propre à chaque scène mais qu'elle se poursuit tout au long de l'animation. Powtoon permet de créer une animation à partir de rien ou à partir d'une présentation Powerpoint mais ce ne sont pas des options qui seront présentées dans ce tutoriel court, visant à l'essentiel. Néanmoins, nous présenterons une procédure simple et une procédure plus approfondie. Pour la procédure simple, consultez les parties suivantes : 2, 3, 6.2 et 8. Dans ce cas-là, une seule scène sera conservée à partir du modèle, les autres scènes seront effacées. L'animation ne comportera alors qu'un type de scène ce qui n'est pas gênant pour une animation très courte. Les textes seront insérés dans les différentes scènes et le commentaire sera enregistré par dessus. Il sera sans doute néanmoins nécessaire, suivant la réussite de la synchronisation dès l'enregistrement de consulter la partie 7, expliquant celle-ci. Nous traiterons ici le cas où vous choisissez de créer votre animation à partir d'un modèle. 4 2.2. Le modèle à son ouverture A l'ouverture de ce modèle appelé « School Syllabus », on peut voir que : • la durée totale actuelle est de 1.11 minutes (haut du cadre de navigation à gauche) ; • le curseur de temps est, pour la première scène, à 0 ; • la scène comporte juste une image vide sans personnage, objet ni bulle ou texte. Le mieux est de regarder de l'ensemble de l'animation en cliquant sur le bouton « Play ». En faisant défiler l'animation, on aura observé que, au fil du déplacement du curseur sur la ligne de temps, le personnage, les objets, les bulles et les textes courts apparaissent et disparaissent. 3. Insérer ses propres textes Votre texte étant prêt et bien défini, vous devez maintenant l'insérer par morceau au sein des différentes scènes de l'animation existante. 5 En cliquant sur la 3ème icône sous la ligne de temps, on fait apparaître le premier texte. Observons que : • l'icône de texte sélectionnée est en surbrillance ; • sur la ligne de temps, une représentation de l'affichage du texte apparaît (une durée de deux secondes, entre la deuxième et la quatrième seconde) ; • le personnage et la bulle sont déjà présents à l'affichage. Le cadre de texte est actif et il est possible d'agir sur son contenu soit en double-cliquant sur le texte, alors mis en surbrillance et pouvant être effacé puis remplacé par saisie ou par collage, soit en cliquant sur l'icône d'édition du texte, placée en haut et sur le côté gauche du cadre : 6 Cette fenêtre d'édition permet de modifier le texte (suppression puis saisie ou collage) et les attributs du texte (couleur, taille, police, etc.). Le cadre de droite indique les effets appliquées au texte lors de son apparition (dans notre cas, il n'y a pas d'effet ce qui est souhaitable car les effets du type « machine à écrire » sont superflus et souvent nuisibles à la bonne lecture de la part de l'utilisateur). Le bouton « Apply » validera et rendra effectives les modifications effectuées. Avant de s'engager dans des manipulations, une remarque importante : le logiciel Powtoon est accessible en ligne et non installé sur votre poste de travail, aussi les temps de réaction sont allongés et il convient de prendre cet aspect en compte dans le rythme d'intervention sur l'animation en attendant toujours de voir l'effet de votre dernière action avant de poursuivre. Enfin, il faut penser à enregistrer le développement en cours de manière régulière en cliquant sur le bouton « Save ». Le résultat obtenu n'est pas satisfaisant puis le texte s'insère mal dans le cadre. Deux solutions se présentent : modifier la taille des caractère en retournant dans la fenêtre d'édition (icône en haut et à gauche) ou modifier la largeur du cadre de texte : Pour modifier la largeur du cadre de texte, nous disposons d'un outil qui apparaît au survol d'un coin (ici, le coin droit puisqu'il est souhaitable d'allonger le cadre vers la droite) sous forme d'une flèche sur laquelle un cliquer-glisser permettra l'ajustement. Une nouvelle fois, un temps de réaction peut s'observer dans cette manipulation… Notons qu'un survol d'un bord du cadre de texte fera 7 apparaître un autre outil permettant le déplacement du cadre : 4. Transformer le scenario d'animation d'une scène En observant cette nouvelle copie d'écran, on remarque que le 4ème texte du modèle (choisi en fonction de ses attributs, telle l'absence de caractères gras) a été remplacé mais qu'une superposition apparaît avec des textes existants. Pour y remédier, il suffira, avec précaution, de supprimer les textes non désirés en supprimant les icônes qui leur correspondent sous la ligne de temps : Seuls les textes modifiés subsistent. On contrôlera par une lecture de la scène. A ce stade, on effectuera pas les uploads/Litterature/ tuto-powtoon.pdf