I created the attached icon for my client. Now my client wants to have the original AI file and he asked me to make a template so that he can change the flag in shades anytime he wants.

I was wondering if there's an easy way to do it? so that even a person having a little knowledge of AI can do that.

Thanks in Advance

enter image description here

  • So this might not fit the use case, but the first thought I had, was an .svg file: Jsfiddle example. There are some online svg editors, but at the same time I kinda felt like.. Might as well use illustrator to do it.
    – Joonas
    Commented Oct 3, 2014 at 18:53

1 Answer 1


By using Clipping Masks and locking your layers, that's how I would do it.

Here is a sunglasses(ish) shape that I just made.


Copy the two circular paths that make up the lenses and past them in place. I have hidden the frames, so you can better see the lens circles.


Place the design that you wish to have fill your lenses below everything else (doesn't really need to be below everything else, just the lenses).


Now, with the lens circles and the lens design both selected (make sure that the circles are on top of whatever you want on your lenses).


Create a clipping mask


Giving you this

end result

Then, just lock the layers that you don't want mistakenly altered.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.