# Screenshot & Screen Recording|deepin-screen-recorder|

## Overview

Screenshot & Screen Recording is an integrated tool that combines screenshot and screen recording capabilities, supporting functions such as image editing, pin screenshots, scrolling screenshots, text recognition, and screen recording.

![part_area](fig/partarea.png)

## Getting Started

Learn how to launch, close, and create shortcuts for Screenshot & Screen Recording.

### Launching Screenshot & Screen Recording

1. Click the Launcher icon ![deepin_launcher](../common/deepin_launcher.svg) on the taskbar to enter the Launcher interface.
2. Scroll the mouse wheel or search to find the Screenshot & Screen Recording icon ![deepin_screenshot](../common/deepin_screenshot.svg), then click to launch.
3. Right-click ![deepin_screenshot](../common/deepin_screenshot.svg) to:
   - Click **Send to Desktop** to create a desktop shortcut.
   - Click **Send to Taskbar** to pin the application to the taskbar.
   - Click **Start on Boot** to add the application to startup items, so it runs automatically when the computer starts.

>![tipss](../common/tips.svg) Tip: In the system tray area of the taskbar, click the icon ![icon](../common/capture.svg) ![icon](../common/status-screen-recording-dark.svg) to also launch the Screenshot & Screen Recording application.

### Closing Screenshot & Screen Recording

- Screenshot & Screen Recording automatically exits after completing a screenshot or screen recording.
- In the Screenshot & Screen Recording interface, click <img src="../common/close.svg" alt="close" style="zoom:67%;" /> to close the application.
- In screenshot mode, right-click and select **Save** or **Exit**.

### Shortcuts

Use the shortcut **Ctrl + Shift + ?** to open the shortcut preview interface. Mastering shortcuts will greatly improve your operational efficiency.

![1|Shortcuts](fig/hotkey.png)

## Selecting and Adjusting Area

### Selecting Screenshot/Recording Area

Screenshot & Screen Recording supports full screen, application window, and custom area selection. When selecting an area, it will be highlighted with a white dashed border.

> ![notes](../common/notes.svg) Note: When using multiple monitors, you can capture areas from different screens.

#### Full Screen

Automatically recognizes the entire screen of the current display.

![1|Full Screen Screenshot](fig/fullscreen.png)

You can select full screen through the following steps:

1. Use the shortcut **Ctrl + Alt + A** to enter screenshot mode or **Ctrl + Alt + R** to enter screen recording mode.
2. Move the mouse pointer to the desktop. Screenshot & Screen Recording will automatically select the entire screen and display the dimensions in the top-left corner.
3. Left-click the desktop to pop up the toolbar.

You can also directly capture the full screen through:

- If pinned to taskbar: Right-click the icon ![deepin_screenshot](../common/deepin_screenshot.svg) on the taskbar and select **Full Screen Screenshot**.
- Press the ![print](../common/Print.svg) key on the keyboard.

#### Window Selection

Automatically recognizes open application windows.

![1|Window Screenshot](fig/window.png)

1. Use the shortcut **Ctrl + Alt + A** to enter screenshot mode or **Ctrl + Alt + R** to enter screen recording mode.
2. Move the mouse pointer over an open application window. Screenshot & Screen Recording will automatically select the window and display the dimensions in the top-left corner.
3. Left-click the window to pop up the toolbar.

#### Custom Area

Freely select any area.

![1|Area Screenshot](fig/partarea.png)

1. Use the shortcut **Ctrl + Alt + A** to enter screenshot mode or **Ctrl + Alt + R** to enter screen recording mode.
2. Hold down the left mouse button and drag to select the area. The dimensions will be displayed in real-time in the top-left corner.
3. Release the left mouse button to complete area selection and pop up the toolbar.

### Adjusting Screenshot/Recording Area

You can fine-tune the selected area, such as resizing or moving the selection.

#### Enlarge/Reduce Area

- Place the mouse pointer on the white border of the area until it becomes ![双箭头](../common/Mouse_Arrow.svg), then hold down the left mouse button and drag to resize.
- Press **Ctrl** + ![向上](../common/Up.svg) or ![向下](../common/Down.svg) to expand vertically, or **Ctrl** + ![向左](../common/Left.svg) or ![向右](../common/Right.svg) to expand horizontally.

#### Move Area Position

When the mouse pointer becomes ![手指](../common/hand.svg) over the area, you can:

- Hold down the left mouse button and drag to move the area.
- Press ![向上](../common/Up.svg) or ![向下](../common/Down.svg) to move vertically, or ![向左](../common/Left.svg) or ![向右](../common/Right.svg) to move horizontally.

## Screenshot

In Screenshot Mode, click the button on the Toolbar to perform operations such as graphic drawing and text annotation in the screenshot area. You can also recognize text in the image, pin the image to the top of the desktop, and use **AI Screenshot** to explain, summarize, translate the screenshot content, and more.

![0|Screenshot Toolbar](fig/capturebar.png)

<table class="block1">
    <caption>Toolbar Description</caption>
    <tbody>
        <tr>
            <td style="text-align:center;"><img src="../common/bar_geometric.svg" alt="Geometry Tool" class="inline" /></td>
            <td>Geometry Tool</td>
             <td style="text-align:center;"><img src="../common/line_mouse.svg" alt="Line Tool" class="inline" /></td>
            <td>Line Tool</td>
             <td style="text-align:center;"><img src="../common/Arrow_normal.svg" alt="Arrow Tool" class="inline" /></td>
            <td>Arrow Tool</td>
        </tr>
        <tr>
            <td style="text-align:center;"><img src="../common/Combined_Shape.svg" alt="Brush Tool" class="inline" /></td>
            <td>Brush Tool</td>
            <td style="text-align:center;"><img src="../common/Mosaic_normal.svg" alt="Blur Tool" class="inline" /></td>
            <td>Blur Tool</td>
            <td style="text-align:center;"><img src="../common/text_normal.svg" alt="Text Tool" class="inline" /></td>
            <td>Text Tool</td>
        </tr>
        <tr>
            <td style="text-align:center;"><img src="../common/scrollshot.svg" alt="Scrolling Screenshot" class="inline" /></td>
            <td>Scrolling Screenshot</td>
             <td style="text-align:center;"><img src="../common/ocr.svg" alt="Text Recognition" class="inline" /></td>
            <td>Text Recognition</td>
             <td style="text-align:center;"><img src="../common/pin.svg" alt="Pin" class="inline" /></td>
            <td>Pin Screenshot</td>
        </tr>
        <tr>
            <td style="text-align:center;"><img src="../common/bar_ai.svg" alt="AI Screenshot" class="inline" /></td>
            <td>AI Screenshot</td>
            <td style="text-align:center;"><img src="../common/bar_settings.svg" alt="Settings" class="inline" /></td>
            <td>Settings</td>
            <td style="text-align:center;"><img src="../common/bar_save.svg" alt="Save to local" class="inline" /></td>
            <td>Save to local</td>            
        </tr>
        <tr>
            <td style="text-align:center;"><img src="../common/close.svg" alt="Close" class="inline" /></td>
            <td>Close</td>
            <td style="text-align:center;"><img src="../common/done.svg" alt="Copy to clipboard" class="inline" /></td>
            <td>Copy to clipboard</td> 
        </tr>
    </tbody>
</table>



> ![notes](../common/notes.svg) Note: If you have selected settings like line thickness or font size in the toolbar and properties panel, Screenshot & Screen Recording will save these settings. When launched again, it will use these settings by default. You can also reselect them.

### Drawing Shapes

You can draw simple graphics using the **Geometry Tool**, **Straight Line**, **Arrow**, and **Brush** buttons on the Screenshot Toolbar, with support for adjusting line thickness and color.

![1|Drawing Shapes](fig/ellipsetool.png)

### Modifying Shapes

If you've drawn shapes in the screenshot, you can modify and move them.

#### Edit Shape

1. Place the mouse pointer on the shape's edge until it becomes ![fingers](fig/fingers.png).
2. Click the left mouse button to enter edit mode, where you can:
   - Press the **Delete** key to delete the shape.
   - Place the mouse pointer on the edit box until it becomes ![双箭头](../common/Mouse_Arrow.svg), then drag to resize.
   - Place the mouse pointer on the ![rotate](../common/icon_rotate.svg) handle until it becomes ![rotate](../common/rotate_mouse.svg), then drag to rotate.
3. Click outside the edit box to exit edit mode.

#### Move Shape

1. Place the mouse pointer on the shape's edge until it becomes ![fingers](fig/fingers.png).
2. Hold down the left mouse button and drag the shape to any position.

### Blur Tool

![1|Blur Tool](fig/Mosaic.png)

1. In the screenshot toolbar, click ![blur](../common/Mosaic_normal.svg).
2. In the expanded panel, select the blur style: ![blur](../common/Mosaic_normal.svg) (Mosaic) or ![blur](../common/vague_normal.svg) (Gaussian Blur).
3. Select the drawing method: ![blur](../common/rectangle_normal.svg) (Rectangle selection), ![blur](../common/oval_normal.svg) (Oval selection), ![blur](../common/brush.svg) (Freehand painting).
4. Drag the slider at the far right of the panel to adjust the blur intensity.
5. Like other graphics, the drawn blur shapes also support modification and movement.

### Adding Text Annotations

Add text explanations to screenshots for better understanding.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. In the screenshot toolbar, click ![text](../common/text_normal.svg).
2. In the expanded panel, select font size and color. Four colors are available.
3. Place the mouse pointer over the screenshot; it will become ![text_mouse](../common/text_mouse.svg).
4. Click where you want to add an annotation; a text box will appear.
5. Enter text in the text box.

### Modifying Text Annotations

If you've added text annotations, you can modify and move them.

#### Move Text Annotation

1. Place the mouse pointer on the text until it becomes ![fingers](fig/fingers.png).
2. Hold down the left mouse button and drag the text to any position.

#### Edit Text Annotation

1. Place the mouse pointer on the text until it becomes ![fingers](fig/fingers.png).
2. Double-click to enter edit mode, where you can:
   - Press the **Delete** key to delete the annotation.
   - Modify the text in the text box.
3. Click outside the text box to exit edit mode.

### Scrolling Screenshot

Capture content beyond the visible screen for creating long images.

Prerequisite: Enable **Control Center > Personalization > Window Effects**.

1. After selecting an area, click the scrolling screenshot button ![icon](../common/scrollshot.svg).
2. Keep the mouse cursor in the scrolling area. You can use:
   - **Auto-scroll**: Click the left mouse button in the screenshot area to start automatic scrolling. The captured images will be stitched into a complete long image. Click again or move the cursor out to pause; click again to continue.
   - **Manual scroll**: Place the mouse cursor in the screenshot area and scroll the mouse wheel up/down. Stop scrolling to pause; scroll again to continue.
3. Click the screenshot button ![icon](../common/done.svg) to save the long image.

Notes:

- Avoid selecting areas beyond the scrollable range (e.g., entire windows or full screen).
- The area height should be at least 50px.
- Avoid multiple scrollable areas within the selection.
- Minimize repetitive content (blank areas, same colors, long identical text).
- Avoid animated images, videos, watermarks, or solid backgrounds.
- Maintain vertical scrolling; avoid dragging scrollbars.
- Avoid switching windows during capture.
- Maintain moderate scrolling speed.

### Text Recognition

Extract text from non-copyable content in screenshots.

1. After selecting an area, click the text recognition button ![ocr](../common/ocr.svg). A text recognition window will pop up.
2. You can edit, copy, or save the recognized text as TXT.

![ocr](fig/ocr.png)

### Pin Screenshots

Pin screenshots as floating windows on the desktop for quick reference and comparison.

After selecting an area, click the pin button ![icon](../common/pin.svg) to create a pinned screenshot. You can:

- Move the image by dragging with the mouse.
- Scroll the mouse wheel up/down over the image to scale proportionally.
- Click the button ![icon](../common/done.svg) to save the image.

![0|Pin Screenshots](fig/pin_pic.png)

### AI Screenshot

In the Screenshot Toolbar, click the button <img src="../common/bar_ai.svg" alt="AI Screenshot" class="inline" /> to expand the AI Menu, where you can:

- Select **Explain** to let **AI Copilot** explain the text in the screenshot for you;
- Select **Summary to let **AI Copilot** summarize the text in the screenshot for you;
- Select **Translate** to let **AI Copilot** translate the text in the screenshot for you;
- Select **Ask AI** to directly launch **UOS AI** and send the screenshot to the dialog box for more in-depth conversation.

![0|AI Screenshot](fig/ai_tools.png)

### Delayed Screenshot

Capture screen content at specific times or states.

- Shortcut: **Ctrl** + ![icon](../common/Print.svg)
- Terminal command: "deepin-screen-recorder -d n" (n = delay time in seconds)

### Settings

You can also click the button <img src="../common/bar_settings.svg" alt="Settings" class="inline" /> in the Screenshot Toolbar to expand the Settings Menu.

![0|Settings](fig/screen_setting.png)

- **None/Shadow/Border/Device**: Set the image border effect.
- **PNG/JPG/BMP**: Set image format.
- **Show Cursor**: Include cursor position and style in screenshots.

### Saving Screenshots

Click the button ![icon](../common/bar_save.svg) in the Toolbar, or right-click and select **Save**, to save the screenshot locally. Click the small icon on the right side of this button to expand options and set save rules.

- **Ask Every Time**: Choose the save path after each click of the Save button.
- **Custom Location** > **Desktop**: Save to desktop.
- **Custom Location** > **Pictures**: Save to Pictures folder.
- **Custom Location** \> **Choose Location When Saving**: Choose the save path after clicking the Save button this time. The path will be used as the default save path for future screenshot saves unless otherwise set.

### Copy to Clipboard

Click the button ![icon](../common/done.svg) in the Toolbar, or double-click the left mouse button, or use the shortcut key **Ctrl + S** to save the image to the clipboard.

## Screen Recording

In screen recording mode, you can record audio, camera input, key presses, mouse clicks, etc.

> ![notes](../common/notes.svg) Note: Supported features vary depending on decoding technology. Refer to the application interface for details.

![0|Toolbar](fig/recorder_bar.png)

<table class="block1">
    <caption>Toolbar Description</caption>
    <tbody>
        <tr>
            <td style="text-align:center;"><img src="../common/key_normal.svg" alt/></td>
            <td>Show Keys</td>
            <td style="text-align:center;"><img src="../common/webcam_normal.svg" alt/></td>
            <td>Enable Camera</td>
            <td style="text-align:center;"><img src="../common/switch.svg" alt/></td>
            <td>Switch to Screenshot</td>
        </tr>
          <tr>
            <td style="text-align:center;"><img src="../common/bar_settings.svg" alt="Settings" class="inline" /></td>
            <td>Settings</td>
              <td style="text-align:center;"><img src="../common/close.svg" alt/></td>
            <td>Close</td>
              <td style="text-align:center;"><img src="../common/done.svg" alt/></td>
            <td>Start Recording</td>
        </tr>
    </tbody>
</table>



### Recording Settings

In the recording toolbar, you can:

- **Show Keys**: Click ![icon](../common/key_normal.svg) to display keyboard presses (max 5 simultaneous keys).

- **Enable Camera**: Click ![icon](../common/webcam_normal.svg) to record both screen and camera. Drag to reposition the camera window.

  > ![attention](../common/attention.svg) Note: Ensure connected devices support audio recording or camera functionality.

- **Options**: In the dropdown menu, select **GIF**, **MP4**, or **MKV** format, and configure frame rate, audio recording, cursor display, etc.

  > ![notes](../common/notes.svg) Note: MIPS architecture does not support GIF format.

### Recording Screen

Capture screen activities:

1. Use shortcut **Ctrl + Alt + R** to start recording.
2. Select recording area.
3. Configure settings in the recording toolbar.
4. Click the record button ![icon](../common/done.svg). After a 3-second countdown, recording starts (tray icon blinks).
5. Stop recording using:
   - Shortcut: **Ctrl + Alt + R**
   - Clicking the taskbar icon
   - Clicking the tray icon

Recordings are automatically saved to the desktop.

> ![notes](../common/notes.svg) Note:
>
> - When taskbar is at top/bottom, recording duration is displayed in the tray.
> - In multi-monitor setups, only the active screen is recorded.

## View Help Manual

Press **F1** while using the application to open the help manual.