I Started making a new 1080p document in Adobe Illustrator
![](https://static.wixstatic.com/media/6ff924_cdeb1a565f7a4cd78932568820b4d17b~mv2.jpg/v1/fill/w_980,h_742,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_cdeb1a565f7a4cd78932568820b4d17b~mv2.jpg)
I used the Oval tool to draw a circle also with a smaller circle on top.
![](https://static.wixstatic.com/media/6ff924_0f08bb01b2af432fb05ddecffe1dc706~mv2.jpg/v1/fill/w_980,h_713,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_0f08bb01b2af432fb05ddecffe1dc706~mv2.jpg)
I selected my 2 shapes and Went Modify > Convert to Symbol
![](https://static.wixstatic.com/media/6ff924_24ef317cb6694e9986eb390d0e28d366~mv2.jpg/v1/fill/w_980,h_774,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_24ef317cb6694e9986eb390d0e28d366~mv2.jpg)
I then added a keyframe at the start and end of my animation. on each keyframe I changed the position of the ball to make it move.
![](https://static.wixstatic.com/media/6ff924_6db302f2b6f2416989ccddab56c7bb70~mv2.jpg/v1/fill/w_980,h_539,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_6db302f2b6f2416989ccddab56c7bb70~mv2.jpg)
![](https://static.wixstatic.com/media/6ff924_423c0d125a3b4be99d23d2bda402095d~mv2.jpg/v1/fill/w_980,h_630,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_423c0d125a3b4be99d23d2bda402095d~mv2.jpg)
I then added a Classic Tween to the keyframe animation. The computer now uses Interpolation to fill in the in between frames which makes my animation smoother.
![](https://static.wixstatic.com/media/6ff924_9a63f1fcca6645bf95daa06a4899104a~mv2.jpg/v1/fill/w_980,h_544,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_9a63f1fcca6645bf95daa06a4899104a~mv2.jpg)
Now my ball animates simply from left to right.
![](https://static.wixstatic.com/media/6ff924_e0e846f2920342ebb4f641fc9702d1a0~mv2.png/v1/fill/w_980,h_665,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_e0e846f2920342ebb4f641fc9702d1a0~mv2.png)
As this ball was complete I locked the layer so I wouldn't accidentally edit it later.
I made a new ball symbol in the same way on a new layer, and this one I animated with 4 keyframes to bounce around the corners of the screen.
and on each keyframe I I changed the rotation of the ball by going Modify > Transform > Rotate 90° CW. Or using the shortcut: CMND Shift 9
![](https://static.wixstatic.com/media/6ff924_71d9609350c34306874c7e86b9a15c37~mv2.jpg/v1/fill/w_980,h_657,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_71d9609350c34306874c7e86b9a15c37~mv2.jpg)
I then created a new layer under both ball layers, and I made it a background by using the rectangle tool to create a square covering the full canvas, and the fill tool to set the colour.
![](https://static.wixstatic.com/media/6ff924_266479302bdb4936b0350fba49107840~mv2.jpg/v1/fill/w_980,h_572,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ff924_266479302bdb4936b0350fba49107840~mv2.jpg)
Here are some of my other versions.
![](https://static.wixstatic.com/media/6ff924_258447f9c314424da474c3fe5cf0d672~mv2.gif/v1/fill/w_980,h_551,al_c,usm_0.66_1.00_0.01,pstr/6ff924_258447f9c314424da474c3fe5cf0d672~mv2.gif)
![](https://static.wixstatic.com/media/6ff924_02c389c900c54463887e8f6dbdac193b~mv2.gif/v1/fill/w_980,h_551,al_c,usm_0.66_1.00_0.01,pstr/6ff924_02c389c900c54463887e8f6dbdac193b~mv2.gif)
![](https://static.wixstatic.com/media/6ff924_f36ea7475f2c466c9d3b35f045230172~mv2.gif/v1/fill/w_980,h_551,al_c,usm_0.66_1.00_0.01,pstr/6ff924_f36ea7475f2c466c9d3b35f045230172~mv2.gif)
Comments