Adding Image Annotations in Trupeer Docs

Adding Annotations to Images in Trupeer Documentation#

This document provides a comprehensive guide to adding annotations to images within the Trupeer documentation. Follow the detailed instructions below to efficiently annotate and edit images, ensuring clear communication and emphasis on pertinent details.

Step 1#

Begin by navigating to the Trupeer documentation page. Locate and click on the edit option to proceed.

Screenshot 1

Step 2#

On the edit page, select the specific screenshot that you wish to annotate.

Screenshot 2

Step 3#

Above the selected screenshot, find and click on the 'edit image' option.

Screenshot 3

Step 4#

Clicking on the 'edit image' option will redirect you to the screenshot editor. Here, various formatting options are available. To highlight using a circle, simply add and drag the circle where needed.

Screenshot 4

Step 5#

Drag and drop the circle to position it accurately on the screenshot.

Screenshot 5

Step 6#

To annotate using a rectangle, add the rectangle and place it as desired.

Screenshot 6

Step 7#

You can adjust the styles for both the rectangle and circle by clicking on the style options.

Screenshot 7

Step 8#

Choose between solid, soft, or outline annotations as per your preference.

Screenshot 8

Step 9#

To change the color, select the desired color according to your requirements.

Screenshot 9

Step 10#

Adjust the stroke width if needed, and the changes will be applied automatically.

Screenshot 10

Step 11#

To blur sensitive information, select the 'add blur' option to effectively obscure the desired areas.

Screenshot 11

Step 12#

For annotations using an arrow, select the arrow tool and drag it to the intended position.

Screenshot 12

Step 13#

Modify the arrow color to suit your requirements.

Screenshot 13

Step 14#

You can also apply an outline to the arrow. To add text, choose the text option and enter the desired text.

Screenshot 14

Step 15#

Change the font family for the text as needed.

Screenshot 15

Step 16#

Adjust the font size and color based on your preferences.

Screenshot 16

Step 17#

To crop the image, click on the 'crop' option and adjust the image accordingly.

Screenshot 17

Step 18#

After making changes, click on 'apply' to confirm or 'cancel' to discard.

Screenshot 18

Step 19#

Once satisfied with the annotations, click on the 'save changes' option.

Screenshot 19

Step 20#

The annotations you added will be visible in the documentation. Make sure to click 'save changes' to ensure all edits are applied.

Screenshot 20

Step 21#

The annotations will now be part of the Trupeer documentation. This completes the process of adding annotations to images on the Trupeer platform. Thank you.

Screenshot 21