×

Screen editor

 
The Screen editor tool is a part of the image editing mode. Here you can specify the visible part of the screenshot (i.e. to crop the image). To do that, drag the sides or corner markers of the red rectangle on the left side.
 
You can add text labels to the screenshot. Text labels are independent objects that you can edit, move, and delete. You can set each label's text and border independently.
 
Screenshot below shows a cropped image with a label "Watermark" added on top of it:
 
Screen editor
 
Upon export image is cropped and all labels are displayed on top of it:
 
1

Text label toolbar

1. Text label toolbar
 
Here you can add, delete, and toggle visibility of labels (even if they're hidden, labels will still be exported)
2

Cropped part of the image

2. Cropped part of the image
 
The darkened part of the image will be excluded from the final image that will be exported.
3

Visible screenshot area

3. Visible screenshot area
 
Drag the sides of the orange frame to specify the visible part of the screenshot.
4

Label text

4. Label text
 
Specify the text for the selected label.
In order to draw a rectangle around a part of the image, add a label and clear the Text field, then set type and color of the rectangle.
 
If you want to edit out a part of the screenshot (e.g. to hide sensitive data), add a label, clear its Text field and then set background color for this label.
5

Label font

5. Label font
 
Use this drop-down box to specify the font type of the selected label.
6

Label font size

6. Label font size
 
Specify the font size for the selected label.
7

Label font color

7. Label font color
 
Specify the font color for the selected label.
8

Label font style

8. Label font style
 
Specify the label text style here: bold, italic, or underlined.
9

Label text alignment

9. Label text alignment
 
Specify label text alignment here: left, center, or right.
10

Label shape settings

10. Label shape settings
 
Here you can customize various shape settings of the label:
  • label shape (box or rounded box);
  • internal padding (in pixels);
  • shape background color;
  • shape frame color.
Made by Dr.Explain, software documentation tool