Free intuitive DarkRoom template

 

Hey everyone,

I've created an intuitive 'DarkRoom interaction' using Articulate Storyline, and I'm thrilled to share the source file with all of you in our community!

Here's a quick rundown of how it all comes together:

Step 1: Create a Background Image with Midjourney:

I started by crafting the perfect backdrop for this interactive DarkRoom using Midjourney. This tool allowed me to set the mood and ambiance just right.

Step 2: Add Items to the Image with Photoshop:

To bring life to our DarkRoom, I used Photoshop to insert items that represent different topics of the overall theme. Each item has a purpose and meaning that contributes to the overall experience.

Step 3: Create a Mask Image in Photoshop:

In Photoshop, I created a mask image that adds an extra layer of intrigue to the interaction. This mask enhances the user experience by allowing certain elements to be revealed in a dynamic and engaging way.

Step 4: Insert All the Items into Articulate Storyline:

Taking things into Articulate Storyline, I integrated all the elements (the background from Photoshop and the mask image) on a single slide. 

Step 5: Play Around with Triggers and Layers in Articulate Storyline:

To make the interaction truly captivating, I played around with some hotspots, triggers and layers. This allowed me to create a learning experience where learners can explore, interact, and uncover valuable insights.

For a live preview you can follow the link below;

https://eyespirations.com/wp-content/uploads/portfolio2023/DarkRoomInteraction/story.html

If you're interested in getting your hands on the source file follow the link below;

https://downloads.elearningbrewery.org/s/rtGCU6843gRYGniB 

Cheers,

Paul