Forum Discussion
Rise 360: Interactive Ocean Habitat Guide for Kids
Are you looking to create an engaging learning experience for children? This Rise 360 example uses beautiful illustrations, seamless graphics, and interactive quizzes to reel learners in. Check it out for yourself to get inspired.
Want to create a similar guide yourself in Rise 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to stay up-to-date on the latest e-learning examples.
27 Replies
- Wow! This is beautiful.
- Echo, Beautiful! Captivating and fun!
- But how? I would love to see the back end of this!
- I think they designed the tests with Storyline and put some GIF images in blocks. Looks great tho.
- This is a Rise course uses embedded Storyline blocks and custom illustrations. :)
- I see - does that mean that you created the storyline blocks and inserted them one after the other, and made the background of them the same colour so they would blend in?
- So there's only around 4 Storyline blocks in the whole course- the rest is Rise functionality. But yes, the Storyline blocks have the same b/ground colour as the Rise block to allow them to blend.
- I agree, would love a backend tutorial on how to achieve this look!
- Gorgeous! Thank you for sharing this. Would you also be willing to share what it looks like on the back end? (Just echoing what others have said.) It would help me learn how I can do something similar.
- Thanks Martha! I've left a comment below with a link to a video, where I talk through how I created this build :)
- Emma, this is very nice! Love it. I have been working on a few samples with a similar look piecing together different image blocks and blending the background colors but I discovered that it is much harder in the original multi-lesson format. It works very well in the newer microlearning format I assume because it's all in one page - the images seem to adapt better to different devices. In the original multi-lesson format, especially portrait mobile and tablet views, the images get cut off or overlap. Any tips on how to rectify that?
- Thanks Christy! It definitely does work best in the microlearn format. To be honest I've found the only way around it is trial and error, trying out different image proportions and constantly switching between devices. If I'm doing a header style image, I try and keep everything as central as possible, to avoid things being cut off when moving between devices.
- Was After Effects used to make the graphical movement?
- Nope, just Affinity designer and then an online GIF maker :) I'm absolutely rubbish at After Effects!
- This is so cool!
- Really well done! I agree, would love to see a Youtube tour of setting it up in Rise. This reminds me of the airliner one floating around last year with the really well done custom illustrations that essentially hide the blocks. Kudos!
- Thanks Matthew! See my comment below, with a link to a Youtube video where I walk through how I set up this build.
