Novice in GIFs seeks advice 🙇‍♀️

Question

Hi, I'm trying to make a GIF, of a picture, of a lighting device. The GIF is to show off the lighting effect. I think a gif of a video would be better, but this client wants a gif of a picture.

For the still images, I use a bunch of layer adjustments to create the light effect. Layer adjustments aren't translating over to GIF format. So, instead of an actual photograph, I just made a vector illustration of this device because I figured it would transfer to GIF from PNG a lot better.

Here's a WIP of the GIF.

The biggest problem I'm having is The center dot of the red light.

Here's a screenshot of my Save for Web settings.

And finally here's the original failed GIF. If anyone has a solution for that I would go for that too!

Thanks in advance if you can help

Trevor.Dennis · Answer

I'm not sure what you are aiming at with the red dot effect. Do you want the LED to show through as seen here?

If you can demonstrate that with a still image that is still 8bit RGB, then it will be clearer how to get from there to a 256 colour GIF.

The obvious thought is that layer blend modes would do the trick, but I can't remember if I have used them in frame animations before, and how they translate. What does look like a possible problem, is achieving nice gradients with such a low bit depth.

Do you have any file size issues? What is the GIF's pixel size, and will it be used on a website? Your first frame animation is 1000 x 666 pixels, has 283 frames, and a file size over 7Mb. When I started doing this stuff, that was a 20 minute to half hour download, and still likely to lag for a lot of people before it start playing.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded