0

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:

enter image description here

Into something like this:

enter image description here

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.

enter image description here

as you see

enter image description here

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 updated from an animated GIF with white transparent as explained at the firs part . – Danielillo Jul 1 '18 at 12:01
2

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

layers

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

second 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.

First Rainbow

  • 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:

rainbow

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

copy frames

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

overselection

  • Delete the last two frames

monster

  • 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

transp

  • how did you apply a color blend on all of them? – karl-police Jul 1 '18 at 10:02
  • Applying Tween from the Timeline Panel, as It is explained in the answer. The third icon from the right. – Danielillo Jul 1 '18 at 10:06
  • ok I've found it, btw what colors did you use, your rainbow frame has a bit more colors at the end than mine. like in hex. – karl-police Jul 1 '18 at 10:17
  • so you said for the last frame, like you mean frame nr 49 or the last frame, where I will do frames to add – karl-police Jul 1 '18 at 10:19
  • nope I haven't found out, the color fill thing still doesn't get added. – karl-police Jul 1 '18 at 10:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.