Vyond & Articulate Storyline Tutorial
This tutorial demonstrates how to integrate animated videos created in Vyond into an interactive eLearning module built with Articulate Storyline. The training explains how to create and export Vyond videos, optimize them for Storyline, and embed them seamlessly to enhance learner engagement. This tutorial is ideal for instructional designers looking to combine animation and interactivity in their training content.
Audience: Instructional Designers interested in learning how to integrate Vyond with Articulate Storyline.
Responsibilities: Instructional Design and eLearning Development
Tools Used: Articulate Rise, Adobe Express, Loom, HeyGen AI
Learners can use one of two options to view the tutorial :
Complete the self-guided tutorial on their own
Have an AI avatar guide them through the tutorial
My Process
To develop both the self-guided and AI avatar tutorials, I leveraged multiple platforms, including HeyGen AI, Loom, Adobe Express, and Articulate Rise.
Self-Guided Tutorials
I began by selecting a template in Articulate Rise and mapping out the content through a detailed storyboard. Using Loom, I recorded each step of the process, breaking the content into concise microlessons—each under one minute—to maintain learner engagement and focus. These short videos allowed learners to pause, replay, and revisit specific steps as needed. After recording, I used Adobe Express to convert the videos into GIFs, which I then embedded into the Rise course for a seamless, interactive experience.
AI Avatar Tutorial
For the AI-driven tutorial, I used HeyGen AI. I selected a template and avatar, then input the same instructional content from the self-guided version into each scene. I incorporated animations and video to enhance engagement. One of the more complex aspects of this process was fine-tuning the timing—requiring careful previewing and syncing of the Loom-recorded videos with HeyGen’s animation and narration timeline.
Results & Takeaways
The result was a polished, user-friendly training resource designed to guide users through the process of integrating Vyond with Articulate Storyline. Both versions of the tutorial offer flexible learning pathways—whether learners prefer a hands-on, self-paced experience or an engaging, avatar-led walkthrough.
Preparing a scene in HeyGen by embedding videos created in Loom