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

Exporting PNG Transparency Not Working in Illustrator 2023/2024

Community Beginner ,
Nov 27, 2023 Nov 27, 2023

Copy link to clipboard

Copied

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

Views

404

Translate

Translate

Report

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

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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)

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Delete the result.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

is it possible to see your layers structure capture? Thanks

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Hi Ares, I currently have two layers. 

Rachel32765725k8lq_0-1701276736846.png

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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?

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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?

 

 

 

 

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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. 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

LATEST

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

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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. 

Votes

Translate

Translate

Report

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