Friday, February 27, 2015

Hand Drawn Slides...Embracing Slow

Before I go any further, I publicly thank Michael Cohen @thetechrabbi ( The Tech Rabbi Site ) for the inspiration for this post and the idea of hand drawing ones slides for a presentation.

My process of going analog has been building as of late.  I've recently written about my approach of turning paper notes into share-able picture notes.  Increasingly when either reading or listening to a presentation or speaker, I leave my devices powered down in a bag and rely on a pen and my Moleskine notebook.  Based on the buzz that Michael created at the last iPad Summit in San Diego with his hand drawn slides, I decided I would take on the challenge of creating with a similar approach.  Here are his stunning slides...

But first, why bother? I can create my presentation slides with Google Slides with hyper speed.  Finding and inserting needed images, check.  Importing needed slides from earlier presentations, check.  Why would I essentially quadruple (and that is putting it lightly) the amount of time needed to create?

Reason #1: Reconnecting by disconnecting - While these slides were created using an iPad digitally, I didn't rely on the internal search tool in Google Slides that so easily lets me search and find any image that I might need in my slides.  I found that by not relying on stock images or the content previously created by others (or myself by importing old slides), I was forced to reconnect with the ideas and thing carefully about how I wanted to present the information.  Everything couldn't be included and I had to be very thoughtful about the balance between the amount of time it would take me to create each idea & what I was trying to share.  I also found myself explaining ideas in ways that I hadn't before, more precisely in many ways.

Reason #2: Humanizing Technology - I tend to run workshop on processes that can be at some points overwhelming and technical.  This workshop in particular could be placed in that very category.  I thought that by presenting the information in a slightly messy, hand drawn and raw approach, the ideas may possibly come across as more accessible.  The outcome of this goal is uncertain...

My slides for the EdTechTeacher Google Jamboree ( #ettgoogle )

Paper by 53
Google Drive App

1. Create a template slide in Paper by 53 & copy the page over X number of times.
2. Create individual slides on the template slide
3. Export all slides to the camera roll (screen shot is my method)
4. Upload images to a Google Drive folder
5. Open Google Slides on a Chromebook
6. Import images from the Google Drive folder

NOTE: I imported a blank template slide that was duplicated in the final presentation to allow for any necessary images or screenshots to be added to the hand drawn slides.

NOTE: This process could have been created exclusively on an iPad as well by importing the pictures into Keynote

Final Thoughts...the process was slow, challenging, at times frustrating, but ultimately I haven't ever been happier with the outcomes of a slide deck I've used in a hand on workshop session.

Good luck drawing.

Monday, February 23, 2015

Animated Sketchnotes: Take 2

In a few previous posts I have been working through a process of transforming my paper sketchnotes first into hybrid notes layered on top of a photograph and then into video notes with animated text. In this second attempt at animated sketch notes, I have introduced a new application into the mix to add a layer of animated images along with text into the final product.


  • Paper53
  • Explain Everything
  • TiltShift Video
  • Tellagami
  • Adobe Voice
  • DoInk Green Screen

1. Record the video segments in Telleagami with a white background & export to the camera roll.

2. Add the Tellagami clips to DoInk Green Screen on the bottom layer of the project.

3. Create animated images with Adobe Voice. Be sure to customize the background to a green screen. Record each image for the desired amount of time for playback in the final video and then export each image individually to the camera roll.


4. Create sketches in Paper53 with black ink and export them as transparencies to the camera roll.

5. Import the Paper53 transparencies into Explain Everything and animate the text on top of a green screen background. Export each bit of animated text individually to the camera roll. If some of the animations are too slow, TiltShift Video is an option to speed up the video clips to a perfect desired length.

6. Layer the Adobe Voice animations and Paper53 animations above the background video in DoInk's Green Screen App. Be sure to turn down the volume on these video clips. Adjust their length, location and size accordingly

Finally, export the final product to the camera roll and upload to the desired location.

As I attempted to explain and capture with the video, this process was tedious, sometimes frustrating and often things didn't turn out as I originally planned. I also has to revise and rethink my process along the way to make things work. But, ultimately the process was extremely valuable because of the many problems that had to be solved along the way.


Saturday, February 21, 2015

Animated Sketch Notes

In my previous post I explored the process of creating hybrid sketchnotes on an iPad by layering sketches on top of a photograph. To add another layer of creativity to the sketch noting process I wanted to determine if it was possible to create animated sketchnotes that would be layered on top of video.

As it turns out it is entirely possible. The final video below is my first effort in the style of creation and demonstrates both the final product and outlines the creation process that was used.


  • Tellagami
  • Paper by 53
  • Explain Everything
  • DoInk Green Screen



Wednesday, February 18, 2015

Living Comics with iPads

Lots of experimentation lately with Green Screen by DoInk because of their recent update that allows videos to be pinched and resized within the app. This allows for some creativity that was previously not possible with this device..."Living Comic Strips"

The Process:

1. Shoot green screen video with the camera.

2. Create comic strip style thought or discussion bubbles in Explain Everything with a green screen background.

3. Create a comic strip in a 16:9 aspect ratio and export to the camera roll. I used Strip Design for this process.

4. Layer all three elements in Green Screen by DoInk and export to the camera roll.

In my next go around my thought is to strategically plan the video creation to have people in different comic strip frames interact with one another. The planning process would be critical here and would require knowing the amount of wait time needed to allow one person to talk and the other to respond once the original scene was complete.



Thought Bubble AppSmashing

I was in a workshop yesterday at Lower Canada College and was discussing the possibility of using iPads in with a performing arts teacher.  Her concept was to have students capture a performance with their iPads, but have them layer thought bubbles above the actors to share their inner thoughts or feelings...

The process:

1. Find a green screen image and a thought bubble image as a PNG (google search) and save them image to the camera roll.   Insert both images into Explain Everything, add text to the thought bubble & press record.  Record the screen for as long as you would like it to appear on your video.

2. Insert the green screen video from Explain Everything into Green Screen by DoInk on the top layer.  Add your original video to the second layer and then select the green screen footage & pinch the video to adjust the location of the thought bubble.  Export to the camera roll for use in iMovie or to upload and share.

The final product...