Meta Refresh 2015

The web in your pocket

Anand S

@sanand0

Automating doodling

Submitted Jan 5, 2015

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.

Outline

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

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more