Template/Software Compatibility
Our template library is full of "Native" templates that work directly in specific software applications as well as "External" templates that are edited in other applications and then imported in. Reference the chart below to see what software applications are needed for each template.
Find tutorials by template type
Click the links below to learn how to use each individual eLearning Template.
Tutorials: Activities
- Flash games
- Flash interactions
- Flash quizzes
- HTML 5 games
- PPT classroom games
- Articulate Storyline Interactions/Scenarios
- Articulate Storyline Games
- XML Flash Games
Tutorials: Cutout People
Tutorials: Layouts
- Captivate layouts
- Lectora layouts
- PPT slide layouts
- Articulate Storyline layouts
- Zebra Zapps layouts
Tutorials: Player Skins
Other Tutorials
Recent Tutorials
Visually Updating the Storyline Games
In this tutorial Brother Jeff will show you how to make some visual changes to the Articulate Storyline Games.
read moreHow to Edit the Storyline Layouts
In this short tutorial Brother Jeff will show you how to get started with the new eLearning Brothers Articulate Storyline Layouts. You will also learn how to customize and tweak the look and feel of each layout.
read morePassing over Storyline Game data to your LMS
A question that has come up a lot lately is “How do I get the score from the new eLearning Brothers Storyline games to my LMS”. Storyline by default only passes over data to the LMS if it is a quiz or if it is a survey page. Since the games are more complex then either of those two options we needed to go another route for those that wanted to pass over data from a game to the LMS. The route that we had to go done was to send the data through a Javascript trigger. We have released new versions of our Storyline games as of March...
read moreAdding a logo to the Flash game templates
Learn how to add your company logo to the flash game templates.
read moreGetting started with the Bowling flash game template
Learn how to get started using the Bowling flash game template.
read moreSpicing up screenshots in Adobe Captivate 6
We recently launched a new set of stock images in our eLearning Template Library. Computer and Devices is a series of just that, computers, laptops, ipads, kindles, iphones, and more. As with all our images, we’ve removed the backgrounds (transparent) and even removed the screens for you also. Below is a screencast on how to use them in an Adobe Captivate 6...
read moreHow to copy/paste master slides in Captivate 6
Learn how to copy/paste Captivate 6 master slides from one project to another.
read moreGetting Started with ZebraZapps Templates
This video helps you get started using our navigation/layout templates for Zebra Zapps (Professional version). These templates come with the Zebra Zapps software. (They are not currently offered/available through our...
read moreAdding Additional Text Areas to Closed Caption
This video tutorial shows you how to add additional text areas to the closed caption function in the Zebra Zapps navigation templates. As you add additional events to your course you’ll want to also add additional text areas to your closed caption.
read moreSetting Proper Image Quality Settings in Adobe Captivate 6
Sometimes I get asked, “Why do the cutout people images look weird and really like low quality when inserted into Captivate?”. This is not a problem with the images, but rather a setting in Adobe Captivate 6. Watch the tutorial below to learn how to apply the correct settings to your Captivate project.
read morePart 2: Getting Started with the Captivate 6 Widget Player Skin Templates
(Watch Part 1 first.) This is the part 2 section of getting started with our Captivate Widget player skins.
read morePart 1: Getting Started with the Captivate 6 Widget Player Skin Templates
Learn how to use our Adobe Captivate 6 Player Skins. (After you watch this video make sure that you watch Part 2.)
read moreMatching Flash Templates in Captivate 6 Templates
Inserting Flash interactions and games into your Captivate courses can add interactivity and help to engage your learners. When you do this, it is helpful to make your Flash files match the course look/feel. This is one quick and effective way I use to do...
read moreUsing Storyline Character Sets
This tutorials shows how to install and use the Articulate Storyline...
read moreCreate Adobe Captivate Themes
Learn how to create a Adobe Captivate 6 theme using one of our Captivate layout templates.
read moreUsing Roll Over Interactive Slides in Captivate 6
Learn how to use the interactive slides in our Adobe Captivate 6 layout...
read moreHow to add Video Cutouts to Captivate Slides with Audio
I’ve been hearing that some of you are having some struggles adding our video cutout people to slides that have longer audio files. The videos play but then disappear as the audio finishes. The screencast below shows you a technique to use that pauses the video and allows the audio to continue...
read moreHow to Re-Style our Captivate 6 Layout Templates
Learn how to modify the colors in our Adobe Captivate 6 Layout templates.
read moreCreating Character Images in Storyline
Using images of cutout people in a training course can really bring it to life. They are a great for scenarios, case studies, and adding a personal touch. Articulate Storyline comes pre-packaged with various illustrated and photographic people images. However, you may want to create your own. In this post I’ll show you how to create storyline characters with multiple poses. Steps to Create Storyline Characters from scratch Insert an image of a person. (From main navigation choose Insert / Picture) Click on the image and click on the...
read moreHow to adjust the sound volume levels in the Flash templates
Learn how to adjust the sound levels in this video tutorial. Note that this in not a standard setting in the templates and may require a little more advanced Flash...
read moreLearn how to edit Illustrated Characters
Modify the characters to fit your color needs is easy. In this screencast I show you how to change the shirt color, pants color and the skin color.
read moreDeleting and/or Renaming a Storyline Template
How to delete or rename templates Storyline stores your templates in \My Articulate Projects\Storyline Templates. You can delete template files in that folder and you can also rename them by changing the file names.
read moreUsing the SCORM Wrapper with HTML 5 Games
When you purchase HTML 5 games they come with an assets folder. In that folder you’ll see files for a scorm wrapper. You can copy your HTML 5 game into the wrapper, upload it to your LMS, and have it pass a score and completion...
read moreUsing the SCORM Wrapper with Flash Games and Quizzes
When you purchase flash games and quizzes they come with an assets folder. In that folder you’ll see files for a scorm wrapper. You can copy your flash games/quizzes into the wrapper, upload it to your LMS, and have it pass a score and completion...
read moreGetting Started with Storyline Scenario Templates
This tutorial will help you use the Articulate Storyline Scenario templates. (Note: To learn how to install our Storyline Templates then first review this tutorial.) Our scenarios come with 6 characters that have 10 pre-built states. You can use Triggers to activate the different states throughout a scenario slide. Using Characters: Each character has 10 states. You can modify the triggers that we have on our buttons to change the character states. To change a character state: Click on the button / object that will activate the...
read moreInsert Cutout Video People in Captivate6
Learn how to insert Cutout Video People into Adobe Captivate...
read moreHow to Insert Flash into Adobe Captivate 6
In this tutorial, learn how to insert Adobe Flash (.swf) files into Captivate...
read moreApplying a theme/style to our Captivate 6 Layouts
In this tutorial learn how to use our themes/styles to change the look of the Captivate 6 layout...
read moreGetting Started with the Captivate 6 Layouts
In this tutorial, take a quick look at the Captivate 6 layout templates and learn how to get started using them.
read moreGetting Started with HTML 5 Games
This tutorial will help you get started with our HTML 5 Games. The video covers the basics on how to use the games. View the other tutorial videos for more detailed information. Make sure that you make a copy of the game files so that you always have an original to go back to. Important: You must use a modern browser to edit and view these games. For example only IE9 and newer will work. Two Editing Methods Method 1: Edit on a Server (Preferred Method) Upload all of the files that you downloaded with your purchase to a web-server. (Game...
read moreGetting Started with Lectora Skins and Layouts
This tutorial will help you get started with Lectora skins and layouts. Here are some details on various parts of the skins: Title Level Buttons Course Menu – When clicked, the user of your published title is taken to the Course Menu page in the Course Content chapter. Replay – When clicked, the title is briefly redirected to the Replay Page. The Replay page contains an action that returns the title back to the page where the Replay button was clicked and, as a result, the content page is reloaded into the computer’s...
read moreAdding Images to Questions in HTML 5 Games
This tutorial shows you how to add images to questions in the HTML 5 games. Images can be added to the Introduction, Question, and Conclusion areas. Each game is a bit different on where the images is placed and how it is sized. The game will try to auto size your image but you may need to do some additional sizing. Insert your image and preview it. Then you can get a feel for any additional sizing that’s needed. To add an image you must use the <img src> html tag. The image tag will need to specify where your image is located....
read moreChanging Visual Elements, Backgrounds, and Colors in HTML 5 Games
There are many ways to change the visual elements of the HTML 5 games. This tutorial lists some of the changes you can make. All of the changes are done in the Design tab (Design.ini file). Working with Colors You can use HEX, RGBa, and HTML colors in the games. Use the color wheel in the bottom right of the game editor (config.html page) to choose colors. HEX Colors Here is a sample: #ffce0c. These colors start with a # sign and have 6 characters after them. Use the color wheel in the editor to get these values. HTML Colors There are...
read moreWorking with Audio in HTML 5 Games
This tutorial explains how to add question audio and change game sounds in HTML 5 games. Note: .wav files are the most universally compatible with browsers and devices. (However, only .mp3 works in Internet Explorer.) Adding Question Audio You can add your own audio to each question. Here are the steps to add audio: 1. Copy your audio file to the questions folder in your game files. 2. (Questions tab) Uncomment the audio code line on the question. (For example: q1_audio=xxxxx.wav) You should see one audio code line in each question...
read moreEditing Questions and Answers in HTML 5 Games
This tutorial shows you how to edit questions and answers in the HTML 5 game templates. (Note: Most of the games have all of the features below but not all of them. At times a certain feature doesn’t make sense with the structure of the game.) Two editing methods for the games: Edit on a server: Upload all of the files that you downloaded with your purchase to a web-server. You can then point a browser to the config.html file in the game folder. That will launch an online editor. You can make design and text edits and click the Save...
read moreCreate Custom Locations for the Worldrace HTML 5 Game
Here’s a quick tip on using the HTML 5 Worldrace game. (Note: This is the same game logic and steps to edit the path on the Gridlock and Marathon games also.) Let’s say that you want the game piece to follow a custom path around the world map. Maybe you want it to start in Utah USA, and then go through Rome IT, Sydney AU, Rio BR, Mexico City MX, and finish back in Utah. (Just in case you’re wondering, eLearning Brothers is based in Utah.) Here’s a demonstration of our customized game. Game Path Logic Important: First...
read moreChanging Colors of the Lectora Player Skins and Buttons
In this tutorial learn how to change the colors of the Lectora player skins and...
read moreChanging Themes/Colors on the PowerPoint Classroom Games
This video shows you how to use themes to change the branding of the PowerPoint Classroom games. It also demonstrates how to change the colors of various game elements such as button....
read moreUsing XAMPP to Edit HTML 5 Games
This tutorial shows you how to use XAMPP to edit HTML 5 games. Download XAMPP. Tips: - You only need the “Apache” module running in the XAMPP Control Panel - Copy your core and game folders into C: Drive / xampp/ htdocs - Point your browser to http://localhost/(then the name of whatever folder you created in htdocs to hold your core and game...
read moreHow to insert an HTML5 game template into a Captivate HTML course.
One question that we have had a lot lately is how to insert one of our custom games from our Interaction Builder into a Adobe Captivate HTML course. In this post I wanted to take you through step by step how you would get your game into a publish Captivate HTML project. There really is no way within Captivate itself to insert the external HTML. You can link to it but it takes you out of your Captivate course completely with really no way to get back to the course unless you link back to it within your HTML. While that is an option it just...
read moreUpload HTML 5 Games to Moodle
Here are the steps to take our HTML 5 games, place them into a SCORM wrapper, and then upload them to Moodle. The video below shows you how to prepare the files for upload into Moodle. The steps to upload into Moodle are below the video. Note for Library subscribers: If you are a library subscriber then download the HTML SCORM wrapper first. Note for Interaction Builder subscribers: Contact us to get the SCORM wrapper. (use the chat window or our contact form.) Also, when you download the game zip from the Builder you’ll notice an...
read more
