Turn technical drawings into clear image cards with Markup Studio to highlight key details and improve clarity in your tech pack.
Accessing Markup Studio
Access Markup Studio by clicking the Open Markup Studio button.
Markup Studio is available within the Annotation panel of your projects under the following tabs:
- Annotations
- Fit Notes
Measurement Guide
Markup Studio Webinar
For more details please see, Z.Studio: Markup Studio - Master Spec-to-Fit Workflows & Tracking.
Markup Studio Formatting Guide
Once you click Open Markup Studio, it will open as a pop up.
Tip: The toolbar can be dragged anywhere.
Keyboard shortcuts work, for example Cmd + C to copy and Backspace to delete.
- Image Canvas - This is where you can add and edit your annotations.
- Select/Move - This tool can be used to Select or Move existing annotations on your Image card.
Line Tool - Click and drag to draw a line on the image card. This will open up the Tool Type drop down where you can select the Weight, Stroke Colour, Style, Start, End of your line. You can also access layering tools here (Bring to Front, Send to Back, Bring Forward and Send Backward), as well as being able to Copy, Paste, Duplicate and Delete your line.
- Curved Line Tool - Click and drag to draw a line, and you can curve the line by dragging the mid point. You will also see the Tool Type drop down menu as above to customise your line.
- Rectangle Tool - Click and drag to draw a Rectangle. You can also hold the Shift key down while dragging to draw a square. The Tool Type menu allows you to customise the Border Weight, Border Colour, Style, Fill and Fill Opacity of the shape, as well as layering and copying tools.
- Ellipse Tool - Click and drag to draw an Ellipse. You can also hold the Shift key down while dragging to draw a Circle.
- Star Tool - Click and drag to draw a Star.
Textbox Tool - Click and drag to draw a Textbox. You can also hold the Shift key down while dragging to draw a Square Textbox. The Tool Type menu allows you to customise the appearance - Font, Size and Style (Regular, Bold or Italic) options can be changed here, as well as ‘Shrink to Fit’ which resizes your text as you resize your Textbox, as well as Text Colour, Alignment, Border Weight, Border Colour, Fill and Fill Opacity. As well as the layering and copying tools.
- Callout Tool - Click and drag to draw a Callout. Double-click the object on the image card to type directly within the shape. The Tool Types are as above.
- Spotlight Tool - Click and drag to draw a Spotlight. This tool is designed to highlight details from your image card. Drag the orange handles to resize, or select the Spotlight to move it. Use the Tool Type dropdown to Zoom, change the ring outline and colour, and add a Pointer to your image card.
- Image Tool - Click directly on the image canvas to open the image upload pop up. Once an image has been added, customise the Border Weight, Colour and Opacity.
- Collapse Toolbar - Click to collapse/hide the toolbar. Click the Open Tools arrow (shown below) to show the tools.
- Details Dropdown - Click to collapse or expand the Details. Annotation type pulls from the system settings, and you can free type in the ‘Comments’ box.
- Annotations Dropdown - Click to collapse or expand the Annotations. You can click into each annotation listed here to make changes.
- Alphabetical / Numerical Switch - Click to switch between alphabetical or numerical annotations.
- Re-arrange Tool - Click to re-arrange the order of your Annotations. This will open a ‘Rearrange Annotations’ modal. To change the order of your annotations click and drag the Annotations to the desired placement (1). To re-label your Annotations after re-ordering them click the Relabel Annotations button (2). To arrange your Annotations in alphabetical order, click the Sort Annotations button (3).
- Add Annotation - Click to add a new Annotation.
- Tool Type - Once a Tool is selected, the Tool Type dropdown will open allowing you to customise the Line or Shape you’ve created.
Actions Dropdown - Select from the following:
- Fit Image to Width - Resizes image to fit the width of the canvas.
- Fit Image to Height - Resizes image to fit the height of the canvas.
- Download Annotated Image - Downloads the annotated image onto your computer as a .png file.
- Change Image - Replace the image with a File (upload) or from the Image Library.
- Copy Markup From Image - Copy annotations, objects or both from another image card onto this one. Select the card to copy from, and select whether to copy Annotations, Objects or Both to your current image card. This will replace the matching content already on this image.
- Clear All Fit Notes/Annotations - All annotations on the image card will be removed. Drawn objects will not be affected.
- Clear All Objects - All drawn objects on the image card will be removed. Annotations will not be affected.
Important: Both ask you to type DELETE to confirm before anything is removed.
- OK - Once you’re finished making changes, click OK, then Save to update the record.