Photo Settings
Browsing Photos
To load the image Assets you want to edit, click the Photo button in the left sidebar menu to open the Photo main screen.
Enter a keyword in the search field at the top of the Photo main screen to browse image Assets that match your search term.
Click the keyword input area to open Recommended Keywords and Recent Search Words, then select a search keyword from each area to browse the theme you want.
Adding a Photo
Click the image you want to use with your mouse in the image list at the bottom of the Photo main screen, and the selected image will be added to the Canvas.
Photo Crop Feature
Select the image Asset added to the Canvas, then click the crop icon button in the image tool menu.
In the Location section of the left crop settings panel, you can set the X/Y position coordinates of the crop area.
When the crop feature is activated, a crop area appears on the image. You can adjust the crop range by dragging with the mouse the visible crop handles along the edges of the image.
- You can also enter the size values (width/height) of the crop area through the Size section of the left crop settings panel.
Adjusting Crop Size : Using Crop Handles
Adjusting Crop Size : Entering Size Values in the Crop Settings Panel
When the crop feature is activated, you can adjust the image’s rotation angle using the rotation handle displayed below the image.
- You can also adjust the image’s rotation angle by changing the Angle feature in the left crop settings panel.
Adjusting Image Angle : Using the Rotation Handle
Adjusting Image Angle : Entering the Angle Value in the Crop Settings Panel
After adjusting the crop, press the ESC button or click outside the crop area to exit crop mode.
Removing the Photo Background
Select the image Asset added to the Canvas, then click the background removal icon button in the image tool menu to remove the image background.
Background Removal : In Progress
Background Removal : Completed
Applying a Photo Mask
Select the image Asset added to the Canvas, then click the mask icon button in the image tool menu.
- You can also apply the mask effect through the Mask feature in Image Asset Settings.
On the Mask selection screen, select the shape area to apply to the selected Asset.
- When you select a shape area, the corresponding mask shape is applied to the selected element, and you can view the result immediately on the Canvas.
If you double-click with the mouse a masked element, the mask-only settings panel opens.
- In the mask-only settings panel, you can edit the mask shape by adjusting the values of Location, Size, and Angle.
Photo Settings : 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 element based on left, center, right, top, middle, or bottom.
In the Location section, you can set the selected Asset’s X/Y position coordinates.
- You can set the selected element’s X/Y position coordinates using keyboard shortcuts.
- You can move the selected element by dragging and dropping with the mouse.
| 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(→) |
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 set 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 among all elements on the Canvas.
- To back : Moves the selected element to the very back among all elements on the Canvas.
| Function | Window | MAC |
| Move Forward One Step | Ctrl + ] | ⌘ + ] |
| Move Backward One Step | Ctrl + [ | ⌘ + [ |
| Bring to Front | Ctrl + shift + ] | ⌘ + shift + ] |
| Send to Back | Ctrl + shift + [ | ⌘ + shift + [ |
Photo Settings : Size
In the Size section of the left settings panel, you can set the size values of the selected Asset (width and height).
- You can resize the selected element by dragging with the mouse the visible corner handles or edge handles.
| Function | Window | MAC |
|
Freely Resize |
Drag Corner | Drag Corner |
|
Resize Proportionally |
Shift + Drag Corner | Shift + Drag Corner |
|
Resize Width/Height |
Drag Edge Handle | Drag Edge Handle |
Photo Settings : Flip
Using the Flip section in the left settings panel, the Asset can be flipped horizontally or vertically.
- Horizontally : Flips the selected element from left to right.
- Vertically : Flips the selected element from top to bottom.
Photo Settings : 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.
Photo Settings : Mask
Select the Mask section in the left settings panel.
On the Mask selection screen, select the shape area to apply to the selected Asset. .
If you double-click with the mouse a masked element, the mask-only settings panel opens.
- In the mask-only settings panel, you can edit the mask shape by adjusting the values of Location, Size, and Angle values.
Photo Settings : 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.
Photo Settings : 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 Effects settings panel to apply various effects to the selected Asset, such as Blur, Corner Radius, Stroke, and Shadow, among others.
In the Blur section, move the slider left or right to adjust the amount of blur applied to the selected Asset.
In the Corner Radius section, move the slider left or right to set the curvature of the selected Asset’s corners.
In the Stroke section, you can 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 distinct.
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.
