articulate storyline 360

Mini Project: Dark Knight Interactive Form

This personal project, designed using Articulate Storyline 360, serves as a learning exercise inspired by a tutorial from Joanna Kurpiewska. The creator infused their unique perspective into the project by incorporating elements of Batman. To explore the complete scene and its features, users are encouraged to click on the provided image, allowing for an enhanced understanding of the work and its creative interpretation. The initiative showcases a blend of educational resources and personal creativity, aiming to engage viewers while demonstrating the effectiveness of interactive learning tools.

Tags: articulate storyline | articulate storyline 360 | Batman animation | Joanna Kurpiewska tutorial | motion design

Posted: June 12, 2025 by roelworks

[Storyline] Parallax Effects with Interactive Sliders

See Full version Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. This was an old project based on on build by Ross Garner from the E-learning heroes website. Info was

Continue Reading “[Storyline] Parallax Effects with Interactive Sliders”

Tags: adobe illustrator | articulate storyline | articulate storyline 360 | e-learning | UI/UX design

Posted: October 23, 2022 by roelworks

[Storyline] How to quickly replace an asset

‘Apply changes to all slides’ – a small comment but has large implication especially on later stage of the build. The look and feel is better signed off before even we start building so that we can save time to build. Articulate Storyline 360 Media Library is a neat feature where you can replace assets

Continue Reading “[Storyline] How to quickly replace an asset”

Tags: articulate storyline | articulate storyline 360 | rapid build

Posted: February 8, 2021 by roelworks

[Storyline] Presenting Opposing Lists in E-Learning?

This is for E-learning Heroes Challenge #303: Presenting Opposing Lists in E-Learning? An easy Do and Don’t list using layers with a dial and slider.

Tags: articulate storyline | articulate storyline 360 | rapid e-learning tool

Posted: November 18, 2020 by roelworks

[Storyline] Creating a Custom Progress Bar in Storyline

In this quick tutorial, I am going to show you how to “quickly” create a custom progress bar in Articulate Storyline 360 and using the inbuild slide numbering variables that comes with Articulate 360 (as per 2020, this is not yet available in Articulate Storyline 3). Preparing the canvas First step is create a new

Continue Reading “[Storyline] Creating a Custom Progress Bar in Storyline”

Tags: articulate storyline | articulate storyline 360 | e-learning | rapid e-learning tool

Posted: October 18, 2020 by roelworks

[Storyline] Rotating Looped Animation

In this post I am going to show how to do a rotating looped animation. This is a neat trick that I learned when I first started to use Storyline 2. For the example I am using a wind turbine that sit one a perfect square (this is essential). I am using a 1280x 720

Continue Reading “[Storyline] Rotating Looped Animation”

Tags: articulate storyline | articulate storyline 360 | storyline game | tutorial

Posted: October 11, 2020 by roelworks

[Storyline] Building the Choice

Here I am sharing some experience in building a branching scenario e-learning module called The Choice. The Choice is a branching scenario e-learning is part of MTC’s Bribery and Corruption Training suite that I created as a part of the Cursim/Omniplex team. The Choice is build using Articulate Storyline 360. Inspirations First, I researched some

Continue Reading “[Storyline] Building the Choice”

Tags: articulate storyline | articulate storyline 360 | branching scenario | elearning

Posted: September 19, 2020 by roelworks

[Storyline] Custom Menu Interaction

Inspired by a html ‘grid like’ menu, I used the excerpt content from the World Health Organisation about Myths surrounding the Corona Virus outbreak that is currently a hot topic affecting the whole world. I moved away from WHO original look and feel by giving it a more ‘corporate’ feel with photographs- I used images

Continue Reading “[Storyline] Custom Menu Interaction”

Tags: articulate | articulate storyline | articulate storyline 360 | content development | e-learning. rapid e-learning tool

Posted: March 7, 2020 by roelworks

[Storyline] (Not) a Click to Reveal Interaction

Click to reveal is one of the staple interaction in e-learning building/content development today. It involves in clicking on a button and revealing a text or an image. It is something that you can easily do in Articulate Storyline with triggers and or states or layers. Here is another take on the classic click to

Continue Reading “[Storyline] (Not) a Click to Reveal Interaction”

Tags: articulate storyline | articulate storyline 360 | content development

Posted: February 9, 2020 by roelworks

[ELH Challenge] Lightsaber Dial

Joining Challenge #262 from Articulate Heroes although a bit late. Its based on a dial and using layers to show information. This Demo contains audio of the light saber infamous hum. Light saber sound pack by JoshHarrisVFX Text content from Wikipedia. Background and Assets done in Adobe Photoshop and Illustrator Header Illustration done in Clip

Continue Reading “[ELH Challenge] Lightsaber Dial”

Tags: articulate storyline | articulate storyline 360 | content development | e-learning. rapid e-learning tool | UI/UX design

Posted: February 5, 2020 by roelworks

Tag: articulate storyline 360