How to Create Swirling Paths of Bubbles in Artboard

Artboard gives you the power to create advanced styles that go way beyond simple fill and stroke. Here we show a simple way to create paths of bubbles for using under water or to float through the air. Read more

Mapdiva Releases Artboard 1.4 Vector Graphics for OS X Lion

Artboard 1.4 is now available as an update on the Mac App Store. This is mostly a bug-fix release, with only a few user-visible changes. We’ve removed some unimportant preferences and changed a couple of the defaults as well. There are some new commands for collapsing and expanding handles on a path,
and some of the path commands were added to the contextual (right-click) menu. A new preference was added to allow you to have larger handles and controls on objects if you wish.

• Adds ability to directly collapse and expand handles on a path.
• Better precision in the mouse coordinates toolbar widget.
• Polar Duplicate calculates the angle needed for a circle for you.
• Tool keyboard shortcuts made case insensitive.
• Warning when using transparent colours in a gradient.
• Copy of objects made greatly more efficient, especially for large objects, or when the selection covers a large area of a drawing – no spinning pizza!
• Some unnecessary preferences were removed.
• Some defaults were changed. In particular, Lion features Autosave and Versions (which were present in 1.3, but OFF by default) are now ON by default. They may still be disabled if you dislike Lion’s document management.
• Changed the meaning of “hairline” width in the format bar – now 0.1pt, not 0pt.
• Added path commands to the contextual menu that appears when right-clicking on a path.
• Fixed bug with allowing locked objects to be moved to another layer.
• Fixed bug with display of radius and diameter dimension lines.
• Fixed bug with display of 0-width orthogonal lines.
• Fixed bug with dash patterns having all-zero values.
• Fixed bug with display of layers sidebar when resuming after quit.

Your Ratings Help Us Succeed

Ratings on the Mac App Store are an integral part of an app’s success. Even if you’ve rated Artboard in the past, please take a moment and update your rating for the current version. As always, if you have any questions or concerns feel free to post a question on this forum or drop us a line directly http://www.mapdiva.com/about/contact-us/ – we’re here to help.

Create Colorful Kaleidoscope Patterns with Artboard’s Polar Duplicate

This geometric pattern looks like mosaic tiles blooming into an intricate flower pattern. Better yet, it is deceptively simple to create using Artboard’s Polar Duplicate function. Inspired by the hip textiles of Verner Panton, this awesome design is made up of squares, increasing in size as they move outwards and creating an abstract, kaleidoscope-like form. Here’s how.

Tutorial Details

Program : Artboard 2.0 for Mac OSX
Difficulty: Intermediate
Topics Covered: Polar Duplicate; Style Inspector
Estimated Completion Time: ~15 minutes

Step 1

Choose File > New from the main menu. Turn on Graphic > Snap To > Graph Paper in the main menu.

In the Styles & Symbols palette, choose a stroke style (any color) from the “Basic Strokes & Fills” category. Using the Straight Line [l] tool, hold the SHIFT-key and draw a vertical line down the center of your drawing canvas. When you hold the SHIFT-key it constrains the angle of the line making it easier to get the line perfectly vertical. Hold SHIFT-key and draw another line horizontally across the center of the drawing canvas. We’ll use these lines as reference to center our pattern (alternatively, you could use Guide lines…).

Step 2

Choose a solid color fill from the “Basic Strokes & Fills” category in the Styles & Symbols palette (we’re using Maraschino red). Use the Rectangle [r] tool and hold the SHIFT-key to draw a small square – about 1-cm square (if you are using different drawing units this will be different) – aligned along the right side of your reference line. With the square still selected, double-click onto the “Angle” setting in the Geometry panel and type “45” to rotate the square 45-degrees. Click onto your drawing canvas to return the focus back to to your drawing.

Step 3

In this step you’ll create several copies of the square positioned around in a circle. Use the Select [s] tool to select the square. Choose Edit > Duplicate > Polar Duplicate… from the main menu. You have the option to enter X,Y coordinates for the center point of the circle, or to set the center by clicking the drawing at your desired position – we’ll use the point-and-click method. First click the “target” button in the Polar Duplicate dialog, then click onto your drawing at the center point where your reference lines cross. The X,Y coordinates at your click position will automatically be entered for you.

Next, type  to make “11” copies of your selection (there will be 12 total). Click into the “Angular Increment” box and it will be calculated for you based on how many copies you are making.Make sure “Rotate copies around center” is still checked. Click “Duplicate.”

If your squares are too close together, try making the starting square smaller or position it a bit further from the center.

Step 4

Use the Rectangle [r] tool to draw another square, slightly larger than your first – approximately 1.5-cm square. In the Geometry panel, set the rotation angle of the square to 30-degrees. Use the Select tool to move the square so it sits above and to the right of the first square.

Step 5

With the new square still selected, choose Edit > Duplicate > Polar Duplicate… from the main menu. This time, Artboard remembers the previous center point, so only enter “11” copies, click into the “Angular Increment” box to calculate 30-degrees. Make sure “Rotate copies around center” is still checked. Click “Duplicate.”

Step 6

Repeat steps 2 and 3 using a slightly larger square (about .5-cm larger each time) positioned slightly further to the right of the first square. Repeat step 5 to polar duplicate.

Step 7

It’s really starting to take shape now. Repeat steps 4 and 5 using again a slightly larger square than the previous. In this screenshot we’ve made the original four squares blue to help you visualize their final arrangement. Delete the reference lines.

Step 8

Congratulations! You have finished making an awesome geometric pattern!

Now you can spice up the pattern by changing the colors and styles of the squares that make up the pattern. It’s a playful pattern so experiment and have fun. Once you’re ready, you can select-all and group the mosaic to save as a clip art for future use. You can even combine several groups into interesting new formations.

For our final image, we made an new fill style. We selected and copied the pattern, then pasted it as an image in the Style Inspector- Expert pane for a Fill style component. We also added a Gradient Fill style component as a background. We could name and save this completely new style to apply to any shape – spectacular!

Final Image

This colorful kaleidoscope design shows how you can create interesting patterns quickly with Artboard’s Polar Duplicate function. We hope you have fun experimenting with your own designs. We’d love to see what you come up with!

Artboard 2 collection speech bubbles

Speech & Thought Bubbles Included with Artboard 2

Choose from an assortment of speech and thought bubbles to use with your drawings and photos. Drag from the Styles & Clip Art palette onto your drawing, then double-click with the Select [s] tool and type your text. Since they are fully editable vector graphics, you can change  the text and also edit the shape, size and style.

Terms of Use

Creative Commons License Media (e.g., templates, clip art, styles and symbols) provided by Mapdiva LLC are licensed under a Creative Commons Attribution 3.0 Unported License unless otherwise noted. This allows licensees of Mapdiva software to reuse those media for integration within their own work, both personal and commercial; however, Mapdiva reserves fully and unconditionally all trademark, branding and redistribution rights associated with the original media. Attribution to Mapdiva.com is requested, however not required.

Artboard 2 collection holidays occasions

Holidays & Occasions Clip Art Included with Artboard 2

These Holiday and Occasions clip art include graphics for Valentine’s Day, Easter, Hanukkah, Christmas, and more. These styles & clip art are among the wide assortment of fully editable vector clip art and custom styles included in the built-in Artboard Library. Note, some clip art are made from multiple objects and should be ungrouped before editing.

Terms of Use

Creative Commons License Media (e.g., templates, clip art, styles and symbols) provided by Mapdiva LLC are licensed under a Creative Commons Attribution 3.0 Unported License unless otherwise noted. This allows licensees of Mapdiva software to reuse those media for integration within their own work, both personal and commercial; however, Mapdiva reserves fully and unconditionally all trademark, branding and redistribution rights associated with the original media. Attribution to Mapdiva.com is requested, however not required.

Surprisingly Easy Stitched Style Icons in Artboard

We all love icons, especially when they are so simple to make! Find out how to make this icon using Artboard’s powerful stacked styles and two simple shapes.

Tutorial Details

Program : Artboard 1.x+ for Mac OS X
Difficulty: Intermediate
Topics Covered: Style Inspector
Estimated Completion Time: ~15 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 a new drawing. With the Round Rectangle tool, hold the SHIFT-ket and draw a rectangle about 5-cm x 5-cm square (it will be different if you are using a different drawing units). Holding the SHIFT-ket constrains the aspect ratio to make a perfect square. As needed, you can adjust the size in the Geometry pane.

Step 2

Use the Select[s] tool to select the square and open the Style Inspector – Expert pane. (EDIT: As of Artboard 1.3 the “Simple” and “Expert” buttons have been removed from the Style Inspector (it edits all expert styles by default).) With the shape shape still selected, click “New” to create a new style from scratch. Click onto “Fill” in the components list then click the “-” button to remove the component. Click onto the remaining “Stroke” in the style components list. Click the color-well to change it to a light grey color (we’ve used RGB 206,206,206). Adjust the line width to about .6-cm and check to add a shadow. Adjust the shadow as desired.

Step 3

With the shape still selected, click the “+” in the Style Inspector and add a “Gradient Fill” style component. Click onto the gradient slider color-wells to change the colors to a red and dark red color (we’ve used RGB 218,36,24 and 130,22,15 respectively). In the gradient-well, hold the SHIFT-key and move the rotation handle so the gradient angle is 90-degrees (holding the SHIFT-key constrains the angle to 15-degree increments).

Step 4

Next, we’ll add some stitching. Click the “+” in the Style Inspector and add a “Stroke” style component. Click onto the color-well to change the color to a light brown color (we’ve used RGB 127,124,88). Adjust the line width as needed to about .035-cm. To make the line dashed, choose the long-dash from the dash drop-down list. Adjust the offset slider to about -.2cm (you may need to make this a positive number depending on the direction you drew the square). Click the “Transform” button and set the “Y Offset” to .02-cm.

Step 5

Add a second lighter dashed line to give the stitching some depth. Click the “+” in the Style Inspector and add a “Stroke” style component. Click onto the color-well to change the color to a light yellow color (we’ve used RGB 255,247,176). Adjust the line width as needed to about .035-cm. To make the line dashed, choose the long-dash from the dash drop-down list. Adjust the offset to about -.2-cm.

Nice job. We’re nearly finished already!

Step 6

Next we’ll add a nice shape to sit on top of our square background. From the Styles & Clip Art palette, drag a shape onto your drawing canvas. We’ve used a heart from the “Shapes” category. Adjust the size by holding the SHIFT-key and dragging the object handles. Drag to position over your square. As needed, use Graphic > Align >… in the main menu to precisely align the shapes.

Step 7

With the top object selected, click “New” in the Style Inspector – Expert pane. Click onto “Stroke” in the style components list and click “-” to remove it. Click onto “Fill” in the style component list and change the color to a dark gray (we’ve used RGB 74,74,74). Click onto the “Transform” button and set the “Y Offset” to .05-cm. The offset will give this top shape just a subtle bit of depth.

Step 8

Click the “+” button and add a Gradient fill. Make the first color stop white and the second one a light grey (we’ve used RGB 255,255,255 and 204,204,204 respectively. Rotate the knob in the gradient-well to 90-degrees.

Step 9

Finally, we’ll add some light stitching to this shape. Click the “+” and add a stroke style component. Change the color to a medium grey (we’ve used RGB 128,128,128). Set the line width to about .03-cm and choose a long dash from the dash drop-down list. Adjust the line offset to about .117cm (note, depending on the shape you are using, you may need to make the offset a negative number).

Final Image

Congratulations! With only two shapes and the use of Artboard’s powerful stacked styles, you’ve created a handsome stitched style icon. As desired, you can save the styles to My Collection in the Library Manager for later re-use. Use the Style Dropper to quickly apply the styles to a wide variety of shapes and create an array of unique icons. You can also group the shapes then choose Edit > Add Clip Art To Library to save as clip art for later re-use.

Here we’ve applied our style to text that was converted to shape, and to a few other shapes in the built-in clip art Library. Have fun exploring with your own colors and shapes. We’d love to see what you come up with!