Mapdiva today announces the release of Artboard 1.8.1, , the simple, powerful, fun vector drawing software for Mac OS X. Artboard 1.8.1 is a general update recommended for all users.
What’s New? Read more »
Mapdiva today announces the release of Artboard 1.8.1, , the simple, powerful, fun vector drawing software for Mac OS X. Artboard 1.8.1 is a general update recommended for all users.
What’s New? Read more »
The Format Bar sits above the horizontal ruler and provides quick access to create and edit simple fill and stroke styles.
The Format Bar is visible by default with the Rulers. If your Format Bar is turned off, choose View > Show Rulers & Format Bar from the main menu. The format bar provides access to simple stroke style components: color, stroke width, dashes, end-caps and corner joints; and fill style components: color and shadow.
NOTE: Advanced "expert" styles should be edited within the Style Inspector. The Format Bar does not provide access to advanced style components, such as gradients, arrows, or "stacked" styles available in the Style Inspector. To create or edit complex styles, open the Style Inspector.
Remember the Basics: Drawing Tool + Style = Draw
Note, the Format Bar is designed to provide quick access to simple fill and stroke styles. See "Using the Style Inspector" to edit complex styles, such as those containing arrows, hatches, patterns, or gradients.
This product includes artwork sourced from the U.S. National Park Service: TrueType Font Symbols (last updated July 2007) http://www.nps.gov/hfc/carto/map-symbols.htm
This product includes color specifications and designs developed by Cynthia Brewer http://colorbrewer.org/
Artboard® is copyright Mapdiva, LLC
Ortelius® is copyright Mapdiva, LLC
Apple, iWork, and Mac OS(TM) are copyright of Apple Inc., registered in the U.S. and other countries
Adobe Reader(TM) and Illustrator(TM) are trademark Adobe Systems Incorporated
Word(TM) is copyright the Microsoft Corporation
This product contains the Generic Polygon Clipper (GPC) software library licensed from The University of Manchester Advanced Interfaces Group
This product contains code developed in cooperation with Fortunate Bear, LLC
iMedia Browser Framework Copyright (c) 2005-2010 by Karelia Software et al
Any object in Artboard can be copied to the system clipboard and pasted back into the drawing or other applications such as Apple Pages(TM) or Keynote(TM). Select the object(s) and choose Edit > Copy from the main menu or use the CMND-C keyboard shortcut. Choose Edit > Paste or the CMND-V keyboard shortcut to paste objects.
Within the active layer, pasted objects will be placed with a predefined offset from the original object. When the pasted object is moved, subsequent pastes will respect the new offset of the moved object. When object(s) are pasted into a new layer they will first respect the original position, while subsequent pastes will be offset.
Alternatively, hold the Option-key while clicking and dragging an object to make quick copies in Artboard.
Alternatively, use the Edit > Duplicate > Once or CMND-D keyboard shortcut to quickly make single copies of the selected object(s).
Note, multiple objects cannot be selected among different layers.
There are several ways to accomplish duplicating an object and pasting in place. Quick copy a single object using the Option-key shortcut. Similar to clicking and dragging an object with the Option-key to create a copy, a simple click onto an object while holding the Option-key copies and pastes it in place.
To paste an object(s) in its original position without an offset, copy the object(s) then hold the Option-key while choosing Edit > in the main menu. The command "Paste In Place" will become available (or use the Option-CMND-V keyboard shortcut).
Alternatively, choose Edit > Duplicate > Linear Duplicate… from the main menu and set the X,Y offset to 0,0 to make multiple copies pasted in place.
Additionally, the Layer > Move To command in the main menu will cut and paste the selected object(s) in place onto a new or existing layer without offset.
Choose Edit > Duplicate > Polar Duplicate… from the main menu to make multiple copies of an object centered around a point. Type the X/Y coordinates of the center point, or use the "Target" button to interactively set the center point by clicking the drawing with the mouse. Check the option to fit copies into a circle automatically. Alternatively, use the manual settings to designate the number of copies and angular increments.
To duplicate an object several times choose Edit > Duplicate > Linear Duplicate… from the main menu. Type in the desired number of copies and the desired X,Y offset (using the current drawing units).
*Reposition move objects by selecting with the Select [s] tool and dragging, or use the Geometry panel to adjust the object’s x.y location.
*Resize (scale) shapes by dragging any of the object handles with the Select [s] tool, or use the Geometry panel to adjust size.
*Rotate objects around their center point by moving their purple rotation handle with the Select [s] key, or use the Geometry panel to set the rotation angle.
*Draw from center by holding the Alt/Option-key when drawing.
*Maintain the aspect ratio to make perfect circles and squares by holding the SHIFT-key when drawing.
*Reposition the object center point move the center blue crosshair target with the Select [s] tool to move the point of object rotation.
An object center point is a target for snapping the objects to guide lines. To align objects based on their repositioned center points, set up guides in the desired location and turn on ‘Snap To Guides’. Drag objects so their center point aligns to the guide. Object center points may also be aligned to graph paper.
Within each layer, objects have a stack order as they are drawn. Newer objects are drawn on top of existing objects. This is independent of layers, which control the display order of all objects among individual layers. Use the Graphic > Bring To Front, Bring Forward, Send To Back, Send Backward commands from the main menu to change the stack order of objects. Alternatively, right-click on a graphic for quick access to the contextual menu stack order commands. These functions are also available as toolbar icons via the Customize toolbar menu.
HINT: Occasionally, an object with a larger bounding box may be stacked “in front” of another object. Because of the overlap, the top object may either hide the lower object or make it difficult to select because the top object bounding box is in the way. Select the top object and use the Tab-key to cycle through a series of overlapping objects to select them.
Choose Graphic > Group from the main menu to group two or more objects, or use the CMND-G keyboard shortcut. Ungroup objects by choosing Graphic > Ungroup, or use the SHIFT-CMND-G keyboard shortcut. These functions are also available to the toolbar via the Customize toolbar menu.
Note that when objects are grouped, they are moved to the top of the stack order. If a style is applied to a group, all objects within the group will receive the new style. Text within a group can be double-clicked for convenient editing without ungrouping.
HINT: When you place clip art onto your drawing canvas the clip art are composed of regular drawing objects, though they may need ungrouped to edit.
Double-click a path or shape to quickly switch between shape mode and edit path mode. For example, a path object can be converted to a shape object and vice-versa.
Conversion can also be done through associated commands in the Main Menu. Convert a shape to a path by choosing Graphic > Convert To Path from the main menu, or right-clicking and choosing the command from the object’s contextual menu. Conversely, choose Graphic > Convert To Shape from the main menu to convert a path to a shape, or right-click and choose the command from the object’s contextual menu.
Path objects contain two or more points connected by a line. Points may be moved, added, and deleted. Bezier paths also have curve handles which can be moved independently, and controlled by holding either the CMND or Alt/Option keys.
Shape objects are defined by a bounding box. Bounding box handles can be moved, and shape objects can be resized using these handles. Hold the SHIFT-key to maintain the aspect ratio when resizing shapes. Grouped objects also take on a bounding box for the outer extent of the grouped objects. A rotation handle allows easy, direct rotation of shapes and shape groups. Objects rotate around the shape’s center point, which is directly adjustable by moving the center target on the shape.
Note that special shapes, such as stars and round rectangles, will be converted into paths then back to normal shapes through this process (they cannot be converted back into special shapes).
Text objects are conveniently converted to Path, Shape, or Shape Group using the ‘convert to’ commands. Text-box text can also be converted to Text On Path. Converting text to a Shape Group enables several glyphs to be converted into a group of individual shapes. Ungroup a shape group to render each glyph as an individual shape which can be independently styled and manipulated.
In addition to its native Artboard file format, Artboard now supports opening SVG 1.1 files directly. SVG files are converted into Artboard files upon opening and can be saved as such.
To open an SVG file, choose File > Open from the main menu.
Importing SVG 1.1 files results in a fully-editable vector graphic that can be ungrouped and edited in any way you wish. Objects can be saved as clip-art just as any other graphic can within Artboard.
To import an SVG file into an existing drawing, drag-and-drop it from the built-in Image Browser or the Finder.
It is important to understand how Artboard implements the SVG 1.1 standard, since in some cases results may differ from another product.
Artboard’s concept of graphic styles is rich and deep – substantially moreso than the classic “stroke and fill” concept of Postscript, which SVG largely mimics. Thus when importing SVG, we need to build graphic styles that match as closely as possible this simpler concept. By and large there isn’t much difficulty, but in some cases results will differ, because of a mismatch between the two approaches. This is most evident with gradient fills and pattern fills. Usually, these will work as expected and the visual result will be what you expect, but Artboard doesn’t strictly support the concept of SVG’s “global” (user space) gradients, for example, so when we encounter such a style, we do our best to translate it to something meaningful within Artboard that gives similar visual results.
Artboard implements the SVG 1.1 standard, and ignores any and all non-standard comments that other applications frequently use to “help out” when parsing SVG. This can be another source of discrepancy between Artboard’s interpretation of an SVG file, and another application’s. This is particularly problematic with files created by Inkscape, a popular open source application, since that heavily salts its SVG files with comments only it understands, and are not part of the SVG standard. The resulting files may fail to open entirely as expected in Artboard, though in practice we find we do get good results most of the time.
Mac OS X includes an SVG parser as part of WebKit and QuickLook uses this to preview SVG graphics in the Finder and elsewhere. Artboard doesn’t rely on this parser, but implements its own in order to convert SVG objects to equivalent Artboard objects and styles, not simply to render the graphics as an image. In some cases, the QuickLook parser fails to render an image at all, yet the file will import just fine. At other times, the small differences in rendering mentioned above may be evident.
Artboard’s Image Browser uses Artboard’s own parser to render the thumbnail previews for SVG files, so what you see in the Image Browser is what you get when you import the file. Artboard’s parser is not just rendering the graphics however, it is converting them to Artboard objects, then creating the image. This makes it slower than a pure SVG renderer such as QuickLook. The Image Browser therefore creates each thumbnail image asynchronously using a background thread, and as each conversion is completed it “pops” into view. Subsequently the image is cached on disk and will be displayed quickly. Therefore expect a folder full of SVG graphics added to the Image Browser to take a while to process the thumbnails at first. We also recommend keeping the number of files in a folder down to something reasonable (a few hundred, say) to avoid the thumbnail generation going on for extended periods which could interfere with your workflow.
Sometimes an SVG file may fail to import. This can be for many reasons, such as bad data in the SVG, unsupported elements, missing external resources, or simply because the import takes too long due to the file being very complex. In the Image Browser, you’ll see such failed imports as a file icon like this:
Such failed imports are reattempted when Artboard is run another time and the Image Browser is shown. When dragging and dropping an SVG into Artboard, a failed import will cause the drag to “spring back”. When opening a file using Open…, an error message is shown.
Imports that timeout may sometimes succeed if tried again. Usually a timed-out import indicates a graphic that would be too complex to give reasonable performance subsequently. There are several possible reasons for this:
• A very large number of paths
• Paths having extremely large numbers of points
• Heavy use of blur filters
• Heavy use of shadows.
When creating SVG graphics, it is very easy to assume that objects can be duplicated and reused at will. Unfortunately that is often not the case. We have seen many cases of SVG artwork where objects have been repeatedly duplicated and yet effectively contribute nothing to the finished graphic. If such hidden objects have blur filters applied, or shadows, then a huge performance penalty is being incurred for no good reason.
Frequently, paths can be combined into a single object and have a shadow or blur applied just once in order to maximise performance. Giving performance some thought when creating graphics can make life much easier later.
An occasional source of difference between Artboard and another SVG application is with text rendering. SVG does not embed the fonts it refers to, so if an SVG file references a font that is not available on your system, Artboard will substitute Helvetica of the same size. Other SVG parsers sometimes just give up or skip the text when this font problem is encountered. While we try to plough on, obviously the results may not be what you expected. I you want to use a fancy font in a graphic, it is good practice, once you’re done editing the text, to convert it to a path so that this font problem won’t be an issue. Note that this does not apply to PDF export from Artboard, since PDF does embed the fonts it references.
When Artboard imports SVG text elements, we convert them to a graphic, for best visual fidelity. That means the text can’t be edited as text, though the graphical paths can be.
Using the Fonts panel you can change a text object or label’s typeface, size, and other options.
To open the Fonts panel:
Click the Fonts icon in the toolbar, or choose Text > Show Fonts from the main menu.
Choose one or more text objects. Use the Fonts panel to choose typefaces, font sizes, and other font formatting, including text shadows and strikethrough.
Here is a summary of the text effects buttons, from left to right across the top:
– The Text Underline pop-up menu to choose an underline style (such as single or double).
– The Text Strikethrough pop-up menu to choose a strikethrough style (such as single or double).
– The Text Color pop-up menu to apply a color to text.
– The Text Shadow button to apply a shadow to selected text.
– The Shadow Opacity, Shadow Blur, Shadow Off set, and Shadow Angle controls affect the appearance of the shadow.
In addition, Artboard adds Text Outline and Text Mask controls at the bottom of the Fonts panel.
If you don’t see the text effect buttons, choose Show Effects from the Action pop-up menu in the lower-left corner of the Fonts panel.
HINT: Save a Text Box as clip art to save and quickly reuse the text styles.
If you frequently use the Fonts panel, there are time-saving techniques. To quickly locate fonts you use frequently, organize them into font collections. Click the Add (+) button to create and name a font collection, and then drag the font name from the Family list into the new collection.
Choose Add To Favorites from the action menu to save a particular font in your Favorites collection.
To open the Image Browser, click the Image Browser icon in the toolbar or choose File > Image Browser from the menu.
Artboard imports PNG, JPG, non-editable PDF, and TIFF images as well as vector SVG files. Drag images from the Image Browser directly to your drawing canvas. If an image is larger than the Artboard canvas size, it will be scaled to fit the canvas (though can be rescaled in the Geometry panel). You can even drop pictures directly onto any Artboard object with a fill style to fill the shape with the image. The Image Browser provides quick access to your iPhoto, Pictures folder, and Smart folders, and you can attach other folders as desired. Select a root folder or iPhoto folder to browse images. To add folders, click the "+" button and navigate the the folder to browse, or to remove a folder from the list, select it and click the ‘-’ button.
Images (like other shape objects) have sizing handles located around the outside edges of the image bounding box. The direct rotate handle is located to the right of the center point.
Images can be masked, cropped, scaled, enhanced, and more! See "Working With Images" for details.
Artboard features advanced SVG 1.1 vector file importing. Similar to images, simply drag editable vector SVG 1.1 files from the Image Browser to your drawing canvas. Imported vector graphics are fully editable vector graphics, though they may need ungrouped to edit.
Unlike other more complicated software, you can select objects, move vertices, change shapes, and more with a single direct Select [s] tool!
Trackpad pinch-to-zoom gesture are supported to zoom the main view. Trackpad two-finger double-tap gesture is a shortcut for "Zoom To Selection" if there is a selection, or "Zoom To Fit Window" if there isn’t.
To move across the page, use the track pad or scroll mouse. Alternatively use the Pan [h] tool (hand) to grab, hold down your mouse button, and drag the drawing into position.
To enable quick-pan scrolling while zoomed into a drawing while any tool is active, hold the Spacebar to temporarily activate the Pan tool and drag to reposition your drawing canvas. Releasing the Spacebar reverts automatically to the active tool.
Scroll-wheel mouse zooming
Pinch to zoom
HINT: Shadows are automatically disabled at very high zoom levels (over 800%) for enhanced performance. This setting can be changed in Preferences > Performance in the main menu.
Choose a magnification level from the View pop-up menu at the bottom left of the drawing window. It’s often useful to “fit to window” so that you can see your entire drawing at once.
To zoom to the objected you currently have selected, choose View > Zoom To Selection in the Main Menu.
Also under the main menu, choose View > Zoom In, or View > Zoom Out. To return a drawing to its actual size, choose View > Actual Size. To return a drawing to fit the display window, choose View > Zoom To Fit.
A flexible print dialog offers single page and “poster-tiled” printing. Choose File > Print to open the print dialog. Click Show Details to reveal the print options, including “Fit to Single Page,” “Graph Paper,” and “Crop Marks.” Your drawing canvas can be larger than your actual printer paper size – if it is larger you can either “poster-tile” print your drawing over multiple sheets (default), or “Fit to Single Page” when printing. To make sure your printer is set with the proper paper size and page orientation, choose File > Page Setup… before printing.
Printed drawings come in all shapes and sizes, but you are limited by the size of paper in your printer. Drawings can be larger or smaller than the physical paper size that you have in your printer. If the drawing is larger, your drawing is automatically tiled over multiple printed sheets enabling you to print large posters, or ‘shrink to fit’ on a single page. If you’re feeling crafty, tiled sheets can be pieced together manually after printing. Choose "Crop Marks" from the Artboard print options to show the seams between printed sheets.
For best results, consider your purpose and what size you want during drawing setup. For easy setup, use an appropriately sized blank page template by choosing File > New From Template. Blank templates are formatted for common paper sizes. If you need a different sized layout, change settings by choosing File > Drawing Setup in the main menu.
Choose File > Page Setup… from the main menu to define your printer paper size and page orientation.
When tiling large artwork isn’t desired, you can change settings so a drawing will shrink to fit on a single page. Printing options include a simple checkbox for scaling the entire drawing to a single page by choosing File > Print > from the main menu, then checking Fit to a single page in the application print options.
When fitting to a single page, all objects including text will be shrunk to fit.
Alternatively, your drawing can be printed to PDF format. PDF format is the only export option that exports vector graphics that are fully scalable. Common PDF viewers provide various shrink to fit page printing options.