Looking for new ideas on how to quickly build a Rise 360 course that looks great and includes custom interactivity? This innovative example showcases thoughtful ways to use block types to achieve a seamless, infographic-like look your learners will love. Want to try building something similar but don’t have Articulate 360? Start a free 30-day trial.

This is a great Rise360 example that I love. So, I had a play and found it was way easier than I thought. Here are my tips.Open PowerPoint (for us that do not have an Illustrator program). I created a solid colour filled a shape (with a straight/flat bottom) in PowerPoint. then added some graphics on top of the shape.I selected the entire graphic and then clicked Save as a Picture.In Rise 360 - I used an Image Full Width block and import my newly created picture. I then added the next block, Text/Statement (what-ever you want). I changed the background colour to the solid fill colour of the picture.I reduced the padding between the 2 blocks to 0 (Image block, Bottom padding 0 and Text block, Top padding 0).The Edit screen will show a white gap between but when you click Preview the gap is gone and the magic happens.Note: I would add the screen shots or file but unable to.I hope that helps anyone wanting to get more creative in their programs.

Super cool! I loved it! Is there anyway we can get more of a walkthrough on how to do this?

I replicated it using both methods! It's a lot simpler than it looks; you'll need to create a top header and upload into Rise using the "Image Full Width." Then, you'll need a second image with 'content' and should upload that as "image centered." The real magic happens when you navigate to the "settings" tab within the "image centered." From there, you'll need to adjust the background color to the same HEX code as your top header.Hope that helps!

A group of us at work take modules like this and reverse engineer them to see what we can learn, borrow and gain inspiration from. A few takeaways we had include:– Be sure to turn off the block animations so that your image and blocks load at the same time– There is a size limit to how small the image can be and remain sharp. Interestingly, it has to be about 150 pixels high and no smaller, or it blurs. So adjusting the padding for each block will be necessary to keep things balanced. – You can create the curved images in just about any tool that exports as a .png. So yes to PPT and Keynote. If you right-click on the curved image in the example, you can open the image in a new tab and download it for easy tracing. We changed the design and used it on the tops and bottoms of blocks, with two-tone colors and curves to keep it interesting.Sidenote: It would be cool if, with posts like this, we could do a quick little shareout to talk about it in this community. If you are interested in a grassroots version of that, let me know. I love to learn from the community.

it`s possible to have the template?

Rise 360: Airline Innovation 101 | Articulate

42 Replies

FrankMasuch
Community Member
3 years ago
I love it!!! Would you be willing to send me a copy ? damla.schreiner@sap.com
It would be much appreciated!!
machin1973
Community Member
3 years ago
I would love to know how the two chair activities were built. Were they built in Rise or were they built in Storyline and inserted as a Storyline block. If it is the first option, how was it done? If it is the second option, how was it built so it doesn't look like a separate block?

Everyone on my team is talking about this activity and wondering how it was done. :)
KiaraAbdullah
Community Member
3 years ago
This is a storyline interaction using the drag/drop effect. They color-matched the bg of the Storyline interaction to be the same color of bg of the Rise course for a seamless effect.
- machin1973
  Community Member
  3 years ago
  Thank you!
GirishChonkar
Community Member
3 years ago
This is really a visual treat considering Rise limitation on customization.
MattSustaita-5f
Community Member
3 years ago
How did you make that drag and drop for the chair activity? Was this just images that needed to be dragged to a hotspot?
- SuseteBonilla
  Community Member
  2 years ago
  Did you figure it out? I'm trying to do this also but i can't quite get it how it was done... Could somebody help, please?
HayleyJay-2a21c
Community Member
2 years ago
Hello, Love this example! The seamless blocks, the bold pictures, the interactive activities.
I was wondering which timer-larger you used?
audreyrippingal
Community Member
2 years ago
hi there - would there be a template for this course - regards
KELSEYPETRYNA
Community Member
2 years ago
I am wondering how the click and reveal was done in Rise 360 if anyone knows?
CustomerServ753
Community Member
8 months ago
Hello,

My name is Renee Dutia.

We love the Articulate community and we are learning Rise360. We came across this link- we know Rise itself has some limitations but the course seems to be very smooth and modern.

Can someone share their expertise on how this course was made? Was it made using the Mighty tool? Storyline 360? Third-party apps?

Thank you in advance,
Renee
TinaTreffiletti
Community Member
5 months ago
Is it possible to receive the template to this?

Forum Discussion

Rise 360: Airline Innovation 101

42 Replies

Related Content

Rise 360: Create Custom Blocks

Rise 360: Manage Course Media

Get Started Quickly with Rise 360

Create Custom Blocks in Rise 360

Design Your Way with Custom Blocks in Rise 360

Learn

Connect

Discover

Community

Company

Trust Center