Meta Refresh 2015

The web in your pocket

Automating doodling

Submitted by Anand S (@sanand0) on Monday, 5 January 2015

videocam_off

Technical level

Intermediate

Section

Content Design – full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +9

Objective

You’ve probably seen animated doodles before. These doodles are engaging for three reasons:

  1. The hand-made drawings feel personal and human
  2. The animations feels like you’re watching an expert artist draw fast
  3. The voice-over focuses attention further, making the experience mesmerising

Creating these by hand requires a level of expertise in drawing that takes practice.

This talk teaches you how to create a doodle programmatically, with no design experience.

Description

For an artist, creating a doodle is easy. They just draw it and record their process.

For a programmer without any design experience, a doodle borders on the unapproachable.

This talk is about how you can create a doodle from scratch without having to draw a single stroke. It covers:

  • How to storyboard a doodle
  • Finding clipart
  • Converting pictures to vector art
  • Jittering them to make them look hand-drawn
  • Converting fonts to centerline fonts
  • Animating the strokes, making them look hand-drawn

Speaker bio

Anand is the chief data scientist at Gramener. He and his team explore insights from data and communicates these as visual stories.

Anand has an MBA from IIM Bangalore and a B.Tech from IIT Madras. He has worked at IBM, Lehman Brothers, The Boston Consulting Group and Infosys Consulting. He blogs at s-anand.net.

Comments

Login with Twitter or Google to leave a comment