Skip to main content
johns10166157
johns10166157
Participant
January 27, 2018
Answered

How do I add a rainbow 'filter' to a GIF (i.e color changing)?

  • January 27, 2018
  • 1 reply
  • 8916 views

I have recently been tasked with creating a rainbow Pokemon GIF but the most I can do is change the colour once. I tried looking online and did find some websites that added a rainbow filter : https://cdn.discordapp.com/attachments/399654990026899477/406751658807132160/Rainbow_Arceus.gif  - This link is a rainbow gif that I was able to make the color change but it's not as clean as I would like it to be and was wondering if anyone knew how to do this in photoshop or at least another software that could help in what I'm trying to accomplish. {This video shows a Pokemon GIF that I would like to be able to re-create (ignore that background, that was added afterwards but that rainbow effect is what I'm trying to achieve)}Gyazo - a7804d1c4f46dd6a373d9ac1fa78b4d9.gif

    This topic has been closed for replies.
    Correct answer JJMack

    It looks like you start with a very small image and resized it up in size too much the image became soft and staircaseing stepped in.  On top of that the image was on a white background that you deleted not well and left a white fringe which shows on your black background replacement. Start over with a higher resolution image.

    The other animation looks like two animations combined, One is the charter frame animation with a transparent background where the character was  black, white and gray in color. The second animation was created using tween that moved as spectrum gradient layer that is larger than then documents canvas then saves out as a animated gif. Then the gif was open in Photoshop so all the generated tween frames would be actual layers and could be dragged into the first animation and clipped to the layers of the first frame animation to color the white character animation with a multiply blending at a lowered opacity so the character black and gray would show through the rainbow color and darken the rainbow color. A new background  botton layer was added to show in all frames.

    1 reply

    JJMack
    Community Expert
    JJMackCommunity ExpertCorrect answer
    Community Expert
    January 27, 2018

    It looks like you start with a very small image and resized it up in size too much the image became soft and staircaseing stepped in.  On top of that the image was on a white background that you deleted not well and left a white fringe which shows on your black background replacement. Start over with a higher resolution image.

    The other animation looks like two animations combined, One is the charter frame animation with a transparent background where the character was  black, white and gray in color. The second animation was created using tween that moved as spectrum gradient layer that is larger than then documents canvas then saves out as a animated gif. Then the gif was open in Photoshop so all the generated tween frames would be actual layers and could be dragged into the first animation and clipped to the layers of the first frame animation to color the white character animation with a multiply blending at a lowered opacity so the character black and gray would show through the rainbow color and darken the rainbow color. A new background  botton layer was added to show in all frames.

    JJMack
    johns10166157
    johns10166157Author
    Participant
    January 27, 2018

    So how do I create that second colour changing layer and how do I combine the two? If it's not too much trouble, could you give me a step by step guide on how to make the second animation? Cheers

    JJMack
    Community Expert
    JJMackCommunity Expert
    Community Expert
    January 28, 2018

    and then how to combine the two?


    I gave you the steps I believe they used.   You create two Frame animation.   You then drag all the frame layer from the  Rainbow animation by  opening the rainbow animated gif in Photoshop as a layer document where each layer is also a frame in the frame animation into the Character animation layered  document and merger then by controlling what layer are visible in each frame and blend the rainbow layer clipped  to the character layer using a lowered opacity and multiply blending. The Rainbow layer will need to be position in the layers stack to be able to clip them to the character layers. You may need to drag in the rainbow layers more than once.   You need a rainbow layer for each character layer so they can be clipped and blended together.

    JJMack
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices