Original Image Settings
Entering
Double-click the Original Image template area in the Spot the Difference section of the design editor with your mouse, or select Spot the Difference > Original Image in the right Layers panel to open the Original Image settings panel in the left settings panel.
Position
To set the selected Original Image template area’s Align, Location, and Layer Order, use the Position section in the Original 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 Original 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 Original Image
Select the template you want to change from the Template list at the bottom of the Original 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.
