Welcome to cryan.com
ArtBoard Blog Posts

Useful ways on using Artboard

ArtBoard Blog Posts

Useful ways on using Artboard

May 25, 2016

Adding Drop Shadow to Images

The standard way to add images to your Mapdiva's Artboard project is to simply drag and drop images to the ArtBoard document window. I have recently learned that I am better off using shapes for more control - including adding drop shadows.

The first few times that I was using ArtBoard, I couldn't figure out how to do anything with images. Then I discovered the Image Adornment feature and shapes. It's a pretty powerful feature of Artboard and worth exploring.

Adding drop shadow is just one small functionality that users can do.

Simple steps to add Drop Shadows in ArtBoard

  1. Create a Shape (Rectangle, Round Rectangle, Circle)
  2. Drag the image that you want to use on that shape.
  3. Adjust the image/shape to how you want it.
  4. Add the Glow/Drop Shadow style to the stroke

Paper Airplane Days

Once you drop the image to the shape you have three options on the shape/image adjustment:

  • Fit to Object - will stretch the image so that it fills the shape.
  • Fit Maintaining aspect ratio - Keeps the image aspect ratio within the shape.
  • Scale - make the image bigger or small within the shape.

For a simple drop shadow/glow effect, I find that setting the option to "Fit Maintaining aspect ratio" is the best option, and then adjusting the object around the shape.

There are a few things to note when using images in ArtBoard:

There's no way to fit the shape to the image. That is, there's no way to adjust the shape to fit the exact image size. It takes a bit of skill to get it to be a perfect fit. (This is true with ArtBoard 2.0)

When you export the image, as selection only, the drop shadow also gets exported. The default color and position is perfect for most needs./

The good thing about using this method is that you can make sure that the image fits certain dimensions.

May 18, 2016

Custom Arrow Annotation Effects

One of the things that I like about ArtBoard is the ability to create cool looking arrows to point something out. In other annotation base applications, you don't have much control. You simply have a straight line with an arrow at the end.

Napkin ($39), a cool looking image annotation and markup application, and one of the most expensive annotation tools available, has very little control over the arrow tail. I have learned that learning a bit how ArtBoard works can produce some nice effects.

Here's an example of using ArtBoard (on the left) and the common annotation tools:

Click on image for a larger version.

Simple Reproduction Steps

  • Using the Pen tool create the Arrow tail that you want.
  • Using the "Styles and Clips Art" dialog and select the Artboard Collection, then Brush, Pens & Marker Strokes, and Arrows
  • Drag the arrow that you want on the line you created.
  • Make some minor tweaks to the line and the line width.

Art Board Arrows
The ArtBoard default arrows collection has some good options. Check out the ArtBoard Style Components for other creative arrow stroke ideas.

It does take some practice getting a nice smooth line. The smooth line functionality does help a bit (Edit > Path > Smooth).

The net results is a much cooler image attachment to all those bug reports. This is something that I would use for every bug I found, but for the occasional hard-to-find bugs, it's a great way to have the bug report stand out.

May 11, 2016

ArtBoard Hand on Exercises

One of the features that I like about ArtBoard is the 'Hand on Exercises' where you can learn about Drawing Paths, Drawing Shapes, Combining Shapes and Bezier Paths.

Drawing Paths

These Hands-On Exercises are a great way for people that want to learn how to use the Pen tool to create shapes. After spending a few minutes with these simple exercises I learned a lot about the proper way to create shapes from paths.

"Before these exercises I could never figure out how to do anything with the pen tool. Now I understand how it works!"

The "Hands on" exercises are basically instructions on individual PDF documents. When a user selects the instructions from the 'Open' menu, ArtBoard opens the PDF on a non-editable layer in ArtBoard. All of the exercises are available in the trial mode of ArtBoard. There are no extra exercises once you purchase ArtBoard.

Here are some details of each of the exercises:

Bezier Paths Exercise

This exercise sheet give you a couple of Bezier paths to try out using the Bezier Path Tool [b]. Users start by learning how to make a simple 's' shape type of path, then you learn how to make a closed loop path by creating a fish using the Bezier Path tool.

Combining Shapes Exercise

This exercise sheet educates users all about ArtBoard Combining Shape functionality. Users learn all about creating different shapes when you interact different shapes.

Drawing Paths Exercise

This exercise sheet lets you practice the fundamentals of paths. At the end of the seven-part exercise shows you learn how to create straight line, Arc, Bezier Path, Freehand Line, Cut Path and Edit Path.

This exercise is great to start for anyone interested in learning how to properly use the pen tool.

Drawing Shapes Exercise

This exercise sheet teaches you the fundamentals of using shapes in ArtBoard. You'll learn how to create rectangles, ovals, round rectangle, round-ended rectangle, irregular polygon, regular polygon, wedge & arc. At the end of the exercise, you'll get a better understanding on using shapes in future designs.

Training Exercises Summary

The good thing about the exercises is that they are always available. Anytime you need a refresher on how to use the pen tool, you can just open up the Paths Exercise and learn some of the fundamentals.

The exercises are very simple to learn. The fact that Mapdiva took the time and created theses tutorials tells me that they want you to get the most of ArtBoard.

May 11, 2016

ArtBoard 2.0

This week The Mapdiva Team announced the release of ArtBoard 2.0:

Art Board Boxes

Artboard 2 puts quality graphic design tools squarely within reach of new and experienced creatives.

  • New tabbed interface provides 'at-your-fingertips' access to functions through the Styles Tab, Geometry Tab, Text Tab and Layers Tab.
  • New object features, such as Divide objects and Skew objects, and more.
  • Enhancements to Smart Shapes, such as individually squared corners on round-cornered rectangles, makes them even smarter.
  • Export options now include exporting drawing, individual layers, Slices, and selected objects.

There appears to be no upgrade path for anyone that purchased the software recently. There is an introduction period discount. Users can now purchase ArtBoard 2.0 for $29.99.

I haven't decided if it's worth upgrading to 2.0, or going with another solution that has more EPS support.

May 4, 2016

EPS in ArtBoard

Art Board

One of the downsides of using Mapdiva's ArtBoard is that it don't fully support vector EPS. Which means that when you include an EPS file in an ArtBoard document the image will be rasterized. You can't change the vectors in the EPS. This is an issue when you purchase an EPS file that contains multiple objects from CreativeMarkets and InkyDeals.

ArtBoard is currently working on a new version to be shipped sometime this year. They haven't announced if they will support vector EPS files. However, in the Mapdivia forums, various ArtBoard authors have indicated that EPS support isn't a primary use of the application.

As to whether this is important, the majority of our target customer base do not care about it - Artboard and Ortelius are not intended to compete with Illustrator for graphics professionals. ~ Graham "Keymaster" on April 1, 2012 at 1:53 am

ArtBoard does support SVG, and there are some graphic libraries available for that, such as openclipart.org. However, not all SVG files are the same. Some of the files were created as raster graphic files in SVG format.

There is no way to tell the difference between a rendered graphic SVG and a vector graphic file. If you're using openclipart.org, look for vector in the image description.

On Mapdiva Blog, they talk about two ways to properly open an SVG file. When dealing with an SVG file that has multiple objects, such as the linear.SVG, I find the best way is to drag the SVG file to the ArtBoard application. This opens the file allowing you to select the object that you want to use.

If you open the file via the Graphic tool, the SVG file will open as a rendered image. The reason why you don't want it rendered is because you can scale vector images better.

ArtBoard looks to be a cool application and I am looking forward to learning all about the capabilities. As I learn something new, I'll be sure to share it here every week.