L’originalité et l’efficacité sont deux piliers quand il s’agit de créer un contenu stimulant pour nos cerveaux. Grâce à l’interactivité et aux animations, atteindre ces objectifs est plus rapide et plus facile. Trèèès facile. Avec Genially, vous pouvez ajouter l’animation “Cliquer” à un élément, une image ou un texte… 

Pour ça :

• Sélectionner l’élément, l’image ou le texte à animer.
• Cliquer sur l'icône d'animation.
• Sélectionner l’animation Cliquer dans le menu latéral droit et choisir l’effet désiré.

L’animation Cliquer ne se produira qu’une fois, lorsque vous cliquez sur l’élément qui l’intègre, c’est comme une étoile filante, faites en bon usage. Évidemment, vous pouvez combiner cette nouvelle animation avec toutes les animations et interactivités existantes et créer des effets incroyables ! Vous connaissez d’autres types d’animation ? On vous dit tout dans ce tutoriel.

Combiner “Cliquer” avec d’autres animations

Voyons un peu ce qui se passe en combinant, une à une, les autres animations, avec Cliquer :

• L’animation Entrée : Si un élément intègre l’animation Entrée et, qu’en plus vous y appliquez l’animation Cliquer, vous devez attendre que l’animation Entrée soit terminée pour pouvoir exécuter la deuxième
  
  
  
  
• Animation Sortie : Ici, activez l’animation Cliqueravant que l’animation Sortie ne s’exécute.

  
  

  Attention : Les animations de sortie commencent au moment où vous l'indiquez afin que l'élément ne disparaisse pas immédiatement. Vous ne pouvez utiliser l'animation Cliquer que pendant le laps de temps qui précède cet instant, car l'élément disparaîtra lorsque débutera l'animation Sortie.

  
  

  Par exemple, si vous appliquez l'animation Sortie, avec l'effet Disparaître et que le temps impartie avant qu'elle ne se joue est de 3 secondes, vous n'aurez que ces 3 secondes pour activer l'animation Cliquer, avant que l'animation Sortie ne s'exécute.

  
  
  
  

• Animation Continue : si vous associez cette animation avec Cliquer, en cliquant sur l'élément vous déclenchez cette dernière, une fois celle-ci terminée, l'animation Continue prend le relais.

  
  

• Animation Souris dessus: C'est une association très intéressante. En activant Cliquer et Souris dessus, les deux animations s'exécutent en simultanée. Passez votre souris sur l'élément, vous verrez l'animation Souris dessus ; cliquez dessus, vous verrez l'animation Cliquer. L’alliance du génie !
  

Configurez le temps entre chaque animation

Une bonne idée pour associer des animations est d'utiliser un effet Entrée combiné à un effet Sortie. Pour ce faire, vous devez définir le début de l'animation Entrée  (par exemple, Entrée à 3 secondes) et quand l'animation Sortie s'exécutera (par exemple, à 6 secondes).

Que se passe-t-il si on ajoute la nouvelle animation Cliquer à cette association? Pssst, Psst... ça a l'air génial ! Mais gardez à l'esprit que votre public n'aura alors que 3 secondes pour cliquer sur l'élément car ensuite il disparaîtra.

Vous devez donc laisser au spectateur le temps d'utiliser l'animation Cliquer. 

Ce sujet vous intéresse ? Vous pouvez en apprendre plus grâce à Genially Academy