Home / Articles / Adobe Illustrator / Vector and Raster: A Marriage Made in Illustrator

Vector and Raster: A Marriage Made in Illustrator

Article Description

Illustrator has long been known for its vector prowess, but did you know that it also plays well with raster? Brian Wood, web developer and author of Adobe Illustrator CC 2014 Classroom in a Book , will take you through a tour of the raster capabilities of Adobe Illustrator.


One of my favorite (and more useful) ways to use raster images in Illustrator is to apply a mask. A mask is a way to hide part or all of an image—using a solid or transparency (alpha) mask.

Here’s how we create a simple mask for an image:

  1. With the Selection tool, select the image you want to mask.
  2. In the Control panel, click the Mask button. This creates a vector shape the same size as the raster image and applies it as a mask (see Figure 6).

    Figure 6

    Figure 6 Creating a simple mask for an image

  3. You can then edit the mask with the Selection tools. If you want to edit the image within the mask, you can click the Edit Contents button on the left side of the Control panel and edit the image (see Figure 7).

    Figure 7

    Figure 7 Edit a simple mask

Here’s how we create a transparency (alpha) mask:

  1. Create a vector shape that will become the mask.
  2. Apply a black/white gradient fill to the shape. You can edit it later.
  3. Place the gradient-filled shape over the raster image and select both objects.
  4. In the Transparency panel, click Make Mask (see Figure 8).

    Figure 8

    Figure 8 Make the transparency mask

In order to edit the mask, you click the mask thumbnail in the Transparency panel. You can then select the mask shape on the artboard and make changes. Make sure you select the image thumbnail in the Transparency panel to continue working (see Figure 9).

Figure 9

Figure 9 Reselect the image thumbnail

3. Editing Raster in Illustrator | Next Section Previous Section