[av_slideshow_full size=’featured’ min_height=’0px’ stretch=” control_layout=’av-control-default’ src=” attachment=” attachment_size=” position=’top left’ repeat=’no-repeat’ attach=’scroll’ conditional_play=” animation=’slide’ transition_speed=” autoplay=’false’ interval=’5′ lazy_loading=’disabled’ id=” custom_class=” av_uid=’av-kjg2fw89′]
[av_slide_full id=’560′ slide_type=” video=’https://’ mobile_image=” fallback_link=’https://’ title=” video_format=” video_ratio=’16:9′ video_autoplay=” video_controls=” video_mute=” video_loop=” caption_pos=’caption_bottom’ custom_title_size=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” custom_content_size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” custom_title=” custom_content=” heading_tag=” heading_class=” link_apply=” link=” link_target=” button_label=’Click me’ button_color=’light’ link1=” link_target1=” button_label2=’Click me’ button_color2=’light’ link2=” link_target2=” overlay_enable=” overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_uid=’av-8yo3yj’][/av_slide_full]
[av_slide_full id=’554′ slide_type=” video=’https://’ mobile_image=” fallback_link=’https://’ title=” video_format=” video_ratio=’16:9′ video_autoplay=” video_controls=” video_mute=” video_loop=” caption_pos=’caption_bottom’ custom_title_size=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” custom_content_size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” custom_title=” custom_content=” heading_tag=” heading_class=” link_apply=” link=” link_target=” button_label=’Click me’ button_color=’light’ link1=” link_target1=” button_label2=’Click me’ button_color2=’light’ link2=” link_target2=” overlay_enable=” overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_uid=’av-7wk5iz’][/av_slide_full]
[av_slide_full id=’512′ slide_type=” video=’https://’ mobile_image=” fallback_link=’https://’ title=” video_format=” video_ratio=’16:9′ video_autoplay=” video_controls=” video_mute=” video_loop=” caption_pos=’caption_bottom’ custom_title_size=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” custom_content_size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” custom_title=” custom_content=” heading_tag=” heading_class=” link_apply=” link=” link_target=” button_label=’Click me’ button_color=’light’ link1=” link_target1=” button_label2=’Click me’ button_color2=’light’ link2=” link_target2=” overlay_enable=” overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_uid=’av-6aj8wr’][/av_slide_full]
[/av_slideshow_full]

[av_heading heading=’Creating overlays’ tag=’h1′ style=” 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=” icon_color=” margin=” margin_sync=’true’ padding=’5′ icon_padding=’10’ link=” link_target=” id=” custom_class=” template_class=” av_uid=’av-3miomj’ sc_version=’1.0′ admin_preview_bg=”][/av_heading]

[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kmynrata’ sc_version=’1.0′ admin_preview_bg=”]
Colored overlays are used to explain findings directly in the image. Here we show how these can be created and what types are available.
[/av_textblock]

[av_toggle_container faq_markup=” initial=’0′ mode=’accordion’ sort=” styling=” colors=” font_color=” background_color=” border_color=” colors_current=” font_color_current=” background_current=” background_color_current=” background_gradient_current_color1=” background_gradient_current_color2=” background_gradient_current_direction=’vertical’ hover_colors=” hover_background_color=” hover_font_color=” alb_description=” id=” custom_class=’custom_extendable_accordion’ template_class=” av_uid=’av-4wj2ck’ sc_version=’1.0′]
[av_toggle title=’Open your case in edit mode before you start’ tags=” custom_id=” av_uid=’av-2jrso4′ sc_version=’1.0′]

• Search for the case you want to edit in the “Cases” tab
• Open the case you want to edit by clicking on it
• If you havent created a case yet check out the section about uploading images and case creation
• Once you have opened the desired case, you should see the overview for the case
• To switch to edit-mode, click on the “Edit”-button at the top left
• if you see a “ready”-button in the upper left corner you are already in edit-mode

[/av_toggle]
[/av_toggle_container]

[av_hr class=’invisible’ icon_select=’yes’ icon=’ue808′ font=’entypo-fontello’ position=’center’ shadow=’no-shadow’ height=’50’ custom_border=’av-border-thin’ custom_width=’50px’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ custom_border_color=” custom_icon_color=” id=” custom_class=” av_uid=’av-kn0cir46′ admin_preview_bg=”]

[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-kmyo5hhs’ sc_version=’1.0′ admin_preview_bg=”]

How to create overlays

• Select the “view”-button (eye icon) for the series to which you want to add overlays.

• Select “Overlays” in the menu on the right
• You can now draw a first overlay by clicking on the image in the layer where you want the overlay to be
• Every click will place a point connected to the previously placed point, or if clicking on a line between two existing points the point will be placed in between these points
• To delete a point click on it and then click the appearing trash can
• The default mode is set to “curve”, which means between every point you put down there will be an adjustment point with wich you can modify the curve of the line. Other modes will be explained later
• You can give your overlay a label by changing the name in the “Label”-field or clicking on the “Label-description”-button
• Then click the “Position”-button and click on the image to choose a position for the label. When you are done click the “Back”-button
• If you want to have the overlay in more than one plane, you can either redraw it in the other plane or alternatively go to the plane with the overlay already drawn and copy it to the next/previous plane with the “copy prev”-/”copy next”-button
• To change the overlay-color simply click on the Fill- or Stroke-selector or choose one of the presets on the right
• Label and overlay-color will be persistent for one overlay across all planes of one series
• If you want another overlay describing another finding, click the “Add”-button
• You can now switch between the overlays by using the selector at the top

[/av_textblock]

[av_hr class=’default’ icon_select=’yes’ icon=’ue808′ font=’entypo-fontello’ position=’center’ shadow=’no-shadow’ height=’50’ custom_border=’av-border-thin’ custom_width=’50px’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ custom_border_color=” custom_icon_color=” id=” custom_class=” av_uid=’av-2vrw4r’ admin_preview_bg=”]

[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-knritw8y’ sc_version=’1.0′ admin_preview_bg=”]
Creating overlay example video:
[/av_textblock]

[av_video src=’https://www.berlincaseviewer.com/wp-content/uploads/2021/05/overlay_tutorial_mac.mp4′ mobile_image=” attachment=” attachment_size=” format=’16-9′ width=’16’ height=’9′ conditional_play=’confirm_all’ id=” custom_class=” template_class=” av_uid=’av-knq3xqy7′ sc_version=’1.0′]

[av_hr class=’default’ icon_select=’yes’ icon=’ue808′ position=’center’ shadow=’no-shadow’ height=’50’ custom_border=’av-border-thin’ custom_width=’50px’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ custom_border_color=” custom_icon_color=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” id=” custom_class=” template_class=” av_uid=’av-24l8qs’ sc_version=’1.0′]

[av_textblock size=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” font_color=” color=” id=” custom_class=” template_class=” av_uid=’av-knq47ncx’ sc_version=’1.0′ admin_preview_bg=”]

Drawing modes:

• Curve: Allows drawing of non-straight lines. Places adjustment point between every point you place
• Line: Connects placed points with a straight line
• Variants:
  • Closed: Last point is connected to first point forming a closed, filled area
  • Open: Last point is not connected to first point resultin in a line without an area
• Circle: Place one point as center of the cicle and another to choose the width

[/av_textblock]

[av_one_half 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-4vyp8b’]
[av_button label=’ Previous: Adjusting images’ icon_select=’yes’ icon=’ue87c’ font=’entypo-fontello’ link=’page,1967′ link_target=” size=’large’ position=’left’ label_display=” title_attr=” color_options=” color=’theme-color’ custom_bg=’#444444′ custom_font=’#ffffff’ btn_color_bg=’theme-color’ btn_custom_bg=’#444444′ btn_color_bg_hover=’theme-color-highlight’ btn_custom_bg_hover=’#444444′ btn_color_font=’theme-color’ btn_custom_font=’#ffffff’ av-mini-hide=’aviaTBav-mini-hide’ id=” custom_class=” template_class=” av_uid=’av-knx1omxx’ sc_version=’1.0′ admin_preview_bg=”]
[/av_one_half]

[av_one_half 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-37pmt7′]
[av_button label=’Next: Adding text elements ‘ icon_select=’yes-right-icon’ icon=’ue87d’ font=’entypo-fontello’ link=’page,1958′ link_target=” size=’large’ position=’right’ label_display=” title_attr=” color_options=” color=’theme-color’ custom_bg=’#444444′ custom_font=’#ffffff’ btn_color_bg=’theme-color’ btn_custom_bg=’#444444′ btn_color_bg_hover=’theme-color-highlight’ btn_custom_bg_hover=’#444444′ btn_color_font=’theme-color’ btn_custom_font=’#ffffff’ av-mini-hide=’aviaTBav-mini-hide’ id=” custom_class=” template_class=” av_uid=’av-kn0c3v7x’ sc_version=’1.0′ admin_preview_bg=”]
[/av_one_half]

[av_button label=’Back to overview’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’ link=’page,1558′ link_target=” size=’large’ position=’left’ label_display=” title_attr=” color_options=” color=’theme-color’ custom_bg=’#444444′ custom_font=’#ffffff’ btn_color_bg=’theme-color’ btn_custom_bg=’#444444′ btn_color_bg_hover=’theme-color-highlight’ btn_custom_bg_hover=’#444444′ btn_color_font=’theme-color’ btn_custom_font=’#ffffff’ av-mini-hide=’aviaTBav-mini-hide’ id=” custom_class=” template_class=” av_uid=’av-kn0c9g1z’ sc_version=’1.0′ admin_preview_bg=”]