6197 comments
2357 subscribers
Follow me on Twitter (@sachac)
Subscribe! Feed reader E-mail

Capturing my sketchnotes with Camtasia Studio Pro; organizing the digital workflow

People often want to sit beside me to see how I’m drawing my sketchnotes, so I thought I’d record one session and put together a short video. Here’s how I drew yesterday’s sketchnote. In this video, I zoomed in so that you’re not distracted by all the other controls I have open. =)

Most of the sketchnote artists I know work on paper – sketchbooks, large sheets of paper, whatever. A few use iPads or Android tablets. Few people use tablet PCs, possibly because most designers like using Macs and Apple’s not keen on the tablet PC / stylus combination. I love how I can use my Lenovo X220 Tablet PC to sketchnote, and I want to share what I’ve been learning along the way.

Working on the computer, it’s easy to:

  • colour-match logos
  • paste in pictures and templates
  • draw over a light grid for alignment and spacing
  • move things around, erase things, resize things
  • draw without worrying about blurring or smudging
  • export to different resolutions
  • publish immediately after an event, which is great for following up and for catching the wave of interest on Twitter and blogs
  • capture my sketchnoting process and turn it into a speed-drawing video

I use Autodesk Sketchbook Pro. If I want to record my sketches while I’m doing them, I turn on Camtasia Studio as well. I used to use ArtRage for drawing and animation, and I’ve produced 1-minute animated sketchnotes using that, but it’s not as responsive and pen-friendly as Autodesk Sketchbook Pro is.

Working on a tablet PC is so different from working on paper or on a digitizing tablet like those small Wacom ones. On paper, you can use your peripheral vision to keep the big picture in mind as you’re working on some detail. With digital sketchnoting, I zoom in so that I can draw legible letters, so I don’t have that sense of space – but I can work at various zoom levels using very similar motions, so I can be more consistent. The ability to sketchnote an event in person without needing a special table or access to a power outlet allows me to put the spotlight on all sorts of events, while a digital workflow lets me publish things right away and spread the ideas even further.

Some organizational tips if you’re heading down this path as well:

Invest the time in developing your templates. I’ve been experimenting with different aspect ratios. Lately, I’ve been using a 7.5”x10” template at 300dpi, which means that I can print my sketchnotes on letter-sized paper, and they still look decent at 11×17”. I also have templates for a square grid and for credits so that I don’t spend time lining up my name, Twitter handle, and URL just so.

Save the colours and your favourite brushes to your palette. Make it easy to switch between colours by adding them to your palette. Experiment with the right brush widths too, and save those.

Pay attention to how you name your files and save your images. Exporting files with descriptive names saves me lots of time when it comes to filing and searching them afterwards. I sketchnoted more than a hundred 1-hour talks last year, and I often find myself using Evernote to dig up a specific sketch.

Lots of people tell me they’d love to learn how to do things like this. I want to help people improve their visual communication skills. What kinds of questions do you need answered? What would help you get started?

Short URL: http://sachachua.com/blog/p/24042
  • http://puleen.com/ puleen

    The X220 which you use, is it running Windows or some other OS?

  • http://sachachua.com Sacha Chua

    I’d love to be back on Linux, but Microsoft Windows has a bunch of applications I want to use, like Autodesk Sketchbook Pro and Camtasia Studio. Oh well!

On This Day...

  • 2011: Learning how to model with Google Sketchup — We’d like to learn more about 3D modeling, so W- checked out Beginning Google SketchUp for 3D Printing (Sandeep Singh, [...]
  • 2010: Experimenting with mornings — Here’s my approximate sleep data for the past week, tracked with the free “Sleep on It” app I installed [...]
  • 2009: Book: Leading Out Loud — Leading Out Loud: Inspiring Change Through Authentic CommunicationsTerry Pearce, 2003 Excellent advice on being authentic. Good point starting p133 about [...]
  • 2006: Quiet days — It turns out that the suite meeting isn’t tonight. Maybe Thursday. The place is so quiet. Perhaps I’m learning to need [...]
  • 2006: It’s not just me — My sister once told my boyfriend that if he ever needed to find out how to love me, he could just [...]
  • 2005: A day among friends — Yesterday was a day spent among close friends. Not that I knew them particularly well, but the ease at which they [...]
  • 2004: New pictures up! — 2004.11.16 – 2004.11.14 – 2004.11.08 – 2004.11.03 – 2004.11.02 – 2004.10.30 – 2004.10.24 – 2004.10.23 Emacs makes all things hackable. I [...]
  • 2004: emacs-wiki snippet for getting a list of images from a dired buffer — (defun sacha/emacs-wiki-marked-images-as-kill () "Return a list of images ready to be inserted into a wiki page." (interactive) [...]
  • 2004: OpenACS — Work with programmers around the world on OpenACS projects. OpenACS is an open source databased-backed website development tool kit. Projects [...]
  • 2004: Celsus Kintanar: 3rd place, development challenge, TopCoder — Congratulations to Celsus Kintanar for winning 3rd place and USD 2500 in the Component Development part of the TopCoder challenge. (Heh, don’t [...]
  • 2004: Patrica Chanco Evangelista’s followup to the Faye story — The%20J%20Spot:%20CRAZED%2019%20November%202004%20(from%20Philstar.com) Now *that* is a beautifully written piece. I admire Patricia for her humble apologies and for courageously living through the situation [...]
  • 2004: Whoops, am a little clueless about scholarship programs — I missed the deadline for the Fulbright, and have probably missed many of the deadlines for the other scholarships too. Must [...]
  • 2003: Jerome wants to help out with CS161! — He’s a natural filkster. Way creative. Looking forward to all sorts of cool things! =D “…and man [pages] shall live forevermore…”
  • 2003: Recompiling my kernel — <whistles happily>
  • 2003: CS21B: Inheritance — Gave a quiz on UML class diagrams. Most people got it, although there is a little bit of confusion regarding navigability [...]
  • 2003: planner.el whoops — Referred to old way of favoring future dates. Silly me. Forgot I renamed that. Tsk tsk tsk.
  • 2003: Eclipse UML — Eclipse represents interfaces with the «interface» stereotype. Realization is shown with a dashed line ending in a hollow arrow, kinda like inheritance. Eclipse [...]