VISUAL STORYTELLING PURIN PHANICHPHANT APRIL 2016
ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 2
ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 3
ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 4
ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 5
TELLING STORIES NOT ABOUT YOURSELF VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 6
EXAMPLE STORY 1 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 7
EXAMPLE STORY 2 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 8
WHAT MAKES A STORY GOOD? CHARACTERS Great stories get the audience emotionally invested in the characters. PLOT Good plots keep the audience engaged and wondering what will happen next. STORY ARC Good stories have a beginning, middle and end. VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 9
VARIOUS STORY ARCS MORE DETAILS AT: HTTP://BIT.LY/8STORYARCS VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 10
EXAMPLE STORY 3 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 11
TENSION EXAMPLE STORY 3 C O N F L I C T PEAKS R E V E A L SOLUTION H E R E ' S H O W IT WORKS BUILD UP TENSION HAPPY ENDING INTRODUCE CHARACTER TIME VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 12
EXAMPLE STORY 4 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 13
TENSION EXAMPLE STORY 4 C O N F L I C T PEAKS R E V E A L SOLUTION H E R E ' S H O W IT WORKS BUILD UP TENSION HAPPY ENDING INTRODUCE CHARACTER TIME VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 14
PURIN S PROCESS ON VIDEO S C R I P T OUTLINE What are the top things I want to say in this video? Textedit R O U G H SKETCH Quickly visualize what each scene would look like Print script & do it by hand CREATE/ C U R A T E THE VISUALS Take the rough sketch up one level Draw on Paper (ipad App) or 8.5"x5.5" & scan P R E P A R E T H E SCREENS Stage each screen on a canvas. Crop/ block as necessary Keynote, export to images. R O U G H SCRIPT First stab at the entire story, sometimes copied from other videos Word / Pages / Textedit / Google Doc R E F I N E D SCRIPT Incorporate other's feedback into the script Word / Pages / Textedit or Google image search E D I T T H E VIDEO Sync up visuals with the audio. Adjust timing. Add transitions. imovie VOICEOVER Get a friend to read the script Garageband to record M I X I N G W I T H BACKGROUND MUSIC Adding cute background music and sync up with the voice a bit Garageband to edit audio then export to MP3 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 15
SCRIPT OUTLINE WHAT ARE THE TOP THINGS I WANT TO SAY IN THIS VIDEO? TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 16
ROUGH SCRIPT FIRST STAB AT THE ENTIRE STORY, SOMETIMES COPIED FROM OTHER VIDEOS WORD / PAGES / TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 17
REFINED SCRIPT INCORPORATE OTHER'S FEEDBACK INTO THE SCRIPT WORD / PAGES / TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 18
VOICEOVER GET A FRIEND TO READ THE SCRIPT GARAGEBAND TO RECORD VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 19
MIX WITH BACKGROUND MUSIC ADDING CUTE BACKGROUND MUSIC AND SYNC UP WITH THE VOICE A BIT GARAGEBAND TO EDIT AUDIO THEN EXPORT TO MP3 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 20
ROUGH SKETCH QUICKLY VISUALIZE WHAT EACH SCENE WOULD LOOK LIKE PRINT SCRIPT & DO IT BY HAND VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 21
CREATE/CURATE THE VISUALS TAKE THE ROUGH SKETCH UP ONE LEVEL DRAW ON PAPER (IPAD APP) OR 8.5"X5.5" & SCAN OR GOOGLE IMAGE SEARCH VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 22
PREPARE THE SCREENS STAGE EACH SCREEN ON A CANVAS. CROP/BLOCK AS NECESSARY KEYNOTE, EXPORT TO IMAGES. VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 23
EDIT THE VIDEO SYNC UP VISUALS WITH THE AUDIO. ADJUST TIMING. ADD TRANSITIONS. IMOVIE VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 24
EXAMPLE STORY 5 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 25
PURIN S PROCESS ON VIDEO S C R I P T OUTLINE What are the top things I want to say in this video? Textedit R O U G H SKETCH Quickly visualize what each scene would look like Print script & do it by hand CREATE/ C U R A T E THE VISUALS Take the rough sketch up one level Draw on Paper (ipad App) or 8.5"x5.5" & scan P R E P A R E T H E SCREENS Stage each screen on a canvas. Crop/ block as necessary Keynote, export to images. R O U G H SCRIPT First stab at the entire story, sometimes copied from other videos Word / Pages / Textedit / Google Doc R E F I N E D SCRIPT Incorporate other's feedback into the script Word / Pages / Textedit or Google image search E D I T T H E VIDEO Sync up visuals with the audio. Adjust timing. Add transitions. imovie VOICEOVER Get a friend to read the script Garageband to record M I X I N G W I T H BACKGROUND MUSIC Adding cute background music and sync up with the voice a bit Garageband to edit audio then export to MP3 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 26
OVERALL TIP IF YOU CAN T MAKE IT PERSONAL, MAKE IT EMOTIONAL. Emotions win over numbers, always. JUST DO IT. MAKE A FEW SCRAPPY VERSIONS. Don t treat stories as something precious. Just take a stab at it, then refine/cut out the fat. BE CLEAR ABOUT CALL-TO-ACTION. Don t start a video without knowing what you want you want the audience to do. FEEL FREE TO COPY OTHER S STORY ARCS, DOWN TO THE WORDING. epipheo.com, startup-videos.com, kickstarter.com VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 27
NEXT UP: VISUAL DESIGN HACKING VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY 2016 28