Change colour base on expression slider value

[Dan Ebberts]

Assuming you’ve applied a Fill effect to your solid, something like this probably:


s = thisComp.layer("controls").effect("Slider Control")("Slider");
if (s < 40)
[1,0,0,1]
else if (s < 70)
[.5,0,1,1]
else
[0,1,0,1]


Dan

[Andy Bryce]

Works perfectly thank you!

How can I change the colour of each to a particular HEX colour code?

[Andy Bryce]

One other question.

Can I add an expression to a text layer to change text based of the value.

From – critical – weak – strong

Thanks in advance

[Dan Ebberts]

This would be one way:


s = thisComp.layer("controls").effect("Slider Control")("Slider");
c1 = 0xff0000; // red
c2 = 0x7f00ff; // purple
c3 = 0x00ff00; // green
function hexToFloat(c){
r = ((c & 0xff0000) >> 16)/255;
g = ((c & 0xff00) >> 8)/255;
b = (c & 0xff)/255;
return [r,g,b,1];
}
if (s < 40)
hexToFloat(c1)
else if (s < 70)
hexToFloat(c2)
else
hexToFloat(c3)


Dan

[Dan Ebberts]

This should work:


s = thisComp.layer("controls").effect("Slider Control")("Slider");
if (s < 40)
"critical"
else if (s < 70)
"weak"
else
"strong"


Dan

[Andy Bryce]

You have really helped me out I am extremely gratefulT

Thank you!

[Ben Christie]

Hi Dan,

I know you gave this answer a long time ago but it has been extremely helpful.

Wondering if you know any quick tips on how to make an actual transition between colors vs just immediately popping to the needed color?

Thanks.

Ben

[Dan Ebberts]

I guess it could be something like this:


s = thisComp.layer("controls").effect("Slider Control")("Slider");
c1 = 0xff0000; // red
c2 = 0x7f00ff; // purple
c3 = 0x00ff00; // green
function hexToFloat(c){
r = ((c & 0xff0000) >> 16)/255;
g = ((c & 0xff00) >> 8)/255;
b = (c & 0xff)/255;
return [r,g,b,1];
}
if (s < 40){
ease(s,0,40,hexToFloat(c1),hexToFloat(c2));
}else{
ease(s,40,70,hexToFloat(c2),hexToFloat(c3));
}


Dan

[Alexandru Graur]

<yt-formatted-string slot=”content” split-lines=””>Hello. </yt-formatted-string>

<yt-formatted-string slot=”content” split-lines=””>Quick question:</yt-formatted-string>

<yt-formatted-string slot=”content” split-lines=””>Is there a way to change the fill color with expression based on a number? Let’s say you want -20 to be blue, 0 to be light yellow/white and 50 to be orange.</yt-formatted-string>

<yt-formatted-string slot=”content” split-lines=””>Thanks.</yt-formatted-string>

<ytd-button-renderer aria-expanded=”false” noink=”” use-keyboard-focused=”” button-renderer=”true”></ytd-button-renderer><ytd-button-renderer aria-expanded=”true” noink=”” use-keyboard-focused=”” button-renderer=”true”></ytd-button-renderer>