Solved

Getting rid of the white in an object with the glass effect in Illustrator

Posted on 2008-06-18
4
171 Views
Last Modified: 2013-12-02
There are several other effects as well that create nice effects but leave the white where the holes or jagged edges are created. Is there a way to get rid of the white or make it transparent so that an object or shadow beneath it shows through the holes and/or edges?

Thanks!

John
0
Comment
Question by:gabrielPennyback
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 10

Expert Comment

by:Savong
ID: 21817512
Is this when exported to another program?  If so saving to a PNG file with the appropriate size should be viable.  If not some more info would be helpful.
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 21818791
No, this is for working within Illustrator. take a look at this file. I want all white areas to be transparent  so that any object below the glass-effected object would show through the white areas, and the shadow follows the shape of the object minus the white areas.

http://www.discretedata.com/Ex-Ex/GlassEffect.ai

Thanks,
John

0
 
LVL 10

Accepted Solution

by:
Savong earned 500 total points
ID: 21823606
I couldn't find a good clean way to do that.  I found two options that worked fairly well, but the compromise was either not getting quite the right effect, or several added steps.  Note that I'm using CS3 here, not sure which version you have.

The first way was to go with Effect > Distort & Transfrom > Roughen.  Tweak to approximate glass.  This gives something kind of approximate, but not really the same look.

The second way took several steps, not sure if there's a simpler way, but this did get the right final result.

1. Set fill to black, and no stroke on the object with the glass effect, remove the drop shadow for now.
2. Object > Expand Appearance, then ungroup once (this should give us a bitmap representation).
3. Object > Live Trace > Tracing Options, tweak until it looks about right.  Make sure to check "Ignore White"
4. Object > Expand, then re-apply your styles from earlier (fill, shadow).

This should give the closest result, but as you can see it's not the simplest.  Hope that helps some.
0
 
LVL 1

Author Comment

by:gabrielPennyback
ID: 21833948
Thanks, Savon. I couldn't figure out (I should know by now!) how to convert my object to a bitmap, and I never got Tracing Options as an option. BUT your mention of bitmap gave me the idea of copying and pasting my object into Photoshop as pixels, not a smart object or path (after removing the shadow of course).  From them it was a simple matter of using color range to get rid of the white, and exporting the image as a png, opening it in Illustrator and adding the shadow!  A little inconvenient, but worth it for the perfect results.

Thanks!

John
0

Featured Post

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article, I’ll explain how I make a clipping mask out of several separate vector objects by using the Compound Path option in Adobe Illustrator. A compound path in Illustrator allows grouping of separate objects into one set of vector paths t…
In this article I share how to make a vector texture from a digital image. Vector textures are useful because they are scalable without losing in image quality. I'll be using Adobe Photoshop to adjust the highlights and contrast of a digital imag…
In this tutorial viewers will learn how to use the align and distribute tools in Illustrator. Open a document with multiple shapes to be aligned: Open the Align window by going to Window > Align or using the shortcut icons on the top bar of Illustra…
How to make a clipping mask out of several separate vector objects by using the Compound Path option in Adobe Illustrator.

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question