Animated Soccer Ball

Adobe Illustrator, Animated SVG, and JavaScript


Objective: Create a soccer ball that animates by changing color and rotating.

Problem: The soccer ball may be a little too complicated to hand code in SVG.

Solution: Create the soccer ball in Adobe Illustrator. Export as SVG. Put ID's on the elements we want to change color. Use two different animations: a faster one to create a smooth rotation, and a slow one to change the colors randomly.