connecting users of the CorelDRAW family of products

How do I save an image without the white background?

rated by 0 users
Answered (Verified) This post has 1 verified answer | 18 Replies | 4 Followers

Share  
Page 1 of 2 (19 items) 1 2 Next > | RSS

Maryartist posted on Thu, Jun 18 2009 17:57

I've designed an image in Corel Draw 10 and have not found a successful way to save it in any format that eliminates the "white box" from appearing around the image.  I have tried exporting in GIF and PNG (where at least I am given some option of transparency) but always end up with a black background upon opening after the save. 

I want to be able to give this image to another party to use ontop of their own background without the interruption of a white box surrounding it.  Hopefully, someone can walk me through a solution. 

Answered (Verified) Verified Answer

Top 50 Contributor
St. Louis, MO
Male
wrote in message news:57792@coreldraw.com...
>I have designed a logo for a person who is going to be setting up a website
>and, I imagine, setting this logo on top of an existing background there.
>They don't want to have the white area around the design.
>

I've been doing websites for a long time, Mary. There are only a few times
that I've ever really needed to do a graphic with a transparent background.
Granted, I've had to do more lately than in years past, but every time I do
one, I make sure that it's absolutely necessary. Otherwise, just make the
background of your image match what you're using as a background for the
site. Why? Well, while all current browsers can read transparent PNG files
(and you'll really need to use PNG as GIF only supports a single color
transparency level and unless you plan on tweaking it a bit, you'll get a
halo around the object depending on the background color you've used for the
transparency and what the background of the site is/will be), there are
still a lot of people using IE (ack) and using OLD versions of IE as well.
IE only started "seeing" transparent PNGs in an official manner with IE7.
IE6 and down to 5.5 (maybe 5) can only see a transparent PNG with some
specific tweaks to the code of the webpage(s). Below IE5, forget it.

So, that said, if whomever is putting this site together, make sure they
know how/can tweak the page code for IE6 and below to see the transparency.
If they don't know how, or are unwilling to learn how, you'll want to push
them into NOT doing a transparent PNG.

DrawX4 does transparent PNGs great. Below X4, they're still good but you
*must* remember a little trick first: put a transparent bounding box around
what you're wanting to export. Make sure that this bounding box is
proportional to what the end product needs to be. I always work in pixels so
I can make sure what I'm exporting out is the correct size I need.
Basically, just grab your logo/graphic/whatever and place it on top of a
rectangle you've drawn out - right now it doesn't matter if this "box" has
an outline or a fill color, it's actually better if you do have a fill or
outline so you can see the limitiations you must fit the graphic into. Make
sure that the logo/graphic doesn't touch the edges of this bounding box, but
they can be somewhat close to is.

Now make the box have NO FILL and NO OUTLINE, group your items together, hit
ctrl-e to export it, that "selected only" is checked, and choose PNG as the
file format. Make sure that your color is RGB, that anti-aliasing is
checked, transparent background is checked, that your height/width are set
to pixels and that you're exporting out to the exact pixel dimensions
needed, and resolution is irrelevant because no web browser will read that
value anyway.

Then to make sure it's looking correct, open it up in Photo-Paint or with a
web browser to see what it looks like. Do you see anything that looks like
an edge got chopped off? If so, either make the box bigger or make the
graphic smaller. Older versions of Draw tend to lop off the top and right
edges of bitmap exports, this is why you need to use that "blank bounding
box" so that it's antialiasing funkiness works its bugs on the blank area
and not the item you want people to see.

I have tried this out in Draw 10 - attached is an example transparent PNG
from it.

All Replies

Top 50 Contributor
Apple Valley, MN
Male

Hopefully, I am remembering correctly back to version 10.

In the export dialog, there should be a place to check 'transparent backgrond'

also check to see that you haven't applied a page background color. Background color should be set to "no fill" for your page.

 

Rikk Flohr
Fleeting Glimpse Images
All things Digital Imaging  Blog  

Holy Crop! the blog dedicated to Cropping

Top 50 Contributor
St. Louis, MO
Male
wrote in message news:57664@coreldraw.com...
> I've designed an image in Corel Draw 10 and have not found a successful
> way to save it in any format that eliminates the "white box" from
> appearing around the image. I have tried exporting in GIF and PNG (where
> at least I am given some option of transparency) but always end up with a
> black background upon opening after the save.
>
> I want to be able to give this image to another party to use ontop of
> their own background without the interruption of a white box surrounding
> it. Hopefully, someone can walk me through a solution.
>

what is the end product? Without knowing what you're trying to do with it
(is this for print, for the web, vinyl cut, billboards, etc?), it's next to
impossible to give you a usefull answer. How about some more info, please?

I have designed a logo for a person who is going to be setting up a website and, I imagine, setting this logo on top of an existing background there.  They don't want to have the white area around the design.

Top 50 Contributor
St. Louis, MO
Male
wrote in message news:57792@coreldraw.com...
>I have designed a logo for a person who is going to be setting up a website
>and, I imagine, setting this logo on top of an existing background there.
>They don't want to have the white area around the design.
>

I've been doing websites for a long time, Mary. There are only a few times
that I've ever really needed to do a graphic with a transparent background.
Granted, I've had to do more lately than in years past, but every time I do
one, I make sure that it's absolutely necessary. Otherwise, just make the
background of your image match what you're using as a background for the
site. Why? Well, while all current browsers can read transparent PNG files
(and you'll really need to use PNG as GIF only supports a single color
transparency level and unless you plan on tweaking it a bit, you'll get a
halo around the object depending on the background color you've used for the
transparency and what the background of the site is/will be), there are
still a lot of people using IE (ack) and using OLD versions of IE as well.
IE only started "seeing" transparent PNGs in an official manner with IE7.
IE6 and down to 5.5 (maybe 5) can only see a transparent PNG with some
specific tweaks to the code of the webpage(s). Below IE5, forget it.

So, that said, if whomever is putting this site together, make sure they
know how/can tweak the page code for IE6 and below to see the transparency.
If they don't know how, or are unwilling to learn how, you'll want to push
them into NOT doing a transparent PNG.

DrawX4 does transparent PNGs great. Below X4, they're still good but you
*must* remember a little trick first: put a transparent bounding box around
what you're wanting to export. Make sure that this bounding box is
proportional to what the end product needs to be. I always work in pixels so
I can make sure what I'm exporting out is the correct size I need.
Basically, just grab your logo/graphic/whatever and place it on top of a
rectangle you've drawn out - right now it doesn't matter if this "box" has
an outline or a fill color, it's actually better if you do have a fill or
outline so you can see the limitiations you must fit the graphic into. Make
sure that the logo/graphic doesn't touch the edges of this bounding box, but
they can be somewhat close to is.

Now make the box have NO FILL and NO OUTLINE, group your items together, hit
ctrl-e to export it, that "selected only" is checked, and choose PNG as the
file format. Make sure that your color is RGB, that anti-aliasing is
checked, transparent background is checked, that your height/width are set
to pixels and that you're exporting out to the exact pixel dimensions
needed, and resolution is irrelevant because no web browser will read that
value anyway.

Then to make sure it's looking correct, open it up in Photo-Paint or with a
web browser to see what it looks like. Do you see anything that looks like
an edge got chopped off? If so, either make the box bigger or make the
graphic smaller. Older versions of Draw tend to lop off the top and right
edges of bitmap exports, this is why you need to use that "blank bounding
box" so that it's antialiasing funkiness works its bugs on the blank area
and not the item you want people to see.

I have tried this out in Draw 10 - attached is an example transparent PNG
from it.

Thanks so much for walking me through this, step by step.  It seemed to work out just fine, though the precision of the PNG format isn't the best.  Still, I believe this will work and I so appreciate all your time in helping me find the solution.  Many, many thanks.

Hi, I've used CorelDraw products to make business graphics for 15 years. With earlier verisons of Corel and Win98SE things at least limped along and worked. Recently I upgraded my computer, use XP Pro, and loaded Corel x4 (including WPerfect and Presentations).

Tonight I need an image to place in a Presentations slide show but I can't make a transparent background with PhotoPaint. I tried gif and png, 24-bit color, and every time it looks like the background is transparent (checkered) is saved, when I insert it into Presentations, it retains its white bounding box.

It shouldn't be this hard to do such a basic graphics maneuver across two, supposedly compatable Corel products.  Any help would be appreciated.

Thanks.

You can try to export yur image as a PSD with transparent background

Thanks, but nope, that doesn't work. I tried "save as" and "export" as PSD in both CorelDraw and PhotoPaint. Nothing worked.

Now, if everyone else can do it and I can't, then I really do have a problem - with my computer. However, I remember that this trick of saving drawings without a white background has always been a problem in CDraw. Only about 15 years ago when the internet got rolling well, did lots of people start explaining how to do this transparent background thing with idiot-proof instructions. Then we all started catching on. As I remember it, Corel never did go out of its way to make it easy.

Now, this isn't the only thing I've noticed about the newest CDraw products that make you rant. Even the newest WordPerfect - that I' ve used successfully since DOS days - has some landmines in it. It used to be that, above all, WordPerfect never did any harm. It could be counted on the act "responsibly". Now, however, I find differences in Help instructions and the actual menus and other pretty poisions that really increase your blood pressure when you're working at, say 1 AM and trying to get something ready for the next morning at work.

Thanks again, and pardon the rant. I hope Corel people stop by these forums once every few years so they can see what their clients are saying. This transparent background thing should not have to be this hard. Thanks.

 

Hi Flingwing, I hope this thread can help you.

Peace I-)

Aleem, thanks. That other thread was a book of good stuff <grin>. For me it offered some vindication because it shows others out here are having similar problems. The truth is, I'd be happy getting a transparent background with white haze if I could just get the background not to show <g>.

Let me repeat what (I think) I read in that thread:

(1) Corel Draw (CD) does better than PhotoPaint (PP) for making transparent backgrounds. For me has always been the case with other graphic work between the two programs. Probably because CD is vector graphics and PP is raster graphics. Still, PP is good for heavy editing like cropping, cutting and pasting elements together.

(2) Someone in that thread mentioned TIFF formats. Last night, during the heat of my problems, I read that TIFF graphics could have transparent backgrounds. I never knew that  before. I tried doing that with PPaint and, during the save process, I never saw transparent background dialogue options. I clicked on the first TIFF save options screen and that was it - drawing directly saved. I never tried with CD because my time was running out.

IMO, someone - preferably the company that makes these programs - should make a definitive list of instructions to do this often-need feature. First off, are the steps EXACTLY the same for CD and PP? If yes, one instruction sheet will do. If not, make two.

Next, tell us: do we use the "Save as" or the "Export" option, or will both do the same work? 

Then set up a page with some screen shots wtih showing step-by-step instructions. If users follow these steps, one-by-one, and don't see the same things on our computer screens as Corel has in its instructions, or get the same results Corel says we should get, users can look elsewhere for their problems. That includes ditching Corel for some other - probably screwier - graphics set.

COREL - IS ANYONE HOME?

Meanwhile, thanks for the help in this forum.

Top 50 Contributor
Apple Valley, MN
Male

I export GIF, PNG, TIFF regularly with transparent backgrounds. It is just as easy in Photopaint as in Draw. 

Most people fall down because they:  Don't have a transparent background to begin with/don't mask their non-transparent content/don't check the transparent background option in the save/export dialog.

Save as and Export are both workable.

 

Rikk Flohr
Fleeting Glimpse Images
All things Digital Imaging  Blog  

Holy Crop! the blog dedicated to Cropping

As before, thank you for your information. And based on your post, I continued this experiment - or troubleshooting - with a trial drawing that needed a transparent background.  The results are below. NOTE: PP = Photo-paint and CD = CorelDraw. Presentations = Presentations x4 by Corel.

(1) PP = “Save as” and “Export” as TIF in PP do not work - no transparent options anywhere in either process.

(2) CD = “Save as” TIF in CD doesn’t work. No transparent option.

(3) CD = “Export” as TIF in CD does have a “transparent background” check box. However, when the graphic is inserted into Presentations the graphic’s white background shows.

NOTE: so TIFF doesn't look like it works with my computer.

(4) PP = *GIF* export in PP does have transparent dialogue with transparency, image color and eyedropper options. It looks like it works. However, when the exported file is inserted into Presentations, the dialogue box says “converting document” and then puts the whole thing in - white background and all.

So none of these work for me now. I want - need - to find a fix for this. However, I’m in the middle of looking for information that needs to go into a presentation and  this glitch Corel products is costing me too much in work time.

Rikk, In past decades of Corel use, I never had to mask the areas of the drawing that I wanted transparent. After I learned the steps to take, all I did was go to "save as" or "export", used the eyedropper to make the background color transparent, and the saved/exported file worked anywhere I used it. That's why I haven't spent time yet to try masking first, before saving. Maybe that 's the key, but if it is, it's a new step in the process.

Now, maybe the problem is that all these trial files I've tried saving *would* have transparent backgrounds on a web page. But they don't in Presentations, another Corel Product. So I wonder what the deal is. Files between older PP and CD and Presentations program versions worked fine.

Moreover, this transparent problem has been around for a long time. For me, it’s gotten worse in the newest versions of Corel Products. Back later if I have new results.

Top 50 Contributor
Apple Valley, MN
Male

I don't run the X4 Presentations  suite but:

New Document in PhotoPaint: Select No Background in the document.

Put a couple of shapes on the image as new objects.

Save As TIFF

Drag and drop on to a PowerPoint Slide: Voila: Transparent background.

New Document with a white background

Create some text

Select text object, CTRL M to create a mask from object

Export as Tiff

Drag onto a PowerPoint Slide: Voila: transparent Background.

Just because the dialog doesn't say transparent background doesn't mean that it wont be. If you PP file has a transparent background or you apply a mask at time of Export, Tiff will do this. Like I said before, I have never had an issue with transparent backgound creation. It works flawlessly, easily, and repeatedly. 

With PNG files, there is an additional PNG Export dialog where you select Masked Area (3rd option down) to gain the transparency. Works in Export and Save As. With a background or without, provided you mask.  If you start with a "No Background" file, you can omit the step of creating the mask. 

Gif is a different animal. It wants you to select a color as the transparent area. I never use them so I don't fiddle with them.

In my testing I created two files: One CPT that had a white background, and one CPT that had a transparent background. I created multiple objects on each. With the transparent background file, save as and export both yielded perfect Tiffs and PNGS. With the white background. I had to select all but the background in the Objects Docker, Hit CTRL M to mask and the export or save as. Both the Tiff and the PNGs were perfect. 

I dont' know how it could be easier or simpler. Other bitmap pixel-level editing programs behave very similarly. 

Draw is a little different: It does have an option on PNG and TiFF export for Transparent background but that is because you are also going from Vector to Raster graphics. PP is already in the correct graphics type and the masking (alpha channel) is understood by either having no background or applying a mask from the objects.

Rikk Flohr
Fleeting Glimpse Images
All things Digital Imaging  Blog  

Holy Crop! the blog dedicated to Cropping

Rikk, It's almost midnight here so for now I tried just one of your suggestions. We're making some progress but COREL is making NONE! :-/

I started with your first suggestion that began with "New Document in PhotoPaint: Select No Background in the document". I did that and saved it as a TIFF.

I followed it through and, except for "Drag onto a PowerPoint Slide" (how to drag from Photopaint to another program?), here's what happened. First, I tried copy and paste into PRESENTATIONS program - the Corel program that traditionally rivaled and surpassed PowerPoint. This did not work. The three red shapes I made in my TIFF-saved file covered the existing text in the slide with the 3 shapes AND their white background.

Then I tried using  "insert" to put the file into Presentations. Same result - white background intact and covered the slide text.

------------

Then I tried inserting the file into POWERPOINT - the "Brand X" program from Microsoft. The result? The file with its 3 red shapes went into Powerpoint WITHOUT a white background. It worked - sort of. The problem was is the one that Microsoft always has in MS Word with any text boxes and graphic lines: it has a large but transparent  box with it. Still it IS transparent just as you said.

Now, I'll try your other suggestions tomorrow morning. However, I think it speaks reams that COREL Photopaint will NOT put a transaprent  box into its own sister program, Presentations, but it will put one into Brand x's PowerPoint.

What I need to figure out now is what is preventing PPaint, CorelDraw and Presentation - all programs that have been around for decades - to suddenly stop talking to each other.

I'll take a look at your other suggestions in a few hours after some sleep so I don't chuck the "confuser" out the window.  But I will say that I, even as a late learner, always used the eyedropper tool with GIFs in Photopaint and Win98SE usually  without problems.

Current Score = PowerPoint 20 - Corel Product Compatability 0 <grin>.

Page 1 of 2 (19 items) 1 2 Next > | RSS
© Corel Corporation. The content herein is in the form of a personal web log ("Blog") or forum posting. As such, the views expressed in this site are those of the participants and do not necessarily reflect the views of Corel Corporation, or its affiliates and their respective officers, directors, employees and agents. Terms and Conditions / User Guidelines.