How To Mask and Crop Images with Complex Objects

Artboard Tutorials

Artboard 1.6+ makes it easy to mask and crop your images with complex vector objects. Here’s how…

Final Image

Below is the final image we will be working towards:

Tutorial Details

Program : Artboard 1.6+ for Mac OSX Difficulty: Beginner Topics Covered: Image Browser and Intersect Estimated Completion Time: 10 minutes

Step 1

Open the Image Browser and drag-and-drop from the Browser to your drawing canvas to place your image. Using Artboard’s flexible drawing tools, draw any shape – from a simple rounded rectangle to a complex outline of the area you want to crop. Here we’ve used the Bezier Path [b]tool to draw an outline around the girl in the picture. We used a simple red stroke with no fill to better see the outline as we traced over the picture.

Step 2

To mask the image with your shape, hold the Shift-key and use the Select [s] tool to select both the image and the shape. Then click the Intersect icon on the Toolbar, or choose Graphic > Combine > Intersectfrom the main menu. An image that is masked still has the original image hidden behind the mask area and is non-destructive. You can double-click the image to reposition it or scale it within its bounding box. An image effects panel is also displayed. If you want to remove the mask, right-click the image and choose “Remove Image clipping path” from the contextual menu.

Step 3

An image with a mask can be permanently cropped to remove portions of the image that are hidden, thus reducing overall file size. Cropped images are resampled to the mask area. To crop a masked image, right-clicking the image and choose “Crop and resample image” from the contextual menu.

Final Image

Masking and cropping raster images in Artboard is as easy as 1-2-3! We hope you enjoy the simplicity of how it works just like the Boolean operations with any vector objects.

Be Sociable, Share!

Related Topics

  1. How To Mask and Crop Images in Artboard
  2. Add Images to Styles in Artboard
  3. An Easy Recipe for Simple Buttons
  4. An Easy Trick for Cartoon Clouds
  5. Editing Artboard’s Extensive Clip Art Collection

Tags: , , , , , , , , ,

2 Responses to “How To Mask and Crop Images with Complex Objects”

  1. mapdiva says:

    Hi Fernando,
    The final image is the result from step #3 (the masked image). I’ve updated it so it is more clear that this is the final result of the tutorial, without the background and ribbon as in the front image. I hope that helps :)
    - Jill

  2. Fernando says:

    I think there`s a step missing – I’m totally new to image editing, and I can’t seem to move from Step 3 to the final image. Nor does your Youtube tutorial covers the matter.

    Would you be so kind as to re-write this how-to in a “for dummies” manner? I’d really appreciate that.

    Thank you for your time.

This site uses a Hackadelic PlugIn, Hackadelic Sliding Notes 1.6.2.