Photo Markup

[av_one_full first min_height=\’\’ vertical_alignment=\’av-align-top\’ space=\’\’ row_boxshadow_color=\’\’ row_boxshadow_width=\’10\’ custom_margin=\’aviaTBcustom_margin\’ margin=\’0px,20px\’ mobile_breaking=\’\’ border=\’\’ border_color=\’\’ radius=\’0px\’ radius_sync=\’true\’ padding=\’0px\’ padding_sync=\’true\’ column_boxshadow_color=\’\’ column_boxshadow_width=\’10\’ background=\’bg_color\’ background_color=\’\’ background_gradient_color1=\’\’ background_gradient_color2=\’\’ background_gradient_direction=\’vertical\’ src=\’\’ attachment=\’\’ attachment_size=\’\’ background_position=\’top left\’ background_repeat=\’no-repeat\’ highlight_size=\’1.1\’ animation=\’\’ link=\’\’ linktarget=\’\’ link_hover=\’\’ title_attr=\’\’ alt_attr=\’\’ mobile_display=\’\’ id=\’\’ custom_class=\’\’ aria_label=\’\’ av_uid=\’av-1vrra\’]

[av_heading heading=\’Photo & Signature Markup\’ tag=\’h1\’ style=\’blockquote modern-quote\’ subheading_active=\’\’ show_icon=\’\’ icon=\’ue800\’ font=\’\’ size=\’\’ av-medium-font-size-title=\’\’ av-small-font-size-title=\’\’ av-mini-font-size-title=\’\’ subheading_size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ icon_size=\’\’ av-medium-font-size-1=\’\’ av-small-font-size-1=\’\’ av-mini-font-size-1=\’\’ color=\’\’ custom_font=\’\’ subheading_color=\’\’ seperator_color=\’\’ icon_color=\’\’ margin=\’5px\’ margin_sync=\’true\’ padding=\’10\’ icon_padding=\’10\’ headline_padding=\’\’ headline_padding_sync=\’true\’ link=\’\’ link_target=\’\’ id=\’\’ custom_class=\’\’ template_class=\’\’ element_template=\’\’ one_element_template=\’\’ av_uid=\’av-kh9owqma\’ sc_version=\’1.0\’ admin_preview_bg=\’\’][/av_heading]

[av_hr class=\’custom\’ icon_select=\’no\’ icon=\’ue808\’ font=\’entypo-fontello\’ position=\’center\’ shadow=\’no-shadow\’ height=\’50\’ custom_border=\’av-border-thin\’ custom_width=\’100%\’ custom_margin_top=\’10px\’ custom_margin_bottom=\’10px\’ custom_border_color=\’\’ custom_icon_color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-3fbm\’ admin_preview_bg=\’\’]

[av_textblock size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ font_color=\’\’ color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-kd0qvpi2\’ admin_preview_bg=\’\’]
[video_player id=1388]
[/av_textblock]

[av_hr class=\’custom\’ icon_select=\’no\’ icon=\’ue808\’ font=\’entypo-fontello\’ position=\’center\’ shadow=\’no-shadow\’ height=\’50\’ custom_border=\’av-border-thin\’ custom_width=\’100%\’ custom_margin_top=\’10px\’ custom_margin_bottom=\’10px\’ custom_border_color=\’\’ custom_icon_color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-3fbm\’ admin_preview_bg=\’\’]

[av_textblock size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ font_color=\’\’ color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-k7p9brs3\’ admin_preview_bg=\’\’]
The image editor lets you easily modify images by performing actions like cropping, rotating, inserting text, drawing free-hand, and much more.

After taking a Photo, or selecting a photo from the Photo Library, click on the photo icon to open the photo(s) carousel.

Select the ‘Edit’ button at the top right of the page, for the required image, to invoke the Edit & Annotate functionality.

You will then be shown the 4 options below the image:

  1. Text Annotation
  2. Freehand drawing
  3. Shapes (box, circle, arrow)
  4. Cropping and rotating

[/av_textblock]

[/av_one_full][av_one_full first min_height=\’av-equal-height-column\’ vertical_alignment=\’av-align-top\’ space=\’\’ row_boxshadow_color=\’\’ row_boxshadow_width=\’10\’ custom_margin=\’aviaTBcustom_margin\’ margin=\’0px,20px\’ mobile_breaking=\’\’ border=\’\’ border_color=\’\’ radius=\’0px\’ radius_sync=\’true\’ padding=\’0px\’ padding_sync=\’true\’ column_boxshadow_color=\’\’ column_boxshadow_width=\’10\’ background=\’bg_color\’ background_color=\’\’ background_gradient_color1=\’\’ background_gradient_color2=\’\’ background_gradient_direction=\’vertical\’ src=\’\’ attachment=\’\’ attachment_size=\’\’ background_position=\’top left\’ background_repeat=\’no-repeat\’ highlight_size=\’1.1\’ animation=\’\’ link=\’\’ linktarget=\’\’ link_hover=\’\’ title_attr=\’\’ alt_attr=\’\’ mobile_display=\’\’ id=\’\’ custom_class=\’\’ aria_label=\’\’ av_uid=\’av-llg45\’]
[av_heading heading=\’Text Annotation\’ tag=\’h3\’ style=\’blockquote modern-quote\’ subheading_active=\’\’ size=\’\’ av-medium-font-size-title=\’\’ av-small-font-size-title=\’\’ av-mini-font-size-title=\’\’ subheading_size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ color=\’\’ custom_font=\’\’ margin=\’\’ margin_sync=\’true\’ padding=\’10\’ link=\’\’ link_target=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-ka01yy8u\’ admin_preview_bg=\’\’][/av_heading]

[av_hr class=\’custom\’ icon_select=\’no\’ icon=\’ue808\’ font=\’entypo-fontello\’ position=\’left\’ shadow=\’no-shadow\’ height=\’50\’ custom_border=\’av-border-thin\’ custom_width=\’100%\’ custom_margin_top=\’0px\’ custom_margin_bottom=\’10px\’ custom_border_color=\’\’ custom_icon_color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-hftjh\’ admin_preview_bg=\’\’]

[av_textblock size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ font_color=\’\’ color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-k7n2xpvo\’ admin_preview_bg=\’\’]
Edit an image by adding a text annotation to show useful information over an image. Also, you can make the text bold, change the font, and align, italicise, or underline your text.

After selecting the ‘Text’ icon, you can add atext to the image by selecting the ‘+ Add’ icon.

This will place a text box on the image.  You can move this text box by dragging it to the required position.  Tapping in the text box allows you to change the text from the default ‘Enter Text’.
[/av_textblock]
[/av_one_full]

[av_one_full first min_height=\’\’ vertical_alignment=\’\’ space=\’\’ row_boxshadow=\’\’ row_boxshadow_color=\’\’ row_boxshadow_width=\’10\’ custom_margin=\’\’ margin=\’0px\’ mobile_breaking=\’\’ border=\’\’ border_color=\’\’ radius=\’0px\’ padding=\’0px\’ column_boxshadow=\’\’ column_boxshadow_color=\’\’ column_boxshadow_width=\’10\’ background=\’bg_color\’ background_color=\’\’ background_gradient_color1=\’\’ background_gradient_color2=\’\’ background_gradient_direction=\’vertical\’ src=\’\’ background_position=\’top left\’ background_repeat=\’no-repeat\’ highlight=\’\’ highlight_size=\’\’ animation=\’\’ link=\’\’ linktarget=\’\’ link_hover=\’\’ title_attr=\’\’ alt_attr=\’\’ mobile_display=\’\’ id=\’\’ custom_class=\’\’ aria_label=\’\’ av_uid=\’av-aie0q\’]
[av_textblock size=\’\’ av-medium-font-size=\’\’ av-small-font-size=\’\’ av-mini-font-size=\’\’ font_color=\’\’ color=\’\’ id=\’\’ custom_class=\’\’ av_uid=\’av-k7p9brs3\’ admin_preview_bg=\’\’]

Edit & Markup Photos

The image editor lets you easily modify images by performing actions like cropping, rotating, inserting text, drawing free-hand, and much more.

After taking a Photo, or selecting a photo from the Photo Library, click on the photo icon to open the photo(s) carousel.

\"\"

Select the ‘Edit’ button at the top right of the page, for the required image, to invoke the Edit & Annotate functionality.

\"\"

You will then be shown the 4 options below the image:

  1. Text Annotation
  2. Freehand drawing
  3. Shapes (box, circle, arrow)
  4. Cropping and rotating
\"\"

Text Annotation

Edit an image by adding a text annotation to show useful information over an image. Also, you can make the text bold, change the font, and align, italicize, or underline your text.

\"\"

After selecting the ‘Text’ icon, you can add atext to the image by selecting the ‘+ Add’ icon.

This will place a text box on the image.  You can move this text box by dragging it to the required position.  Tapping in the text box allows you to change the text from the default ‘Enter Text’.

\"\"

You can change the font colour by selecting the A icon.

\"\"

You can change the font style by selecting the ‘Aa’ icon.

\"\"

You can change the text alignment by selecting the Align icon.

\"\"

You can make the text Bold, Italic or Underline,  by selecting the ‘B’ icon.

\"\"

Freehand Drawing

A pen tool allows freehand drawing over an image. This feature also supports customizing stroke thickness, opacity, and the color of the pen.

\"\"

After selecting the Freehand icon, you can draw on the image.

\"\"

You can change the line thickness by selecting the \"\" icon and adjusting the scroller to the required thickness.

\"\"

You can also change the line’s opacity by selecting the peardrop icon and adjusting the scroller, as required.

\"\"

Drawing Shapes

Annotate shapes like rectangles, circles, and arrows over an image.  Rectangles and circles can be customized by either filling the shape or drawing it as an outline. Shapes can also be resized.

\"\"

Selecting the shape icon offers 3 shapes you can draw on the image:

  1. Box
  2. Circle
  3. Arrow
\"\"

After selecting the required shape. you can change the line thickness, colour and opacity.

\"\"

Cropping

Crop a particular region of an image to a desired size. There are many useful predefined aspect ratios available. A cropped rectangle can be resized according to an aspect ratio.

\"\"

After selecting the crop icon, you can crop an image area, rotate the image or flip the image.

\"\"

To crop an image, select the crop icon.  You can then choose a preset aspect ratio for the crop, or select the ‘Free’ option (default).  A crop area will appear on the image, you can move and resize the crop areas as required.

Once you have set the crop area, select the confirm icon (circle with a tick).

\"\"

Reset, Undo, Redo

Should you wish to reset the image, removing any annotation, select the ‘Reset’ button.

You can also Undo and Redo the last changes by selecting the required looped arrow.

\"\"

Save / Save as New

You can either ‘Save’ your annotation on the existing image, or ‘Save as New’, which duplicates the image leaving the original image unmarked.

\"\"

[/av_textblock]
[/av_one_full]

Scroll to Top