Ortelius for Mac: The Complete Guide to Vector Drawing and Diagramming Software

Ortelius for Mac is a professional vector graphic design and diagramming software that integrates intuitive drawing tools, powerful style management, and a convenient template system, making it especially suitable for creating flowcharts, website wireframes, technical diagrams, and graphic design. This guide will provide a detailed introduction to its interface, complete workflow, and tips for efficient use.

1. Detailed Explanation of the Core Interface and Workspace

After launching Ortelius, you will see a clearly structured, modular workspace, mainly divided into the following areas:

1. Menu Bar and Toolbar (Top): Contains standard menus such as File, Edit, View, Object, and Arrange. The toolbar below provides quick-access icons for the most commonly used tools, including selection, drawing (rectangles, ellipses, lines, Bezier curves), text, connectors, and format painter.
2. Left Panel – Toolbox and Styles Panel:
   • Toolbox: Arranged vertically, containing all drawing and editing tools, such as shape tools, pen tools, text tools, connector tools, slice tools, and more.
   • Styles Panel: Usually located below the toolbox or switched via tabs, used to quickly adjust the fill, stroke, shadow, opacity, and other visual properties of selected objects.
3. Right Panel – Inspector & Library:
   • Inspector Panel: This is the core control area. Based on the type of selected object (shapes, text, connectors, etc.), it dynamically displays multiple option tabs such as “Properties,” “Size,” “Text,” and “Arrange,” used for precise parametric control.
   • Library Panel: Displays built-in symbol libraries, templates, and your custom shape libraries as thumbnails, supporting drag-and-drop onto the canvas for use.
4. Central Canvas & Layers Panel:
   • Canvas: An infinitely large workspace with adjustable grid and ruler alignment aids. Every element on the canvas is an independent object.
   • Layers Panel (typically on the right or left side): Displays all layers and object hierarchy in the document as a list. You can lock, hide, rename, and reorder objects here.
5. Bottom Status Bar: Displays the current cursor position, zoom ratio, page information, etc.

II. Complete Workflow: From Creation to Export

1. Create or Open a Project

• Create a blank document: Click “New Document,” or go to the menu bar File > New ⌘N. In the dialog that appears, set the canvas size, units, orientation, and more.
• Start from a template: In the welcome window, select “New from Template,” or choose File > New from Template in the menu bar to browse templates by category, such as flowcharts, websites, iOS, and more.
• Open a project: Click “Open Existing Document,” or use File > Open ⌘O.

2. Add and Edit Graphic Objects

• Draw shapes: Click the rectangle/ellipse tool icon and drag on the canvas to draw. Hold the Shift key to draw a square or perfect circle.
• Use the Pen/Bézier tool: Click to create anchor points, and drag to adjust curves. Press ESC or double-click to finish the path. Use the “Node Edit Tool” (usually by pressing ⌘ and clicking the path) to make further adjustments.
• Add text: Select the text tool (T), click on the canvas, and type. Adjust the font, size, alignment, and more in the “Text” tab of the inspector on the right.

3. Applying Styles and Arranging Objects

• Fill and Stroke: Select an object and set the fill type (solid color, gradient, pattern), color, stroke width, dash style, etc., in the “Attributes” or “Styles” tab of the inspector.
• Size and Position: In the “Size” tab, directly enter X, Y coordinates and width, height values for precise positioning. Or use the selection tool to drag objects and their control points.
• Arrange and Align: Select multiple objects and use the subcommands under the menu bar Arrange > Align (align left, center horizontally, etc.), or use the alignment buttons in the toolbar. Use Arrange > Order (⌘+] / ⌘+[) to adjust the stacking order of objects.

4. Creating Diagrams with Connectors and Symbol Libraries

• Adding Connectors: Select the “Connector Tool” (usually a line icon with an arrow), and drag from a connection point on one object to a connection point on another object. Connectors automatically stay connected as objects move.
• Using Symbol Libraries: Open the “Resource Library” panel on the right and drag predefined graphics (such as flowchart shapes, device icons) from the “Symbols” library onto the canvas. Double-click a symbol instance to enter editing mode; changes will sync to all instances.

5. Organize Documents and Use Layers

• Create and manage layers: Click the “+” at the bottom of the Layers panel to create a new layer. Drag objects onto different layer names to move them to that layer. Click the eye icon to hide/show, and click the lock icon to lock/unlock.
• Grouping: Select multiple objects and use Arrange > Group ⌘G. After grouping, you can move and transform them as a whole. To ungroup, use ⇧⌘G.

6. Export the Final Artwork

• Export options: Go to File > Export ⇧⌘E.
• Set export parameters: In the pop-up window, select the export format (such as PNG, JPEG, PDF, SVG). For PNG/JPEG, you can set the scaling ratio, resolution, and whether to include the background. For PDF, you can choose to export all pages or the current page.
• Perform the export: Choose the save path and click the “Export” button.

III. Advanced Tips for Common Features

1. Quickly copy styles: Use the “Format Painter” tool. Select a source object with the style already set, click the Format Painter icon in the toolbar, and then click the target object. The shortcut is usually to first copy the source object with ⌘C, then select the target object and use Edit > Paste Style.
2. Smart Guides and Alignment: Enable them in View > Show Smart Guides (on by default). When you move an object and it aligns with the edges or centers of other objects on the canvas, purple guide lines appear to help you align precisely.
3. Create Custom Symbols: Select a commonly used group of shapes, then choose Object > Create Symbol. It will be automatically added to the library and can be reused across any project and modified uniformly.
4. Use the Slice Tool to Export Specific Areas: Select the “Slice Tool” from the toolbox and drag a frame on the canvas around the area you need to export separately. Then, in the inspector on the right, specify the export format and settings for that slice. Finally, when exporting the whole document, you can choose “Export Slices.”
5. Quickly Adjust Values with the Keyboard: Select a numeric input field in the inspector (such as width) and use the ↑ ↓ arrow keys to fine-tune in increments of 1. Hold the ⇧ key and press the arrow keys again to adjust in increments of 10.

IV. Common Problems and Solutions

• Problem 1: The connector line does not automatically snap to the object’s connection points.

  Solution: Make sure the “Align” feature is enabled. Check whether “Align to Object” and “Align to Grid” under the menu bar View > Align are turned on. Also, confirm that you start/end dragging the connector line tool from the object’s red connection points (hotspots).

• Issue 2: Text appears blurry or jagged.

  Solution: Ortelius is vector software, and text itself is vector-based. This issue occurs when exporting to a bitmap format (such as PNG); please increase the export resolution. In the export settings, raise the resolution from 72 DPI to 144 or 300 DPI. When viewing on the canvas, try switching to “High Quality” rendering in View > Display Mode.

• Issue 3: Unable to select or move an object on the canvas.

  Solution: First, check the Layers panel to confirm that the layer containing the object is not locked (the lock icon is off) and that the object itself is not locked (Arrange > Lock ⌘L, unlock with ⇧⌘L). Next, the object may be underneath other opaque objects; try using the Tab key to cycle through selections, or click the object’s name directly in the Layers panel to select it.

• Issue 4: Exported PDF files open in other software with misaligned elements.

  Solution: When exporting a PDF, try selecting a different “compatibility” version in the advanced settings (e.g., Acrobat 5 (PDF 1.4) usually offers the best compatibility). Also, make sure all fonts are properly embedded (check the “Embed Fonts” option in the PDF export settings).

V. Ortelius for Mac Keyboard Shortcuts Summary