Skip to main content
arakotchian
Known Participant
September 27, 2017
Answered

Keyframe animation of adjustment layer sliders, properties, and controls

  • September 27, 2017
  • 3 replies
  • 2382 views

Hi Folks

I need to animate the angle property in the Gradient Fill.  Is there a way to do this ?  I have not found any way to control properties, sliders, and other controls with keyframes in the timeline.

-Ara

This topic has been closed for replies.
Correct answer davescm

Hi

The way to do that is to make the gradient into a spiral.

Make a radial gradient and take a circular section (using two circular paths so that you have a ring. Divide that image into 4 quarters. Transform distort each quarter so that over the four quarters the ring width has halved and is spiralling inward. Then copy and scale several times so that each 360 degree spiral joins up.

Then put it in all in  smart object and key-frame the transform rotate as above.

I hope that helps you

Dave

3 replies

angie_taylor
Legend
September 28, 2017

You can do this easily in After Effects which is designed for motion graphics, animation and visual effects. It is included with a full CC subscription.

angie_taylor
Legend
September 28, 2017

In AE you can achieve this. BY animating a Shape layers Gradient or by applying a Gradient to an adjustment layer and animating that. if you import a PSD as a composition, all layer effects and adjustment layers, layer styles etc. Are brought in "live" and ready to animate. After Effects is often referred to as "Photoshop on wheels" as much of what you can do in Photoshop and Illustrator can bE done in AE but also animated over time.

arakotchian
Known Participant
September 30, 2017

Yeah I pretty much settled on After Effects.  I can do the still stuff in Photoshop and Illustrator and put them into AE.

Thanks for all the help.

-Ara

arakotchian
Known Participant
September 27, 2017

Hi Dave, thanks.  I've got a Gradient Fill set to radial and I want to cycle through the colors in the gradient such the colors in the middle slowly move towards the edges and cycle over and over.  I can't figure out how to achieve this.  Any help would be appreciated.

Thanks.

davescm
Community Expert
davescmCommunity ExpertCorrect answer
Community Expert
September 27, 2017

Hi

The way to do that is to make the gradient into a spiral.

Make a radial gradient and take a circular section (using two circular paths so that you have a ring. Divide that image into 4 quarters. Transform distort each quarter so that over the four quarters the ring width has halved and is spiralling inward. Then copy and scale several times so that each 360 degree spiral joins up.

Then put it in all in  smart object and key-frame the transform rotate as above.

I hope that helps you

Dave

davescm
Community Expert
Community Expert
September 27, 2017

......and then I thought of another way

1. Make the gradient start and end with black

2. Put the gradient layer in a smart object , as before, and use key-frame and transform to scale the gradient

I did that below using 3 separate gradients with the upper two colours set to screen blending mode and also key-framed the opacity of the layers

That's enough - it's late here and I'm off to bed

Dave

davescm
Community Expert
Community Expert
September 27, 2017

No you can't key-frame those property sliders.

If you are talking about a gradient fill layer, you can put that in a smart object then key-frame the transform property to rotate it (as below)

Dave

JonathanArias
Legend
September 27, 2017

THAT IS COOL!!!