?
Solved

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

Posted on 2008-06-18
4
Medium Priority
?
172 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 2000 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

HOW TO WARP A RASTER IMAGE AND ADD A REFLECTION USING ADOBE ILLUSTRATOR This tutorial is for experienced to advanced Adobe Illustrator users. Tools and Techniques that will be used in this Tutorial: Flatten Transparency (A) Envelope Distort (B…
Because of still there more are people in the world using Adobe Illustrator older versions like CS & CS2 I wish to forward this article.. Since a long time Adobe Illustrator CS, CS2 has released, sometimes that there was a problem when someone tr…
In this tutorial viewers will learn how to create a seamless pattern in Illustrator Open a new square document: Draw/import icons and images (for this tutorial I'm using original images): Arrange on the artboard: Select all objects, then go to Objec…
In this tutorial viewers will learn how to use the Pathfinder tool in Illustrator to create advanced shapes Draw two shapes: A circle and a rectangle: Select both shapes, hold down the Alt key, click and drag to create 4 copies.: Select the first pa…
Suggested Courses

765 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