Step 1

 ¶ 

Select Custom.

Step 2

 ¶ 

Select the add button.

Step 3

 ¶ 

The Add a Custom Character Set window opens. From here you can download the Templates and add your own Character. After you have finished updating the png files and created a ZIP file, you can upload it. Select the text entry area for the "Enter a Name for Your Character" and we'll add text for this example.

Step 4

 ¶ 

Select Browse and Upload.

Step 5

 ¶ 

Locate your ZIP file containing your png images. Note: all the PNG files in the Package folder must be zipped at the root of the zip file. To zip the files to the root you must open the Package folder and select all files then Right Click on the selected files and choose "compress" on Mac or "zip" on Windows. The name of your new zip file doesn't matter so long as the PNG files in the Package folder are at the root of the zip. For this example, select the Archive.zip.

Step 6

 ¶ 

Once the upload is complete you will see the message telling you that your upload was successful. Select Next.

Step 7

 ¶ 

Preview each of the emotions for your Character set. Select Happy.

Step 8

 ¶ 

Select Thinking.

Step 9

 ¶ 

Select Unsure.

Step 10

 ¶ 

Select Angry.

Step 11

 ¶ 

After previewing your character, if you don't like what you see you can select Retry to upload a new package. For this example, we are happy with what we see. We will now add Metadata to our Character Set. Select Metadata.

Step 12

 ¶ 

Select the text entry areas and we'll add text for this example.

Step 13

 ¶ 

Select Update.

Step 14

 ¶ 

Select Done.

Step 15

 ¶ 

Select Next.

Step 16

 ¶ 

For this example, we will also upload a custom background. For the best results we recommed uploading an image that has a 16:9 aspect ratio. For this example we will upload an image that is 1200 pixels wide by 675 pixels heigh. Select Add an Image.

Step 17

 ¶ 

Locate your custom background image. For this example, select hospital-corridor.png.

Step 18

 ¶ 

Your custom background is now visible under the My Backgrounds section. Select the new background image to apply it to your scenario.

Step 19

 ¶ 

The background is added to the display area with a default blur effect applied. You can choose to turn the background blurred off by simply unchecking the Apply Blur box. This concludes how to add a Custom Character Set and Background Image. Now you can move on to creating the Introduction and building the scenario.
  0     0

Similar Projects

thumbnail image
Creating a Custom Character for Scenario Builder
2022-04-18

Basic Steps to Create the Assets

2 min read
avatar
Brent Schlenker
Can you add an image to the scenario builder?
2022-02-04

Hi, 
I'm using the scenario builder and have a few questions. 
1. Is it possible to add images into each speach bubble? I can see the option for audio, but not for an image. 
2. Is it possible to format the text, i.e. if I want to bold or italicising something? 
3. Is it possible to add in links to pop ups or hyper links into the speach bubbles? 
4. Is there any way I can use the images in the scenario as their own stand alone images? I can't seem to find a full body avatar in the stock media...

avatar
stephen
thumbnail image
Getting Started with the Scenario Builder
2019-10-28

A walk-through of the basics of using the Scenario Builder widget available on the Engage Tab.

avatar
Chris Van Wingerden
thumbnail image
Creating a Custom Menu
2025-07-24

The Tutorial Theme is designed to automatically create a menu page for your learners and enable free flow navigation. If you are looking to create this style of navigation we recommend you try the Tutorial Theme and see if meets your needs. For more information visit the Tutorial Theme Overview.

2 min read
avatar
Paul Schneider
thumbnail image
Add an image as a Section background with parallax in Flow
2022-03-02

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

avatar
Chris Van Wingerden
Using Custom Variables in XAPI statement
2023-03-08

Hi, I have a form on the first page of my course to capture learner data (name, email etc). I'd like the "Submit" button on the page to send the data as an XAPI statement to my LRS so I can record that the user has accessed the course. I would also love for the variables (First Name, Last Name) to replace the userID sent for the remainder of the interactions for the course. Is this possible, and if so, what are the parameters I need to set in the "send xAPI statement" element interaction for ...

avatar
admin
thumbnail image
Set a custom weight for a test question
2019-02-26

By default, each test question has a weight of 10 points.

This weight (points) is used to calculate the learner's score as a percentage to determine the test score which is sent to the LMS (in the case of a SCORM, AICC or xAPI package).

You can set custom Weighting for individual test questions according to the level of importance you determine the question should have in the overall marking scheme.

Note: If you set a custom weight for a question, it’s a good idea to let learners know so ...

avatar
Chris Van Wingerden
thumbnail image
Add an image as a Section background with parallax in Flow
2019-02-11

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

avatar
Chris Van Wingerden
Creating a custom xAPI statement
2025-08-21

So you're ready to start creating your own custom statements... or are you?

2 min read
avatar
Paul Schneider
thumbnail image
Displaying System or Custom Variables in a Text Element
2025-11-24

Save authoring time using template pages and share Project information easily with your learners

2 min read
avatar
Chris Van Wingerden

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.