Animation Element V3
Animation Element V3
To create this animation I followed the step-by-step example from School in Motion on YouTube – https://www.youtube.com/watch?v=plbsdkRhy8gb
First I set up my components for the animation, the background solid colour and the line of full-stops. Once this was done, I highlighted and clicked on the animate button to select the option for “Enable per-character 3D” which would enable to animation to work well, but also made sure all characters had a 3D effect at the end of the animation.
![Animation_B3_1 Animation_B3_1](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_1.png)
![Animation_B3_2 Animation_B3_2](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_2.png)
I then used the animate tool again to select and add ‘Rotation’ animation for the final look of the animation.
![Animation_B3_3 Animation_B3_3](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_3.png)
Once the rotation was added, I played around with the different settings such as the ‘grouping alignment’ and the ‘X’ rotation.
![Animation_B3_4 Animation_B3_4](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_4.png)
I then changed the ‘Shape’ setting to ‘Ramp up’ which caused the line of dots to look like it curved in on itself at certain points.
![Animation_B3_5 Animation_B3_5](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_5.png)
I then played around with the ‘Extrusion Depth’ which elongated the dots into lines.
![Animation_B3_6 Animation_B3_6](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_6.png)
Next I created a white solid layer, pre-composed it, the once pre-comped, right clicked and turned this layer into an ’Environment Layer’ which will enable the colour change to the lines from white.
![Animation_B3_7 Animation_B3_7](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_7.png)
I added a 4 part gradient effect to the white solid inside the pre-comp. After that was done I had a play around with the colours to see what blended together nicely, and settled on pinks and purples.
![Animation_B3_9 Animation_B3_9](https://seoacompanywarrington.co.uk/wp-content/uploads/2022/05/Animation_B3_9.png)
Finally, all that needed to be done was the animation, so I used keyframes and placed them at the time duration markers that I wanted the animation to go between. Then I selected the ‘X’ rotation under ‘Transform’ and set the degree to ‘360’ so it would complete a full turn for the animation duration.