Creating transparent .gif in photoshop? - Editing Geeks most recent 30 from http://www.editinggeeks.com 2010-07-30T13:27:28Z http://www.editinggeeks.com/feeds/question/69 http://www.creativecommons.org/licenses/by-nc/2.5/rdf http://www.editinggeeks.com/questions/69/creating-transparent-gif-in-photoshop Creating transparent .gif in photoshop? scraper 2009-10-30T02:39:51Z 2010-07-30T07:22:55Z <p>I'm trying to make an animated .gif, in Photoshop, that contains several layers of transparency. There are several layers each having a different transparency. It looks great when viewed in the work area, but after saving it, the image appears to have only two levels of transparency. The spots where the pixels are completely opaque and spots where there are no pixels at all; there is no in-between. </p> <p>I have the transparency checkbox is checked s I don't understand what the problem is.</p> http://www.editinggeeks.com/questions/69/creating-transparent-gif-in-photoshop/70#70 Answer by Larry for Creating transparent .gif in photoshop? Larry 2009-10-30T03:16:39Z 2009-10-30T13:33:37Z <p>The gif file format can only have one transparent color so some concessions have to be made when saving your work in gif format. </p> <p>The following images were created in Photoshop and saved in gif format with transparency turned on. A variety of colors and opacity levels were used. The only difference between the two of them is the background. One was save with an opaque background and the other with a transparent background.</p> <blockquote> <p><img src="http://i33.tinypic.com/21yjo1.gif" alt="alt text" /> <img src="http://i33.tinypic.com/2zrm6fo.gif" alt="alt text" /></p> </blockquote> <p>The first image is a gif with no transparency at all. It appears to support multiple transparent colors because the all layers were blended before the image was produced. However, the image was rendered against a solid white background that cannot be removed.</p> <p>The second gif has a transparent background but in order to get this, some serious sacrifices had to be made. A decision had to be made for all the colors that were partially transparent over the background. The colors had to become either completely transparent or opaque. As you can see the yellow became transparent and the blue became opaque. </p> <p><strong>The take away</strong>: Leave the background in and you shouldn't have to worry about transparency. However, your background will be visible if it is not the same color as your web page.</p>