Skip to main content
Participant
July 2, 2010
Answered

[Locked] How do I get a transparent background in my Illustrator file?

  • July 2, 2010
  • 18 replies
  • 1632866 views

I'm relatively new to Illustrator, (I'm working in CS4) and created a corporate logo for one of my clients.  When I place the logo into Photoshop or InDesign, the logo is in a white box.  How can I make the background transparent in the original Illustrator file?

This topic has been closed for replies.
Correct answer Mike_Gondek10189183

Illustrator >> View >> Show transparency grid

You will see a checkerboard pattern showing you where you have tranparency.

Save your .ai fle with pdf compatible and place into InDesign

If you placed as .eps in InDesign you need to

InDesgin>>View >> Display Performace >> High quality Display

18 replies

peterj123
Participant
November 29, 2015

Hi. Well I don't know much about that, but an experiment helped me to do it flawlessly and I am sure it will assist you as well.

I created a Jpeg file with white background and converted it into PNG. The steps are simple. (I have only tried in Photoshop so i only know that.):

1. Open your image (in white or any background in Photoshop (i am using Photoshop CC 2015).

2. Right click on the eraser tool and select Background Eraser tool.

3. For efficiency zoom in your image and wherever there is white background click on it, not need to be much careful but do clicks on its surroundings one by one and you will be able to get it transparent. After you are done. press Save in PNG. You will be able to easily post it as a PNG with  transparent background wherever you like.

First one is white background, second is transparent. Sorry as the board of community is white therefore you can't see any difference but it works like the way i say it.

 

kafkette
Participating Frequently
November 27, 2015

export it as a .png, when they ask in the dialog box pick transparent as the background. you now have a .png file with a transparent background. it took me, along with my friend, DAYS to figure this out [i finally remembered someone had sent me this answer probably the last time i had a splitting headache instead of this time]. it works. it's simple. hope it helps.

Willi Adelberger
Community Expert
Community Expert
November 27, 2015

ilovetrash schrieb:

export it as a .png, when they ask in the dialog box pick transparent as the background. you now have a .png file with a transparent background. it took me, along with my friend, DAYS to figure this out [i finally remembered someone had sent me this answer probably the last time i had a splitting headache instead of this time]. it works. it's simple. hope it helps.

This answer is insane. The question belongs to print and Illustrator. Illustrator files are transparent by itself. No need to use PNG and no one should do.

kafkette
Participating Frequently
November 27, 2015

yes. that's why there's pages & pages of answers that haven't done anyone any good, because it's so easy to move a transparent illustrator file all sorts of places it doesn't want to go. i mean, it's such a ridiculous question and the answer is so obvious that the question should not exist, it clearly should never have been asked in the first place. probably the questioner shouldn't exist either. nobody at all knows that illustrator files are transparent in illustrator except for you. we just had no idea how to find The Source of All Knowledge. really, in all honesty, this thread should not exist. these boards, too, should not exist, we obviously have not humbled ourselves enough before our Source. maybe the world shouldn't exist either. as mr. omniscience, there, perhaps you could blink three times and destroy it for good. bang. thanx.

chanaart
Community Expert
Community Expert
November 18, 2015

When you create a logo in Illustrator your background is transparent by default.

There is no background color in Illustrator unless you create it.

Best to go to View :Show transparent Grid.

Once you save it as an Illustrator file you can place it in PS or ID and the background is transparent.

Participant
October 12, 2015

I had same problem, I saved the PNG of the logo to my desktop, then exported as pdf from the file menu, then imported that pdf file of the same logo to Illustrator and the white background was gone, only transparency. Hope that helps!

Willi Adelberger
Community Expert
Community Expert
October 12, 2015

AEJD<3 schrieb:

I had same problem, I saved the PNG of the logo to my desktop, then exported as pdf from the file menu, then imported that pdf file of the same logo to Illustrator and the white background was gone, only transparency. Hope that helps!

Stupid answer. The original AI file itself is transparent and contains a PDF fork with transparency. No one should follow your description.

Participant
October 15, 2015

Thanks Willi,

you would think so, but after much back and forth on my desktop, the above method was the only way I uploaded my design to an outsourced print medium to the desired effect. If you have a better method please advise. In future, please limit your posts to constructive response and spare us your pissant condescension.

Participant
September 13, 2015
Willi Adelberger
Community Expert
Community Expert
September 13, 2015

ashleym4482865 schrieb:

You need to export as a PNG file...

http://99designs.com/designer-blog/2014/06/04/tutorial-create-png-files/

You are recommending a complete wrong advice. Can you read?

Illustrator AI itself is a transparent file, PDF is, but PNG is a rasterized file type whch supports not the full transparency model Illustrator has. If someone needs a transparent file for print or use in any layout application he should use AI oder PDF/X-4, not EPS, not PNG.

PNG is limited only for web-use and low quality office programs like PowerPoint or Word, anything els: USE AI or PDF/X-4 files.

Please avoid to recommend wrong and unacceptable recommendations.

Participant
September 25, 2015

Considering your answers never really answered the various questions posted in this thread, you are pretty vehement about how everyone else is wrong.

  1. OP--was asking how to create a logo with a transparent background for his client.  It is clear from his post that he has access to both Photoshop and InDesign, but when he placed the Illustrator file into those programs he still had a white background, so it sounds as if he may have created an Illustrator file with an opaque white background, or he needed to adjust his place settings in Photoshop and InDesign. The most useful response was the one where someone suggested that he view transparency grid in Illustrator.  At least that way he can see if he somehow created artwork on an opaque background.
  2. The next question came from Dyemotion, who had an Illustrator file with a transparent background, but her (his?) end-user would only accept a .jpg or a .png.  Whether or not PNG is an inferior format to the native AI files or a PDF/X-4, she stated that her end user would only accept PNG or JPG.  Since JPG doesn't support any transparency, clearly the best option is for her to use a PNG.  I am guessing that her challenge is related to the low quality transparencies in the PNG format, which can often cause ghosting where it is supposed to be transparent (which you explained very well--thank you).  So, she may just have been out of luck.
  3. Missjeanboo--this is a slightly misplaced question related to ungrouping vector files, which doesn't really have anything to do with the transparency issue as discussed in the rest of the thread, so I will skip it.
  4. Rinnerarity--purchased an image which she downloaded as an EPS. As you state in your answer, the problem likely is related to the way the designer created the EPS file itself. You don't give her any information about how to tell if the file is transparent, has transparency effects or has a white background. But, at least your response to her respected the fact that she needed to create a PNG, and you explained how to export. However, that really didn't address her particular problem, which she ended up solving herself and was kind enough to post it for others who might have a similar problem.

If I had to summarize this entire thread, here is what I would say:

  • Illustrator files have a transparent background by default.  If you aren't sure whether your particular file has this transparency, go into the View menu, and turn on "Show Transparency Grid"
  • If your file has a solid background, you can follow the advice of Fobiroid and AnnetteC which is basically to trace your original artwork, and then place the resulting path on a transparent background.  If you don't mind a rasterized final image, you can open the image in Photoshop and use the Magic Wand tool and masks to remove the background.  It can be pretty difficult to get good results with either of these methods, even with a lot of practice, but they are worth a try.
  • If your artwork is going to be used in another Adobe CS program, then your best bet is to use the native AI files.  Another good option is to export your AI file to the PDF/X-4 format, which also supports transparencies well. In either case, when you import the file, make sure import options are set to support transparencies.
  • If your particular situation does not allow you to use the original AI file, or the PDF file, then you will want to export to the PNG file format, or to EPS file format, with Illustrator editing capabilities turned on.  PNG will automatically change your colors from CMYK to RGB, and the quality of the transparency will be lower than in the original AI file or a PDF.
Participant
February 2, 2015

I have had trouble with this, but this is the easiest way I have found:

1. Bring your image into illustrator

2. Right click the miage to isolate the image

3. With the object selected go to Object>Rasterize> then select your settings and cllick ok

4. At the top of the work area click Live Trace

5. Then at the top of the work area click Expand

You image will not be broken into paths and points and you will be able to edit it.

Good luck!

Willi Adelberger
Community Expert
Community Expert
November 23, 2014

This video is complete non-sense.

Save as AI, save as PDF, both file types support transparency and don't loose vectors.

PNG is a poor file type. If a PNG supports transparency, it is limited to reduced opacity, but Illustrator's transparency is much more as it includes a lot o blending modes.

PNG is limited to RGB also. Illustrator supports CMYK and RGB files.

PNG is a raster type, Illustrator is a vector.

Don't follow the advices to export to PNG files.

Participant
December 6, 2014

I've read this whole thread and I still don't know how to make the background transparent.  Can someone communicate how to do this in layman's terms?  I purchased a logo design from an online store, downloaded the file as an EPS, imported the EPS file into Adobe Illustrator which converted it to an .ai file, and then I exported the file as a .png for my website.  The background is white, but I want it transparent.  I don't have any other programs.  Do I need another program in order to accomplish this?  Thanks.

Participant
October 30, 2014

Here is a basic Adobe Illustrator cs6 image file.

and this is after exporting as a .psd file and opening in Photoshop CS6

Comes right in with transparent background. And yes you can also place the .ai file directly into a new document in photoshop. Be sure to create a new doc in photoshop with a transparent background.

BOBCOD
Participant
October 15, 2014

ok let me try again.

1. in adobe illustrator with the logo, draw a box and fill it with nothing. send the box back of logo. ( that box will be transparent in the photoshop version )

2. select all of logo along with the empty box.

3. copy art/ graphic from adobe illustrator, command-c.

4. open photoshop. under menu bar "file" select "new"

5. a window will open with name preset etc... look for "background Contents:" button in the window. click and scroll down to "transparent"  click ok.

6. paste logo, command-v. into the new box. the logo should be without background.

BOBCOD
Participant
October 14, 2014

in adobe illustrator, go to menu bar and select View. scroll down from View to " Show Transparency Grid" or shift-command-D. click it! you should fix the problem.

Willi Adelberger
Community Expert
Community Expert
October 14, 2014

bobcod schrieb:

in adobe illustrator, go to menu bar and select View. scroll down from View to " Show Transparency Grid" or shift-command-D. click it! you should fix the problem.

Sorry, your are wrong.

This does not solve the problem, even if you would save as EPS, the background grid would indicate transparency inside Illustrator, but if an EPS is placed, no transparency is imported into InDesign. So the solution can only be:

USE AI AS FILE FORMAT FOR PLACING ILLUSTRATOR FILES IN INDESIGN. NO EPS!