visual storytelling - stanford university · · 2016-04-13visual storytelling purin phanichphant...
TRANSCRIPT
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2
A B O U T P U R I N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 3
A B O U T P U R I N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 4
A B O U T P U R I N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 5
A B O U T P U R I N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 6
T E L L I N G S T O R I E S NO T A B O U T Y O U R S E L F
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 7
E X A M P L E S T O R Y 1
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 8
E X A M P L E S T O R Y 2
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 9
W H A T M A K E S A S T O R Y G O O D ?
Great stories get the audience emotionally invested
in the characters.
C H A R A C T E R S
Good plots keep the audience engaged and wondering what
will happen next.
P L O T
Good stories have a beginning, middle and end.
S T O R Y A R C
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 0
V A R I O U S S T O R Y A R C SM O R E D E T A I L S A T : H T T P : / / B I T . L Y / 8 S T O R Y A R C S
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 1
E X A M P L E S T O R Y 3
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 2
E X A M P L E S T O R Y 3
I N T R O D U C E C H A R A C T E R
B U I L D U P T E N S I O N
C O N F L I C T P E A K S
R E V E A L S O L U T I O N
H E R E ' S H O W I T W O R K S
H A P P Y E N D I N G
T I M ET
EN
SIO
N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 3
E X A M P L E S T O R Y 4
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 4
E X A M P L E S T O R Y 4
I N T R O D U C E C H A R A C T E R
B U I L D U P T E N S I O N
C O N F L I C T P E A K S
R E V E A L S O L U T I O N
H E R E ' S H O W I T W O R K S
H A P P Y E N D I N G
T I M ET
EN
SIO
N
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 5
P U R I N ’ S P R O C E S S O N V I D E O
S C R I P T O U T L I N E
What are the top things I want to say
in this video?
Textedit
R O U G H S C R I P T
First stab at the entire story, sometimes copied from other
videos
Word / Pages / Textedit / Google Doc
R E F I N E D S C R I P T
Incorporate other's feedback
into the script
Word / Pages / Textedit
R O U G H S K E T C H
Quickly visualize what each scene would look like
Print script & do it by hand
C R E A T E /C U R A T E
T H E V I S U A L S
Take the rough sketch up one level
Draw on Paper (iPad App) or 8.5"x5.5" &
scan
— or —
Google image search
V O I C E O V E R
Get a friend to read the script
Garageband to record
M I X I N G W I T H B A C K G R O U N D M U S I C
Adding cute background music and sync up with the voice a bit
Garageband to edit audio then export to MP3
P R E P A R E T H E
S C R E E N S
Stage each screen on a canvas. Crop/block as necessary
Keynote, export to images.
E D I T T H E V I D E O
Sync up visuals with the audio. Adjust
timing. Add transitions.
iMovie
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 6
S C R I P T O U T L I N EW H A T A R E T H E T O P T H I N G S I W A N T T O S A Y I N T H I S V I D E O ?
T E X T E D I T
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 7
R O U G H S C R I P TF I R S T S T A B A T T H E E N T I R E S T O R Y , S O M E T I M E S C O P I E D F R O M O T H E R V I D E O S
W O R D / P A G E S / T E X T E D I T
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 8
R E F I N E D S C R I P TI N C O R P O R A T E O T H E R ' S F E E D B A C K I N T O T H E S C R I P T
W O R D / P A G E S / T E X T E D I T
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 1 9
V O I C E O V E RG E T A F R I E N D T O R E A D T H E S C R I P T
G A R A G E B A N D T O R E C O R D
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 0
M I X W I T H B A C K G R O U N D M U S I CA D D I N G C U T E B A C K G R O U N D M U S I C A N D S Y N C U P W I T H T H E V O I C E A B I T
G A R A G E B A N D T O E D I T A U D I O T H E N E X P O R T T O M P 3
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 1
R O U G H S K E T C HQ U I C K L Y V I S U A L I Z E W H A T E A C H S C E N E W O U L D L O O K L I K E
P R I N T S C R I P T & D O I T B Y H A N D
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 2
C R E A T E / C U R A T E T H E V I S U A L ST A K E T H E R O U G H S K E T C H U P O N E L E V E L
D R A W O N P A P E R ( I P A D A P P ) O R 8 . 5 " X 5 . 5 " & S C A N— O R — G O O G L E I M A G E S E A R C H
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 3
P R E P A R E T H E S C R E E N SS T A G E E A C H S C R E E N O N A C A N V A S . C R O P / B L O C K A S N E C E S S A R Y
K E Y N O T E , E X P O R T T O I M A G E S .
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 4
E D I T T H E V I D E OS Y N C U P V I S U A L S W I T H T H E A U D I O . A D J U S T T I M I N G . A D D T R A N S I T I O N S .
I M O V I E
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 5
E X A M P L E S T O R Y 5
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 6
P U R I N ’ S P R O C E S S O N V I D E O
S C R I P T O U T L I N E
What are the top things I want to say
in this video?
Textedit
R O U G H S C R I P T
First stab at the entire story, sometimes copied from other
videos
Word / Pages / Textedit / Google Doc
R E F I N E D S C R I P T
Incorporate other's feedback
into the script
Word / Pages / Textedit
R O U G H S K E T C H
Quickly visualize what each scene would look like
Print script & do it by hand
C R E A T E /C U R A T E
T H E V I S U A L S
Take the rough sketch up one level
Draw on Paper (iPad App) or 8.5"x5.5" &
scan
— or —
Google image search
V O I C E O V E R
Get a friend to read the script
Garageband to record
M I X I N G W I T H B A C K G R O U N D M U S I C
Adding cute background music and sync up with the voice a bit
Garageband to edit audio then export to MP3
P R E P A R E T H E
S C R E E N S
Stage each screen on a canvas. Crop/block as necessary
Keynote, export to images.
E D I T T H E V I D E O
Sync up visuals with the audio. Adjust
timing. Add transitions.
iMovie
V I S U A L S T O R Y T E L L I N G P U R I N P H A N I C H P H A N T F E B R U A R Y 2 0 1 6 2 7
O V E R A L L T I P
I F Y O U C A N ’ T M A K E I T P E R S O N A L , M A K E I T E M O T I O N A L .E m o t i o n s w i n o v e r n u m b e r s , a l w a y s .
J U S T D O I T . M A K E A F E W S C R A P P Y V E R S I O N S .D o n ’ t t r e a t s t o r i e s a s s o m e t h i n g p r e c i o u s . J u s t t a k e a s t a b a t i t , t h e n r e f i n e / c u t o u t t h e f a t .
B E C L E A R A B O U T C A L L - T O - A C T I O N .D o n ’ t s t a r t a v i d e o w i t h o u t k n o w i n g w h a t y o u w a n t y o u w a n t t h e a u d i e n c e t o d o .
F E E L F R E E T O C O P Y O T H E R ’ S S T O R Y A R C S , D O W N T O T H E W O R D I N G .e p i p h e o . c o m , s t a r t u p - v i d e o s . c o m , k i c k s t a r t e r . c o m