Rendre une image interactive - Partie 2

Rendre une image interactive - Partie 2

Le tutoriel suivant montre comment rendre une image interactive : avec le même principe de rectangle transparent, ce tutoriel montre comment déclencher une animation en cliquant sur l'image.

 

declencheur_image_interactive.mp4 

 Astuce : On peut déclencher tout type d'animation ainsi. On peut envisager qu'une réponse apparaisse en cliquant sur un élément texte ou un logo. Cet outil permet de s'adapter aux élèves. Le cours est moins linéaire. On peut déclencher l'animation au moment où on le souhaite pour apporter une aide lexicale, phonologique, une définition au moment opportun.

 

Mise en pratique:

 Une fois que vous avez visionné cette vidéo, nous vous invitons à tester la fonction immédiatement sur votre propre diaporama de pratique accompagnée : insérez un carré transparent par dessus le tag "KKK" en diapositive 7. Puis faîtes un clic droit sur le carré pour le rendre transparent (réglez les options "remplissage" et "ligne"). Créez une animation trajectoire pour faire venir l'image KKK recadrée et agrandie sur le diaporama. Faites un clic droit sur l'animation, minutage, déclencher l'animation en cliquant sur... faites dérouler la liste pour retrouver la forme carré transparente. (probablement nommée forme 1).

 

Astuce 2: lorsqu'on souhaite créer plusieurs parties d'image cliquables, il y a alors plusieurs carrés transparents et donc plusieurs éléments nommés "forme 1, forme 2, forme 3"... et on ne sait plus quelle forme choisir. Pour retrouver son nom, on peut créé une animation pour le carré et son nom apparaît dans le volet animation. On peut alors le choisir pour déclencher l'animation.

Licensed under the Creative Commons Attribution Non-commercial Share Alike 3.0 License