Modified Image Settings
Entering
Double-click the Modified Image template area in the Spot the Difference section of the design editor with your mouse, or select Spot the Difference > Modified Image in the right Layers panel to open the Modified Image settings panel in the left settings panel.
Setting Option
In the Setting Option section of the Modified Image settings panel, you can set the total number of correct answers for the Spot the Difference promotion.
In Select Group Quantity, you can set the total number of correct answers for the Spot the Difference promotion.
- You can set from a minimum of 1 to a maximum of 20 correct answers in the Modified Image.
- Based on the configured Select Group Quantity, correct answer sub-objects (@ Correct 1, @ Correct 2...) are created under the Modified Image layer in the right Layers panel.
- If the configured Select Group Quantity is reduced, the previously created correct answer sub-objects (@ Correct 1, @ Correct 2...) under the Modified Image layer are deleted according to the number of correct answers removed.
Position
To set the selected Modified Image template area’s Align, Location, and Layer Order, use the Position section in the Modified Image settings panel.
Click the alignment icon button in the Align section to align the selected item based on left, center, right, top, middle, and bottom.
In the Location section, you can set the selected item’s X/Y position coordinates.
- You can move it directly to the desired X/Y position by dragging and dropping with the mouse.
- You can also set the selected item’s X/Y position coordinates using keyboard shortcuts.
| 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(→) |
In the Layer Order section, you can set the front/back stacking order of items on the Canvas relative to the selected item (Forward, Backward, To front, To back).
- Forward : Moves the selected item one step forward
- Backward : Moves the selected item one step backward
- To front : Moves the selected item to the very front among all items on the Canvas
- To back : Moves the selected item to the very back among all items on the Canvas
- You can also set the front/back stacking order of items in the editor by dragging and dropping with the mouse in the right Layers panel.
- You can also set the front/back stacking order among selected items using keyboard shortcuts.
| 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 + [ |
Size
Use the Size section in the Modified Image settings panel to set the selected item’s size values (width, height).
- When the item is selected, you can resize it by dragging with the mouse the visible corner and control points.
| 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 |
Changing the Modified Image
Select the template you want to change from the Template list at the bottom of the Modified Image settings panel on the left.
- If the theme design in the editor has never been saved, selecting a new template immediately changes the previous template to the selected template.
If the theme design in the editor has been saved at least once, the Notification popup opens, and clicking the Confirm button in the popup changes the previous template to the selected template.
- If you do not want this popup to appear again, select the Don't show again checkbox in the Notification popup, then click the Confirm button.
