Devine Design
 

Planet erosion

Posted on : 13-04-2016 | By : ptah | In : Illustration

0

planet-erosion-draft3

As used in Media including the BBC: http://www.bbc.co.uk/news/science-environment-36016748

Snakes and Ladders – Poster

Posted on : 24-07-2015 | By : ptah | In : Graphics, Illustration

0

Poster-forblog-large

Snakes and Ladders – an ice breaker at workshops

Posted on : 30-01-2015 | By : ptah | In : Graphics, Illustration

0

snakes-ladders

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 – Take 2

Posted on : 08-10-2013 | By : ptah | In : Graphics, Illustration, Information graphics

0

Military-and-civilian-deaths-in-the-First-World-War

Learning design splash graphic

Posted on : 23-05-2013 | By : ptah | In : Graphics, Illustration

0

home-page-splash

Illustration on behalf of Max & Stacy – Come Dine

Posted on : 02-04-2013 | By : ptah | In : Illustration

0

lunch-with-max-and-stacy

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.