Shottr for Mac: A Detailed User Guide

Shottr is a lightweight, powerful screenshot and annotation tool designed specifically for macOS. It is renowned for its extremely fast launch speed, smooth operation experience, and precise pixel-level scrolling screenshot capability, and is deeply loved by designers, developers, and content creators. This article will provide a detailed introduction to its usage, from the core interface to the complete workflow.

I. Detailed Explanation of the Software’s Core Interface and Workspace

After launching Shottr, it usually runs as a menu bar icon, and its main functions are triggered via keyboard shortcuts or by clicking the menu bar icon. Its core workspace is activated after taking a screenshot, namely the “Annotation Editing Window.”

1.1 Annotation Editing Window Layout

After completing a screenshot, the image will immediately open in the annotation editing window. This window is mainly divided into the following areas:

• Top Toolbar: Contains core editing tools, from left to right as follows:
  • Selection Tool (V): Move added annotation elements.
  • Rectangle/Ellipse Tool (R): Draw shapes; hold the Shift key to draw a square or perfect circle.
  • Arrow Tool (A): Draw lines with arrows.
  • Line Tool (L): Draw straight lines; hold the Shift key to draw horizontal, vertical, or 45-degree straight lines.
  • Brush/Highlight Tool (B): Freely draw or create semi-transparent highlight effects.
  • Marquee/Blur Tool (M): Pixelate or blur sensitive information.
  • Text Tool (T): Add text annotations.
  • Number Tool (N): Automatically generate numbered step circles.
  • Color Picker (I): Pick any color on the screen.
  • Ruler Tool: Measure the pixel dimensions of elements on the screen.
• Right-side Control Panel: Dynamically displays property options based on the currently selected tool, such as line thickness, color, font size, blur intensity, etc.
• Bottom Action Bar: Contains core action buttons:
  • Copy: Copy the screenshot (including annotations) to the clipboard.
  • Save: Save the image locally.
  • Share: Send via the system share menu.
  • OCR Button (Txt icon): Recognize text in the image and copy it.
  • Scrolling Capture Button (long image icon): Trigger scrolling capture mode.
  • More Options (…): Includes advanced features such as “Open in Preview,” “Pin to Desktop,” “Upload to s3.shottr.cc,” etc.

II. Complete Workflow: From Screenshot to Export

2.1 Step One: Launch Capture

Shottr offers multiple capture modes, primarily triggered via keyboard shortcuts:

1. Area screenshot: Press the default shortcut Command + Shift + S. The cursor turns into a crosshair; drag to select a rectangular area.
2. Window screenshot: Press the default shortcut Command + Shift + W. The cursor turns into a camera icon; move it over the target window (the window will be highlighted) and click.
3. Full-screen screenshot: Press the default shortcut Command + Shift + F. Instantly captures the entire screen.
4. Scrolling screenshot (long screenshot): In area screenshot mode, when the mouse hovers over a scrollable area (such as a web page), that area is highlighted with a blue border; click to start automatic scrolling and capture a long screenshot.

2.2 Step 2: Annotate and Edit

After taking a screenshot, the annotation editing window opens automatically. Below is a typical annotation workflow:

1. Add a shape highlight: Click the Rectangle tool (R) in the top toolbar, choose a fill color (such as yellow, about 30% opacity) and border in the right panel, and draw over the area you want to highlight.
2. Add an arrow pointer: Click the Arrow tool (A), adjust the color and thickness, and drag from the reference point to the target position.
3. Add a text note: Click the Text tool (T), click on the image, and enter text. You can adjust the font, size, color, and alignment in the right panel.
4. Blur sensitive information: Click the Marker tool (M), select “Blur” or “Pixelate” mode and intensity in the right panel, and paint over the areas you need to process.
5. Adjust annotation elements: Use the Selection tool (V) to click any annotation (shape, arrow, text box) to select it. You can drag to reposition it and adjust the control points to resize it. Press the Delete key to remove it.

2.3 Step 3: Output and Share

After editing is complete, there are several ways to handle the final image:

1. Quick copy and share: Directly click the Copy button in the bottom action bar (or press Command + C). The image is already saved to the clipboard and can be pasted directly into chat apps or documents.
2. Save locally: Click the Save button (or press Command + S), then choose the save path, format (PNG/JPEG), and file name.
3. Extract text with OCR: If the screenshot contains text, click the Txt (OCR) button at the bottom. The software will recognize all text in the image and automatically copy it to the clipboard, while also showing a notification with the recognition result.
4. Finish and close: Click the close button in the upper-left corner of the window (or press Command + W) to close the editing window. Unsaved edits will be automatically retained in Shottr’s cache and can be recovered via the menu bar icon > “Screenshot History”.

III. Advanced Tips for Common Features

• Pixel-level measurement: Use the ruler tool and drag between two points to precisely display width, height, and distance (in pixel values). Hold the Shift key to lock horizontal or vertical measurement.
• Pin screenshot to desktop: Click More Options (…) at the bottom of the editing window > “Pin to Desktop,” and the screenshot will be pinned to the desktop as a borderless window for easy reference and comparison.
• Customize appearance: Via the menu bar icon > “Preferences” > “Appearance,” you can customize the default color, font, and line style of annotation tools to create your personal style.
• Scrolling screenshot control: During a scrolling screenshot, you can press the ESC key to stop at any time. The scrolling direction is not limited to vertical; it also supports horizontally scrolling elements.
• Instant share link: After configuring s3.shottr.cc upload in Preferences, use the Command + Shift + U shortcut to take a screenshot, and it will automatically upload and copy a short link to the clipboard.

IV. Common Issues and Solutions

V. Keyboard Shortcuts Summary (Mac Version)