How can I make a pattern transparent in Illustrator, when the elements in the pattern are overlaid and should not show through?


Question

I have made a seamless pattern from these elements. The elements rely on solid white fill in order that they overlay without showing through. However, I need to make a transparent PNG file of the pattern for use in a website. So far I have not figured out a way to do this. Any help gratefully received (p.s. I'm fairly new to Illustrator). enter image description here

1
0
9/24/2015 11:13:00 AM

Accepted Answer

Making opaque areas (or any other color in fact) transparent is pretty easy:

  • Expand strokes, and apperances
  • Apply Trim in pathfinder
  • Ungroup
  • Use either the magic wand tool to select white or selecta white object and choose Select → Same → Fill Color
  • Delete

You can then proceed remaking it into a pattern.

enter image description here

Image 1: Screenshot after procedure, green box in background show effect (and grid too)

An alternative method is using a little known feature in illustrator:

  • Make the white fill part of objects transparent (in transparency panel). Note do not make it no fill. You can also do this for strokes.
  • Group
  • In transparency pane check Knockout group

You now have mostly the same but haven't needed to expand the shape which means you could affect line thickness etc.

enter image description here

Image 2: Showing method 2. with rings selected to show that they in fact are intact

Again you can go ahead and make a pattern out of this shape

1
9/24/2015 4:07:00 PM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^