By Joshua Butts
One of the most painful aspects of working with stock assets from various ﬁles and sources, is that often times, the ﬁles have been exported with the layers ungrouped and the method of exporting causes each layer to be given clipping masks. This can be a major speedbump when trying to add existing assets to a project quickly.
In this tutorial, you will learn how to use the VectorFirstAid plugin to automatically find and remove all unnecessary clipping masks from an object or ﬁle, and have it immediately usable. I will also explain how to clean up an existing asset in it's working format so you have one single clean object.
Before we get started, clipping mask problems are most common with the following types of files:
• Stock Vectors
• Vector Containing PDF's
• Vectors Imported from Indesign
• Files imported from Sketch to Illustrator
• DWG Drawing files
Downloading the stock asset
For this tutorial, we are going to be using a ﬁle from Adobe Stock. I searched "house icon" and downloaded the house in the highlighted image below:
Finding problems with the asset
When downloading stock assets from an online source, you don't always know what you're going to get. Sometimes you will download a clean working ﬁle right out of the box. Alternatively, you may get an object that looks similar to the image below.
To determine if the asset you are working with needs to be repaired, you can click around and look for objects that don't seem to want to be clicked. The bounding box may be significantly larger than an object, or when using the direct selection tool ('A' on the keyboard) some objects may not show their anchor points. When you look a little deeper into what is going on with an object (go to outline mode by hitting Cmd+Y MAC or Ctrl+Y PC), you can see hidden bounding boxes that shouldn't be there.
Setting up the panel
To clean up the artwork, open the VectorFirstAid plugin panel (Window > Vector First Aid> VectorFirstAid Panel). Before you just start clicking buttons, there are a few things to prepare in the settings.
To set up the panel go to (Manual Checkup > Conﬁgure).
I typically prefer to work without taking my artboards into consideration until I'm finished with a project. I'm also often working with symbols, swatches, graphic styles, and empty artboards. I usually don't want them removed even if none of them are in use at the time, so I can use them later if I need to.
I do, however, want to make sure that the 'Remove Unnecessary Clip Groups' is checked for the proﬁle I create. This will make sure that those clipping masks are removed on my imported objects or stock ﬁle. Simply Shift + Click all the operations you prefer to have ﬁxed in this proﬁle, and add them to the right column.
You can also edit the default tolerances for each item, by clicking it and modifying the tolerance at the bottom of the panel. I prefer to use the defaults unless I have a particular reason to modify them.
Click the 'Save As' button and give it a name that makes sense to you. I called this proﬁle 'Repair-Working-Objects'. *You can always go back and delete, rename, or update settings for any proﬁle.
Now that you have your proﬁle set up, you can simply click the object you want repaired, and click 'Check Selection' on the VectorFirstAid panel. Make sure the proﬁle you just created is selected though, Or it will check for the wrong parameters. At the bottom of the panel you can either ﬁx selected errors, or all of them. I usually just 'Fix All' problems.
Finishing the cleanup
All the bounding boxes should now be removed, but that doesn't always solve problems with every object. In the object I'm working with, there are paths that have been automatically closed and filled with white. This isn't always apparent unless you are in outline mode.
To get a flattened and clean object without any extra lines, go to (Object > Expand Appearance) and then (Object > Expand…) .
When using (Object > Expand…) sometimes the Expand panel will appear. Make sure 'Object' and 'Fill' are selected. Then using the pathfinder panel (Window > Pathfinder) merge all the objects together.
To remove the white objects use the Magic wand tool. If you have other objects on your document, make sure the object has been grouped and then Double-Click the object to enter isolation mode. This will prevent those white objects on the document from getting deleted.
Click a white area on your object and all the white objects will get selected. You can then delete them.
Go back to the VectorFirstAid panel, and check the object for errors. There will likely be some unpainted paths. Make sure to 'Fix All' of these or the next step will give you grief.
Go back to the pathﬁnder and 'Unite' all the objects. This will ﬂatten everything together. There will be a few unneeded points created because of that. One last time, check the selection with the VectorFirstAid panel and it will remove all of them.
Success! You have now cleaned up a very messy object and converted it into a clean workable ﬁle that is smaller in ﬁle size, and much easier to make adjustments to. Stock assets will no longer make your regret that adobe stock subscription. This process works in PDF's, SVG's and a variety of other instances.
About Josh Butts
Josh Butts is a Graphic Designer and Photographer. He currently works for a creative agency in Provo, Utah. Through his creative work (usually involving illustration, logo, and web design) he has worked with many people. His Skillshare Channel mostly covers vector illustration, but there are also many other valuable skills there to be learned. Join some of his classes to gain his from valuable experience and improve your design and photography.
Would you like to be our next featured artist? Get in touch!