How to transform full icon to outline icon?

Forum|Forum|5 years ago
September 24, 2020
2 replies
2657 views

Hello.

I created an icon with Adobe Illustrator that is similar to the instagram icon that is shown on the left side.

What would be the easiest way to transform that icon to the outline version that is shown on the right side?

In other words, how to take the background color from left and put it as the actual color of the icon on the right side?

Thanks!

This topic has been closed for replies.

Correct answer Ton Frederiks

I would draw the parts in black, create the gradient and use the Mask option in the Transparency panel.

Jacob Bugge

Community Expert

T,

If you have created the full icon with white stroked parts on a colour transition background, I believe you can select the white paths and scale up as desired with Scale Strokes & Effects unticked, then adjust the Stroke Weights if/as desired (you could increase it for the dot and make it the same for the outer and inner paths to make it correspond to the image on the right), then Ctrl/Cmd+8 to turn them into a Compounsd path, then also select the background and Ctrl/Cmd+7 to create a Clipping Mask.