I'm having some difficulty creating a bar graph template that I just made in after effects.
There doesn't seem to be an option to set a keyframe in my after effects template so I cannot change the graph over a period of time in premiere pro. In after effects, these are the settings I have so far. I don't see an option to set keyframes in after effects when I want to drag it into the essential graphics box. What am I missing here?
1 Correct answer
You'll need an Expression to accept input via slider and then to animate the value.
Here's an Expression
//KF01 is your start value
KF01 = 0;
// KF02 is the value linked to its slider
KF02 = thisComp.layer("Controller").effect("Bar 01")(1);
// starTime defines the starting time of the bar's animation
startTime = 1;
// endTime defines the ending of the bar's animation
endTime = 2;
linear(time,startTime,endTime,KF01,KF02)
------------------------------------------------------
You will of course
...
7
Replies
I watched this tutorial https://www.youtube.com/watch?v=0amv44UwAwg&t=4s&ab_channel=SonduckFilm and to create my bar graph.
This is how the bar graph looks like:
I used the pen tool to create the first line, then duplicated it and increased the stroke width to create the bar graphs. Then I added in trim paths into the bar graph. Next I created a null object and then went into effect -> expression control and added in the slider control to the null object. Then I went back into the trim paths and clicked on the end stop watch and parented it to the slider. So now the slider controls the trim paths. Then I duplicate the bar graphs and under expression, I changed where it says bar one to bar 2, etc. Then I set keyframes for the sliders in order to animate the graphs.
This is what the expression says thisComp.layer("Control").effect("Bar 5")("Slider"). Where it says Bar 5, I substituted that with whatever bar I was working on.
Is there any other information that you need?
You'll need an Expression to accept input via slider and then to animate the value.
Here's an Expression
//KF01 is your start value
KF01 = 0;
// KF02 is the value linked to its slider
KF02 = thisComp.layer("Controller").effect("Bar 01")(1);
// starTime defines the starting time of the bar's animation
startTime = 1;
// endTime defines the ending of the bar's animation
endTime = 2;
linear(time,startTime,endTime,KF01,KF02)
------------------------------------------------------
You will of course drag the Slider Control, named "Bar 01" in my example, into the Essential Graphics Panel.
The image below shows HOW to set up one bar -
Do take note that this is a rather simplified Bar Graph. A more robust Bar Graph will allow for negative values as well as a number to normalize values so that a graph containing bars with extreme values between the highest and lowest values can be accomodated in a visually elegant manner. HTH
AdChoices