Inspiration for digital creatives

NEW! Topic Zones

Digital Arts cover

Buy latest issue NOW!

NEW ADVENTURES IN DIGITAL PAINTING
REMIX YOUR ART
VINTAGE HALFTONES
COMIC ILLUSTRATION
SURREAL PORTRAITS
WATERCOLOUR VIDEO EFFECTS

PLUS - £300 OF STOCK IMAGES

EDIGIT SIGN-UP

The twice-weekly newsletter with all the latest creative news, reviews, and features



More info...


ipad

The Complete Guide to the iPad

Packed with tips and tricks, the top 50 apps you must download & over 80 pages of step-by step tutorials.
Buy NOW for just £5.99, a saving of 40% off the retail price.

Tutorial: Create cool infographics

Wednesday 18 Feb 2009

Translate abstract data into a 3D, easy-to-understand illustration in this great tutorial by Wendy Ding.


Infographics, such as the one above, are great visual tools for communicating large amounts of data. Breaking down large amounts of abstract data, they place the information in context and transform it into tangible and useful knowledge.

With a bit of personality and fun, an infographic can become a distinctive and charming way for the viewer to learn and access data. The most important aspect is the underlying message – the primary information that is being illustrated.

All other elements should complement and reinforce the primary meaning to the viewer. For this tutorial, we’re going to be working with data I’ve compiled on images I found on Flickr.com. I chose skirt lengths and their wearers’ locations as my topic and looked through 29 photos. Before I began sketching, I visualized how to best display the overall design and legends.

To contain my findings and various geographical locations, I opted for a clean chunk of land with a beach and underground train – a normal bar graph wouldn’t have been visually dynamic enough to display such a range of information.


01. The best way to begin is to create a sketch using pen and paper. For this diagram, I sketched an isometric chunk of land with edges for the beach and an underground train for further depth. Taking into consideration that some information will need further explaining, I illustrated it in two ‘callouts’ (exploded details). Remember to leave some space for the title and legend – as my sketch is largely horizontal, I left some room at the top and sides.

Tutorial continues...

Jump to page : [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ]

Read more tutorials by this author

Read more Tutorials

Learn about our amazing creative tutorials as soon as they're published -- click here follow @digital_arts on Twitter.

Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?


Promotions

alt content

Corbis Introduces £5 Web and Mobile Resolution Photos as New Research Finds Interesting Pictures Make Online Ads More Effective.

Click here for more information


Who: Freelance illustrator and graphic designer Wendy Ding is based in Toronto, Canada. She specializes in digital art and traditional illustrations. Her projects include maps, children’s illustration, and fashion illustration. This Flickr Stats project gained her an Honourable Mention for Adobe’s Design Achievement Awards in 2007. Her online store is opening soon.
Contact: www.wendyding.com, www.artfulwendy.blogspot.com
Software: Adobe Illustrator CS2 or above
Time to complete: 1 – 2 hours