Docs/Getting Started

Getting Started

Learn how to launch the editor, open your first file, and navigate the workspace.

Launching the Editor

  1. Navigate to the editor URL in a modern browser (Chrome, Firefox, Edge, Safari).
  2. You will see the editor workspace with a menu bar, toolbox on the left, and panels on the right.
  3. The canvas area in the center displays the current document (or is empty until you create/open one).

Creating Your First Document

  1. Press Ctrl+N or go to File → New.
  2. Enter the width and height in pixels.
  3. Set the resolution (DPI) -- 72 for screen, 300 for print.
  4. Choose a background: White, Transparent, or a custom color.
  5. Click OK to create the document.

Opening an Existing File

  1. Press Ctrl+O or go to File → Open.
  2. Select a PSD or PSB file from your computer.
  3. 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

ShortcutAction
Ctrl+NNew Document
Ctrl+OOpen File
Ctrl+SSave
Ctrl+ZUndo
Ctrl+Shift+ZRedo
Space+DragPan canvas
Ctrl+ScrollZoom in/out
Ctrl+0Fit to screen
Tip:All keyboard shortcuts follow Photoshop conventions. Single-letter keys activate tools, while Ctrl+key combos trigger commands.