How to Build an Animated Menu w/ Motion Paths

---

In this beyond-the-basics session, you’ll learn how to create animated menus in Storyline 360 that animate in and out when clicked.

We'll start from a blank slide and build everything from scrath. Along the way, you'll work with motion paths, triggers, variables, and custom states to bring your menus to life. You’ll learn practical ways to manage grouped objects so they behave the way you want, and we’ll walk through how to use true/false variables to make your interactions feel more dynamic and personalized.

• Examples of animated menus in e-learning
• Motion path basics
• Animating grouped objects with motion paths
• Triggeri ng state changes with ani mation
• Using toggle variables to control path direction
• Next steps

Final Project

• View the example

User Guide

• Storyline 360: Adding Animations
• Storyline 360: Syncing Motion Path Animations
• Storyline 360: Fine-Tune Motion Paths
• Storyline 360: How to Trigger Actions When Objects Intersect

Articles & Examples

• 7 Pro Tips for Working with Motion Path Animations in Storyline 360
• Radial Menu Navigation in E-Learning #189: Challenge | Recap

Downloads & Examples

• Animated Tabs Accordion Interaction
• Circular Menu Navigation
• Motion Path Animation for Custom Menu
• Circular Web-style Menu | View
• Nested Menu with Animation Effect
• Circular Menu: View | Download
• Moving Circular Navigation Menu: View | Download
• Up In The Sky Motion Path Triggers Game
• Are you hungry?