![]() ![]() For example, if you are using HTML color code, you can add the same color the will be shown behind the image. For example, you can choose the Foreground to select the foreground color, Background to choose the background color and you can choose a custom color from the Other option (figure02).įigure02, Matte options in Adobe Photoshop CS3Ħ- Choose the color that is the same color that you will use your GIF image with. The following steps shows how to save your object in GIF format without this undesired edges using the Matte option in the Save for Web & Devices in Adobe Photoshop CS3:ġ- Open the transparent image you want to save as GIF in Photoshop CS3.Ģ- From File menu choose Save for Web & Devices.ģ- From the left panel of the dialog box, choose the GIF format from the drop-down menu.Ĥ- Make sure that the Transparency check box is checked.ĥ- The Matte drop down-menu gives you ability to choose the color that GIF will treat the edges with. Actually, the matting feature allows you to only replace this white border with your background color so it looks better and the image consists well with the background.Īs we see in figure01, the floral motive on the left is in GIF format, and it shows not clean edges with white background while the one on the right (PNG-24 format) has a better edges. In this quick tutorial, we will show how to avoid these white borders with using the Matting feature in Photoshop. But the big problem that most designers face is the white border that shows up around your transparent GIF image while saving them from Photoshop or other software.įigure01, notice the edges in GIF format transparent images and PNG-24 formatĪctually, this white border happens when GIF images does not calculate the transparency very well as this format compress the colors to the limit or may be distorting the colors if you try to decrease the size a little bit more using the GIF setting. GIF images are a good choice in low size and transparency support for most web designers. ![]()
0 Comments
Leave a Reply. |