Design The Interface

Custom Button Sound

Custom Button Sound You can control the sound your buttons make when a viewer clicks at a decision point. Using the drop down menu, you can select the default sound (“ding”), no sound, or a sound from the available audio files in your Asset Library. Note that only files 3 seconds or shorter will appear […]

Style Skin

The Style Skin is an Interlude compliant interactive button design. Each Interface Element has it’s own Skin type and behavior modifies. When applying a Style Skin to an element, please make sure the skin type fits the type of element you’re designing for. Style Skin types: button – Standard buttons. timer – Standard and double timers. togglebutton – […]

Design Presets

This feature allows you to save a pre-set element design and structure as a preset, then apply it onto a large number of nodes in one simple drag & drop action. You can apply a preset directly from the library by dragging the preset from the Design Presets library and dropping it on any of […]

Skin Editor

SKIN EDITOR The Skin Editor is our GUI editing tool for creating button and timer Style Skins. (This means you can only edit the appearance of the buttons in it, and not their functionality.) You can find the Skin Editor here:, but you can also open it directly from Eko Studio by right clicking […]

Timing & Effect

The video monitor in the Node Editor enables you to preview the node and control when the buttons and timer will appear and disappear. The fade in and fade out effect needles mark where the elements start to fade in and where the fade out effect starts.   Appear & Disappear Effects You can determine when […]

Transform Tab

Change the position and size of the elements as well as their opacity, or even choose to rotate them. To keep the height to width ration click the link icon between the two before resizing. Tip! To help you position the element, switch on the grid for your Node Editor monitor.

Style Tab

Gallery  The variety of interlude designed buttons, just pick one and you’re ready to go.         Options Each button and timer skin is now customizable ability to edit its Skin Options from within Treehouse. Here’s a list of common fields and the parameters they accept: Color – select with the color picker or […]

Action Tab

In the Element Action tab you can choose which action will happen when a button is clicked. Button types: Graphic (No Action): Allows you to include text or a graphic on the screen. Select Node: Connects a node to any node in the screen (including previous nodes and itself). You can also choose when the […]

Editing in the Node Editor

These are the editing options available in the node editor: Under the elements List: Add new button. Add new timer – Note that all timers will reflect the same amount of time left until the end of the node. You may wish to add timers for visual effect. Auto-arranges buttons & timers to default positions. […]

Upload Custom Elements

You can create your own buttons and timers outside of Eko Studio then upload them to the Library. Image Button You can upload an image (in a supported format) to Eko Studio and then drag it from the Library onto the button. From there you can adjust the transform settings of the button as you wish. Button/Timer Skin Style Edit […]