Animated Gif Woes

The board for Q & A concerning your favorite graphics apps

Animated Gif Woes

Postby dubya on Mon Jan 07, 2008 7:41 pm

Howdy Gare and friends!

It's been awhile since I've posted over at PSG and managed to meander across this forum.  Remembering that Gare is the animation guru, I thought I'd post an issue I'm having.

I'm trying to design, revitalize some animated smileys for another forum.  Most have worked pretty well, but I'm having issues with one of them.  I took several existing gifs and merged them together (with minor modifications) to create a new animation (using Photoshop 7 and ImageReady 3).

It looks fine in the Animation palette of ImageReady as well as the main file window when the animation is running; however, when I Save Optimized as a gif, portions of the black pixelage don't show up.  I've uploaded the Optimized gif (that doesnt' look right) and the .psd file as well.  My method of animation is to create each fram on a separate layer and on each new animation frame, make only the current frame visible (plus the base layer that appears in all of the frames).

Any help on getting this to work would be greatly appreciated.

Thanks in advance and I'm honored to be here,
Dubya
You do not have the required permissions to view the files attached to this post.
dubya
Newbie
Newbie
 
Posts: 2
Joined: Mon Jan 07, 2008 7:34 pm

Woe begones

Postby Gare on Mon Jan 07, 2008 8:48 pm

Hiya dubya—

I'm not sure what your target background color or pattern will be, so it's tough to tell exactly which blacks are failing, but I think I know what's going on.

The problem was the color table you defined. The PSD file was fine. ImageReady is gone from PS CS3, but it  now has a built-in Animation palette, and it showed me the problem right away.

Here's the file (below) with and without a transparent color defined.

Closer?

My Best,

gare
You do not have the required permissions to view the files attached to this post.
Last edited by Gare on Mon Jan 07, 2008 8:54 pm, edited 1 time in total.
User avatar
Gare
Administrator
Administrator
 
Posts: 858
Joined: Tue Apr 18, 2006 2:16 pm

Re: Animated Gif Woes

Postby dubya on Mon Jan 07, 2008 9:13 pm

Thanks a million for the help with the file.  I guess I don't have a good understanding of the color table.  I created a web site recently and locked out some colors to make an image have transparency.  Do those locked out colors only affect that specific file, or does it save the settings in Image Ready globally?

When I viewed the Color Table for the file in PS and IR, all of the swatches had a small white dot in the center of them.  I don't think I've noticed this before when working with the Color Table.  Could that have something to do with it?

*wishes he would have bought Gare's book way back when so he wouldn't be dealing with these issues now...lol

Thanks,
Dub
dubya
Newbie
Newbie
 
Posts: 2
Joined: Mon Jan 07, 2008 7:34 pm

Re: Animated Gif Woes

Postby Gare on Mon Jan 07, 2008 9:32 pm

Hey dub—

Here's the deal: a color lookup table, AKA a CLUT, is a device written into the header of an Indexed color mode image file as explicit color values, as a means for quickly displaying GIF images, which are by their nature, indexed. In other words, TIF images and such, which have a color cpability of 16.7 million colors, would be ridiculously large if they had a lookup table, so instead, they're keyed as implicit color values for every pixel. In contrast, Indexed color mode uses explicit color values in a very limited palette of 256 unique colors, maximum.

Your problem happened during the conversion from implicit to explicit values, where ImageReady had to "clamp" original color values to the limited color palette. Look at the blacks in the image on the layers. You'll notice that there's degrees of transparency surrounding the blacks; you intended areas to drop out, but Indexed images can have only one "don't show" color, while your original PSD file has several degrees of transparency.

When you told IR to Optimize, the program averaged the several degrees of transparency to a single one, several of whose colors were remapped to the Indexed color table incorrectly. When I reassigned a different color table, I increased the blacks and decreased the available whites, forcing ImageReady to move the colors you consider important to darker values.

A kludgy way to ensure that this doesn't happen in the future is to use the Pencil tool for creating GIF frames. You do this and because the Pencil tool doesn't anti-alias, there will be no partially transparent pixels and converting to Indexed GIFs becomes an either/or scenario. You could also try converting every frame's color mode in separate files to Indexed color (Image>Mode) to preview what potentially could go wrong. Then reassemble the file on layers and export.

BTW, I did write about this several versions ago :).

My Best,

Gare
User avatar
Gare
Administrator
Administrator
 
Posts: 858
Joined: Tue Apr 18, 2006 2:16 pm


Return to Technically Speaking



cron
 

Member Pix

 
Woodspath Skyline
 

Woodspath Skyline



Gary's New Book! Order Now!

Main menu

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group

phpBB SEO