Thursday, November 28, 2019

website design - Making parts of Illustrator logo transparent - rather than faking it with the background color



So a designer has given me some logos (for the web) which are white on a blue background. She has, however, added blue paths to the shape to make it match the background.


I would prefer to change these blue parts to be transparent.


One path is just a circle that should really be a circle cut out of the main image. The other path is a circle where the border only is blue. So the main image has a ring/"o" shape that should be cut out.


I don't know enough about Illustrator to figure this out. I've tried clipping mask but that's not what I want. Would there be an easier way to just take the image into Photoshop when I'm saving it for the web, and remove the color then? I don't want to have any fringes of color left if I go with that method.


Example: This image should have the teal parts be transparent. Right now they are just extra shapes on top of the white part



Answer




  • Select the icon

  • Choose Object > Expand Appearance (if available)

  • Choose Object > Expand (if available)


  • Click the Merge button on the Pathfinder Panel


The above turns all strokes into shapes, then removes any overlapping objects. This will essentially give you a set of perfectly aligned blue and white shapes with appropriate "holes" in any areas where you would expect them, like the camera lens and viewport in your sample. Now, it's simply a matter of selecting the blue and deleting those shapes leaving holes in the white.


I'm sure if you explained to the designer you need correct shapes, they would adjust for you.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...