Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
Clipping and Masking are fantastic little operations that can make your complicated objects conform to another element of your design by changing their entire shape quickly and easily. Let's go over the differences, benefits, and some neat tricks in this quick tip.
1. What is Clipping?
Clipping simply uses a selected object/path as a cookie cutter on a second selected object/path positioned below it. This differs from simply cutting a path because clipping can be set and released.
Our blue circle here will be used to clip the apples. It doesn't matter what shape or color you use either.
Once your Clip is in place, head up to Object > Clip > Set to watch the magic happen!
And then our clipped apples are set and ready to use in a design element, such as a circular frame. Clipping is great because you don't need to edit or modify complex objects to get them to fit in odd places, and it's always reversible just by clicking Object > Clip > Release.
2. What About Masking?
Masking is very similar to Clipping, except that Masking refers to the amount of color lightness to set the clipped object's opacity. That's sort of a mouthful - let me show you.
To achieve the same result as we did with Clipping, we would have to make our Mask object completely white. 100% white is 100% lightness, so this means no transparency.
So if we did a gray Mask instead, we would end up with a slightly transparent finished product. This particular gray will yield about 50% Opacity because it contains only about 50% lightness from the RGB spectrum.
Let's compare the two Masking operations we've just done. As promised, the pure white mask gave us a simple clip with no transparency. On the other hand, check out our gray mask results - it is indeed transparent.
3. Use Strokes to Clip
A neat little trick is using the stroke of an object as a mask, or to clip. In order to do this properly though, we need to head up to Path > Stroke to Path.
With that all in place, we can now go ahead and Clip or Mask successfully by using a Stroke. Neat stuff!
4. Gradients as Opacity
Now that we know the difference between Clipping and Masking, let's use Masking opacity options to our advantage. We can use a gradient to trim and fade an object out. Let's give this a try on a group of objects, Control (G).
Now it's time to create our mask. I have a simple three stop gradient with white, white, and black. You can use the Gradient Tool to adjust your stop positions as necessary. Apply this gradient to a shape like I have with this ellipse below. As you can also see, my masked is positioned and ready to go!
Once we Object > Mask > Set, you'll end up with something cool like this.
Of course, this particular shape and gradient is just for demonstration purposes, but I suppose we could do something that takes advantage of our new curve like... fruit in a basket maybe.
That Should Do It!
As you can see, Clipping and Masking are both very simple operations in Inkscape that can be used to create very dynamic drawings. Try using these fantastic options in your next design and see how much easier it makes things!