Marking Up Quickly

Marking Up Quickly

Using the Arrow tool

Decorative
Step Icon

Click this button to draw a Text box with a counter and arrow (we call this a Smart Mark Up tool).

Decorative
Step Icon

Drag an arrow towards your preferred place on the screenshot.

Step Icon

This instantly creates a text box with a counter and arrow.

Step Icon

Double click to add text.

Decorative
Step Icon

Add your text (e.g. 'Click here to know more about our consultations.').

Decorative
Step Icon

Close the text box by clicking anywhere outside the text box.

Decorative
Step Icon

You can move the box and the arrow independently or together. Select the Text box and move it as required.

Decorative
Step Icon

Click on the Arrow and move it as required.

Decorative
Step Icon

Select both (by dragging a rectangle).

Decorative
Step Icon

When a Text box and and arrow are selected together, it is possible to move both items at the same time.

Using the HighlightBox tool

Decorative
Step Icon

This tool is for small things like buttons or icons.

Click this button to draw a Text box with a counter and rectangle.

Decorative
Step Icon

Draw a rectangle around your preferred place.

Step Icon

Now you can see a Text box with counter and rectangle.

Step Icon

Double click to add text.

Decorative
Step Icon

Add your text (e.g. 'Click here to know why a workshop is a good idea.')

Decorative
Step Icon

Close the text box by clicking anywhere outside the text box.

Decorative
Step Icon

Now you can see it's easy to create a step-by-step guide.

Using the Text tool

Decorative
Step Icon

Click this button to draw a Text box (without an arrow or rectangle).

Decorative
Step Icon

Draw a rectangle in the navigation menu.

Step Icon

A box with a counter and text appears. This is just like the previous tools used but without the arrow or attached area.

Note: You can use this when there is no specific item to point at on the screenshot.

Step Icon

Double click to add text.

Decorative
Step Icon

Add your text (e.g. 'This navigation menu offers a number of hyperlinks that direct you to the other main pages on the SIDEKICK website.').

Decorative
Step Icon

Close the Text box by clicking anywhere outside the text box.

Decorative
Step Icon

Now you can see how easy it is to create another step using the text tool.

Decorative
Step Icon

Notice that your numbering appears here as well. We will now add another item with built in numbering.

Step Icon

Click on the 2nd frame.

Step Icon

Click this button to create another Text box.

Decorative
Step Icon

As you can see, when we inserted a Text box with a counter in the 2nd frame, the sequence has changed automatically.

Drawing shapes

Note: Drawing tools should be considered as secondary tools to support the Smart Mark Up Tools.

Decorative
Step Icon

Click the small black triangle to open Shapes panel.

Decorative
Step Icon

A panel appears that allows more options.

Step Icon

Choose a shape by clicking on it and draw it on a screenshot.

Decorative
Step Icon

Drawing with your chosen shape adds the Item to the Canvas.

Step Icon

And it also adds the shapes here. It will form a group with one of the Text Boxes automatically. You may need to drag it into another group so that it is matched with the appropriate Text Box.

Why? Because in some outputs the groups are shown one at a time.

Step Icon

Here is an example of a Rectangle.

Step Icon

Here is an example of a Ellipse.

Step Icon

Here is an example of an Arrow.

Step Icon

Here is an example of a Line.

Step Icon

Here is an example of a Freehand Line. By using this tool, you can create your own shape.

Step Icon

Here is an example of a Highlighter.