Editing on the canvas
Work with layers, text, images, frames and cropping in Pixel Studio, the online design editor.
Selecting and arranging
- Click a layer to select it. Drag across empty canvas to select several.
- Drag to move. Pink guides appear when a layer lines up with the centre or the edges of the page or another layer.
- Corner handles resize, and the round handle rotates.
- The floating toolbar above the selection has layer order (forward, backward, to the front, to the back), duplicate and delete, plus stroke, corner rounding and opacity for shapes.
Text
Open the Text panel to add a heading, a subheading or body text. Font combinations are ready-made pairings of a heading font and a body font that sit well together; click one to add both.
Double-click a text box to edit the words. With the box selected, the floating toolbar changes the font, size, weight, colour, alignment, spacing and effects.
Images
Add photos from the Upload panel, or paste an image you copied elsewhere with Ctrl V. Images pasted or uploaded together are spread out so they don't land in one stack.
Crop and reposition an image
Double-click an image to crop it inside its box. Drag the photo to choose what shows, and use the handles to resize the photo or the box.
| Key | Action |
|---|---|
| Enter | Apply the crop |
| Esc | Cancel and go back to how it was |
Frames
Frames are shapes, like a circle, an arch or a blob, that hold a photo. Find them under Elements → Frames.
- 1
Add a frame
Click a frame, or drag it onto the canvas.
- 2
Fill it
Drag a photo from the Upload panel and drop it on the frame. The photo scales itself to fill the shape.
- 3
Adjust what shows
Double-click the frame to move and resize the photo inside it, exactly like cropping an image.
Elements and graphics
The Elements panel holds shapes, lines and arrows, badges and bursts, icons and stickers, a library of vector graphics, and frames. Shapes and most graphics can be recoloured from the floating toolbar or the Color panel.
Undo, copy and delete
| Shortcut | Action |
|---|---|
| Ctrl Z | Undo |
| Ctrl Shift Z or Ctrl Y | Redo |
| Ctrl C / Ctrl X / Ctrl V | Copy, cut and paste |
| Delete or Backspace | Delete the selection |
On a Mac, use ⌘ in place of Ctrl. The full list is in Keyboard shortcuts.
