UpStage v4 english

Avatar tool


An avatar is an image that can appear on the Stage as a character or digital puppet. It can be moved, rotated, scaled in size, and faded in and out. Avatars can speak with a computerised voice and in speech bubbles as well as in the chat window. You can "hold" an avatar by placing it on the stage, or by double-clicking on an avatar already on the stage, that is not held by another player. When you are holding an avatar, only you can operate that avatar.


translation from french :

An avatar is most often image media in the form of a character. It can be moved, rotated, enlarged and shrunk. It is possible to make him speak by means of speech synthesis and speech bubbles from the chat.

You must have previously attached to media Avatar to your Internship in the Backstages.

Place an avatar on the stage

From the left-hand menu, select the Avatar tool, and an overlay will appear at the top of the Stage showing thumbnails of the avatars assigned to this Stage.

Drag the avatar you want onto the stage, and you will see it appear in black and white. The live action (light bulb) icon at the top right of the avatar shows white. This means that only you see the avatar, until you click on the light bulb, which will turn green and your avatar appears coloured. This means everyone can now see it. You can adjust the size, position, opacity and frame of the avatar before making it visible to the audience.

  1. Click on the Avatar tool
  2. Drag the avatar from the overlay onto your Stage.

You will notice a small red icon above the avatar. This icon indicates that this avatar is selected and allows you to act on it only.
You can add a copy of your avatar as many times as you want.

Basic movements

Before all the basic movements, you must be sure to have the red icon above your avatar, otherwise many actions are impossible (make him speak, move him, change his scale). If you don't see this icon, then double click on it to select it.

Holding an avatar

To "hold" an avatar means that you are controlling that avatar, and no other player can operate it unless you release it. If you have placed an avatar on the stage by dragging it from the Avatar tool overlay, you will be holding it by default. To hold an avatar that is already on the stage, double-click on it.

A red "carrot" or pointer above the avatar indicates that you are holding it; a gray "carrot" shows over avatars held by other players. The audience don't see the carrots.

You need to hold an avatar to be able to operate it, including make it speak, move it, resize it, bring it in front of or behind other media on the stage, rotate it, as well as change its opacity, speed and animation. And of course, you can also remove it from the stage.

When you click on the avatar that you are holding, a frame, icons and a slider appear around the avatar. You can also right-click on the avatar for an additional menu. Read on to discover what these tools allow you to do.

  1. Double clicking on the avatar selects it.
  2. A red icon is placed above it for visual confirmation.

An avatar already selected by another player is not available.

Move an avatar

To move an avatar to another area of the stage, drag and drop it to the new location.

To adjust the speed at which the avatar moves, right-click on the avatar and select the slider option "Movement". This changes the slider function, and you will see it is now pink. Move the slider handle up to make the avatar move faster, or down to make it move slower.

    The audience see the avatar in his new location. If you want them see the travel, hit the bulb icon to light up. (I DON'T QUITE GET THIS: IF I HAVE SET THE MOVEMENT SPEED TO BE SLOW, I DRAG & DROP THEN WATCH THE AVATAR MOVE THERE. IT HAPPENS MORE OR LESS THE SAME WHETHER THE BULB IS WHITE OR GREEN ... )

To move the avatar, click on it again. A cage appears. Click on the avatar and drag it to another place in the stage: the avatar appears in this other place with the spectator.

Show avatar movement

If you want the audience to see the avatar moving, click the Bulb icon. Once activated, all changes made are visible in real time to spectators.

Manage travel speed

Right click on the avatar and choose the slider "Move Speed". The slider on the left of the avatar is now pink. This slider controls thespeed of your avatar's movement.

In addition to being able to make changes to the avatar visible to the audience, you may want to change the speed of those changes.

  1. Right click on the avatar
  2. choose the option Slider: Movement
  3. the color of the slider changes and now it manages the speed of the changes.
  4. Lower it to slow down changes.
  5. Increase it to speed up changes.

Rotate avatar

An antenna comes out of the cage. Grab it and drag to rotate the avatar.

Click on the avatar you are holding to see the green frame; at the top is a handle with a small white cirlce. Click and hold on this handle, and drag it to rotate the avatar.

    The audience see the avatar in his new size. If you want them see the change, hit the bulb icon to light up.

Likewise, if you want the audience to see the rotation live, then you will need to click on the bulb.

Rescale or shrink the avatar

When you click on the avatar you are holding, a green box with with handles appears around the avatar. Drag the handles to resize the avatar; the original proportions will be maintained. Adjust the movement speed of the resizing using the pink slider.

    The audience see the avatar in his new size. If you want them see the change, hit the bulb icon to light up. (AGAIN - SEEMS TO HAPPEN THE SAME REGARDLESS OF BULB ... )

From all handles, enlarge or shrink the avatar. The light bulb makes this visible to the audience.

Change opacity

The green slider to the left of the cage allows you to change the opacity of the image. Lower the slider to make it transparent.

By default the avatar will appear with full opacity. Click on the avatar you are holding to see the green frame. The green slider on the left allows you to decrease or increase the opacity.

    The audience see the avatar in his new opacit. If you want them see the change, hit the bulb icon to light up.

Change plan

As media is placed on the stage, it will appear in front of other media that is already there (CHECK - IS THAT CORRECT?). To bring your avatar in front of other media, the *right click* on it to display the *context menu* and select "Bring to front". To move your avatar behind another avatar or prop, select "Send to back".

When the Internship is loaded with many media, it happens that some overlap with others. Each medium is placed in the order of its arrival. The most recent being above the previous one. It may be convenient to change this order, don't forget to select your avatar:

  1. When the cage appears, right click on the avatar,
  2.  a context menu is displayed.

  • two new options appear: Bring to front and Send to back. Choose the one that suits you.
  •      The effect is immediate.

Change the avatar's nickname in the chat

When you are holding an avatar and type text into the chat input field to speak as that avatar, its name will appear in the chat window alongside the text. To change the nickname, *right click* on the avatar and in the context menu select "Change your nickname". A pop-up window appears where you can enter a new name. Press "Save" to confirm.

The media name is the avatar's nickname. This nickname is also displayed in the chat when you make the avatar speak. To change the name, right click and choose the Change your nickname option. A dialog is displayed indicating the new nickname. If this dialog is located under the context menu, click on the dialog to highlight it.

Now when you write on the chat, the nickname you have chosen will be displayed.

Make the avatar speak

There are two ways to make the avatar speak. Visually with speech bubbles and via speech synthesis. UpStage has integrated vocals. All spectators will hear the same voice.

Via dialogue bubbles

  1. Select the avatar.
  2. Write on the chat
  3. Press enter
  4. The content is displayed in a bubble on the Stage.

Via text-to-speech

Likewise, select the avatar, write on the chat, press enter and the content is automatically read by the text-to-speech.

Configure speech synthesis

Right click on the avatar and choose the Voice settings option to display the synthesizers voice settings.

For the voice to pronounce the dialogue correctly and audibly, it is essential to select the voice from the correct dictionary. Do not use a voice from the French dictionary if you will be using English chat.

  • Pitch: at minimum, the voice is deep and at maximum the voice is high.
  • Rate: manages the speech speed, on the left speech is slow and on the right faster.
  • Volume: to manage the pitch of the text-to-speech sound
  • Test voice: write in the language of the voice and click the green button to test the combination.
  • The Save button allows you to save the parameters and make available the parameters decided for the Stage.

Animated avatar

Currently you have two possibilities to have an animated avatar. From an already animated image, or from a still image.

From an animated image of type gif

You or a colleague have designed an animated image and it is saved as an animated gif. Upload it to the UpStage platform and link it to the Stage. The animated gif is available in the overlay. Place it on the Stage, it is immediately launched in a loop. You cannot modulate its animation.

From image Multiframe

First, the animation is built in the Backstage. THIS PART SHOULD GO IN THE MEDIA MANAGEMENT SECTION, NOT HERE

  1.  In the media list, locate the media you want to combine into an animation.
  2.  Click the Edit pencil icon.
  3.  Activate the Multiframe option, the icon turns green.

new colons appear. Select on the left column the other images you want to associate in the animation. These then slide to the right.

  1. Donnez un nom identifiable à ce nouveau média et enregistrez en cliquant sur le bouton Save.
Cet avatar multiframe est maintenant disponible dans la liste des médias. Vous devez le rattaché à votre Stage pour le voir maintenant disponible depuis le Stage.

Pour lancer l'animation d'un avatar animé, il faut avoir téléverser une image en gif animée dans le Backstage et l'avoir rattaché au Stage.

Les avatar animés se distingue grâce à la présence d'une petite icône multiframe à leur pied visible dans l'overlay de l'outil.

Play the avatar animation

If your avatar has several frames (a multiframe avatar), you can display one frame at a time or cycle through them as an animation.

Use *right click* to open the context menu. You will see the avatar's frames as small thumbnails at the bottom of the context menu. Click on a frame to display it as the avatar, or hit the "play" button to run the animation.

You can change the speed of the animation with the slider: in the context menu, select the "Animation" slider option. The slider becomes yellow. Move the handle up to make the frames animate faster, or down to slow the animation down.

Right click on the avatar, and choose the slider Frame Animation. The slider on the left ot the avatar is now yellow. This slider controls the frame rate of the animation.

Once placed on the Stage, these are fixed. To start the animation, you must:

  1. select avatar
  2. right click to display the context menu
  3. launch the play button

Change the speed of the avatar animation

To change the speed of the animation, choose the Animation slider option and increase or decrease its speed from the yellow slider on the left.

Stop avatar animation

Right click to display the context menu and tap the pause icon. This stops the animation.

Remove an avatar from the Stage

You can remove the avatar you are holding from the stage in three ways: in the right-click context menu, select "Delete"; hit the X button on the right side of the avatar's frame; or hit the delete key on your keyboard.

Note that removing the avatar from the stage does not unassign it from the stage: it is still available in the Avatar toolbar, just not visible on the stage any more. You can place it back on the stage at any time. See the Media management section for information on how to unassign media from a stage, and how to delete media from the server.

You can remove the avatar from your stage by right-clicking to display the context menu and click on delete button. Alternatively, select the avatar and hit backspace.


You no longer need the character? Double click on it to select it then once the cage is displayed, click on the cross. This removes the scale from the scene without removing it from the overlay or the UpStage server.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.