Level Character Settings
Getting Started
In the design editor, select the Level Character (e.g., Level 5 Character) layer in the right-hand Layers panel. The Level Character (Level 5 Character) settings panel will open on the left.
- The Level Character is a character area that visually represents the participant's level status (= growth status) in a Growth event.
- Different character Assets (elements) can be configured for each individual level. When a participant accesses the promotion, the character corresponding to the participant's current level is displayed on the screen.
Changing the Level Character
From the Assets (elements) list at the top of the Level Character settings panel on the left, select the character Asset (element) to apply.
- When an Asset (element) is selected, the previous character Asset (element) is replaced with the selected character Asset (element).
- When the Level Character Asset (element) is changed, the character design displayed for the selected individual level is updated based on the selected Asset (element).
- To change the character for another level, select the Level Character layer for that level in the right-hand Layers panel, and then make the change in the same way.
Position
To configure the Align (alignment), Location (position), and Layer Order (front/back order) of the selected Level Character Asset (element), use the Position section in the Level Character settings panel.
In the Align section, click the alignment icon button to align the selected Level Character Asset (element) to the left, horizontal center, right, top, vertical center, or bottom.
In the Location section, set the X/Y position coordinates of the selected Level Character Asset (element).
- Use mouse drag-and-drop to move the Asset (element) directly to the desired X/Y position coordinates.
- Use keyboard shortcuts to configure the X/Y position coordinates of the selected Level Character Asset (element).
| Function | Window | MAC |
| Move up by 1px | Up(↑) | Up(↑) |
| Move down by 1px | Down(↓) | Down(↓) |
| Move left by 1px | Left(←) | Left(←) |
| Move right by 1px | Right(→) | Right(→) |
| Move up by 10px | shift + Up(↑) | shift + Up(↑) |
| Move down by 10px | shift + Down(↓) | shift + Down(↓) |
| Move left by 10px | shift + Left(←) | shift + Left(←) |
| Move right by 10px | shift + Right(→) | shift + Right(→) |
Use Layer Order to set the front-to-back stacking order of items on the canvas relative to the selected Level Character Asset (element) (Forward, Backward, To front, To back).
- Forward: Moves the selected item forward by one layer.
- Backward: Moves the selected item backward by one layer.
- To front: Moves the selected item in front of all other items on the canvas.
- To back: Moves the selected item behind all other items on the canvas.
- The front-to-back order of items in the editor can also be set using mouse drag-and-drop in the right-hand Layers panel.
- The front-to-back order of the selected Level Character Asset (element) can also be configured using keyboard shortcuts.
| Function | Window | MAC |
| Move forward by one layer | Ctrl + ] | ⌘ + ] |
| Move backward by one layer | Ctrl + [ | ⌘ + [ |
| Move to front | Ctrl + shift + ] | ⌘ + shift + ] |
| Move to back | Ctrl + shift + [ | ⌘ + shift + [ |
Size
Use the Size section in the Level Character settings panel to set the size values (width and height) of the selected Level Character Asset (element).
- When the Level Character Asset (element) is selected, drag the displayed corner and side handles with the mouse to adjust the size of the selected Asset (element).
- Adjusting the size of the Level Character may change the character's display ratio and positioning within the individual level area.
| Function | Window | MAC |
|
Resize freely based on |
Drag a corner handle | Drag a corner handle |
|
Resize proportionally |
Shift + drag a corner handle | Shift + drag a corner handle |
|
Resize the width/height |
Drag a side handle | Drag a side handle |
Flip
Use the Flip section in the Level Character settings panel to flip the selected Level Character Asset (element) vertically or horizontally.
- Vertically: Flips the selected Level Character Asset (element) vertically.
- Horizontally: Flips the selected Level Character Asset (element) horizontally.
Style
Use the Style section in the Level Character settings panel to set the opacity and rotation angle of the selected Level Character Asset (element).
- Appearance: Sets the opacity of the selected Level Character Asset (element).
- Angle: Sets the rotation angle of the selected Level Character Asset (element).
