Forum Discussion
TonyaRatliff-Ga
4 years agoCommunity Member
Rise 360: Airline Innovation 101
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.
42 Replies
- SarahZeiglerCommunity MemberAmazing! Like the others I would love to know how you created it or a download as a template. I'm fairly new at creating anything more than the basics. I'm guessing you created some of the lessons in Storyline and imported? Thank you for any insight!
- VickiHoeveme096Community MemberI love the timer for the sketching exercise!
- CoreyHickner647Community MemberI am trying to figure out if a person would need Adobe Illustrator skills to make those graphics...can someone let us know the process?
- DamlaSophiaS260Community Memberi was wondering the exact same. Id like to replicate this using Canva...
- KiaraAbdullahCommunity MemberI 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!
- KellyCowburn-5cCommunity MemberThis looks fab - I'd also love to learn how you have created this
- MariellenJacobsCommunity MemberI am wondering how you achieved this seamless look with blocks, especially where you have illustrations within the block of color. Did you just put zero padding and stack blocks one on the other?
- GC1Community MemberThis 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.- DamlaSophiaS260Community Member@MR C - Thank you very much for the insight. I still have problems making different blocks run into each other seamlessly. Do we need to save images as a certain width/height according to the different blocks?
- MariellenJacobsCommunity MemberThanks so much for the feedback. I will give this a try. I DO have illustrator (and the whole Adobe Creative Suite) so you've inspired me to try this a couple of ways.
Mariellen Jacobs ABI Family Peer Support Lead mariellen.jacobs@shepherd.org O: 404-603-5012 | M: 678-467-6392 FAX: 404-350-7689
[cid:image001.png@01D8DE30.3FB01350]
------------------------------------------
CONFIDENTIALITY NOTICE:This e-mail communication, including any attached files may contain material that is proprietary, privileged, confidential, or otherwise legally exempt from disclosure under applicable law. If the reader of this message is not the intended recipient or the employee or agent responsible for delivering the message to the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. If you have received this email in error, please contact the sender by reply email immediately (making sure to delete all attachments or sensitive information before sending the reply email) and then immediately destroy the material in its entirely, including both electronic and any hard copies. Thank you.
- DentonLoomisCommunity MemberMr C is spot on!
I went down the same path he did yesterday in trying to recreate the beautiful flow that SWA created. Though I have Adobe Creative Suite I wanted to see if I could recreate the smoothly curved sections of color like the one after the Herb Kelleher quote near the beginning. In PowerPoint:
- Create a rectangle and an oval
- Lay the oval on top of the rectangle and select both
- Click the Shape Format menu
- Click the Merge Shapes dropdown and select Fragment. PowerPoint will change your shapes to the color of the one on top but you can change that later.
- You now have new shapes that were created by the fragment process. Click and delete the ones you don't need and you should be left with a nice curved shape.
- Change the color if you need to and save it as a PNG.
There are sections in the SWA lesson that are a bit trickier and here are my best guesses.
- At the bottom of the section "Southwest as an Innovator" there is a click-to-reveal activity that I think was created in Storyline 360 and imported.
- In the section "What is Human-Centered Design?" there are two activities that involve chairs. I'm certain these were also done in Storyline 360.
- In the section "Making Solutions" the video was created with Doodly.com or something similar. The "timer-larger" source code states that it was made in Storyline 360 but there's more to it that I haven't figured out yet.
Everything else was done with the tools available in Rise. One last thing...last fall this video (https://www.youtube.com/watch?v=5V1eslYfk24) was a topic in E-Learning Heroes. Designer Nicole Ralph shows her process in creating something similar to SWA.
Best Wishes!
Denton
Digital Learning Specialist
Make-A-Wish America- TamaraStatonCommunity MemberWhen I tried your fragment process, it didn't work, and gave me a corrupted file, but when I saved the whole thing as a picture, it seemed to work fine. Can you share some details about what the fragmenting process does? Thx!
- Dan-IuliusSaboCommunity MemberAmazing! Like the others I would love to know how you created it or a download as a template.
Thanks - cameronStewa867Community MemberA 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.- CoreyHickner647Community MemberHi Cameron! I am interested in a grassroots peer-learning community!
- TamaraStatonCommunity MemberI'm interested in learning as well, thanks!
- PriyankaRast050Community MemberI am interested in learning as well.
Related Content
- 2 months ago
- 4 months ago
- 8 months ago
- 2 months ago