Devine Design
 

Kepler–444

Posted on : 27-01-2015 | By : ptah | In : Graphics, Illustration, Information graphics, Motion design, Portfolio

0

Hat tip to Andrew Kramer at Video Copilot

CSS3 animation example: Volcano

Posted on : 01-10-2012 | By : ptah | In : Icons, Illustration, Motion design, Portfolio

0

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.

CSS3 animation example: Teaching resource icon

Posted on : 01-10-2012 | By : ptah | In : Icons, Illustration, Motion design, Portfolio

0

 

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 files were zipped, and uploaded to an online sprite generator where I was able to manipulate my graphics into a single sprite and save out as a jpg file along with the relevant css code for presenting my animation.

Animated power infrastructure diagram

Posted on : 17-07-2012 | By : ptah | In : Illustration, Motion design

0

Click on image to see video

Click on image to see video

OU-RAP Sarah confirms process

Posted on : 18-07-2011 | By : ptah | In : Illustration, Motion design

0

Click on image to see video

Click on image to see video

OU-RAP Peter discusses layout changes

Posted on : 18-07-2011 | By : ptah | In : Illustration, Motion design

0

Click on image to see video

Click on image to see video

OU-RAP Paul introduces final design

Posted on : 18-07-2011 | By : ptah | In : Illustration, Motion design

0

Click on image to see video

Click on image to see video

Tag Cloud

Posted on : 11-10-2010 | By : ptah | In : Graphics, Motion design, Portfolio

0

Tagcloud

Click on image to see video