Step 1: Open Editor Shots

Navigate to Tools > Editor Shots in the Unity menu bar.


Step 2: Familiarize with the Interface

The window opens with four tabs:

  • Capture: For taking screenshots
  • History: For managing screenshots
  • View: For viewing and editing
  • Settings: For configuration

Step 3: Your First Capture

  1. Click on any window in the mini-map
  2. The "Capture" button turns red
  3. Click "Capture Selection"
  4. View your screenshot in the View tab

Basic Capture Tutorial

Single Window Capture


Steps:

  1. Open the Capture tab
  2. Click on the desired window in the mini-map
  3. Click "Capture Selection"
  4. The screenshot is saved automatically

Multiple Window Capture

For capturing multiple windows:

  1. Hold Ctrl/Cmd while clicking windows
  2. Or use Shift+click for range selection
  3. Click "Capture Selection"
  4. All windows are captured sequentially

Component Capture Guide

Capture specific Inspector components for focused documentation:


Steps:

  1. Select an Inspector window in the mini-map
  2. The component panel appears on the right
  3. Select components you want to capture
  4. Use Shift+click for multiple components
  5. Click "Capture Selection"

Tips:

  • Components are automatically cropped
  • Perfect for documenting specific settings
  • Maintains component state during capture

Annotation Guide

Adding Annotations


Drawing Shapes

  1. Open image in View tab
  2. Select Circle or Rectangle tool
  3. Choose color and thickness
  4. Click and drag to draw
  5. Use Space+drag to reposition while drawing

Adding Text

  1. Click "Text" button
  2. Enter title and description
  3. Click "Edit" to modify
  4. Save to preserve changes

Annotation Controls

  • Ctrl+Z: Undo
  • Ctrl+Y: Redo
  • Ctrl+Scroll: Adjust thickness
  • Fill Toggle: Switch between fill/outline

Image Comparison Tutorial

Setting Up Comparison


Method 1: From History Tab

  1. Select first image
  2. Click compare button
  3. Select second image (same resolution)
  4. Both open in comparison mode

Method 2: Drag and Drop

  1. Open first image in View tab
  2. Drag second image to right half
  3. Comparison mode activates

Using the Comparison Slider

  • Click to position slider
  • Drag for smooth transition
  • Ctrl+click to toggle horizontal/vertical
  • Use for before/after comparisons

Workflow Tips

Documentation Workflow

  1. Set up your Unity Editor layout
  2. Capture all relevant windows
  3. Switch to View tab
  4. Add annotations and text
  5. Save annotated versions
  6. Export or share as needed

Bug Reporting Workflow

  1. Reproduce the issue
  2. Capture relevant windows/components
  3. Annotate problem areas
  4. Add description text
  5. Share with team

Tutorial Creation

  1. Plan your tutorial steps
  2. Capture each step
  3. Link related images
  4. Add annotations for clarity
  5. Include descriptive text

Common Use Cases

Documentation

  • Tool documentation
  • Asset documentation
  • Setup guides
  • Configuration reference

Team Communication

  • Bug reports with context
  • Design reviews
  • Progress updates
  • Feature requests

Education

  • Tutorial creation
  • Step-by-step guides
  • Workshop materials
  • Training documentation

Quality Assurance

  • Visual regression testing
  • UI consistency checks
  • Before/after comparisons
  • Issue tracking