Media

Images

Images are added to your story from the Media Manager, and then linked to individual character nodes.

To add an image to your node:

  1. Enter Media Manager from the character node and click Add layer under the Visuals section.
  2. Click the photo icon to be taken to your Media Library.
  3. Select the image that you wish to add.

Recommended sizes and formats

The ideal dimensions for your images are 1920px x 1080px and .jpg, jpeg, .png, .gif are all accepted.

info-sign

Be aware that on some screens your image will need to be resized, so we recommend keeping the edges of your image free of important information, as it may get cut off on some screens. Up to 96px on each side and 280px on the top and bottom could be cut off on certain mobile devices.

Character Creator and Backgrounds

You can use the in-built Character Creator to design characters for your story. Access the character creator from the left-hand menu and export them to your library to be used as media in your story. We also have a number of included backgrounds available. Just go to your media library, hit the Included Backgrounds tab and select the background to add to your library.

Layers and animation

Layers

You can add additional layers to a panel by clicking Add Layer. These can be used to add foreground, background or animations to an existing image.

GIF Layers

You can add animated GIFs as a layer to a panel using the layers function. A transparent GIF animation over an image can give the effect of a steaming coffee, or a smoking gun, or a speeding car... Whatever you need!

Default Animation

By default, all images have a slight fade and scale animation to them as they display.

Slide in and out

You can assign a panel to slide in or out from a chosen direction instead of the default animation. To do this, open the Media Manager on that node and choose from the dropdown list of Animation in or Animation out. Panels can slide in or out from top, bottom, left or right.

Speech Bubbles

There are 4 types of speech bubbles you can use for your character's speech: Speech, Narration, Thought and Tech.

To edit Speech bubbles:

  1. Enter Media Manager from the character node.
  2. Choose Bubble type from the drop-down list.
  3. Choose Tail position from the drop-down list.
  4. Move the bubble to the desired position on the image preview on the right hand side by dragging the corners of the bubble.

Audio

Audio can be added to your story from the Media Manager on the Character node. You can add either background audio or sound effects.

Background audio

Audio files added here will play on a loop until the next node in your story that has an audio file added. If you want your background audio to stop at a specific point you can add a blank audio file to the node where you want the audio to stop.

Sound effects

Audio files added here will play once and then stop when they reach the end of the file. Sound effects can be interrupted if an audio file is added to a node which appears prior to the sound effect file reaching the end.

Bold and Italics

Within a character node you can make the text italic, bold or bold and italic by surrounding the words with the following syntax:

OutcomeSyntax
Bold*Bold text here*
Italics_Italic text here_
Bold and italics_*Bold and italic text here*_