Getting Started
Learn how to launch the editor, open your first file, and navigate the workspace.
Launching the Editor
- Navigate to the editor URL in a modern browser (Chrome, Firefox, Edge, Safari).
- You will see the editor workspace with a menu bar, toolbox on the left, and panels on the right.
- The canvas area in the center displays the current document (or is empty until you create/open one).
Creating Your First Document
- Press Ctrl+N or go to File → New.
- Enter the width and height in pixels.
- Set the resolution (DPI) -- 72 for screen, 300 for print.
- Choose a background: White, Transparent, or a custom color.
- Click OK to create the document.
Opening an Existing File
- Press Ctrl+O or go to File → Open.
- Select a PSD or PSB file from your computer.
- Alternatively, drag and drop a PSD file onto the editor window.
Tip:The editor supports both PSD (up to 30,000 x 30,000 px) and PSB (up to 300,000 x 300,000 px) formats.
Workspace Overview
- Menu Bar (top) -- File, Edit, Image, Layer, Select, View menus
- Options Bar (below menu) -- context-sensitive options for the active tool
- Toolbox (left) -- all drawing, selection, and editing tools
- Canvas (center) -- your document viewport with zoom and pan
- Panels (right) -- Layers, Properties, History, Color, Character tabs
- Status Bar (bottom) -- zoom level, document dimensions
Essential Shortcuts
| Shortcut | Action |
|---|
| Ctrl+N | New Document |
| Ctrl+O | Open File |
| Ctrl+S | Save |
| Ctrl+Z | Undo |
| Ctrl+Shift+Z | Redo |
| Space+Drag | Pan canvas |
| Ctrl+Scroll | Zoom in/out |
| Ctrl+0 | Fit to screen |
Tip:All keyboard shortcuts follow Photoshop conventions. Single-letter keys activate tools, while Ctrl+key combos trigger commands.