Transparency on vector Sparkle

[lucyy65904683]

I have an issue with the sparkle AI file. When I pull it into Illustrator and start removing the background stuffs and copy to another new document, it has black around it and I just dont know how to make this work. I know people do it. Need help!!

[Monika Gause]

Please see this video I made about it: https://youtu.be/Tiqm5hdQA5A

[lucyy65904683]

Like on this document it looks fine and good to use. But when I copy and paste to the other document. 

It doesn't show any gradient glow effect anymore. I tried to change the Transparency to Screen or keep the plaid template below but nothing helped. Since i use the "Christmas Glow Light" so it is more than 1 glow objects so I coulnd't change the gradient itself too .

Please see the attached belowother documentoriginal

[Jason Burnett]

I originally replied to this conversation without reading the first post that was made in the InDesign forum. Now that I understand that you are talking about an .ai file from a stock photo company, this is much easier to handle. The problem with the image you are seeing is that in order to show the effect of the sparkle, it needs some sort of background. Whoever set up the store where you purchased it decided the sparkle would be most identifiable on the default background in the Illustrator app.

When you are placing the image in InDesign, you need an .svg or .eps file. I have always used .eps, but the admin who closed this original thread in InDesign emphatically stated not to use .eps without any explanation. 

inside Illustrator, you can select File > Export > Export As... and choose .svg to save the file in a generic vector graphics file. Then import the .svg file in InDesign using place artwork. It should retain its transparency then.

My original answer didn't have the context that your original post or at least an almost identical post in InDesign had. I'll leave it in case someone else finds it useful.

Previous Answer:

I'm afraid that what you are doing is copying the rendered image from your browser. Unfortunately, when copying a bitmap .png file, the background is almost always black. But there is hope!

If you want to capture JUST the sparkle from the webpage:

If it is an .svg file, you should be able to look through the HTML in the web page using Chrome's developer console.  Point at the sparkle image and right-click to select "Inspect this" and it will open the developer console and you will see the sparkle (or something in the vicinity) selected. Isolate the beginning of the <svg> tag and select the entire <svg></svg> tag. Copy and paste into Illustrator. If you get a bunch of text in Illustrator, you grabbed the wrong item or didn't grab enough of the <svg> tag. 

If the sparkle is a .png file simply save the sparkle.png file to your computer. Then open it in a bitmap editor like Photoshop and it should retain its transparency. But you will lose the ability to edit the vectors.

All of this assumes that you have access to the HTML directly. Some pages are obfuscated or script-generated and there are lots of ways of keeping you from using the artwork on a webpage. If it's your original content, you should have the original .ai file and none of this matters.

Hope this helps.

[lucyy65904683]

Sorry it is not really sparkle. It's like Glow effect object and I have issue copying it from document to document in the Illustrator not to Indesign or the other.

In the original document it looks like what it supposed to be, glow gradient light, but when i transfered to my artwork, it doesn't show anymore and I tried everything to fix but I couldn't.

Please see the attached below