How to Save Transparent GIFs in CS5
Transparent GIFs, unlike their ordinary, less-ethereal cousins, have one color designated as transparent. GIF transparency is typically used on web pages, where images with transparent backgrounds blend in seamlessly with the website. Creative Suite 5, Adobe’s flagship image editing program, can save images as transparent GIFs using the “Save for Web & Devices” wizard in either Photoshop or Fireworks.
Other People Are Reading
Instructions
-
Create Transparent Areas
-
1
Open your image in Photoshop or Fireworks.
-
2
Select portions of the image to render transparent.
You can use the rectangular selection tool to select entire blocks of the image or select specific portions using the lasso or magic wand tools. You can also erase portions of the image with the eraser tool.
-
-
3
Press the “Delete” key to render the selected portions transparent if you are using a selection tool.
Save as Transparent GIF
-
4
Click “File” and then click “Save for Web & Devices.” An export wizard window will appear. The image on the left is the original, unaltered version; the image on the right is a preview of the exported version.
-
5
Click the image format menu on the right panel and select “GIF.”
-
6
Check the box next to “Transparency.”
-
7
Click the “Matte” menu and select a matte color, if desired. Selecting a matte color will render any partially-transparent pixels non-transparent and replace the transparency with the selected color.
-
8
Select a dithering option from the dither menu, located below the “Transparency” checkbox. Dithering attempts to “smooth out” mixed-level transparency pixels by finding mathematical color averages or patterns, and is typically used for GIF images with a limited amount of stored colors.
-
9
Click the “Save” button to save the image as a transparent GIF.
-
1
References
Resources
More Like This
Comments
-
Hi, I have an issue with this, I hope you can help me. I made an animation in photoshop and tried to save it as animated gif. It is transparent and is a little pixel work, the issue is that once saved and upload to the internet some white pixels appear in some frames. I have went through each frame to delete the exact areas where those white pixel appears, although I can't see them on the psd file, but the pixels are still there after I save the file as a gif. I've tried with no dither, but still. Do I need to change it in another format or with some specific feature?
