White around rectangle?

[roryw]

I can not figure out how to get rid of the white border(?) around my rectangles? I am making rectangles with text in them for web buttons using rounded corner rectangles. I set the border to none, but when I export as BMP or JPG or GIF it still has a white frame or border around it.
Does anyone know the terminology for this or, better yet, how to correct this?
Thanks!

 

[itchybug]

Does anyone know the terminology for this ...

The terminology consists of the words and phrases "Matte", "Transparency", "Anti-Aliasing", "72 dpi", "Dithering", and some more stuff.

... or, better yet, how to correct this?

Get a good Illustrator book, the Manual's a start. Learn about design for the web. Search this forum.

OK here's what's most likely going on:

First: A raster image CANNOT take on any other shape than a rectangle. Look at this rectangle form as a wall of blocks as opposed to a classic vector rectangle. When you go to rasterize (save as a jpeg, gif or bmp), the rasterization process will fit the object into a snug rectangle surrounding the shape.

If there are raster effects applied to your objects, there will be an additional amount of space to accommodate the raster effect. You can change this amount in the raster effect settings dialog.

When you go to save for the web, you will probably want to get rid of those "filled in" leftover regions inside the raster but outside your shape. There are several ways to skin that cat:

Gif, tif, and png are web formats that support transparency, to some degree. When using one of these formats, you can set transparency options in the Save-for-Web (SfW) dialog. You will need to also select a "Matte" color, essentially the background-color of the web page portion you're putting the raster in. You'll note a small fringe of that color around the art. That's what helps it blend in.

Jpeg and bmp do not support transparency, so in their cases, the matte will extend to the edges of the raster image.

Again, the Matte should be set (you can enter the hex values straight from your webpage) for the B/G color, if you want things to blend well.

Hope that gets you started... Come back soon with more questions.

Bert

http://www.itchybug.com