Hey everyone, it's Dale here again. Hope you having a great day. Today we're going
to create this rounded bar chart animation, which looks super awesome. Let's check it out.
Okay so before we start, we're going to set up our guides, so we'll go to View
and turn on our guides.
Then we'll right-click, and we're going to format the background,
and we're going to choose a light grey as our background today. Beautiful.
Now we're going to insert a three-centimetre circle. Oh, that was close,
and align it to the center line roughly about there. We're going to use this to
show the percentage as well so we're going to just type the percentage symbol in,
and we'll change the font size.
So come home.
We'll change the font to Montserrat semi bold, and we'll change the size to 18. Beautiful.
Next, we're going to add a shadow, so we'll come up to our Format Shape. Go to effects.
And we'll choose the offset bottom shadow.
We’ll change it to dark grey and increase the transparency to 80%
and we’ll increase the blur to 5%. Perfect.
Now we will duplicate this circle by pushing Ctrl+D. We’ll move this other one along. And once
we have it in position, we can push Ctrl+D three more times. And it’ll match locations for us.
Now we want to align and distribute these properly, so what we'll do,
we'll move this right circle just to the left a bit until the guides come up to say
that it matches the same width as the other one. Then we'll select them all, come to Arrange,
Align and we’ll distribute horizontally. Fantastic.
Next, we're going to change all of the colours to the same colours I have here,
so purple, blue, yellow and orange. So I'll quickly do that. So I'll right-click,
go to Fill. Choose purple. And I'll keep working long.
Perfect.
Now what we'll do, we're going to duplicate this slide so click on the slide,
hold down Ctrl D to duplicate. And then we're going to draw in a rectangle.
And we want to draw it to this middle line here, so draw it to the full length of the slide.
And we're going to set the height to 4.5 centimetres.
We'll just make sure it snaps to that middle part there. Perfect.
What this rectangle is going to be is a mask, so when the bottoms of these
columns come up, this will be used to hide it.
So with this rectangle selected, hold down Control and then drag over the other ones to select them,
and then go to Merge Shapes, and we'll Subtract.
Now, hold down Shift and we'll just align that to the bottom of the slide.
And what we'll do we'll come back to that later. So that's ready to go.
Come back to this slide, and now we need to draw in a rounded rectangle. So come up here and we're
going to draw it. Don't worry about the width yet we'll fix that up in a moment. We'll grab this
yellow selector thing, and we’ll move it to the right until you get a perfect circle. Perfect.
Now we're going to change the width to 3 centimetres, so it matches the
width of the circles. And we'll change the height to 14 centimetres. Great.
Now we want to mimic this gradient that's happening here so we'll go to Gradient Fill,
and we'll make this first one pink.
And we want the transparency to be 60% for the top.
And we'll make the other side pink as well. We'll leave that solid.
Let's align that perfectly so that it snaps to the top of the circle.
Then hold down Ctrl D to duplicate and drag the next one, perfectly in line with the next circle.
And once we've done that, you can hold Ctrl D, three more times and it'll place the other ones
in the right spots for you. Now I'm going to change the colours of the gradients to match
the circles above them. What am I do first is I'll select these
four shapes, and I'll right-click, and I'll send them to the back.
Great, so I’ll change this one to purple. I'll set the transparency to 60%. And the bottom to purple.
I'll change the other ones as well, so I'll be right back.
Alright, really looking good now so what we'll do we'll go back to the other slide.
And we'll take our shape that we took before and we'll just copy that.
Come in here and we'll just paste it into place.
We'll right-click it, and we'll change the Fill to the same colour we used for the background.
I could also use the slide background filter if I wanted. Beautiful.
Next, I'll select all of these shapes, hold down Shift, so we keep them aligned
and we'll just drag them down until the circles snap into their spots.
Perfect. Now I want to put in a title at the top. I also want to keep things aligned so this shape
here is 4.5 centimetres so let's put in another block at the top. And we'll drag it across,
using the rectangle, And we'll make this 4.5 centimetres as well. We'll change it
to the slide background fill. And we're just going to type in a title ‘Percentage by year.
Great. Go home. And I'm going to choose this sort of grey here,
and I'll change the font to Montserrat semi bold.
I also want to put some years under here so I'm going to make this from 2017 through to 2021.
So just grab a text box and I'll type in 2017. Choose the same grey. Montserrat semi bold and
we'll centre that. And we might just reduce that size down a bit to about 16. Perfect.
Now drag that down until you see it snap there right to the middle. And then we're
going to duplicate that, so press down CTRL D to duplicate and drag this one,
perfectly in position. And once you've done that, once again, press Control D two more times, and
the others will go perfectly in place. And I'll just change these years, so I'll be back in a sec.
Great, now what I'll do is I'll get rid of this slide because we don't need it anymore.
And now we can start looking at putting our percentages in or moving this around so
we're going to start by clicking here and just typing 90%.
We can enter anything so I'll just enter some numbers along.
Now what we want to do now is group these shapes. So I'll just select
both of these and hold down Ctrl G to group. Same thing here. And we'll keep working along
Great. And now if I slide this up you can see we get our effect. That's great.
But we want to know roughly where we want these to slide to, so a really good trick is to measure the
distance between this box up here, and this box here, and what that'll be our region.
So what we'll do is kind of draw in a rectangle.
And I'm going to use the top of the circles to be the top of the measurement.
So that'd be zero. And I'm gonna slide this all the way until it hits the box, which will be 100%.
Now, this height is 8.5 centimetres. So I want to divide this into 10
so I'm just going to make this 0.85 centimetres. Great.
Now just slide this down until it snaps at the top of the circle.
Press Ctrl D to duplicate. Slide it to the top of that square.
Each of these represents 10%, so I’ll need eight more, so push Ctrl D eight more times. Great.
Select them all, remove the fill, just select white that's fine. And we'll just give an outline.
And it's gonna zoom out of it. And select all of these, and I'm just going to slide them
off the slide.
And what these do. If I slide this up, You'll start to see that you snap
to these lines and means you're not guessing where
the bar charts need to go to, it's actually a bit more measured and more consistent.
Alright, let's get morphing.
So let's select this slide
and push Ctrl D to duplicate it. And on this second slide, we can actually move these up.
So I'm just going to hold down shift so I keep it aligned and I'm gonna slide this up
until I see it snap with the 90% there. Perfect.
And the same with 40%, which will align perfectly with that one.
And then I'll just bring it up roughly about another half. Now to 30% and 80%.
You can see how handy it is to have these guides at the side, they're very helpful.
Now we'll select both slides, and we're going to change the transition to morph.
And we'll just decrease the duration to 1.25 seconds.
Alright, so there's only one more thing to do. We just want to hide these numbers,
so they don't display until they animate in. So what we're going to do is select that shape.
And we'll just change the colour to match the
background, and we'll do that for each of these as well.
Let's go check it out.
That looks fantastic. And there you have it. I hope you enjoyed watching this video today and
if you really liked it, hit that thumbs up button for me. And if you'd like to see some more videos,
make sure you click the subscribe button as well so you don't miss out.
As always, I've provided the free download link in the description area below.
Thanks so much for watching and I'll catch you in the next video. See ya.