Text Settings
Adding My Font: Registering a New Font
In the left sidebar menu, click the Text button to open the Text main screen.
On the Text main screen, click the Upload Font button at the top. When the file selection window opens, select and upload the font file you want to register.
Once the upload is complete, you can check the uploaded font file in My Fonts on the Text main screen.
- Registered fonts can be used as the font for text Assets when editing a design theme.
Uploaded fonts are saved in the My Fonts section and can be reused repeatedly with the same account.
However, if you access the editor from a different web browser than the one used to upload the font, previously registered My Fonts will not be available, so you will need to register them again.
Deleting My Font
On the Text main screen, click the Edit button in the My Fonts section.
On the My Fonts edit screen, click the trash button to the right of the font file you want to delete to remove the selected font immediately.
Once the font has been deleted, click the Complete button in the upper-right corner of the My Fonts section to return from the My Fonts edit screen to the default screen.
Adding a Text Frame
If you click a font in the My Fonts section on the Text main screen, a text frame with that font applied is added to the Canvas.
You can also add a text frame to the Canvas through the Basic Text section on the Text main screen.
- If you select one of the items registered in Basic Text (Create Header, Create Sub Header, Create Body Text), a text frame with the text settings (font, weight, size) assigned to that item is added to the Canvas.
- Create Header : Noto Sans KR / Bold / 78px
- Create Sub Header : Noto Sans KR / Medium / 54px
- Create Body Text : Noto Sans KR / Medium / 32px
My Fonts Text Screen
Basic Text : Create Header Text Screen
Basic Text : Create Sub Header Text Screen
Basic Text : Create Body Text Text Screen
If you select the desired Text Template in the Text Templates section at the bottom of the Text main screen, each Template is added to the Canvas as a text frame.
Text Settings
If you select the text Asset you want to configure in the Layers panel on the right or on the Canvas, the left text settings panel opens.
Text 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 Asset 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 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 among all elements on the Canvas.
- To back : Moves the selected element to the very back among 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 + [ |
Text Settings : Size
In the left settings panel, use the Size section to set the size values of the selected Asset (width and height).
-
When an Asset is selected, you can resize the selected element by dragging with the mouse the visible corner handles or edge handles.
| 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 |
Text Settings : 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.
Text Settings : Text
In the Text section of the left text settings panel, you can configure text styles such as font, weight, size, line height, letter spacing, alignment, italic, underline, strikethrough, and letter case.
Depending on the range of font weights supported by the selected font, the available text setting options in the editor may be limited.
Text Settings : Style
In the Style section of the left settings panel, you can set the selected Asset’s Color, Appearance, and Angle.
- Color : Sets the font color of the selected text Asset using two color setting methods: Solid and Gradient.
- Appearance : Sets the opacity of the selected Asset as a percentage.
- Angle : Adjusts the tilt angle of the selected Asset.
Text 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 text Asset.
Text Settings : Effects
Select the Effects section in the left settings panel.
-
If an effect has already been applied to a text Asset, double-click the text Asset on the Canvas to open the Effects settings panel.
In the Blur section, move the slider left or right to adjust the amount of blur applied to the selected Asset.
In the Curved section, the text Asset can be transformed into a curved shape instead of a straight line.
- Move the slider left or right to adjust how much the text Asset bends.
In the Stroke section, you can set the style, weight, opacity, and color of the outline to be applied to the selected Asset.
- Style : Sets the outline style.
- Weight : Sets the outline thickness.
- Opacity : Sets the outline opacity.
- Color : Sets the outline color.
In the Background section, you can apply various effects (Corner Radius, Padding, Opacity, Color) to the background area of the selected text Asset.
- Corner Radius : Sets the roundness of the background corners.
- Padding : Sets the spacing between the text and the background.
- Opacity : Sets the background opacity.
- Color : Sets the background color.
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.
