This animation was constructed by creating an illustration of a volcano in Adobe Illustrator. I then created the sprite offset in Illustrator so that my artwork resembled an ‘old school’ 35mm film strip of 8 frames. I worked out the CSS3 animation properties on paper.

  This animation was constructed by creating a vector shape in Adobe Illustrator and saving as an .ai file. Next the file was imported into Adobe After Effects, rendered to 3d space with some lighting added to create the gradient and shadow. I exported my After Effects file as a .psd sequence: 6fps. The .psd … Continue reading “CSS3 animation example: Teaching resource icon”