P U R I N P H A N I C H P H A N T

Transcription

1 VISUAL STORYTELLING PURIN PHANICHPHANT APRIL 2016

2 ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

3 ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

4 ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

5 ABOUT PURIN VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

6 TELLING STORIES NOT ABOUT YOURSELF VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

7 EXAMPLE STORY 1 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

8 EXAMPLE STORY 2 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

9 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

10 VARIOUS STORY ARCS MORE DETAILS AT: VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

11 EXAMPLE STORY 3 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

12 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

13 EXAMPLE STORY 4 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

14 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

15 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

16 SCRIPT OUTLINE WHAT ARE THE TOP THINGS I WANT TO SAY IN THIS VIDEO? TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

17 ROUGH SCRIPT FIRST STAB AT THE ENTIRE STORY, SOMETIMES COPIED FROM OTHER VIDEOS WORD / PAGES / TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

18 REFINED SCRIPT INCORPORATE OTHER'S FEEDBACK INTO THE SCRIPT WORD / PAGES / TEXTEDIT VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

19 VOICEOVER GET A FRIEND TO READ THE SCRIPT GARAGEBAND TO RECORD VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

20 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

21 ROUGH SKETCH QUICKLY VISUALIZE WHAT EACH SCENE WOULD LOOK LIKE PRINT SCRIPT & DO IT BY HAND VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

22 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

23 PREPARE THE SCREENS STAGE EACH SCREEN ON A CANVAS. CROP/BLOCK AS NECESSARY KEYNOTE, EXPORT TO IMAGES. VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

24 EDIT THE VIDEO SYNC UP VISUALS WITH THE AUDIO. ADJUST TIMING. ADD TRANSITIONS. IMOVIE VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

25 EXAMPLE STORY 5 VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY

26 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

27 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

28 NEXT UP: VISUAL DESIGN HACKING VISUAL STORYTELLING PURIN PHANICHPHANT FEBRUARY