Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

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

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

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

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

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…
: Microsoft Office Collaborate for free and online versions of Microsoft  Word, Excel, Powerpoint, OneNote, Onedrive , Email, Calendar etc. In short we can say that Microsoft office is a suite of servers, applications and services developed by  Micr…
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 tricks for more effective scaling of vectors in Illustrator Open a document with vectors to be scaled in Illustrator: Normally, items do not keep their proportions when scaled. To fix this, hold down the shift key…
Suggested Courses

810 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