Visual thinking sketching and storyboards for infographic video

59

description

From the very beginning when I started working on my Mobile Web Revolution video, I had the idea to capture my process of how I created the motion graphic video as I went along in order to share it online with others as a resource for learning motion graphics. I wanted to be able to show not just the final video, but the script ideas, the rough brainstormed sketches that lead to storyboards and mock-ups in Apple Keynote.This presentation contains scans of my sketches and hand-drawn storyboard as well exports of Keynote storyboards and mock-ups. Those interested in the process can compare the original sketches and storyboard with the final video. Some portions came out very similar to the original concept but I found that a lot my original ideas where difficult or time-consuming to produce. So, some portions of the final product are very different from the original idea.

Transcript of Visual thinking sketching and storyboards for infographic video

Page 1: Visual thinking sketching and storyboards for infographic video
Page 3: Visual thinking sketching and storyboards for infographic video

Sketches and Storyboards

Page 4: Visual thinking sketching and storyboards for infographic video
Page 5: Visual thinking sketching and storyboards for infographic video
Page 6: Visual thinking sketching and storyboards for infographic video
Page 7: Visual thinking sketching and storyboards for infographic video
Page 8: Visual thinking sketching and storyboards for infographic video
Page 9: Visual thinking sketching and storyboards for infographic video
Page 10: Visual thinking sketching and storyboards for infographic video
Page 11: Visual thinking sketching and storyboards for infographic video
Page 12: Visual thinking sketching and storyboards for infographic video
Page 13: Visual thinking sketching and storyboards for infographic video
Page 14: Visual thinking sketching and storyboards for infographic video
Page 15: Visual thinking sketching and storyboards for infographic video
Page 16: Visual thinking sketching and storyboards for infographic video
Page 17: Visual thinking sketching and storyboards for infographic video
Page 18: Visual thinking sketching and storyboards for infographic video
Page 19: Visual thinking sketching and storyboards for infographic video
Page 20: Visual thinking sketching and storyboards for infographic video
Page 21: Visual thinking sketching and storyboards for infographic video
Page 22: Visual thinking sketching and storyboards for infographic video
Page 23: Visual thinking sketching and storyboards for infographic video
Page 24: Visual thinking sketching and storyboards for infographic video
Page 25: Visual thinking sketching and storyboards for infographic video
Page 26: Visual thinking sketching and storyboards for infographic video

Keynote Mock-ups

Page 27: Visual thinking sketching and storyboards for infographic video

Original idea of opening scene

Page 28: Visual thinking sketching and storyboards for infographic video

Original concept for portraying social networks - never did like this visual

Page 29: Visual thinking sketching and storyboards for infographic video

The idea here was that everyone in the social network would hold a smartphone

Page 30: Visual thinking sketching and storyboards for infographic video

First concept for the title

Page 31: Visual thinking sketching and storyboards for infographic video

Another portrayal of social media network that I wasnʼt happy with

Page 32: Visual thinking sketching and storyboards for infographic video

Yet, another portrayal of social media network that I wasnʼt happy with

Page 33: Visual thinking sketching and storyboards for infographic video

The finger swipe...

Page 34: Visual thinking sketching and storyboards for infographic video

Another social media network...

Page 35: Visual thinking sketching and storyboards for infographic video

To get the graphic of a smartphone being held in the hand, I took a picture of my hand holding a smartphone ...

Page 36: Visual thinking sketching and storyboards for infographic video

... then traced around my hand.

Page 37: Visual thinking sketching and storyboards for infographic video
Page 38: Visual thinking sketching and storyboards for infographic video
Page 39: Visual thinking sketching and storyboards for infographic video

Original street scene I was going to use as base - Market St. in San Francisco

Page 40: Visual thinking sketching and storyboards for infographic video
Page 41: Visual thinking sketching and storyboards for infographic video

Using the photo as a guide to create vector graphics of the street scene

Page 42: Visual thinking sketching and storyboards for infographic video

Creating a vector of a cityscape

Page 43: Visual thinking sketching and storyboards for infographic video
Page 44: Visual thinking sketching and storyboards for infographic video

Using mobile devices in a bar

Page 45: Visual thinking sketching and storyboards for infographic video

Using mobile devices in a restaurant booth

Page 46: Visual thinking sketching and storyboards for infographic video

Using mobile devices at a dining room table

Page 47: Visual thinking sketching and storyboards for infographic video

Using mobile device while watching TV

Page 48: Visual thinking sketching and storyboards for infographic video

Using mobile devices in a bathroom

Page 49: Visual thinking sketching and storyboards for infographic video

Using mobile devices in a bathroom - privacy please!

Page 50: Visual thinking sketching and storyboards for infographic video

Mobile growth skyrocketing - mobile phone were supposed to look more like jet packs

Page 51: Visual thinking sketching and storyboards for infographic video
Page 52: Visual thinking sketching and storyboards for infographic video
Page 53: Visual thinking sketching and storyboards for infographic video
Page 54: Visual thinking sketching and storyboards for infographic video

Text

Page 55: Visual thinking sketching and storyboards for infographic video

Early visual concept for “move into the mobile space.” Never did like this one.

Page 56: Visual thinking sketching and storyboards for infographic video

Visual concepts for content teams producing content

Page 57: Visual thinking sketching and storyboards for infographic video

Visual concepts for content teams producing content

Page 58: Visual thinking sketching and storyboards for infographic video

Visual concepts for content teams producing content

Page 59: Visual thinking sketching and storyboards for infographic video