Rainbow color changing GIF in photoshop?

Question

I want to make a rainbow color changing gif, where I can adjust the speed of the color changing and what color it changes to and etc.

Basically, as example, I want to turn this:

Into something like this:

How could I do this?

Let's say I want to keep the helmet with the same color too.

And also, how would you attach something to an animation, lets say attach shoes on the animation, thats my second question. So like to make a gif with it.

---

Basically my frame animations have a transparent background at the psd file, the one that I posted had a white background.

as you see

when I do all the steps you've told me the GIF gets a rainbow color animation, but the background will also have the rainbow color which I don't want, I just want the blue walking thing as a rainbow color changing thing and not the whole background.

Removing the white background, I don't think that will solve my problem then.

Answer 1

For the rainbow animation, your file has 47 frames.

• Create a New Document, same size as you animation.
• Add 9 Solid Color Layers reproducing the rainbow, each layer with one color
• The top layer should have the same color than the first one and all layers must be visible The first layer it is not used at the animation, it's a guide to create the colors
• Group the layers and apply a Color Blend to this group
• Delete the background layer and open the Timeline Panel

• Timeline Panel: add a Frame
• Layer Panel: Hide the top layer

• Timeline Panel: select both frames and click the Tween Icon > Frames to add = 5 to get the first part of the rainbow animation from nine total parts.

• For the next rainbow parts: select the last Frame, add a new Frame, hide the top visible layer and selecting the last two Frames, apply Tween with the same parameters.
• For the last Frame make all layers visible
• This is the Rainbow 49 frames animation:

• Timeline Panel: select all the Frames
• Timeline Panel > Options Menu > Copy Frames

• Go to your original GIF file and select all the animation Frames
• Timeline Panel > Options Menu > Paste Frames > Paste Over Selection

• Delete the last two frames

• For keeping the helmet at the same color, make a mask to each frame, sorry, no automatic way. The best option is having the same animation but just with the helmet and transparent background, must be the same size, the helmet and the file, copying all the frames and pasting over this rainbow animation. Same with the shoes.

• A GIF file doesn't support interactions. For color changing you must decide what's the layers color when you make the animation. The time for each color, changing the Frame Delay Time. If you need interaction an animated GIF is not the right decision.

Edit after the question changing:

To get the transparent background from a GIF with white background once the animation it's done follow this answer https://graphicdesign.stackexchange.com/a/48705/120647

• From this result, selecting a frame is possible to add a black stroke inside to the layer
• Clicking the right button of the mouse > Copy Layer Style
• Select all frames and all layers and clicking the right button of the mouse over a layer > Paste Layer Style
• Some frames must be retouched but at list most of the work it is automatically done