⚡ Canvas | Sorceress Wiki | Sorceress

Canvas is Sorceress’s lightweight image composition and editing workspace. Use it to combine images, paint or erase directly on layers, resize artwork, crop and transform objects, prepare transparent assets, and export or send your result into other Sorceress tools.

Open Canvas

What it does

Canvas gives you a browser-based artboard with image layers, drawing tools, object transforms, alignment controls, and export options. It is useful for quick asset-prep tasks such as:

Combining multiple generated or uploaded images into one composition.
Resizing an image to a specific aspect ratio or pixel size.
Cropping transparent padding around an asset.
Painting small fixes, masks, color blocks, or notes by hand.
Preparing a still image for video, background removal, expansion, or slicing.
Exporting a PNG at the current canvas size or at a resized width.

Canvas starts as a blank 1024 × 1024 workspace with one layer. Imported images are added as separate editable objects on their own layers, so you can move, resize, reorder, hide, adjust opacity, duplicate, and delete them independently.

Interface overview

Canvas has three main areas:

Left tools panel: upload/import, canvas size, tools, positioning, transform options, history, color, and clear-layer controls.
Center canvas: the editable artboard. This is where you draw, move objects, zoom, pan, drag in images, and right-click selected images for extra options.
Right layers/export panel: layer stack, thumbnails, visibility, opacity, object lists, download, resized download, and send-to-tool actions.

On smaller screens, the side panels are opened with the Tools and Layers toggles.

The artboard displays a checkerboard background to make transparent areas visible. The checkerboard is a preview aid; transparent areas remain transparent when exported.

Typical workflow

A common Canvas workflow looks like this:

Set the canvas size using a preset or custom dimensions.
Import one or more images by clicking the upload area or dragging files onto the canvas.
Use Move & Transform to place, resize, crop, flip, or align objects.
Use Brush, Eraser, Fill, and Color Picker for hand edits on the active layer.
Organize the composition with layers, visibility, opacity, duplication, and layer reordering.
Use Download, Download Resize, or Send to Tool when the visible canvas is ready.

Canvas size

The current canvas size is shown in pixels in the left panel and below the artboard. You can choose a preset or type a custom size.

Presets

Canvas includes these size presets:

| Preset | Size | | --- | ---: | | 16:9 Landscape | 1920 × 1080 | | 9:16 Portrait | 1080 × 1920 | | 1:1 Square | 1024 × 1024 | | 4:3 Standard | 1600 × 1200 | | 3:2 Photo | 1800 × 1200 | | 2:1 Panoramic | 2048 × 1024 |

Click a preset icon to resize the artboard to that size.

Custom size

To set a custom canvas size:

Enter a width and height in the Canvas Size fields.
Press Enter or click away from the field to apply.

Custom dimensions must be at least 1 × 1 and no larger than 8192 × 8192 pixels.

When you resize the canvas from the size fields or presets, existing drawn layer content is preserved at its current pixel placement, and imported image objects keep their current absolute positions and sizes. If you want a selected image to define the new canvas size and fill it exactly, use the right-click Resize Image & Canvas option instead.

Importing images

You can import one or more images in two ways:

Drag images onto the upload area in the left panel, or click the upload area to browse.
Drag images directly onto the canvas area.

Each imported image becomes its own new layer and is selected automatically. If you drop an image onto the canvas, Canvas places it around the drop location. If you import through the side panel, Canvas centers it on the artboard.

Canvas accepts image files supported by your browser.

Tools

Canvas has five tools.

Move & Transform

Use Move & Transform to select, move, resize, crop, and reposition imported image objects or drawn content on the active layer.

Click an object to select it.
Drag inside the bounding box to move it.
Drag a corner handle to resize proportionally.
Drag an edge handle to resize that edge.
Press Delete or Backspace to remove the selected object.
Press Escape to deselect.

When an object is selected, Canvas shows its displayed size near the bottom of the canvas, along with reminders for delete, crop, and right-click options.

If you click an object on another visible layer while using Move & Transform, Canvas selects that object and switches to its layer.

Brush

Use Brush to paint on the active layer.

Brush settings appear when you hover the Brush tool:

Size: 1–100 px.
Opacity: 1–100%.

The brush uses the current color from the Color section.

Eraser

Use Eraser to erase pixels from the active layer. It uses the same size and opacity settings as the Brush.

Eraser affects painted layer content. It does not erase pixels inside an imported image object. To remove an imported image, select it with Move & Transform and delete it, or delete it from the object list in the Layers panel.

Fill

Use Fill to flood-fill a connected area on the active layer with the current color. Fill uses the current opacity setting.

Fill works on the active layer’s painted canvas content. It fills areas similar to the clicked pixel, so small color variations may affect how far the fill spreads.

Color Picker

Use Color Picker to sample a color from the visible canvas. Click anywhere on the artboard to set the active color. The picker stays active so you can continue sampling colors.

Color controls

The Color section shows the active color swatch and a text field containing its hex color value.

You can:

Click the swatch to open your browser’s color picker.
Type or paste a hex color value.
Click the eyedropper button to switch to the Color Picker tool.

Positioning and alignment

The Position Layer buttons align the selected object or the visible drawn content on the active layer.

Available actions:

Center: center horizontally and vertically.
Center Horizontal: center along the horizontal axis.
Center Vertical: center along the vertical axis.
Flush Left: align to the left canvas edge.
Flush Right: align to the right canvas edge.
Flush Top: align to the top canvas edge.
Flush Bottom: align to the bottom canvas edge.
Fit to Canvas: scale the selected content to fit within the canvas while preserving its proportions.

Keyboard shortcuts:

C: center.
H: center horizontally.
V: center vertically.

These shortcuts work when you are not typing in an input field.

Transform options

The Transform section applies to selected image objects.

Flip

Flip H mirrors the selected object horizontally.
Flip V mirrors the selected object vertically.

These buttons are disabled until an imported image object is selected.

Snap to Canvas

Snap to Canvas helps align objects while moving or resizing. When enabled, selected content snaps to:

Canvas edges.
Canvas horizontal center.
Canvas vertical center.

Snap guide lines appear while dragging near a snap target. You can turn snapping on or off at any time. Snap to Canvas is enabled by default.

Cropping image objects

Canvas supports quick crop editing directly from transform handles.

To crop an image object:

Select the object with Move & Transform.
Hold Shift.
Drag a corner or edge handle.

While cropping, Canvas displays a CROP indicator. Cropping changes the visible source area of the image object without requiring a separate crop-mode button.

Use normal handle dragging without Shift when you want to resize instead of crop.

Right-click object options

Right-click an imported image object to open its context menu. Right-clicking also selects the object and switches to the layer that contains it.

Available options are:

Resize Image & Canvas

Use this when you want the selected image and the canvas to become a specific size together.

Right-click the image object.
Choose Resize Image & Canvas.
Enter either a width or a height.
Canvas calculates the other dimension automatically using the object’s current visible aspect ratio.
Click Apply Resize or press Enter.

The selected object fills the new canvas. Other objects and drawn layer content are scaled proportionally to the new canvas size. Dimensions must be between 1 and 8192 pixels.

If the selected object was cropped, the visible cropped region is baked into the resized result.

Fit to Canvas

Scales the selected object to fit within the canvas while preserving its proportions.

Center on Canvas

Centers the selected object horizontally and vertically.

Transparency Titan

Trims excess transparent or solid-background padding around the selected image object. This is helpful when an asset has empty space around it and you want a tighter bounding box for positioning or export.

Canvas looks for transparent corners or a shared solid corner color, then crops down to the visible content it finds. If no trim area is detected, the object may remain unchanged.

Delete Element

Deletes the selected image object.

Layers

The right panel contains the layer stack. Layers are drawn from bottom to top; the topmost displayed layer appears above lower layers.

Each layer shows:

A thumbnail preview.
Visibility toggle.
Layer name.
Opacity percentage.
Duplicate and delete actions.

Add a layer

Click the + button in the Layers panel.

Select a layer

Click a layer. If the layer contains image objects, Canvas automatically selects the topmost object on that layer.

Hide or show a layer

Click the eye icon on a layer.

Hidden layers are not visible in the canvas composite and are not included when exporting or sending the canvas to another tool.

Change layer opacity

Edit the Op percentage on the layer. Values range from 0% to 100%.

Reorder layers

Drag a layer in the layer stack to change its order. The layer stack is shown with top layers above lower layers in the panel.

Duplicate a layer

Hover a layer and click the duplicate button. Canvas creates a copy above the original, including its painted content, image objects, and opacity.

Delete a layer

Hover a layer and click the delete button. Canvas always keeps at least one layer, so the last remaining layer cannot be deleted.

Object list

When a layer is active and contains imported image objects, Canvas shows a small object list under that layer. Each object entry shows its current displayed size, and cropped objects are labeled as cropped.

From the object list, you can:

Click an object to select it.
Drag an object onto another layer to move it there.
Delete an individual object.

Objects inside a layer are drawn in their layer order, with later objects appearing above earlier ones.

History and reset

Canvas includes undo and redo controls for recent edits.

Undo reverses the previous saved edit when available.
Redo reapplies an undone edit when available.
Reset Canvas returns Canvas to a blank 1024 × 1024 canvas with a single layer.

Keyboard shortcuts:

Ctrl/Cmd + Z: undo.
Ctrl/Cmd + Shift + Z: redo.
Ctrl/Cmd + Y: redo.

History is limited to the most recent saved states, up to 50 steps.

Zooming and panning

Canvas provides zoom controls at the top of the artboard:

Zoom Out.
Current zoom percentage.
Zoom In.
Fit to Screen.

You can also use the mouse wheel to zoom between 10% and 500%.

To pan the view:

Use the middle mouse button, or
Hold Shift and left-drag while using a non-move tool.

The canvas automatically fits to the available viewport when the canvas size or browser window changes.

Copy, cut, paste, and delete

For selected imported image objects:

Ctrl/Cmd + C: copy.
Ctrl/Cmd + X: cut.
Ctrl/Cmd + V: paste into the active layer.
Delete or Backspace: delete.

Pasted objects appear at their original position and become selected.

Clearing a layer

Click Clear Layer in the left panel to remove all drawn content and image objects from the active layer.

This affects only the active layer, not the entire canvas. To reset the whole workspace, use Reset Canvas.

Exporting and sending to tools

Export and send actions are available from the bottom of the right panel when your account has access. If not, Canvas shows Sign in to Save or Upgrade to Save.

Download

Exports the visible canvas composite as a PNG at the current canvas size.

Download Resize

Exports a resized PNG by width:

Click Download Resize.
Enter the target width in pixels.
Press Enter or click Go.

Canvas preserves the current canvas aspect ratio and calculates the height automatically.

Send to other tools

Canvas can send the current visible composite to:

VideoGen.
BG Remover.
Expander.
Slicer.

Use these actions when you want to continue editing the current canvas output in another Sorceress tool without manually downloading and re-uploading it.

Tips & troubleshooting

I imported an image but cannot paint on it directly

Imported images are editable objects. Use Move & Transform to move, resize, crop, flip, or delete them. Brush and Eraser paint on the active layer’s drawn content, not directly into an imported object.

My object is not selectable

Make sure you are using Move & Transform. Also check that the layer containing the object is visible. If multiple objects overlap, Canvas selects the topmost visible object first.

I cannot delete a layer

Canvas keeps at least one layer at all times. If only one layer remains, delete is disabled. Use Clear Layer or Reset Canvas instead.

Export does not include a layer

Check the layer’s visibility. Hidden layers are excluded from the visible composite used for downloads and send-to-tool actions.

My image has extra empty padding

Right-click the image object and choose Transparency Titan. It trims transparent padding or a detected solid-color background around the object.

I need an exact output size

For the whole canvas, set the Canvas Size fields directly. For an imported image that should define the canvas size, right-click it and use Resize Image & Canvas.

My object is snapping when I do not want it to

Turn off Snap to Canvas in the Transform section. You can turn it back on whenever you want edge and center guides.

I accidentally changed too much

Use Undo, or press Ctrl/Cmd + Z. If you want to start over completely, click Reset Canvas.