Storyline: Course Certificate Template
Do you want to reward learners with a certificate when they successfully complete a course? Then download this certificate of completion template to use in your own projects. This template uses the print slide trigger in Storyline 360, which allows learners to print the contents of a specific slide. Explore this project.199Views0likes30CommentsStoryline 360: E-Learning Personality Quiz
Use this e-learning personality quiz to create personalized quizzes and pre-assessments in Storyline 360. The example uses theme colors and theme fonts so everything can be customized for your own projects. View the project in action99Views0likes10CommentsMake Over Your Rise 360 Course in 4 Easy Steps With Themes
Rise 360 has always been a fantastic tool for creating courses fast. And with the templates and other flexible options, even people without graphic design experience can feel confident that their Rise 360 projects will always look polished and professional. That’s why we’re so excited about Rise 360 themes. Themes give you even more ways to put your unique spin on the look and feel of your Rise 360 courses. And just like everything else about Rise 360, the themes feature makes creating beautifully designed courses easy—no graphic design skills needed. So let’s take a closer look at four easy steps you can follow to refresh your overall course design with a new theme, pique your learners’ interest with cover pages and lesson headers, reinforce your branding, and customize the course navigation experience. Step 1: Update the Overall Course Design With a New Theme The easiest way to give your course’s visual design a little facelift is to choose from the three prebuilt themes included in Rise 360. These themes are great for setting the overall look and feel of your project in one fell swoop. Let’s look at how to choose a theme and the available theme options, below. Choosing a Theme Start by opening any existing Rise 360 course on your Rise 360 dashboard. Select Theme in the upper right corner, and then click Change Theme. Rise 360 includes three professionally designed, ultra-stylish themes—Rise, the classic theme you’ve come to know (but with a few more customization options), plus two brand-new ones: Apex and Horizon. Following is a quick overview of each theme. Rise Our original theme, Rise, always looks modern and clean—a tried-and-true design choice that never goes out of style. Apex For a bold, contemporary, and striking design with angular finishes, choose Apex. Horizon When you want to give your course an elegant, sharp, and stylish makeover—complete with understated flourishes—Horizon is a great choice. They’re all so beautiful, right? Not sure which theme works best for your content? We’ve got you covered! Check out 3 Ways to Use Themes to Tailor Your Rise 360 Projects for some pro pointers. Once you’ve decided on a theme for your project, click to select it and you’ll see it applied to your project in the adjacent preview pane. Being able to preview your theme choice is handy because if you’re not in love with it, you can simply click another one. And if it’s love at first sight, click Save to apply it to your project. While you can use each theme as is, you also have loads of options for customizing key theme elements such as the cover page, lesson headers, and other features of the user interface, like colors, fonts, and navigation. We’ll explore some of these customization options in the next few steps. Step 2: Grab Learners’ Attention With a Custom Cover Page and Lesson Headers A cover page is your first opportunity to grab a learner’s attention, so why not customize it to fit the course topic or your company branding and really make it count? Select Cover Page from the menu and pick a stylish layout. If you’re opting to add a course image to your cover page, you can upload your own image or browse the wide selection of royalty-free, attribution-free images available in Content Library 360, which is built right into Rise 360. Pro Tip: You can also crop images directly in Rise 360. That means no hassling with a separate image editing app to tailor your course images to your project. To make your theme branded, upload your logo too. Customizing the Lesson Header option is another nice way to draw learners in and direct their attention to your content. You can choose from a variety of header designs or customize them with your own color or image. You can even adjust lesson headers to make them taller or shorter to create more or less white space, as you can see in the GIF above. Step 3: Reinforce Your Brand Identity With Custom Colors and Fonts The design choices we’ve walked through so far are quick but powerful ways to transform your course, but they’re really just the tip of the creative iceberg! You can also brand your course with custom colors and fonts to make sure it more fully aligns with your brand guidelines. Colors You can choose the Colors option to customize course accents like the menu and progress bar. Rise 360 makes picking eye-catching colors easy with curated options you can apply with a single click. But what if you need to bring in your official brand shades? No problem. Choose the Custom feature and select any color you’d like. Fonts Another easy way to brand your Rise 360 projects is to customize the fonts. Choose the Fonts option to find the perfect typeface for your project. Not sure where to start? Try the Recommended pairings—a fast way to make sure your headings and body fonts go together perfectly. For even more flexibility, click More to browse a selection of pre-installed options. And if you want to use your official brand fonts, just click Manage Custom Fonts to upload the ones you need and use them throughout your course. Step 4: Complete the Transformation With Custom Navigation and Button Styles You’ve got the cover page, lesson headers, colors and fonts fine-tuned. The final step in making over your Rise 360 course is to customize course navigation and button styles. Navigation In Rise 360, you’ve always had the option to show, hide, or disable the sidebar navigation. And now we’ve added more ways to customize course navigation so you can create the perfect experience for your learners. To start exploring your options, choose Navigation. Both Compact and Overlay navigation are great for making your content the star of the show. Choose Compact navigation to tuck your lesson menu away in a corner, where it can be quickly expanded with a click when learners need it. Another great option is Overlay navigation. When learners need to view the menu, they simply click the ☰ (hamburger) icon and the menu overlays the lesson, filling the screen. Love keeping things familiar? The always reliable Sidebar menu is a great choice with more options to choose from. Don’t want to include a navigation menu at all? No problem. You can remove it entirely—just as you’ve always been able to do in Rise 360. Buttons Want to continue customizing your course? Don’t forget about button options! Pick the button color that’s right for your course or branding. You can even refine your Previous and Next buttons by making them full width or floating—or you can remove them entirely. It’s totally up to you! Want to see how themes and custom settings can be combined for different effects? Check out the following example course. We present the same content three different ways and with minimal customizations so you can see for yourself. Explore Horizon Explore Apex Explore Rise Customizations: compact navigation, large header height Customizations: overlay navigation, small header height, custom color Customizations: sidebar navigation, medium header height, custom color Wrap-Up Not only does the themes feature give you a host of new ways to express yourself, wow your learners, and brand your Rise 360 content, it’s also streamlined the course creation process by consolidating theme settings all in one place—right at the top of the authoring environment in Rise 360. With so many options to customize your project's look and feel, you can rest assured knowing that whichever professionally designed theme you choose, your course will look fantastic on any device. And all of these thoughtful features and enhancements mean Rise 360 just keeps making it easier to create stunningly unique and stylish courses your learners will love. For more tips and inspiration on how you can start using themes in your e-learning, check out these helpful resources: Quickly Create Uniquely Stunning Courses with Rise 360 Themes 3 Ways to Use Rise 360 Themes to Tailor Your Projects How to Brand Your Rise 360 Course Want to try the new Rise 360 themes but don’t have Articulate 360? Start a free 30-day trial! And come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.57Views0likes0CommentsStoryline 360: Theme Colors
This job aid will help you identify thetheme colors in Storyline 360 and Storyline 3 so you can customize your course colors quickly and easily. Not sure how to customize your player colors? See theStoryline 360andStoryline 3user guides for details.50Views0likes28CommentsQuickly Create Stunning Courses With Rise 360 Themes
If you need to quickly create beautiful, responsive e-learning, Rise 360 is the authoring app for you. With stunning prebuilt themes and countless options for personalization, it’s never been easier to create unique, cohesive learning experiences. In this article, we’ll walk you through how to make your online courses look gorgeous and professional. 1. Choose a Theme In Rise 360, you’ll find three beautiful, prebuilt themes created by award-winning designers that you can apply to your courses in just a few clicks. Let’s take a look at each option. Rise Live Preview of Rise Our original theme—Rise—is modern and clean. It’s extremely versatile and works for all subject matters. Apex Live Preview of Apex If you’re looking for a bold, contemporary theme, Apex is a great option. Your learners will love its striking, angular finishes. Horizon Live Preview of Horizon For something a little more elegant, look no further than the Horizon theme. Its sharp and stylish feel with understated flourishes can set the right tone. To apply one of these themes to your next project, simply open a Rise 360 course, go to the Theme menu, and select the style you want. 2. Select Customization Options Once you’ve chosen a theme, you can further customize the look and feel of your Rise 360 courses to ensure they’re on brand. Let’s take a closer look at some of the options available. Cover Page Layouts Each theme includes a variety of stunning cover page layouts to make a strong first impression on your learners. You can use the same one for every course, or switch it up to keep things fresh for your learners. Here’s a peek at the different cover layouts you’ll find for each theme. Rise Apex Horizon As you can see, there are tons of possibilities! So you’re sure to find one that works well for your project. Navigation Types Another thing you can customize is the course navigation type. Let’s take a peek at each option. Sidebar The sidebar navigation option is tried and true. It allows learners to access the course menu and content simultaneously, while also giving them the option to hide it when they want to focus on learning. This versatility makes it a great option for any course. Compact Like the sidebar, compact navigation lets your learners decide to either view both the menu and content or minimize the menu for fewer distractions. The main difference here is that even when learners hide the menu, they can still see where they’re at in the flow of the course—allowing them to continue monitoring their progress. Overlay If you want to give your learners a more immersive experience, where they’re only focusing on one thing at a time, overlay navigation is a good option. When they open the menu, they’ll be able to give your course outline their full attention. And when they close it, the content will be the sole focal point. Button Styles You can also customize the look and feel of the buttons that guide learners from one lesson to the next. In addition to a few different color options, you can choose whether you want them to be full width like in this screenshot … … or floating, like in this one … Or you can remove them entirely. It’s up to you! Lesson Headers There are also a number of options for personalizing the lesson headers. For starters, you can choose whether or not you want one. If you decide you do, you can customize the background color or image. Then you can select the height option you prefer: low, medium, or high. And finally, you can opt to show or hide the lesson number and author avatar. Colors When it comes to colors, you can choose one of our default theme colors or select your own by using the color browser or inputting a Hex code. Once you’ve selected your theme color, it’ll be applied throughout your course automatically. Font Pairings Rise 360 gives you a variety of professionally selected font pairings, so your course text looks polished. Of course, you also have the option to create your own by mixing and matching default fonts or uploading your own for a truly personalized look. And that’s just the beginning! With all these customization options—and more—the possibilities are truly endless. Wrap-Up With Rise 360, it's easy to create cohesive, professional-looking learning experiences—even with no prior training or design experience. Ready to try it out for yourself? Simply head to your Rise 360 dashboard, create a new course—or open an existing one—and click on the Theme tab to check out the customization options. It’s that easy! Don’t have Rise 360? Start your free 30-day trial of Articulate 360 now. For tips and inspiration on how to use themes to create beautiful, branded e-learning, check out these helpful resources: Make Over Your Rise 360 Courses in 4 Easy Steps with Themes 3 Ways to Use Rise 360 Themes to Tailor Your Projects How to Brand Your Rise 360 Course And if you found this article helpful, be sure to subscribe to our newsletter to stay up-to-date on the latest product updates, e-learning examples, and expert advice directly in your inbox. If you have questions, please share them in the comments.49Views0likes1CommentHow to Use GIFs as Cover Photos in Rise 360 (with Free GIFs!)
Adding a cover photo to a Rise 360 course is an easy way to make your course look beautiful, inviting, and customized. And you’re not limited to still photos!You can addGIF files to your Rise projects to make them really come to life. That’s why we’re giving away abundle of six GIFsfor you to use in your Rise 360 courses.Grab the download, then check out this simple tutorial to see how easy it is to update your cover photo with one of these gorgeous GIFs: And remember to subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (Formerly Twitter).45Views0likes33CommentsStoryline: Personalized Decision Matrix
Do you have a lot on your to-do list and don’t know where to start? This interactive Eisenhower Decision Matrix will help you manage your professional and personal tasks more efficiently. When you’re done, you can print your personalized task matrix and use it to boost your productivity. Explore this project. To learn more about how I designed this template, check out this article. And if you’d like to see two other example courses that teach these same concepts, head on over to this article.41Views0likes17CommentsRise 360: Spotting and Managing Burnout
Take some time to go through this course to see if you’re at risk of workplace burnout. Interested in creating a self-assessment like the one in this example? Then download and edit the story file to include in your own Rise 360 course. View this project in action.39Views0likes101CommentsIntroduction to JavaScript for E-Learning
Have you heard e-learning developers talking about JavaScript? Are you wondering what all the fuss is about? Good news! This is the intro you need to understand what JavaScript is, why it’s relevant to e-learning, and how you can get started using it to create dynamic e-learning with Articulate Storyline. What’s JavaScript and Why Is It Useful for E-Learning? JavaScript is a computer programming language developers use to make websites interactive. How does that help your e-learning courses? Well, let’s imagine for a second that Mr. JavaScript is applying for a position at Storyline Corp. The hiring manager and Mr. Player are eager to learn if Mr. JavaScript is the right choice: If Storyline Corp. hires Mr. JavaScript, they’ll be able to use his expertise to help Mr. Player do even more. Let’s take a closer look. Why Would You Use JavaScript? Storyline lets you create dynamic interactions with the combination of triggers, actions, conditions and variables. That’s all available for you, out of the box, without JavaScript. Why would you use JavaScript then? JavaScript lets you do things to extend the power of the built-in tools in Storyline. For example, augmenting Storyline with JavaScript lets you create math functions such as generating random numbers, rounding numbers up or down, working with dates and time, and more. String functions are also powerful in JavaScript. String functions are things like splitting text to count the number of words, searching and replacing text, or checking text for keywords. Storyline's three variable types (number, text, and true/false) require different triggers to execute the actions. This means that when you're building very complex, highly interactive courses you may end up with dozens of triggers in the triggers panel. Using JavaScript allows you to group a bunch of variables together. This can speed up the course development process and streamline the number of triggers in the triggers panel. In other words, you can accomplish more with fewer lines of code. Where to Start with JavaScript Think of JavaScript as an ally that you can use to strengthen your Storyline power. I would suggest learning the basics of JavaScript before you integrate it into Storyline. It makes debugging easier. Here are some great ways to really get started with JavaScript: JavaScript Road Trip Part 1 on CodeSchool JavaScript Tutorial on W3schools Fundamentals of JavaScript on Codecademy E-Learning Challenge #132: Using JavaScript and Storyline Keep comingback to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any comments, please share them below.39Views0likes14CommentsStoryline: Personalize E-Learning with Variables and Toggle Buttons
This Storyline 360 template uses toggle buttons and true-false variables to demonstrate creative ways to personalize your e-learning courses. Learners can choose whether to include narration, background graphics, and photographic or illustrated characters. View the project in action38Views0likes8Comments