Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Exporting PNG Transparency Not Working in Illustrator 2023/2024

Community Beginner ,
Nov 27, 2023 Nov 27, 2023

Hi Community, 

I am attempting to make a logo into a vector then export it with a transparent background. I used image tracing then export as... but when I attempt to it will not make the image transparent except for the very bottom. 

 

I was wondering if anyone knew how to solve this issue? Is it due to imaging tracing? When I attempt to delete the white background it deletes the whole image as well. 

 

Rachel32765725k8lq_0-1701109824162.png

 

 

TOPICS
How-to , Import and export , Tools
1.0K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Nov 27, 2023 Nov 27, 2023

Does the background look transparent when you choose View > Show Transparency Grid?

Did you expand the Live Trace?

Can you ungroup the objects and select the white areas with the Direct selection tool?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 28, 2023 Nov 28, 2023

Hi Ton, the background is not transparent when I view the grid. I expanded the live trace but I'm unable to make Illustrator recongize that there are objects within the logo (direct selection only selects the whole image)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

If you select it and then delete - does that work?

You might have traced it as stacked. And then the bottom object it as large as the whole thing.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 29, 2023 Nov 29, 2023

When I select and delete it removed the whole image. Is there a way to 'unstack' the trace? 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

Did you ungroup? Or try to deselect all, set the fill color to white, choose: Select > Same > Fill Color

Delete the result.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 27, 2023 Nov 27, 2023

Did you try "Save For Web Legacy" from Export? GIF or PNG?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 28, 2023 Nov 28, 2023

Hi Ares, I attempted to use Save for Web Legacy but it still shows the white box around the logo/image even with transparency 

Rachel32765725k8lq_0-1701184426174.png

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

is it possible to see your layers structure capture? Thanks

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 29, 2023 Nov 29, 2023

Hi Ares, I currently have two layers. 

Rachel32765725k8lq_0-1701276736846.png

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 29, 2023 Nov 29, 2023

That is just an image. I thought you said you used image tracing...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 29, 2023 Nov 29, 2023

This was the exported logo in png form. When I trace the image this is what I use for the setting and once it is finished it still remains one image.

Rachel32765725k8lq_0-1701278984148.png

If I use outline and/or tracing it removes parts of the logo or traces the photo's "empty space". Due to the logo being part of a photo, perhaps it cannot be proplerly traced?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 29, 2023 Nov 29, 2023

If the logo looks like your first image, I just would replicate it with the Pen and other tools. 

The result will be much cleaner than image tracing.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 29, 2023 Nov 29, 2023

Rachel,

 

To me the red shapes look like a cover up, hiding what is actually there, inside the circle.

 

And the choice of Type Optimized (hinted) makes me believe that the a crucial part consists of text, although this would only make sense with live Type rather than traced letter shapes.

 

This makes me support the suggestion by Ton to recreate the logo as suggested by Ton, and rewriting the text with the right font(s), maybe as Type on a Path.

 

I wonder whether you can describe the artwork and maybe show a similar sample to get further suggsetions?

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

Rachel,

 

Apologizing if these questions are too silly:

 

Why image trace a raster image into a vectorized representation, then turning it back into a raster image (rather than working with it in its raster format in Photoshop)?

 

Why use 300PPI rather than just working with the actual pixel x pixel size?

 

 

 

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 29, 2023 Nov 29, 2023

Hi Jacob, this is not a silly question at all! I am somewhat new to Adobe, the reason for not using Adobe Photoshop is that my driver is unable to run the software. 

 

The reason for vectorizing the image is that it is a photo of the logo. I wanted to make a transparent logo that could be scaled and was higher resolution. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 29, 2023 Nov 29, 2023
LATEST

Please share the original Illustrator file, so one can take a look.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 29, 2023 Nov 29, 2023

Didi you tried to expant the object after tracing? After expanding you can start removing backround or any vector to you want to remove from the artwork. Then export to png. 
Just my thoughts. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines