Devine Design
 

A logo for AIR

Posted on : 11-05-2017 | By : ptah | In : Graphics, Portfolio

0

This work is probably the 5th or 6th draft. Still more work to be done.

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

Various representations of mortality in the First World War

Posted on : 05-01-2013 | By : ptah | In : Graphics, Illustration, Information graphics, Portfolio

0

Petal diagram

Petal diagram

Area comparison

Area comparison

Bar chart

Bar chart

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.

Our Secret Streets booklet

Posted on : 06-07-2012 | By : ptah | In : Graphics, Portfolio

0

Booklet to accompany the series

Booklet to accompany the series

Media player

Posted on : 30-03-2012 | By : ptah | In : Graphics, Icons, Illustration, Interactive, Portfolio

0

This media player will also have an audio and mobile variant.

This media player will also have an audio and mobile variant.

OU-RAP Detail

Posted on : 18-07-2011 | By : ptah | In : Graphics, Interactive, Portfolio

0

rap1-close-up

OU-RAP Full page showing exposed grid

Posted on : 18-07-2011 | By : ptah | In : Graphics, Interactive, Portfolio

0

rap2-full-with-grid

OU-RAP Colour options

Posted on : 18-07-2011 | By : ptah | In : Graphics, Interactive, Portfolio

0

rap3-colour-options