Who is this article for?

Admins and Editors who want to enhance their Ideagen Learning lessons with visual transitions and animations.

Admin or Editor role is required.

This guide explains how to apply transitions and animations to layers in Ideagen Learning to make your lessons more dynamic and engaging.

🛠️ Steps

Step 1: Enable transitions on a layer
Click the layer you want to animate. Choose either Enable Start Transition or Enable End Transition depending on when you want the animation to occur.

Step 2: Set transition properties
Customize each transition using the following settings:

• Length: Duration of the transition in seconds.
• Easing: Controls the animation style. Linear is the default, but other easing types can create more dynamic effects.

Example: A bounce and slide-down transition on a ball creates the illusion of it bouncing into the scene.

Step 3: Apply specific transition types

• 🟣 Fade transition
  Fades the layer in or out depending on whether it's a start or end transition.
  
• 🟦 Slide transition
  Start: Moves the layer from a defined start location to its X and Y position.
  End: Moves the layer from its current position to a defined X and Y location.
  
• 🟢 Zoom transition
  Start: Begins zooming from the specified percentage.
  End: Ends zooming at the specified percentage.
  Example: Set zoom to 0 to zoom in from nothing.
  
• 🔄 Rotate transition
  Rotates the layer based on the angle you set.
  360: Full anti-clockwise rotation.
  -360: Full clockwise rotation.
  

💡 Tips

• Experiment with different combinations of transition types and easing styles to create unique effects.
• Use transitions sparingly to avoid overwhelming the viewer.
• Watch How to use the Ideagen Learning Editor. The content of the video guide is as follows:

  • Introduction

  • Module 1: Create a lesson

  • Module 2: Insert an image 

  • Module 3: Apply a transition to an image

  • Module 4: Add texts

  • Module 5: Add audio

  • Module 6: Add annotation

  • Module 7: Add assessment

  • Module 8: Publish a lesson

  • Summary

📚 Related articles

• Adding an annotation to an Ideagen Learning video lesson
• Setting up and syncing GO1 integration in Ideagen Learning
• Accessing the Ideagen Learning API