Mask Till You Drop: Free Illustrator Tutorial

Topics Covered in This Illustrator Tutorial:

Clipping Masks (shapes), the Blob Brush Tool, the Eraser Tool, the Reflect Tool

Exercise Preview

Exercise Overview

Master one of Illustrator's most powerful features with the Clipping Mask function! This hands-on exercise demonstrates how to seamlessly fit complex patterns and artwork within intricate shapes—a technique essential for professional logo design, branding work, and advanced graphic compositions. You'll learn to control exactly what portions of your artwork are visible, creating sophisticated visual effects that would be difficult to achieve through other methods.

1. In the Illustrator Class folder, open the file Mask Till You Drop.ai.

2. Zoom out using Cmd/Ctrl + minus or the zoom tool so you can see all objects to the right of the artboard. This gives you the full workspace needed for this exercise.

Arranging Artwork to Be Masked

Before creating any clipping mask, proper arrangement of your elements is crucial. The topmost object will define the mask's boundaries, so strategic layering determines your final result.

1. Choose the Selection tool from the toolbar (or press V).

2. Drag the path of the shield over the orange ray background, positioning it where you want the final masked artwork to appear.

3. Drag the airplane into place inside the shield outline. Position it centered slightly to the right and toward the top of the shield outline, as shown in the preview image. Take time to get this placement right—it's harder to adjust after masking.

4. Select the path of the shield, then go to Object > Arrange > Bring to Front. This ensures the shield will act as the masking shape rather than being masked itself.

Applying the Mask

Now comes the magic moment where separate elements become a unified, masked composition. This technique is fundamental to professional design workflows.

1. Use the Selection tool to select the shield, the plane, and the background. You can Shift–click each object individually, or drag a selection marquee from the top left over all objects to select them simultaneously.

2. Go to Object > Clipping Mask > Make (or use the keyboard shortcut Cmd/Ctrl + 7 for faster workflow).

3. Deselect everything by clicking in an empty area to see the transformation! Notice how the shield's outline now defines the visible boundaries of all masked elements. This is the core principle of clipping masks in action.

4. The shield edge needs definition, so we'll apply a stroke to the mask. With the Group Selection tool , click directly on the shield outline path to select just that element within the mask group.

5. In the Properties panel, locate the Stroke section and set the weight to 15 pt. This creates a substantial border that will help define the shield's shape.

6. Apply the Brown Shield Edge swatch to the stroke. Hover over swatches to see their names, making color selection more efficient. Press Return/Enter to close the Swatches panel and maintain a clean workspace.

Editing Shapes with the Blob Brush

The Blob Brush represents a unique approach to digital drawing—unlike traditional brush tools that create stroked paths, it generates complete filled shapes. More importantly, it intelligently merges with existing objects of the same color, making it invaluable for organic shape editing and artistic refinements.

1. With the Selection tool , select the leaves artwork to establish which object you want to modify.

2. In the Tools panel, choose the Blob Brush tool . You may need to click and hold the Paintbrush tool to reveal it in the tool group.

3. Double–click the Blob Brush icon to access the brush options dialog, where you can fine-tune the tool's behavior.

4. Configure the following settings for optimal leaf-editing performance:

   Size:	4 pt
   Angle:	–48°
   Roundness:	80%

5. Click OK to apply these settings.

6. Enhance the leaf artwork by painting with the Blob Brush to extend the stem, making it longer and more naturalistic. Refer to the example image for guidance, but don't hesitate to add your own artistic interpretation.

7. Experiment with the Blob Brush on other leaf elements to refine their shapes. Use the Eraser tool strategically to correct any overextended strokes or to carve out detailed leaf serrations and natural variations.

   Blob Brush vs Paintbrush Tool

   Feature	Blob Brush	Paintbrush
   Output Type	Complete shape	Path with stroke
   Merging Ability	Adds to existing same-color objects	Creates separate paths
   Best For	Shape editing and extension	Line work and details

   Recommended: Use Blob Brush for extending and modifying existing shapes seamlessly

   Blob Brush Settings

   Size: 4pt

   Controls the width of the brush stroke for precise editing work.

   Angle: -48°

   Sets the brush angle to match natural drawing motions for organic shapes.

   Roundness: 80%

   Maintains slight elliptical shape while keeping brush strokes smooth and natural.

Masking a Pattern

Pattern masking takes clipping masks beyond simple shape containment, allowing complex textures and patterns to be precisely controlled within custom boundaries. This technique is essential for sophisticated design work.

1. With the Selection tool , select the completed leaves artwork.

2. Drag the leaves over the brown textured rectangle, ensuring the leaves are completely contained within the rectangle's boundaries. Any portions extending beyond won't be visible after masking.

3. Shift–click the rectangle to add it to your selection. Both objects should now be selected.

4. With both objects selected, execute Object > Clipping Mask > Make. The textured pattern now appears only within the leaf shapes, creating a sophisticated organic texture effect.

5. Drag the masked leaves into position underneath the shield, establishing the compositional foundation for the final design.

6. With the leaves still selected, go to Object > Transform > Reflect to create a symmetrical composition element.

7. In the Transform dialog, verify that the Axis is set to Vertical for proper left-to-right reflection.

8. Click Copy (not OK) to create a reflected duplicate while preserving the original. This maintains flexibility for further adjustments.

9. Drag the reflected leaf copy to the opposite side of the shield. Pro tip: Hold Shift after beginning your drag to constrain movement to perfectly horizontal alignment.

10. With the new leaves still selected, Shift–click the original leaves to select both sets simultaneously.

11. Execute Object > Arrange > Bring to Front to ensure both leaf sets appear in front of the shield artwork, completing the layered composition.

12. Congratulations—you've mastered multiple advanced Illustrator techniques! Save your completed work as yourname-Mask Till You Drop.ai to preserve your progress.

13. In the save dialog, maintain the default options and click OK. These settings ensure maximum compatibility and preserve all the advanced features you've implemented.