Assets Settings : Image
Position
To set the selected Asset’s Align, Location, and Layer Order, use the Position section in the left settings panel.
Click the alignment icon button in the Align section to position the selected Asset based on left, center, right, top, middle, or bottom alignment.
In the Location section, you can set the selected Asset’s X/Y position coordinates.
- You can set the selected Asset’s X/Y position coordinates using keyboard shortcuts.
- You can also move the selected Asset by dragging and dropping with the mouse.
| Function | Windows | 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(→) |
Using Layer Order, you can set the stacking order of elements on the Canvas relative to the selected Asset (Forward, Backward, To front, To back).
- You can also set the stacking order of the selected Asset using keyboard shortcuts.
- You can also adjust the stacking order between elements by dragging and dropping with the mouse in the Layers panel on the right.
- Forward: Moves the selected element one step forward.
- Backward: Moves the selected element one step backward.
- To front: Moves the selected element to the very front of all elements on the Canvas.
- To back: Moves the selected element to the very back of all elements on the Canvas.
| Function | Windows | Mac |
| Move Forward One Step | Ctrl + ] | ⌘ + ] |
| Move Backward One Step | Ctrl + [ | ⌘ + [ |
| Bring to Front | Ctrl + Shift + ] | ⌘ + Shift + ] |
| Send to Back | Ctrl + Shift + [ | ⌘ + Shift + [ |
Size
In the Size section of the left settings panel, you can set the size values of the selected Asset (width, height).
- You can resize the selected Asset by dragging with the mouse the corner handles or edge handles that appear when the Asset is selected.
| Function | Windows | Mac |
|
Freely Resize |
Drag Corner | Drag Corner |
|
Resize Proportionally |
Shift + Drag Corner | Shift + Drag Corner |
|
Resize Width/Height |
Drag Edge Handle | Drag Edge Handle |
Flip
Using the Flip section in the left settings panel flips the Asset horizontally or vertically.
- Horizontally: Flips the selected element from left to right.
- Vertically: Flips the selected element from top to bottom.
Style
In the Style section of the left settings panel, you can set the selected Asset’s Appearance and Angle.
- Appearance: Sets the opacity of the selected Asset as a percentage.
- Angle: Adjusts the tilt angle of the selected Asset.
Mask
Select the Mask section in the left settings panel.
On the Mask selection screen, choose the shape area to apply to the selected Asset. .
Double-click a masked element with the mouse to open the mask-only settings panel.
- In the mask-only settings panel, you can edit the mask shape by adjusting Location, Size, and Angle values.
Hyperlink
Enter the URL of the page to be linked in the Hyperlink section of the left settings panel.
- If a hyperlink is set, participants can be directed to the entered page URL when they select the corresponding element.
Effects
Select the Effects button in the left settings panel to open the Effects settings panel.
- If an Effect has already been applied to an Asset, double-click the element on the Canvas to open the Effects settings panel.
Use the Effect settings panel to apply various effects to the selected Asset, such as Blur, Corner Radius, Stroke, Shadow, and more.
In the Blur section, move the slider left or right to set the amount of blur applied to the selected Asset.
In the Corner Radius section, move the slider left or right to set the roundness of the selected Asset’s corners.
In the Stroke section, set the style, weight, opacity, and color of the outline to be applied to the selected Asset.
- Style: Selects the outline style.
- Weight: Selects the outline thickness.
- Opacity: Adjusts the outline opacity.
- Color: Changes the outline color.
In the Brightness section, move the slider left or right to adjust the brightness of the selected Asset.
In the Temperature section, move the slider left or right to adjust the color tone of the selected Asset.
In the Contrast section, move the slider left or right to adjust the contrast of the selected Asset.
- As the slider moves to the right, the difference between bright and dark areas becomes more pronounced.
In the Saturation section, move the slider left or right to adjust the color vividness of the selected Asset.
In the Shadow section, configure the shadow effect to be applied to the selected Asset.
- Blur: Adjusts the amount of shadow blur.
- Offset X: Adjusts the horizontal position of the shadow.
- Offset Y: Adjusts the vertical position of the shadow.
- Opacity: Adjusts the shadow opacity.
- Color: Sets the shadow color.
The available effect options in the Effects settings panel may vary depending on the type of element selected.