Artboard 1.3 is Now Available

Artboard 1.3 is now available as an update on the Mac App Store. The update includes user interface enhancements and plenty of useful new features.

One of the big changes is Read more

China Point: Book Cover Map Illustrated with Ortelius

China Point is the new mystery-thriller from best-selling author Tom Snyder. Follow top fraud investigator Dann Arthur as he uncovers wrongdoing at the highest levels in his own company, and share the excitement off Catalina Island where Dann’s small boat is almost run down by an out-of-control yacht.

Risking his life, Dann scrambles aboard to find that the yacht is sinking and the only occupant—is dead. Minutes later Dann is knocked cold. Regaining consciousness, he finds that the Coast Guard has arrived but the body has disappeared. Soon caught in a tangle of law enforcement, attorneys, and the beautiful owner of the yacht, the mystery deepens as Dann realizes that someone has him square in their sights. Order China Point now from Apple iBooks for $2.99. Available soon on Kindle.

The book cover for China Point was illustrated using Ortelius map design software. Congratulations Tom on another wonderful book!

Make a Bold Statement with Patterns

Patterns can add punch to your design, and in Artboard there are several ways you can make a statement. Here we see two simple methods using the Style Inspector to create patterns instantly.

Tutorial Details

Program : Artboard 1.1+ for Mac OSX
Difficulty: Beginner – Intermediate
Topics Covered: Style Inspector
Estimated Completion Time: 10 minutes

ATTENTION: As of Artboard 1.7, “shared” styles are no longer part of the default workflow, therefore, references to “New” and “Clone” in this tutorial are no longer current. As of Artboard 1.7, the “New” button in the Format Bar and Style Inspector becomes the “Reset” button. See the Users Guide for more information about shared styles.

Step 1

This is a pretty quick and easy tutorial showing how to make pattern fills with Artboard’s Style Inspector. In fact, the longest part may be the time it takes to make your graphic for the pattern. Here we are drawing a target-circle pattern. You can make a repeatable pattern from any graphic – even images. Just keep in mind, very small and closely spaced patterns start using a lot of memory and may slow things down a bit.

With a “New” style and the Oval [o] tool, start by drawing a circle. Hold the SHIFT-key while drawing to maintain its aspect ratio. We sized the circle to 10-cm in the Geometry plane.

Step 2

With the Select [s] tool, use the quick-copy keyboard shortcut to make several copies pasted in place. Hold the Alt/Option-key and click the circle once to make your first duplicate of it. With the new circle still selected (it won’t look differently from your first circle since it is a copy pasted in place), change the size to 9-cm in the Geometry pane. Click the circle again with the Alt/Option-key and make another duplicate, resizing this one to 8-cm. Repeat this eight times until the inner circle is 3-cm. You now have your objects for your target-circle graphic.

Step 3

Next we’ll drag and drop some colors onto our graphic. You could apply any new style to the circles. Since we are using basic fill styles, we can drag a color onto each circle and a new ad hoc style is created. We’re making our target “Lead” black and a creamy white.

Step 4

Although the graphic is ready to-go, in this example I’m making my pattern a bit smaller so I’ve selected the objects, grouped and resized the graphic while holding the SHIFT-key to maintain its aspect ratio. We’ll use this smaller graphic in our patterns. Make a copy of the graphic by selecting the smaller graphic and choose Edit > Copy from the main menu, or use the CMND-C keyboard shortcut.

While you could make duplicates of your object and place them accordingly to lay out your pattern, you can make instant repeatable patterns using the Style Inspector. In the steps below, we are going to show you two different ways to create repeating patterns in Artboard.

Step 5

In the layers panel, click the “+” button to add a new layer. Draw a large rectangle using the Rectangle [r] tool. With the rectangle still selected, open the Style Inspector and click “New” to create a new style.

In the Style Inspector, click onto the “Fill” style component and click “Paste Image”. Your graphic (that you copied to the clipboard in the previous step) will be pasted into the image-well and used as a repeatable pattern in the new style. The underlying image is anchored to the drawing canvas and is tiled seamlessly across the page. When you move the shape around, the image pattern remains stationary. This is the most efficient way to add an image to a style and works particularly well with repeating seamless image pattern tiles.

Step 6

The fill style component (above) is the most efficient repeating pattern, but lacks the ability to fine tune the pattern design. In this next example, we’ll add a Pattern Fill style component.

First, un-check the “Fill” style component in the list since we are no longer using it. Click the “+” button to select Pattern Fill from the drop-down list. Click “Paste Image” to add your graphic to the image-well. In the Pattern Fill, we can adjust many settings. Type  “-1.5cm” into the Spacing dialog box to create a closely spaced overlapping pattern; we’ve kept a 50% alternating offset, and changed the angle of the pattern to 45-degrees.

Several options are available for image scale, spacing, offset, and angle, as well as some very cool options for randomness. Play with your settings based on the effect you are seeking. The underlying image fill is tied to (and will move with) the shape object. Pattern Fill provides the most flexibility for creating regular repeating and random image patterns.

Final Image

Congratulations! You now know two methods of creating regular repeating patterns using Artboard’s powerful Style Inspector. Now you can add your pattern to your drawing, and optionally name and save it to your user library for future use. To save the style, click onto “Style” at the top of the style components list to return to the style main interface, name your style and click the Enter-key, then click the bottom button to “Add To … Collection.”

We’ve finished our final image by turning off the layer holding our original graphics and adding some additional objects to add the “artboard” banner.

Editing Artboard’s Extensive Clip Art Collection

Artboard delivers with hundreds of vector clip arts in a Library packed with shapes, graphics, and styles. In fact, all clip art except country flags are fully editable. Find out how to make the most of Artboard’s clip art library and make them your own.

Tutorial Details

Program : Artboard 1.1+ for Mac OSX
Difficulty: Beginner
Topics Covered: Clip Art
Estimated Completion Time: 10 minutes

ATTENTION: As of Artboard 1.7, “shared” styles are no longer part of the default workflow, therefore, references to “New” and “Clone” in this tutorial are no longer current. As of Artboard 1.7, the “New” button in the Format Bar and Style Inspector becomes the “Reset” button. See the Users Guide for more information about shared styles.

Step 1

Open the Styles & Clip Art palette. As desired, click the Library icon in the palette toolbar to navigate through the categories of clip arts and styles. Here we are choosing the “Christmas Tree” clip art in the “Holidays & Occasions” category. Click onto the clip art you want to use and place it with Clip Art Stamp [y] tool, or simply drag the clip art from the palette onto your drawing.

To resize any clip art graphic, use the Select [s] tool and drag one of the object handles. Hold the SHIFT-key to maintain the aspect ratio while you drag.

Step 2

Many clip arts in the Artboard library are actually complex graphics made up of multiple objects (some are simple graphics made from a single shape and won’t need ungrouped). With the clip art selected, you will see “Group” listed as the object type in the Geometry panel. Choose Graphic > Ungroup from the main menu. You can see after ungrouping that the star, tree, the tree’s shading, tree trunk, and ornaments are all separate objects.

Step 3

Here we’ve selected the main body of the tree and open the Style Inspector. Click “Clone” to make a copy of the existing style, then click the color-well to change the fill color to blue.

Next, select one of the ornaments. You can see that the ornament is also a group – some complex clip arts may be made from groups of groups! Select each ornament and choose Graphic > Ungroup from the main menu, or right-click and choose Ungroup from the contextual menu.

Step 4

We’ve selected the main circle shape in the ungrouped ornament. In the Style Inspector, click “Clone” and change the colors in the gradient. Click onto the first gradient slider color-well and choose a white color. Click onto the second gradient slider color-well and choose a blue color.

Next, use the Style Dropper [d] tool to pick-up the new gradient style and drop it onto the other ornaments.

Step 5

We’ve also selected the star and made it a bit smaller. Hold the SHIFT-key while dragging the star’s object handles to maintain its aspect ratio while re-sizing.

Optionally, create a new clip art of the graphic that you’ve changed. With the Select [s] tool, click and drag a box over all the graphics to select the objects. Choose Graphic > Group from the main menu to group them into one graphic.

Step 6

Choose Edit > Add Clip Art To Library to automatically create a clip art in the user’s Library.

Final Image

Congratulations! You’ve successfully added a clip art to your drawing, ungrouped and edited it. Now you know the basics to edit any clip art supplied with Artboard. Use your customized artwork with other graphics to finish your drawing. Here we’ve added a rectangle with a gradient in the background, added “Snowflakes” clip art scattered on top, and some text. Thanks for a great first year with Artboard!