Adding-360-images-in-Articulate-Storyline-360

How to Add 360 Image in Articulate Storyline 360

Articulate Storyline 360 has added a new feature known as 360° images [Beta] which allow the eLearning developers to add 360° images in Storyline. With this feature learner can navigate through the image in all the directions and explore by clicking markers and hotspots. We can also customize the markers, add audio or video in the pop up of marker or hotspot.

Steps to add 360° images in Articulate Storyline 360

Step 1: Click on Insert and select 360° Image [Beta] option and select the image.

Adding 360 images in Articulate Storyline 360 1

Adding 360 images in Articulate Storyline 360 2

Steps To Add and Edit Markers and Hotspot

Step 2: For adding a marker, click on the EDIT 360° IMAGE button on the image.

Adding 360 images in Articulate Storyline 360 3

Step 3: You will see three options.

Adding 360 images in Articulate Storyline 360 4

Step 4: Select the marker or hotspot and click on the area where you want to add the marker or hotspot.

Adding 360 images in Articulate Storyline 360 5

Step 5: You can add the title and body text in the placeholders.

Adding 360 images in Articulate Storyline 360 6

You can change the icon of the marker from MARKER > Icon.

Adding 360 images in Articulate Storyline 360 7

To change the colour of the icon, click the “accent” option and select the colour.

Adding 360 images in Articulate Storyline 360 8

Steps to Add Audio, video, and image in the popup.

Step 6: Select the popup where you want to add the audio, video, or image.

Adding 360 images in Articulate Storyline 360 9

Step 7: Click on the media option from the top bar.

Adding 360 images in Articulate Storyline 360 10

Step 8: Here you will see the picture video and audio button. Select the popup and add one element.

Adding 360 images in Articulate Storyline 360 11

As we have inserted an image in this example, video option is disabled.

To add audio, go to MEDIA > Audio.

Adding 360 images in Articulate Storyline 360 12

Step 9: For changing the audio button colour, click on Accent from the media option and select colour.

Adding 360 images in Articulate Storyline 360 13

Steps to change the style and effects of the marker and popup.

Step 10: Click on interaction tab and select “Theme”.

Adding 360 images in Articulate Storyline 360 14

Step 11: Select the theme you want. This helps in customising the marker icons, markers, hotspot labels and progress indicator.

Adding 360 images in Articulate Storyline 360 16

Adding 360 images in Articulate Storyline 360 17

Select Dark theme to see the difference.

Adding 360 images in Articulate Storyline 360 18

Adding 360 images in Articulate Storyline 360 19

Step 12: For changing the corners of the popup, click the corners option and select the shape you want.

Adding 360 images in Articulate Storyline 360 20

Step 13: Save changes and preview.

Adding 360 images in Articulate Storyline 360 21

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *