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

LaurenBehrmann
Community Member
3 years ago
Super cool! I loved it! Is there anyway we can get more of a walkthrough on how to do this?
- KiaraAbdullah
  Community Member
  3 years ago
  I watched a Youtube years ago that featured a similar course. Here's a walkthrough of it -https://www.youtube.com/watch?v=5V1eslYfk24
MalvikaMalhotra
Community Member
3 years ago
The cover page image is impressive. What is the source of the image?
BritanyLevin-bc
Community Member
3 years ago
Would love to learn more about how you did this! I tried something similar but could not get my image sizes to work.
gloriagaviria-7
Community Member
3 years ago
it`s possible to have the template?
DonisaNorman-29
Community Member
3 years ago
This is a cool approach. Having a template would be helpful.
CarlosNavarro-4
Community Member
3 years ago
Congratulations, excellent work. It would be great if we could have the template or at least ideas of how they did it. Thanks.
DarlaYancho
Community Member
3 years ago
Fabulous! Is there a way to download it as a template?
MilissaCopel853
Community Member
3 years ago
Yes, please give us insights as to the "HOW". This is great!
EmilySharpe-444
Community Member
3 years ago
It seems like this is basically a look, with 'full width' images, that give those lovely transitions between sections. Am I on the right track?
- KiaraAbdullah
  Community Member
  3 years ago
  Yes -- This is mostly a collection of images. The tops are "full width" but the "content portions that connect are all images "centered."
JenniferWilkerl
Community Member
3 years ago
I like this, it´s very colorful. I would love to learn more about how you did this, too.