Posts

Artboard 2 Featured Image

Get Started Drawing

Drawing in Artboard is easy – simply pick a tool, choose a style, and draw.

Read more

Ortl-placeholder-post

The Styles & Symbols Palette

Ortelius ships with an outstanding Library of over 1700 uniques styles and editable vector map symbols. Plus, any styles and graphics you create can be added to your user’s Library. These are accessible to you from the Styles & Symbols palette while you draw.

While styles and symbols are both present in the Styles & Symbols palette, the palette is smart about the type of tool you have active. Choose your tool, then choose a style to apply to that tool while it is active. Items that can be used with the active tool are enabled and highlighted, disabled items are subtly grayed-out. For example, when you draw a shape the stroke and fill styles are enabled. Symbols are enabled when the Stamp tool is being used. All styles and symbols are enabled while the Select tool is active.

To Open the Styles & Symbols Palette:

To_Open_the_Styles___Symbols_Palette.png

Do one of the following:

  • Click the Styles & Symbols palette icon on the toolbar,.
  • Choose Window > Styles & Symbols palette from the main menu.

Recognizing How Items Look in the Palette:

Recognizing_How_Items_Look_in_the_Palette.png

Ortelius delivers with hundreds of styles and symbol items combined together in the Ortelius Collection. Items are organized into categories accessible from the Library drop-down menu. You can tell an item’s type by its appearance in the palette:

  • Path styles are shown with a curved stroke
  • Fill styles are shown in a square
  • Symbols look just like their graphic

Hover your cursor over any item and its name and type (style or symbol) will appear in the tooltip.

HINT: When you place a symbol on your map, you are placing an instance of its master. To edit a symbol after you place it in your drawing, a symbol needs to be detached from its master (turning it into a regular drawing object) and may need ungrouped.

To Draw with Existing Styles:

To_Draw_with_Existing_Styles.png
  1. Open the Styles & Symbols palette.
  2. Choose a drawing tool from the Tools palette.
  3. Choose a stroke or fill style from the Styles & Symbols palette (note, symbols will be visible but not selectable).
  4. Start drawing.
  5. Continue drawing (subsequent objects have the same style properties until they are changed).

To change styles, click once onto a different style in the Styles & Symbols palette and continue drawing.

To Browse Collections and Categories:

To_Browse_Collections_and_Categories.png
  1. From the Styles & Symbols palette toolbar, choose the Library icon for a drop-down list of collections and categories.
  2. Use the forward and back buttons to navigate through previously visited categories.
  3. Search for styles and symbols from the search bar.

HINT: Search results are returned for the currently selected category. If you want to search the entire Collection, make sure “Ortelius Collection” is chosen from the drop-down menu.

To Apply a Different Library Style to an Existing Object:

To_Apply_a_Different_Library_Style_to_an_Existing_Object.png

Do one of the following:

  • With the object selected, double-click a stroke or fill style from the Styles & Symbols palette.
  • Press the cursor onto a style from Styles & Symbols palette and drag it onto and existing object, release.

HINT: An alert pops up to confirm you intended the change. This alert can be turned off and reset in the Ortelius > Preferences… menu.

To Add Symbols to Your Map:

To_Add_Symbols_to_Your_Map.png

Do one of the following:

  • Choose the Select [s] tool from the Tools palette then drag-and-drop symbols from the Styles & Symbols palette directly onto your drawing canvas (note, you can also drag symbols directly from the Library Manager).
  • Choose the Stamp [y] tool, choose a symbols from the palette then click one or more times onto the drawing canvas to place the clip (note, while the Stamp [y] tool is active, all symbols are enabled in the palette).

HINT: When you place a symbol on your map, you are placing an instance of its master.

To Resize a Symbol:

  1. Choose the the Select [s] tool.
  2. Do one of the following:
  • Drag the lower right symbol sizing handle in the symbol bounding box.
  • Open the Object Inspector > Features pane and drag the scale slider.

To Replace One or More Symbols with a New Symbol:

Symbols are special objects associated with a master graphic. Unlike ordinary clip art, one or more symbols may be selected and easily replaced with a different symbol.

  1. Use the Select [s] tool to select the symbol(s) to be replaced.
  2. Double-click a new symbol in the Styles & Symbols palette.

To Edit Symbols:

To_Edit_Symbols.png

All symbols in the Mapdiva built-in collection, with the exception of country flags, are fully editable vector objects. Many symbols are made up of groups of objects which need ungrouped one or more times to edit them.

  1. Add a symbol(s) to your drawing.
  2. Choose the Select [s] tool and select the symbol(s)
  3. Do one of the following:
  • Right-click (single symbol) and choose ‘Detach From Symbol Master’ from the contextual menu.
  • Choose Edit > Symbol > Detach From Master from the main menu.

4. As needed (if the detached symbol is a group) ungroup the objects by doing one of the following:

  • Choose Graphic > Ungroup from the main menu (repeat as needed).
  • Right-click and choose Ungroup from the context menu.
  • Use the Shift-Command-G keyboard shortcut.

HINT: Some symbols may have groups within groups. Text may be edited within a group without ungrouping. Styles may by picked up with the Style Dropper tool without ungrouping.

Ortl-placeholder-post

The Format Bar in Ortelius

The Format Bar sits above the horizontal ruler and is designed to provide quick access to create and edit simple fill and stroke styles. It provides access to these stroke style components: color, stroke width, dashes, end-caps and corner joints; and fill style components: color and shadow.

NOTE: Complex styles, such as such as those containing arrows, hatches, patterns, or gradients, are created and edited using the Style Inspector.

Using the Format Bar

Using_the_Format_Bar.png
  1. Choose View > Show (or Hide) Rulers & Format Bar from the main menu.

To Draw Using Styles Created in the Format Bar:

  1. Choose a drawing tool from the Tools palette.
  2. Start drawing.
  3. In the Format Bar, edit the style properties as desired.
  4. Continue drawing (subsequent objects have the same style properties until they are changed).

Go way beyond simple fill and stroke… see Using the Style Inspector for detailed information about creating expert stacked styles and editing library styles.

To Change Styles in the Format Bar:

Do one of the following:

  • While drawing, edit the style properties as desired, and continue drawing (subsequent objects have the same style properties until they are changed).
  • Click the ‘Reset’ button in the Format Bar to reset to the default style, edit the style properties as desired, and continue drawing (subsequent objects have the same style properties until they are changed).

To Format a Simple Style:

With an object selected, do one or more of the following:

  • Click the checkmarks in the Format Bar to turn stroke and fill on or off as desired.
  • Press and hold the color-wells to display the color array, or click once on the color-well to open the Colors panel.
  • Set line width with the drop-down line width list or the slider.
  • Continue drawing with the style you have defined.

Ortl-placeholder-post

The Library Manager

The Library Manager operates behind the scenes. It’s where all styles and symbols are organized into collections and categories.

The Library Manager uses an interface which is very similar to other applications such as Finder and iTunes(TM), and this familiarity should make it quick and easy to learn and use. Similar to the Styles & Symbols palette, items can be dragged directly from the Library Manager to your drawing canvas.

The Library Manager’s left sidebar lists the collections and categories, and its main window displays items an icon view or list view. The Library Manager view is customizable.

To Open the Library Manager:

To_Open_the_Library_Manager1.png

Do one of the following:

  • Choose Window > Library Manager from the main menu.
  • Add the Library Manager to the toolbar by customizing the toolbar.

Available Libraries:

The Library Manager contains two libraries – the Mapdiva Library and the user’s ‘My Library’. Each library may contain one or more collections.

  • The Mapdiva Library contains a Built-In Collection with hundreds of styles and symbols ready for making your next masterpiece. Items in this library cannot be modified, though they can be reorganized into various categories and subcategories, and also copied (cloned) to My Library for further customization.
  • ‘My Library’ is the location of user created collections. Organize your styles and symbols into categories as desired.

To Save Custom Styles to My Library:

  1. Open the Style Inspector.
  2. Create a new style.
  3. Name the style and provide an optional description.
  4. Click the “Add to User Collection…” button. The saved items are managed in the Library Manager under “My Library” and can be renamed, categorized, locked/unlocked, and more.

See Using the Style Inspector for more information about saving styles through the Style Inspector.

To Save Your Own Custom Symbols to the Library Manager:

Any graphic you draw can be saved as your own symbols in Ortelius. If your graphic is made up of two or more objects, those objects must be grouped if it is to be saved as a single symbol. Saved items are managed in the Library Manager under “My Library” and can be renamed, categorized, locked for editing, and more.

  1. Create your graphic(s) and group the objects as necessary.
  2. Select one or more separate graphics (each separate object or group will be added as an individual symbol).
  3. Do one of the following:
  • Choose Graphic > Save Symbol to Library… from the main menu.
  • If available, click the Add Symbol icon from the toolbar (note, the Add Symbol icon can be added to the toolbar by customizing the toolbar).
  • Use the CMND-Y keyboard shortcut.

4. In the symbol’s Save As dialog, you have the option to name your symbol, add an optional description, make symbols auto-detach from their symbol master when placed (treat as standard graphics rather than symbols), sequnceable, locked, and scale. If adding multiple symbols, you can cycle through these settings for each symbol at this time.
5. Click ‘Done’. The symbol(s) are available immediately under “My Library” from the Styles & Symbols Palette.

HINT: To access the symbol Save As dialog later, right-click a symbol in the Library Manager and choose ‘Edit…’ from the contextual menu.

Related Topic: Creating New Symbols

To Make Items Editable or Not Editable:

Do one of the following:

  • Right-click the item and choose ‘Editable’ (or ‘Not Editable’) from the contextual menu.
  • From within the List view, click the icon to the right of the item name to toggle between ‘Editable’ or ‘Not Editable’.
  • Within the Icon view, double-click a style to open it in the Style Inspector. Change the Editable status from within the Style Inspector.

To Rename User Styles and Symbols:

Items must be editable (unlocked) in order to receive changes. Do one of the following:

  • Right-click a symbol or style in the Library Manager and choose ‘Rename’ from the contextual menu. The item name will be highlighted for editing. Type to rename it.
  • Double-click the name of the item in the Library Manager. Type to rename it.

HINT: Items in the built-in Mapdiva Library cannot be renamed.

To Move or Copy Items:

  1. Drag-and-drop to move items between collections and categories.
  2. To copy an item from one collection to another, hold the Option-key while dragging the item.

HINT: Dragging from the Mapdiva Library to your own collection will copy the item rather than move it.

To Delete Items:

To permanently remove an item from the User Library,

  1. Select the item(s) and right-click.
  2. Choose “Delete…” from the contextual menu.

HINT: Items must be ‘Editable’ to be deleted. Items in the built-in Mapdiva Library cannot be deleted.

To Manage Categories:

To_Manage_Categories.png

Categories keep your styles and symbols organized and easy to find. You can freely add categories to organize the collections, and categories can be divided into subcategories.

  • Adding a New Category – Click the ‘+’ button or choose “New Category” in the Action Menu (looks like a gear). A new “untitled category” is added to the active collection (or, if you have selected a category, a new subcategory (child) of the selected category is added). Type a name for the category. A category can be renamed at any time by double-clicking its name and typing a new one. Category names must be unique within a collection.
  • Deleting Categories – Select the category and click the ‘-‘ button or choose “Delete Category…”. Deleting a category does not delete the styles and symbols it contains – items remain available in the “All Items” category unless intentionally deleted – but they may be harder to find later. This operation cannot be undone.
  • Adding Items to Categories – Individual styles and symbols can belong to one or more category. Items are organized into categories using drag-and-drop. Simply select the “All Items” category to show the content of the library, then drag items (shift-click to select multiple items) to the desired category in the left-hand list. To nest and unnest categories, just drag-and-drop the category where you want it.
  • Removing Items from Categories – Select the items, right-click and choose “Remove From Category” from the contextual menu. Alternatively, select the category and drag items out of the window to some empty space. Removing an item from a category does not delete it from its collection – it will remain available in the “All Items” category unless intentionally deleted. Items can’t be removed from or directly added to any of the automatically managed categories, such as “All Items.”

To Use Smart Categories:

To_Use_Smart_Categories.png

In addition to normal categories, a special type of category exists called a “Smart Category.” Smart Categories are shown having a purple-colored icon.

Smart Categories work by filtering the entire collection based on a set of criteria you establish. As such, their content is dynamic and will change automatically as items are added, removed and edited. Smart Categories are similar to Smart Folders and Smart Playlists feature in applications such as Finder and iTunes(TM).

  • To Add a New Smart Category – Select the collection to add it to and choose New Smart Category… from the Action Menu. The criteria editor is opened ready to edit the category. You can build up the desired filter by combining different criteria as you wish; click ‘+’ to add a new criteria to the query, ‘-‘ to remove a criteria. You can also limit the content to a fixed number of results if you wish. Click ‘Save’ to establish the Smart Category which will immediately display the content matching the query. Double-click the name or right-click and choose “Rename” from the contextual menu to change a Smart Category’s name.
  • Editing Smart Categories – Smart Categories are not directly editable in that you can’t drag items into or out of them, but you can edit the filter criteria. To edit the filter criteria, select the category and choose “Edit Smart Category…” from the Action Menu. The criteria editor is opened ready to edit the category.
  • Deleting Smart Categories – Select the category and click the ‘-‘ button or choose “Delete Category…”. Deleting a category does not delete the styles and clipart it contains – items remain available in the “All Items” category unless intentionally deleted. This operation cannot be undone.

To Get More Information on Styles and Symbols:

To_Get_More_Information_on_Styles_and_Symbols.png
  1. Click the “Get Info” icon in the Library Manager Toolbar.

A drawer slides out and displays information about the selected style or symbol. This information includes the name, description, and other item metadata. Use the information panel to edit the name and description of your User Library items.

To Import a Collection:

If you receive a collection from another user (or from Mapdiva), do one of the following:

  • In Finder, unzip the file (as needed), then in the Library Manager choose “Import Collection…” from the Action Menu (looks like a gear). The collection will be imported into My Library and displayed.
  • In Finder, unzip the file (as needed), then double-click the collection file. The Ortelius Library Manager will launch and collection will be automatically imported into My Library.

To Export a Collection:

Export from My Library to create a zip file on disk of the entire collection, allowing you to backup and share it with other users.

  1. Select the desired collection to export.
  2. Choose “Export Collection…” from the Library Manager – Action Menu (looks like a gear).

Ortl-placeholder-post

Using the Style Inspector

One of the most powerful aspects of Ortelius is its ability to go way beyond simple stroke and fill styles. The Style Inspector is used to create and edit expert “stacked” styles, comprised of various style components, such as gradients, arrows, and pattern fills.

The Style Inspector is also used to save custom styles to the user’s Library collection.

Play with the Style Inspector’s many style components to build “stacked” styles and you’ll be an expert in no time flat. See Available Style Components for more information.

To Open the Style Inspector:

To_Open_the_Style_Inspector.png

Do one of the following:

  • Click the Style Inspector icon in the toolbar.
  • Choose Window > Style Inspector from the main menu.

To Reset the Style to the Default:

  1. Click the ‘Reset’ button in the Style Inspector to reset to the default style (grey fill, black stroke).
  2. Edit the style properties as desired.
  3. Continue drawing (subsequent objects have the same style properties until they are changed).

To Copy a Style using ‘Clone’:

To_Copy_a_Style_using__Clone_.png

‘Clone’ makes a copy of an existing style so you can make changes to it and continue drawing without affecting the original. This makes it easy to adjust some properties, such as a stroke’s width or color, while retaining other style component settings as desired.

1. With the Style Inspector open, make an existing style the active style (it should show in the Style Inspector ‘Preview’) by doing one of the following:

  • Select an object with the style to be cloned.
  • Select a style in the Styles & Clip Art palette.
  • Select a style in the Library Manager.

2. Click the ‘Clone’ button in the Style Inspector to copy to the style.
3. Edit the style properties as desired.
4. Continue drawing (subsequent objects have the same style properties until they are changed).

HINT: Styles in the built-in Mapdiva collection cannot be over-written – to enable editing styles in the built-in collection, use “Clone” to make a copy of the original.

To Work with Non-Saved (Ad Hoc) Styles:

Styles you create while you draw are called “ad hoc” styles unless they are added to your user library. Unless you want to save a style for future re-use, there is no need to rename or add these styles to your Library collection. Simply create styles as desired and continue drawing.

To Enable Editing a Library Style:

Saved styles are “master styles” and when saved they are, by default, set as not editable to prevent unintended changes.

  1. With the style active, check “Editable” in the Style Inspector.
  2. If presented with a confirmation message, click ‘Make Editable’.
  3. After editing, we recommend unchecking the box ‘Editable’ to prevent further unintended changes.

HINT: Styles in the built-in Mapdiva collection cannot be over-written – to enable editing styles in the built-in collection, use “Clone” to make a copy of the original.

To Build a Style Using the Style Inspector:

To_Build_a_Style_Using_the_Style_Inspector.png

Styles are “built” by combining various style components.

  1. Select or draw an object to receive the new style.
  2. With the object selected, press the ‘+’ button to add a style component from the drop-down list.
  3. Adjust the properties of the style component as desired. Multiple components may be added. See Available Style Components for more information about style component settings.

For example, to build this cased line with a center dash, three strokes of varying widths are defined and stacked. Here we combine a black solid line, a narrower magenta solid line, and a green dashed line. The black stroke is defined first, then the magenta, then the green line. The list shows the order that components are drawn, so the last (bottom) item in the list is drawn last, which will appear ‘on top’ of components already drawn. Drag to rearrange the stacking order of style components.

To Remove a Style Component:

  1. With the style active, click onto the style component name in the style component list.
  2. Do one of the following:
  • Click the ‘-‘ button to remove the style component.
  • Right-click the style component name and choose ‘Delete Component’ from the contextual menu.

To Enable (or Disable) a Style Component without Removing It:

  1. With the style active, click onto the style component name in the style component list.
  2. Check (or uncheck) the ‘Enable’ box to show (or hide) the style component without removing it.

HINT: To edit a style component it must be enabled (check box). Disabled components can neither be edited, nor show up when the style is used to draw an object. If desired, individual components of a style can be uniquely named by double-clicking in the master list of the Style Inspector.

To Copy/Paste Style Components:

Each style component carries its own adjustable properties. You can copy and paste a component (and its associated property settings) to the same or other styles.

  1. With the style active, click onto the style component name in the style component list.
  2. Right-click the style component and choose ‘Copy Component’ from the contextual menu.
  3. Do one of the following:
  • Right-click again in the style component list area and choose ‘Paste Component’ from the contextual menu. Adjust style properties as desired.
  • Make a new or different style active, right-click in the style component list area and choose ‘Paste Component’ from the contextual menu. Adjust style properties as desired.

To Save a New Library Style:

To_Save_a_New_Library_Style.png

Optionally, use the Style Inspector to name your styles and add them to “My Collection…” for future use.

  1. When you’re satisfied with your new style, click back onto the “Style” heading in the component list to return to the front dialog.
  2. Click onto the ad-hoc name, highlight it and type a new style name.
  3. Optionally, click the text ‘Optional description’ and type a description for your new style.
  4. Click the ‘Add to User’s Collection…’ button. The Library Manager is launched and the style is added to My Library > My Collection.

New styles are immediately available in the Styles & Clip Art Palette where you can use them for drawing.

Ortl-placeholder-post

Available Style Components

From the Style Inspector, a wide assortment of components are available to create awesome custom styles.

What you can achieve with custom styles is nearly limitless. For example, with the Roughened Stroke, you can easily mimic pencil lines or markers. The Tagged Stroke offers an amazing flexibility for easily creating hatched strokes. Add repeatable patterns along strokes, such as adding flowers along a path. Create tile fills for textures. Stack multiple style components together. Ortelius’ Style Inspector helps you build and save your creations – enabling more creativity and greater productivity.

To Add a Stroke and Edit Its Properties:

To_Add_a_Stroke_and_Edit_Its_Properties.png
  1. Press the ‘+’ button and choose ‘Stroke’ from the drop-down menu.
  2. The following properties can be edited for strokes:
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • WIDTH – Set line width with the slider, highlight the text and type the line width, or use the up/down arrows to adjust the line width.
  • SOLID LINE or DASH – Choose ‘Solid Line’ or a dash pattern from the drop-down list, or choose ‘Other…’ to define a custom dash pattern in the dialog that is presented.
  • LINE-CAP and CORNER-JOIN – Click the icons to choose butted, rounded or square line caps (the appearance at the end of the stroke); and mitered, round, or beveled corners.
  • CLIPPING – Choose from ‘None’ for no clipping, ‘Inside’ to clip the visual stroke to the inside of the path centerline, or ‘Outside’ to clip the visual stroke to the outside of the path centerline.
  • OFFSET – Use the slider to offset the visible stroke to the left or right of the path centerline.
  • SHADOW – Check the box to enable the stroke shadow. Press and drag the knob to adjust the shadow angle. Move the sliders to adjust the shadow distance and blur. Press and hold the color-wells to display the color array, or click once on the color-well to open the Colors panel and change the shadow color.

HINT: Select the color well and choose from millions of colors using the Colors panel. From the Colors panel, transparency can also be set using the Opacity Slider. See Making the Most of Your Apple Color Picker for more information.

HINT: Heavy use of shadows can affect drawing speed. For good performance, a preference hides shadows when viewing the document above 800% zoom. This preference can be changed and/or disabled in the (app) > Preferences … Performance dialog.

To Add an Arrowed or Dimension Line Stroke:

To_Add_an_Arrowed_or_Dimension_Line_Stroke.png
  1. Press the ‘+’ button and choose ‘Arrowed Stroke’ from the drop-down menu.
  2. Color, line width, dash, and shadow properties are set in the same way as a standard stroke.
  3. The following additional properties can be edited for Arrowed stroke:
  • ARROW HEAD (END) STYLE – The Arrowed Stroke is highly flexible in that you can set arrow head style on one or both ends. Choose a beginning and/or end style from the drop-down lists.
  • ARROW SIZE / SHAPE – Set the arrowhead size by dragging the knob (small square) In the arrow preview area.
  • DIMENSION LINE LABEL – Choose the dimension setting, including the location along the line, tolerance, and the dimension unit (linear, diameter, radius, or angle). Edit the font appearance by clicking the “A” button. Dimensions will be displayed in the current drawing units.

To Add a Rough Stroke:

To_Add_a_Rough_Stroke.png
  1. Press the ‘+’ button and choose ‘Roughened Stroke’ from the drop-down menu.
  2. Color, line width, dash, and shadow properties are set in the same way as a standard stroke.
  3. The following additional properties can be edited for Roughened stroke:
  • ROUGHNESS – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent roughness of the stroke.

To Add a Tagged Stroke:

To_Add_a_Tagged_Stroke.png

The Tagged Stroke offers an amazing flexibility for easily creating strokes with “tags” or hatches.

  1. Press the ‘+’ button and choose ‘Tagged Stroke’ from the drop-down menu.
  2. Color, line width, dash, and shadow properties are set in the same way as a standard stroke.
  3. The following additional properties can be edited for Tagged stroke:
  • SHOW MAIN STROKE – Check to show the main stroke, uncheck to hide the main stroke and show tags only.
  • TAG KIND – Press the ‘Kind’ drop-down list to choose the appearance of the tag, such as lines, squares, triangles, semi-circles, circles and “v”s.
  • TAG WIDTH – Use the slider, highlight the text and type, or use the up/down arrows to adjust the width of the tags.
  • TAG LENGTH – Use the slider, highlight the text and type, or use the up/down arrows to adjust the length of the tags.
  • TAG SPACING – Use the slider, highlight the text and type, or use the up/down arrows to adjust the spacing of the tags along the path.
  • TAG PHASE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent of the path shown before the tags start.
  • TAG ANGLE – Press and drag the knob to adjust the tag’s angle.
  • ALTERNATING TAGS – When checked, alternating tags are placed to opposite sides of the stroke.
  • TAG TAPER – Check the boxes to taper the tags off as they reach the left or right side of the path. Choose the type of taper to be applied. Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent distance of the taper to ends of the path.

To Add a Tapered Stroke:

To_Add_a_Tapered_Stroke.png

Ortelius’ Tapered Stroke supplies an easy way to build styles for elegant paths.

  1. Press the ‘+’ button and choose ‘Tapered Stroke’ from the drop-down menu.
  2. Color, line width, dash, and shadow properties are set in the same way as a standard stroke.
  3. The following additional properties can be edited for Tapered stroke:
  • TAPER – Check the boxes to taper the tags off as they reach the left and/or right side of the path. Choose the type of taper to be applied. Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent distance of the taper to ends of the path.

To Add a Zig-Zag Stroke:

To_Add_a_Zig-Zag_Stroke.png
  1. Press the ‘+’ button and choose ‘Zig-Zag Stroke’ from the drop-down menu.
  2. Color, line width, dash, and shadow properties are set in the same way as a standard stroke.
  3. The following additional properties can be edited for Zig-Zag stroke:
  • AMP – Use the slider, highlight the text and type, or use the up/down arrows to adjust the amplitude (distance from centerline) of the zig-zag wave effect.
  • WAVE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the wavelength (distance between waves) of the zig-zag wave effect.
  • SPREAD – Use the slider, highlight the text and type, or use the up/down arrows to adjust the curvature of the peaks of the wave.

To Add a Path Decorator:

To_Add_a_Path_Decorator.png

Add objects, symbols, or images repeatedly along a path using Path Decorator. For example, draw a circle on the drawing canvas and copy it. Paste it into the image well under Path Decorator. The circle is now added at regular intervals along the path.

  1. Press the ‘+’ button and choose ‘Path Decorator’ from the drop-down menu.
  2. The following properties can be edited for Path Decorator:
  • IMAGE – Copy a small graphic from your drawing and click ‘Paste Image’, or click ‘Image File…’ to launch Finder and select an image. Vector graphics (such as those copied/pasted from your drawing) are converted to PDF images and are not editable when part of a style component.
  • TANGENT TO PATH – When checked, each image will be aligned to the paths curvature. When uncheck each image will be aligned to the page.
  • SCALE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent scale factor of the image.
  • SPACING – Use the slider, highlight the text and type, or use the up/down arrows to adjust the distance between each image.
  • LEAD-IN – Use the slider, highlight the text and type, or use the up/down arrows to adjust the distance from the start of the path before images are applied.
  • END RAMP – Use the slider, highlight the text and type, or use the up/down arrows to adjust the proportion of path length where images are gradually scaled up to their final size.
  • OFFSET – Use the slider, highlight the text and type, or use the up/down arrows to adjust the lateral displacement of images from the path centerline.
  • ALTERNATING OFFSET – When checked, alternating images are placed to opposite sides and with 180-degree rotation.
  • CLIPPING – Choose from the drop-down list to clip images to the inside or outside of the path.

HINT: For good performance (drawing speed), the image should be small, not too complex, and not too closely spaced.

To Add a Color Fill:

To_Add_a_Color_Fill.png
  1. Press the ‘+’ button and choose ‘Color Fill’ from the drop-down menu.
  2. The following properties can be edited for Color Fill:
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • IMAGE – Copy a small graphic from your drawing and click ‘Paste Image’, or click ‘Image File…’ to launch Finder and select an image. Vector graphics (such as those copied/pasted from your drawing) are converted to PDF images and are not editable when part of a style component. Useful for tiled images whose properties do not need adjusted.
  • SHADOW – Check the box to enable the stroke shadow. Press and drag the knob to adjust the shadow angle. Move the sliders to adjust the shadow distance and blur. Press and hold the color-wells to display the color array, or click once on the color-well to open the Colors panel and change the shadow color.

HINT: Select the color well and choose from millions of colors using the Colors panel. From the Colors panel, transparency can also be set using the Opacity Slider. See Making the Most of Your Apple Color Picker for more information.

HINT: Heavy use of shadows can affect drawing speed. For good performance, a preference hides shadows when viewing the document above 800% zoom. This preference can be changed and/or disabled in the (app) > Preferences … Performance dialog.

To Add a Gradient Fill:

To_Add_a_Gradient_Fill.png

Use Gradient Fill for stylish linear and radial gradients. The gradient well gives you the “big” picture as you build the style. Gradients can have 2 or more color-stops for awesome effects.

  1. Press the ‘+’ button and choose ‘Gradient Fill’ from the drop-down menu.
  2. The following properties can be edited for Gradient Fill:
  • COLOR SLIDER – The color slider is the place to control color selection and placement. To set gradient colors, select the color stops at each end of the gradient bar. Choose colors form the Colors panel. Add and remove color stops using the “+” and “-” on the left side of the gradient bar, or drag color stops off of the slider bar to remove them. Drag color stops to reposition along the gradient bar.
  • LINEAR GRADIENT – Choose for a linear gradient.
  • **LINEAR GRADIENT ANGLE – In the gradient-well, rotate the knob on the Iris control to set the angle of the gradient. Hold the SHIFT-key to constrain the angle of the gradient to 15-degree increments.
  • RADIAL GRADIENT – Choose for a gradient radiating outward from a point.
  • **RADIAL GRADIENT POSITION AND RADIUS – In the gradient-well, drag Iris-control rings to adjust the center point of a radial gradient. Drag ring tabs to set gradient radius and adjust the color blend between two circles of color.
  • ANGLE RELATIVE TO OBJECT – Checked makes the gradient angle to be set relative to the object. Unchecked makes the gradient angle to be set relative to the page.

To Add a Zig-Zag Fill:

To_Add_a_Zig-Zag_Fill.png
  1. Press the ‘+’ button and choose ‘Zig-Zag Fill’ from the drop-down menu.
  2. Color, and shadow properties are set in the same way as a color fill.
  3. The following additional properties can be edited for Zig-Zag fill:
  • AMP – Use the slider, highlight the text and type, or use the up/down arrows to adjust the amplitude (distance from edge) of the zig-zag wave effect.
  • WAVE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the wavelength (distance between waves) of the zig-zag wave effect.
  • SPREAD – Use the slider, highlight the text and type, or use the up/down arrows to adjust the curvature of the peaks of the wave.

To Add a Pattern Fill:

To_Add_a_Pattern_Fill.png

Using the Pattern Fill, objects, symbols, or images are regularly repeated within the fill area.

  1. Press the ‘+’ button and choose ‘Pattern Fill’ from the drop-down menu.
  2. The following properties can be edited for Pattern Fill:
  • IMAGE – Copy a small graphic from your drawing and click ‘Paste Image’, or click ‘Image File…’ to launch Finder and select an image. Vector graphics (such as those copied/pasted from your drawing) are converted to PDF images and are not editable when part of a style component. Useful for tiled images whose properties do not need adjusted.
  • SCALE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent scale factor of the image.
  • SPACING – Use the slider, highlight the text and type, or use the up/down arrows to adjust the distance between each image.
  • ALT OFFSET – Use the slider, highlight the text and type, or use the up/down arrows to adjust the proportion of additional offset applied to alternating rows.
  • ANGLE – Press and drag the knob to adjust the overall pattern angle around the center point.
  • RAND SPACING – Use the slider, highlight the text and type, or use the up/down arrows to apply a randomness factor to the motif’s position.
  • RAND SCALE – Use the slider, highlight the text and type, or use the up/down arrows to apply a randomness factor to the motif’s scale.
  • RAND ANGLE – Use the slider, highlight the text and type, or use the up/down arrows to apply a randomness factor to the motif’s angle.
  • ANGLE RELATIVE TO OBJECT – When checked, the pattern’s overall angle is relative to the object. When unchecked, the pattern’s overall angle is relative to the page.
  • IMAGE ANGLE IS RELATIVE TO PATTERN ANGLE – When checked, individual motif’s image angle is relative to the overall pattern angle.
  • SUPPRESS CLIPPED IMAGES – When checked, images that would be clipped by the object’s path are not drawn.

HINT: For good performance (drawing speed), the image should be small, not too complex, and not too closely spaced.

About Suppressing Clipped Images:

About_Suppressing_Clipped_Images.png

HINT: When a new object is drawn using a pattern fill style, the image objects in the pattern may appear clipped at the edges of the shape. You can use “Suppress clipped images” to hide images at the edge of a shape if they would otherwise appear as clipped.

To Add a Hatch Fill and Dot Screen:

To_Add_a_Hatch_Fill_and_Dot_Screen.png

Hatch fill is used to create patterns of lines or dots. This component offers control over line width, spacing, lead-in, color, and angle. Lines can be dashed, and roughness and wobble can even be added to create a wavy pattern. Add two or more Hatch Fill components with differing angles to create checkered and grid patterns.

  1. Press the ‘+’ button and choose ‘Hatch Fill’ from the drop-down menu.
  2. The following properties can be edited for Hatch Fill:
  • LINE WIDTH – Set line width with the slider, highlight the text and type the line width, or use the up/down arrows to adjust the line width.
  • SPACING – Use the slider, highlight the text and type, or use the up/down arrows to adjust the distance between each line.
  • LEAD-IN – Use the slider, highlight the text and type, or use the up/down arrows to adjust the lead-in, or phase, of the hatch.
  • ANGLE – Press and drag the knob to adjust the hatch line angle.
  • ANGLE RELATIVE TO OBJECT – When checked, the hatch’s overall angle is relative to the object. When unchecked, the hatch’s overall angle is relative to the page.
  • SOLID LINE or DASH – Choose ‘Solid Line’ or a dash pattern from the drop-down list, or choose ‘Other…’ to define a custom dash pattern in the dialog that is presented.
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • ROUGHNESS – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent roughness of the lines.
  • WOBBLE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent “wobbliness” or random offset of each line.
  • DOT DENSITY – To generate a dot pattern, highlight the text and type the percent dot density, or use the up/down arrows to adjust the dot density. After setting a dot density, changing “Line width” with a dot pattern adjusts the dot diameter. Changes to other properties then apply to the dot pattern.

To Add an Image Adornment:

To_Add_an_Image_Adornment.png

Although they look similar, an Image Adornment is different from adding a regular image object to your drawing. An Image Adornment is an actual component of the style, which can be applied like any style to any shape. Whereas a regular image object (for example, added from the Image Browser) is a single object.

  1. Press the ‘+’ button and choose ‘Image Adornment’ from the drop-down menu.
  2. The following properties can be edited for Image Adornment:
  • IMAGE – Copy a small graphic from your drawing and click ‘Paste Image’, or click ‘Image File…’ to launch Finder and select an image. Vector graphics (such as those copied/pasted from your drawing) are converted to PDF images and are not editable when part of a style component. Useful for tiled images whose properties do not need adjusted.
  • FIT OBJECT – When selected, the image is scaled to fit the object (image may be stretched).
  • FIT MAINTAINING ASPECT RATIO – When selected, the image is scaled to fit the object while maintaining the aspect ratio (image width or height may be artificially cropped).
  • SCALE – When selected, the image is scaled according to a user-defined scale factor. Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent scale factor of the image.
  • OPACITY – Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent opacity of the image adornment.
  • ANGLE – Press and drag the knob to adjust the overall pattern angle around the center point.
  • CLIP TO PATH – When checked, the image is clipped to the object’s path.

HINT: Dropping an image from the Image Browser or Finder onto any shape with a fill automatically adds the image as an Image adornment. Use the Style Inspector to adjust the Image Adornment settings.

To Add a Bridge Adornment:

A bridge adornment is a custom overlay style used when your needs are beyond what is supplied with the standard bridge symbol accessed through Edit > Insert Special > Bridge. Unlike normal styles, an overlay style is created and saved to your library in one step, then applied to a track in another step.

CREATE THE OVERLAY STYLE

  1. Use the Linear Select [n] tool to highlight the section of track to accept the new style.
  2. Open the Style Inspector and click ‘Clone’ – using ‘Clone’ helps to visualize how the custom bridge style will look with your track as you create it.
  3. Press the ‘+’ button and choose ‘Bridge’ from the drop-down menu.
  4. Drag the ‘Bridge’ style component to the top of the style component list so it appears under the other track styles.
  5. Adjust the style component properties as desired. The following properties can be edited for Bridge adornment:
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • LINE WIDTH – Set line width with the slider, highlight the text and type the line width, or use the up/down arrows to adjust the line width.
  • PIER SIZE – Size of the bridge piers.
  • SPACING – Distance between each pier (is automatically adjusted to evenly space piers between bridge ends).
  • WIDTH – Width of the bridge.
  • AUTO-SIZE PIERS AND SPACING – Bridge parameters are automatically derived from the path width of the track object to which they are to be applied.

6. Remove the other non-bridge style components from the style components list.
7. Return to the main Style Inspector view, then name and save the new bridge style to your user library.

APPLY THE OVERLAY STYLE
Remember, to place a custom overlay style to a track, save the style to your User collection and do the following:

  1. Use Linear Select [n] to highlight the section of track to accept the new overlay style.
  2. Hold down the OPTION-key and double-click the style in the Styles & Symbols palette.

HINT: If you inadvertently deselect the track with the bridge while you are in the process of formatting its custom style, use the Linear Select tool to highlight the bridge and it will appear again in the Style Inspector.

To Add a Tunnel Adornment:

To_Add_a_Tunnel_Adornment.png

A tunnel adornment is a custom in-line style used when your needs are beyond what is supplied with the standard tunnel symbol accessed through Edit > Insert Special > Tunnel. Unlike normal styles, an in-line style is created and saved to your library in one step, then applied to a track in another step.

CREATE THE IN-LINE STYLE

  1. Use the Linear Select [n] tool to highlight the section of track to accept the new style.
  2. Open the Style Inspector and click ‘Reset’ or ‘Clone’ .
  3. Press the ‘+’ button and choose ‘Tunnel’ from the drop-down menu.
  4. Optionally, remove the other style components from the style component list.
  5. Adjust the style component properties as desired. The following properties can be edited for Tunnel adornment:
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • LINE WIDTH – Set line width with the slider, highlight the text and type the line width, or use the up/down arrows to adjust the line width.
  • TUNNEL TYPE – Choose among a rounded or angular tunnel “portal” type.
  • DEPTH – The depth of the tunnel “portal”.
  • SPAN – The breadth (span) or the tunnel “portal”.

6. Return to the main Style Inspector view, then name and save the new bridge style to your user library.

APPLY THE IN-LINE STYLE
Remember, to place a custom in-line style to a track, save the style to your User collection and do the following:

  1. Use Linear Select [n] to highlight the section of track to accept the new overlay style.
  2. Double-click the style in the Styles & Symbols palette.

To Add a Cutting & Embankment Adornment:

A cutting or embankment adornment is a custom overlay style used when your needs are beyond what is supplied with the standard bridge symbol accessed through Edit > Insert Special > Cutting (or Embankment). Unlike normal styles, an overlay style is created and saved to your library in one step, then applied to a track in another step.

CREATE THE OVERLAY STYLE

  1. Use the Linear Select [n] tool to highlight the section of track to accept the new style.
  2. Open the Style Inspector and click ‘Clone’ – using ‘Clone’ helps to visualize how the custom style will look with your track as you create it.
  3. Press the ‘+’ button and choose ‘Cutting & Embankment’ from the drop-down menu.
  4. Adjust the style component properties as desired. The following properties can be edited for Bridge adornment:
  • CUTTING/EMBANKMENT – Choose among cutting or embankment overlay style.
  • COLOR – Press and hold the color-well to display the color array, or click once on the color-well to open the Colors panel.
  • SCALE – Image scaling factor.
  • SCALE VARIABLE – Sets a variable scaling factor.
  • SPACING – Distance between each image.
  • WOBBLE – “Wobbliness” factor or random offset of images.
  • END RAMP – Proportion of path length where images are gradually scaled up to their final size.
  • OFFSET – Lateral displacement of images from path center line.
  • ALTERNATING OFFSET – Alternate images are displaced to opposite sides and with 180-degree rotation when checked.
  • CLIPPING – Images may be clipped to the inside or outside of the path.

6. Remove the other non-cutting/embankment style components from the style components list.
7. Return to the main Style Inspector view, then name and save the new cutting/embankment style to your user library.

APPLY THE OVERLAY STYLE
Remember, to place a custom overlay style to a track, save the style to your User collection and do the following:

  1. Use Linear Select [n] to highlight the section of track to accept the new overlay style.
  2. Hold down the OPTION-key and double-click the style in the Styles & Symbols palette.

HINT: If you inadvertently deselect the track with the cutting/embankment while you are in the process of formatting its custom style, use the Linear Select tool to highlight the cutting/embankment and it will appear again in the Style Inspector.

To Add a Label Adornment:

To_Add_a_Label_Adornment.png

A label adornment pre-defines the label styling properties to be used with a style. Once defined, the label style component is changed to ‘Disabled” so it is displayed only when applied interactively to an object in your map.

  1. Draw a path or shape to let you visualize how the label will look with the style.
  2. With the object still selected, open the Style Inspector and click ‘Reset’ or ‘Clone’ to create a new style.
  3. Press the ‘+’ button, and choose ‘Label’ from the drop-down menu ‘Adornment’ section.
  4. Do one of the following:
  • If you have a shape object to receive the label, choose ‘Flow text into object’s rectangle’ from the ‘Layout’ drop-down menu.
  • If you have a path object to receive the label, choose ‘Along object’s path’ from the ‘Layout’ drop-down menu.
  • Choose another option (such as ‘Along reverse path’) from the ‘Layout’ drop-down menu as desired.

5. Adjust the remaining style component properties as desired. The following properties can be edited for Label adornment:

  • VERTICAL – The vertical alignment options (align top, middle, bottom, center on path, variable); if ‘Variable’ is chosen, the vertical alignment slider becomes active letting you interactively set the vertical alignment.
  • WRAP LINES – The text is wrapped when checked; if unchecked only a single line is drawn (shapes only).
  • ANGLE – Rotation angle of the text.
  • ANGLE RELATIVE TO OBJECT – Text angle is relative to the object when checked.
  • CLIP TO PATH – Text is clipped to object’s path when checked.
  • TEXT COLOR – Text color.
  • JUSTIFICATION – Horizontal justification of text.
  • FONT – Opens Fonts panel.
  • OUTLINE – Text has an outline when checked.
  • MASK – Text has a mask when checked.

6. The default text label reads “Text Adornment”, is displayed as entered, and can be left blank. Alternatively, a look-up ‘tag’ can be applied that will look up the label value according to any object attributes that may exist (as defined in the Object Inspector – Attributes pane). To define the content of a label, do one of the following:

  • Double-click the text in the text-well to select it for editing and begin typing – when a text label is added to an object the label is displayed as entered.
  • Double-click the text in the text-well to select it for editing and delete it – when a text label is added to an object the label is displayed as “Label” and can be edited directly on the object with a double-click.
  • Double-click the text in the text-well to select it for editing and choose a tag from the ‘Tags’ drop-down list (Route Number, Sequence Number, Sequence Cardinal, or Name) – when a text label is added to an object the label is displayed as the attribute value, if it exists (if no attribute exists, it will be displayed as “Label”).
  • Double-click the text in the text-well to select it for editing and type “%%” followed immediately by a custom attribute to be used in the label (for example, ‘%%CITYNAME’). The ‘%%’ preface indicates to Ortelius that the value is to be looked up.

7. IMPORTANT: Once the label is formatted, uncheck the ‘Enabled’ check box in the style components list. This hides the label adornment until a label is interactively added to an object.
8. Return to the main Style Inspector view, then name and save the new style to your user library.

HINT: See Using Map Text Labels, Text Labeling Area Features, Text Labeling Point Features, and Text Labeling Linear Features for more information on using Ortelius’ powerful labeling system.

To Add an Effects Group:

An ‘Effects Group’ applies certain effects, such as blurs and blooms, to other style components within your style. To apply an effects group:

Draw a shape or a path so you can visualize the label as you define the style.
Press the ‘+’ button, and from the drop-down menu ‘Groups’ section, choose ‘Core Image Filter’ or ‘Transform’.

  1. Do one of the following:
  • With the Effects Group (either ‘Core Image Filter’ or ‘Transform’) selected in the style components list, press the ‘+’ button and choose any style component from the drop-down menu. The style component will be added nested within the group.
  • Click onto other style components in the style components list and drag them into (or under) the Effect Group. They will appear as nested within the group.
  • To remove a style component from an Effects Group, drag the component out of the group.

To Add a Core Image Filter Effects Group:

To_Add_a_Core_Image_Filter_Effects_Group.png

Core Image Filters are advanced style component that apply filters to other style components. A wide assortment of image filters are available. This example shows an orange stroke moved into the Core Image Filter Group.

  1. Add the ‘Core Image Filter’ effects group and arrange the desired style components nested within the group (see above).
  2. Click onto the effects group name in the Style Component list to reveal the available filters.
  3. From the drop-down list, select a filter effect to apply to the group.
  4. Once a filter effect is selected, a set of filter-specific properties is presented that may be adjusted by the user.

HINT: Filters are well suited to work with images such as an Image Adornment style component, while a limited number of filters work well with strokes and fills, such as Gaussian Blur.

To Add a Transform Effects Group:

To_Add_a_Transform_Effects_Group.png

‘Transform’ enables interesting 3-d visual effects. Based on user input, transform adds copies of the style component in a stacked fashion under the original object.

  1. Add the ‘Transform’ effects group and arrange the desired style components nested within the group (see above).
  2. Click onto the effects group name in the Style Component list to reveal the available properties.
  3. The following properties can be edited for Transform:
  • NUMBER OF ADDITIONAL COPIES – Highlight the text and type, or use the up/down arrows to set the number of copies to be added to the stack.
  • X OFFSET – Use the slider, highlight the text and type, or use the up/down arrows to adjust the X offset and slide the stack in a distance and direction from the center of the object at the angle designated.
  • Y OFFSET – Use the slider, highlight the text and type, or use the up/down arrows to adjust the Y offset and slide the stack in a distance and direction from the center of the object at the angle designated
  • X SCALE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the adjust the X scale (size) of the copies.
  • Y SCALE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the adjust the Y scale (size) of the copies.
  • RELATIVE ANGLE – When checked, the transform is calculated relative to the object’s angle.
  • ROTATE – Press and drag the knob to adjust the rotation angle of each copy.
  • REVERSE – When checked, that transform effects are applied in reverse order.
  • BLEND – When checked, each copy’s color is a blend between the original color and the blend color here (use the color-well to set color).