1. Render flat animation in Cinema 4D and save sequence of PNG files.
2. Create sprite sheets in Adobe Photoshop. Scripts used:
svgsprite.com/temp/sprite-sheets.zip3. Convert bitmap images to perfect vector in "Vector Magic" program.
vectormagic.com/home4. Edit sprite sheet in Adobe Illustrator.
5. SVG fallback. Export PNG file in Adobe Illustrator.
6. Optimize SVG and PNG files
SVG optimize tool:
jakearchibald.github.io/svgomg/PNG optimize tool:
tinypng.com/7. Connect vector sprite sheets to your websites.