Check out RIZE - rize.io/boonelovesvideo Use promo code BOONELOVESVIDEO Today I'm going over the best way to create bar graph animation templates in Adobe After Effects. Get the AE Project File and MOGRT here! - www.patreon.com/boonelovesvideo 0:00 Intro 0:40 Get the AE Project Files on PATREON 0:49 Patron Shoutouts 1:00 RIZE Ad Read 2:00 Reference Image/New Comp 2:44 Rulers and Guides 3:36 Draw the Path 4:23 Animate the Bar Graph 5:48 Add a Slider Control 6:34 Add the Background Path 9:04 Gradient Stroke 11:42 Essential Graphics/Master Properties 12:40 Precomping and Duplicating 13:44 Animate the Bar Graph Out 14:41 Outro
Can you please please make a series on making different types of graphs. Line, pie, different types of bar graphs. There are SO many ways graphs could be created and if I trust anyone to be capable of making them, it's you. Absolutely looking forward to more graphs in the future
Thanks for the suggestion! I'm thinking of doing a line chart tutorial. I quickly created a line graph for Johnny Harris' Ukraine video that I was really happy with, and I want to share that workflow. Maybe in the future I can have a whole infographics course or something. 🔥
Wow wow wow! Mr. Boone you are always coming with a surprise gift box for us. Thank you being alive and share with us. Keep yourself healthy, we need you.
TIP: Add this little expression to the End Point of the Gradient Stroke to set the gradient no matter the amount (short bar's also get the full gradient as shown in the example bar graph) x = 0 y = 960 - (effect("Amount")("Slider")/1)*9.6; [x, y]
LEGEND!! I actually spent several hours trying to figure out how to include this in the tutorial, but couldn’t crack this little expression. Brilliant. For real thank you so much for sharing.
Really good video Boone! I like to do my graphs with a rectangle shape which I scale on one axis instead of trim paths. That way I can add a bit of overshoot when I animate them in. Quick question, what’s the benefit of adding a second trim path. Why not just connect the first trim path to the slider control? Thanks.
Thanks, Simon! I enjoyed looking at your project file to see how you did it. Very cool. So the first trim path animates the bar graph, and the second is for putting in the amount. If you didn't have that second trim paths, you'd have to make sure that your playhead is over the second keyframe every time you change the amount. Or you'd have to put some expression in there to read the second keyframe, but that gets too complex.
Check out RIZE - rize.io/boonelovesvideo
Use promo code BOONELOVESVIDEO
Today I'm going over the best way to create bar graph animation templates in Adobe After Effects. Get the AE Project File and MOGRT here! - www.patreon.com/boonelovesvideo
0:00 Intro
0:40 Get the AE Project Files on PATREON
0:49 Patron Shoutouts
1:00 RIZE Ad Read
2:00 Reference Image/New Comp
2:44 Rulers and Guides
3:36 Draw the Path
4:23 Animate the Bar Graph
5:48 Add a Slider Control
6:34 Add the Background Path
9:04 Gradient Stroke
11:42 Essential Graphics/Master Properties
12:40 Precomping and Duplicating
13:44 Animate the Bar Graph Out
14:41 Outro
Can you please please make a series on making different types of graphs. Line, pie, different types of bar graphs. There are SO many ways graphs could be created and if I trust anyone to be capable of making them, it's you. Absolutely looking forward to more graphs in the future
Thanks for the suggestion! I'm thinking of doing a line chart tutorial. I quickly created a line graph for Johnny Harris' Ukraine video that I was really happy with, and I want to share that workflow. Maybe in the future I can have a whole infographics course or something. 🔥
Incredibly useful, thanks!
You're welcome!
Wow wow wow! Mr. Boone you are always coming with a surprise gift box for us. Thank you being alive and share with us. Keep yourself healthy, we need you.
Thanks for the kind words! Indeed, a lot of cool stuff coming.
I am just impressed after seeing this. Thank you so much❤❤
Followed Step by Step. Learned some new stuff. Appreciate all the tutorials
Thanks, Jimbo! I try to make this easy to follow for everyone, no matter the skill level.
Not only the GeoLayer, but also you killed the Bar Graph :)
you are just great
Sir, Thank you so much for making those gorgeous tutorials.
Great vid thanks BOONE, I'll check out Rize too.
Thanks! Yeah Rize is pretty sweet.
As always, Boone is the best graphic creator l´ve ever seen on 👍
You don't have a right to choose, sir! But, yes, he is, indeed.
Hey thanks! That's super nice to say. I'm glad you're liking the content.
😂🙏😀😎
man you are a God gift for us wish you all the best
Something different than the maps. I like your style of the tutorials. Keep on going!
Glad you like them!
Thanks so much Boone these tutorials are nothing short from phenomenal !!
Thanks! Cool staff. I will try it out
Again, such a useful tutorial. Thanks.
Happy to hear that, Tarjei! 😎
So detailed and such an effective workflow. This was the tutorial I didn't know I needed today. Thank you!!
You're welcome! Yeah, Essential Graphics/Master Properties is a crazy good workflow.
Thank you for this!
My pleasure!
Thank u so much. so helpful, so neat!
You're welcome! Essential Graphics is beast mode good 🐉
TIP: Add this little expression to the End Point of the Gradient Stroke to set the gradient no matter the amount (short bar's also get the full gradient as shown in the example bar graph)
x = 0
y = 960 - (effect("Amount")("Slider")/1)*9.6;
[x, y]
LEGEND!! I actually spent several hours trying to figure out how to include this in the tutorial, but couldn’t crack this little expression. Brilliant. For real thank you so much for sharing.
Was wondering if this was possible via expressions. Nice one
Brilliant tutorial!
Thanks!
thank you for a great tutorial.
Is there a code which can be used to put value (numbers) above graphs which could rise when graphs are rising?
Really good video Boone!
I like to do my graphs with a rectangle shape which I scale on one axis instead of trim paths. That way I can add a bit of overshoot when I animate them in.
Quick question, what’s the benefit of adding a second trim path. Why not just connect the first trim path to the slider control? Thanks.
Thanks, Simon! I enjoyed looking at your project file to see how you did it. Very cool.
So the first trim path animates the bar graph, and the second is for putting in the amount. If you didn't have that second trim paths, you'd have to make sure that your playhead is over the second keyframe every time you change the amount. Or you'd have to put some expression in there to read the second keyframe, but that gets too complex.
Hey ...
I had recently asked about different pricing for developing countries, any thoughts about it?
Nice Bro 🙂
reverse path direction doesn't work..
very helpful bonne! thanks,