• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Change colour in animated gif

Community Beginner ,
Jul 17, 2017 Jul 17, 2017

Copy link to clipboard

Copied

I have an animated gif and need to change the colour - I'm new to Photoshop

Views

48.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jul 18, 2017 Jul 18, 2017

Put a solid color fill layer at the top of the layer stack. Set the blending mode to color

Then Export - Save for web with settings as shown

Concentric+Circles-Red.gif

Dave

Votes

Translate

Translate
Adobe
Community Expert ,
Jul 17, 2017 Jul 17, 2017

Copy link to clipboard

Copied

Unless you provide more information, in particular the image in question or a meaningful screenshot (including the relevant Panels), it might be difficult to provide pertinent advice.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 17, 2017 Jul 17, 2017

Copy link to clipboard

Copied

Hi, this is the image - Thanks

Concentric Circles.gif

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 17, 2017 Jul 17, 2017

Copy link to clipboard

Copied

Hi

This is just a gradient fill layer - set to radial and with blending mode set to color at the top of the layer stack

Concentric+CirclesA.gif

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 18, 2017 Jul 18, 2017

Copy link to clipboard

Copied

Hi Dave Thanks

I'm just looking to change to a single color - Red.

I tried  "Save For Web (Legacy), but double click on individual colors in the export dialog's Color Table, to change that specific color"  but the GIF is only showing grayed out Color Table.

When I get the colors working how do I get each individual circle in the GIF to change to RED

Thanks

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 18, 2017 Jul 18, 2017

Copy link to clipboard

Copied

Put a solid color fill layer at the top of the layer stack. Set the blending mode to color

Then Export - Save for web with settings as shown

Concentric+Circles-Red.gif

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 18, 2017 Jul 18, 2017

Copy link to clipboard

Copied

Thanks Dave - Brilliant!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Hi Dave,

I followed same process but applied color apply on complete area not on the animated text, why it is?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Is there a background?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

No text images are transparent...

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Yes but is there a background below those text images? There was in my example.

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Hi Dave,

I have added a red color of last layer/below of all layers to show the transparency.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

I have given a new file and added a red color box/object with transparency and applied a green color fill and used color blending.

But I am still getting a color remaining background.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

What you see is as expected.

And again:

You could alternatively use a Gradient Overlay Layer instead of a Solid Color Layer, that should not count as pixel content.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Hi

Sorry I've just edited my answer - I should have said there is a white background below the grey layers in my example.

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Thanks Dave.

Now it is working ....

Thanks all of you for your time to give me solutions!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Sorry .... but the animation won't be transparent after adding a white background.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Sorry .... but the animation won't be transparent after adding a white background.

How often do I have to repeat that a Gradient Overlay Adjustment Layer provides an alternative?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 18, 2019 May 18, 2019

Copy link to clipboard

Copied

Sorry, I misspoke, I meant Gradient Map Adjustment Layer …

singleStopGradientMapLayerScr.jpg

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

No text images are transparent...

And there is the problem, isn’t it?

You could alternatively use a Gradient Overlay Layer instead of a Solid Color Layer, that should not count as pixel content.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 17, 2017 Jul 17, 2017

Copy link to clipboard

Copied

I can think of a couple of approaches, depending on what sort of change you want.

Open the GIF in Photoshop. It will come in as a bunch of layers, one for each frame. If your animation is like a video, with a wide range of colors, you could put a Hue/Saturation Adjustment Layer as the topmost layer, and you can adjust the color in the Properties panel. When you add the Adjustment Layer, it will come in with a mask, which you can paint on to restrict the effect to specific areas.When you have things the way you want, File > Export > Save For Web (Legacy).

If your animation is simple, with only a few colors, you could just open it in Photoshop, and Save For Web (Legacy), but double click on individual colors in the export dialog's Color Table, to change that specific color.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 02, 2023 Sep 02, 2023

Copy link to clipboard

Copied

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 02, 2023 Sep 02, 2023

Copy link to clipboard

Copied

LATEST

change the color

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines