SlideShare a Scribd company logo
1 of 18
Visual Outlining for the team of you
STORYBOARDING
WHY STORYBOARD
BASICS OF THE STORYBOARD
• The storyboard is nothing more than a visual outline of
what you’re going to do or how you’ll piece together
what you’ve done.
• Two basic kinds of storyboards:
Front end storyboards
Back end storyboards
• Some projects use both
BACK END STORYBOARDS
• What you’d typically use in documentary or
reporting
• Its foundation is what you’ve found and logged
• Becomes the outline of how you want to tell a
story, based on what you’ve found
• Can be very general or very detailed
FRONT END STORYBOARD
• Always used in commercial environments
• Designed to cheaply test out ideas on paper, rather than with a film crew
• In commercial production it will usually dictate everything from the height of the camera to
the exact angle of the shot for the director
Courtesy Greg High
HOW DOES IT APPLY TO YOU?
• Using a storyboard approach on the front end will help you create a tighter story
• You’ll still leave room for finding things, but you’ll be able to have an idea of where you
want the story to go before you ever head out
• Creating a visual outline of the types of things you need beforehand allows you to create
a shot list or a shot inventory, which then translates into a check off.
IT CAN BE FANCY
OR NOT…
TRANSLATING TO A SHOT INVENTORY
STORYBOARD RESOURCES
StoryboardThat! (storyboardthat.com)
Free version gets it done but limits flexibility
Unlocked paid version: $4.95/month
StoryboardPro
(atomiclearning.com/storyboardpro)
Not a visual tool, but good for front end
storyboards
Free, but quirky and can sometimes choke
Scapple (literatureandlatte.com/scapple.php)
$14.95
Free form brainstorming software
Allows dragging of images in
No rules
Scrivener (literatureandlatte.com/scrivener.php)
$45.00
Screenwriting and longform outlining software
Not so good with the images
Allows you to keep detailed notes on each scene,
clip, etc.
Better for documentaries or longer pieces
Keynote (available in the App store)
Has a storyboard template
Microsoft PowerPoint (standard with Office suite)
No storyboard template
STEPS TO STARTING A FRONT END BOARD
Subject: Overcrowding in Columbia Public Schools
Step 1: Develop broad categories about the story and its mechanics (think visually):
Potential opening shots/Potential closing shots
Experiences of students, experiences of teachers
Solutions
THE NEXT STEP: BRAINSTORM
Step 2: Think visually about the kind of images and media that you’re going to need to
illustrate the story
Key question: What proves the point I’m trying to make?
For instance:
Does a shot of students crammed into a classroom visually demonstrate crowded conditions
in a classroom?
Do shots of students walking into portable classroom trailers visually demonstrate the issue?
Does an interview with a teacher who says ‘There are so many kids I can’t control my class’
prove your hypothesis?
Front end and back end storyboarding
Front end and back end storyboarding

More Related Content

What's hot

5. pre production (interactive)(1)
5. pre production (interactive)(1)5. pre production (interactive)(1)
5. pre production (interactive)(1)LouisCoopre
 
How to Script Your Video
How to Script Your VideoHow to Script Your Video
How to Script Your VideoAmy DeLouise
 
Production techniques evaluation final
Production techniques evaluation finalProduction techniques evaluation final
Production techniques evaluation finalrhiannah baker
 
The Casting Couch Claud
The Casting Couch   ClaudThe Casting Couch   Claud
The Casting Couch ClaudKara Jones
 
Project 1 production techniques evaluation
Project 1 production techniques evaluationProject 1 production techniques evaluation
Project 1 production techniques evaluationbenmcfadyen2
 
First LEGO League Kickoff - Coding and Confidence
First LEGO League Kickoff - Coding and ConfidenceFirst LEGO League Kickoff - Coding and Confidence
First LEGO League Kickoff - Coding and ConfidenceAaron Maurer
 
Makerspace Projects
Makerspace ProjectsMakerspace Projects
Makerspace Projectshwhitt
 
4. pre production
4. pre production 4. pre production
4. pre production Tommy Lister
 
Re@ct FIlm Festival Workshop 2 june 2011
Re@ct FIlm Festival Workshop 2 june 2011Re@ct FIlm Festival Workshop 2 june 2011
Re@ct FIlm Festival Workshop 2 june 2011ezzaw8
 
Creating video resources for Learning and Teaching
Creating video resources for Learning and TeachingCreating video resources for Learning and Teaching
Creating video resources for Learning and Teachingsidavis21
 
Making a video - Stefan Buttigieg
Making a video - Stefan ButtigiegMaking a video - Stefan Buttigieg
Making a video - Stefan Buttigiegstefanbuttigieg
 

What's hot (15)

5. pre production (interactive)(1)
5. pre production (interactive)(1)5. pre production (interactive)(1)
5. pre production (interactive)(1)
 
How to Script Your Video
How to Script Your VideoHow to Script Your Video
How to Script Your Video
 
Production techniques evaluation final
Production techniques evaluation finalProduction techniques evaluation final
Production techniques evaluation final
 
The Casting Couch Claud
The Casting Couch   ClaudThe Casting Couch   Claud
The Casting Couch Claud
 
Project 1 production techniques evaluation
Project 1 production techniques evaluationProject 1 production techniques evaluation
Project 1 production techniques evaluation
 
PowerPoint
PowerPointPowerPoint
PowerPoint
 
First LEGO League Kickoff - Coding and Confidence
First LEGO League Kickoff - Coding and ConfidenceFirst LEGO League Kickoff - Coding and Confidence
First LEGO League Kickoff - Coding and Confidence
 
Makerspace Projects
Makerspace ProjectsMakerspace Projects
Makerspace Projects
 
4. pre production
4. pre production 4. pre production
4. pre production
 
Microsoft PowerPoint
Microsoft PowerPointMicrosoft PowerPoint
Microsoft PowerPoint
 
Re@ct FIlm Festival Workshop 2 june 2011
Re@ct FIlm Festival Workshop 2 june 2011Re@ct FIlm Festival Workshop 2 june 2011
Re@ct FIlm Festival Workshop 2 june 2011
 
Creating video resources for Learning and Teaching
Creating video resources for Learning and TeachingCreating video resources for Learning and Teaching
Creating video resources for Learning and Teaching
 
Question 6
Question 6Question 6
Question 6
 
Making a video - Stefan Buttigieg
Making a video - Stefan ButtigiegMaking a video - Stefan Buttigieg
Making a video - Stefan Buttigieg
 
.
. .
.
 

Similar to Front end and back end storyboarding

CMWP - digital storytelling
CMWP - digital storytellingCMWP - digital storytelling
CMWP - digital storytellingJenny Weight
 
Giving a Great Talk - Tips
Giving a Great Talk - TipsGiving a Great Talk - Tips
Giving a Great Talk - TipsJennifer Gardy
 
Prod management production template stage 3 2015
Prod management production template  stage 3 2015Prod management production template  stage 3 2015
Prod management production template stage 3 2015Benedict Terry
 
Sketching&storyboarding
Sketching&storyboardingSketching&storyboarding
Sketching&storyboardingPriyanka Rana
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping EssentialsRachel Hinman
 
Digital Storytelling Using iPads
Digital Storytelling Using iPadsDigital Storytelling Using iPads
Digital Storytelling Using iPadskarlaholt
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
 
Creating Online Tutorials with Screencasting
Creating Online Tutorials with ScreencastingCreating Online Tutorials with Screencasting
Creating Online Tutorials with ScreencastingBeth Carpenter
 
Getting Started with Video and Animation for STC Summit 2014 #stc14
Getting Started with Video and Animation for STC Summit 2014 #stc14Getting Started with Video and Animation for STC Summit 2014 #stc14
Getting Started with Video and Animation for STC Summit 2014 #stc14Cynthia Chin-Lee
 
Stop-Motion-Animation.ppt
Stop-Motion-Animation.pptStop-Motion-Animation.ppt
Stop-Motion-Animation.pptraketeeraph
 
5 film main task overview
5   film main task overview5   film main task overview
5 film main task overviewrockinmole
 

Similar to Front end and back end storyboarding (20)

Presentation15
Presentation15 Presentation15
Presentation15
 
CMWP - digital storytelling
CMWP - digital storytellingCMWP - digital storytelling
CMWP - digital storytelling
 
Storyboard.pptx
Storyboard.pptxStoryboard.pptx
Storyboard.pptx
 
Video planning
Video planning Video planning
Video planning
 
Giving a Great Talk - Tips
Giving a Great Talk - TipsGiving a Great Talk - Tips
Giving a Great Talk - Tips
 
Storyboarding
StoryboardingStoryboarding
Storyboarding
 
Presentation15
Presentation15 Presentation15
Presentation15
 
Prod management production template stage 3 2015
Prod management production template  stage 3 2015Prod management production template  stage 3 2015
Prod management production template stage 3 2015
 
Storyboarding
StoryboardingStoryboarding
Storyboarding
 
Sketching&storyboarding
Sketching&storyboardingSketching&storyboarding
Sketching&storyboarding
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Digital Storytelling Using iPads
Digital Storytelling Using iPadsDigital Storytelling Using iPads
Digital Storytelling Using iPads
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
 
Updated Storyboard
Updated StoryboardUpdated Storyboard
Updated Storyboard
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
 
Learn to Code and Have Fun Doing It!
Learn to Code and Have Fun Doing It! Learn to Code and Have Fun Doing It!
Learn to Code and Have Fun Doing It!
 
Creating Online Tutorials with Screencasting
Creating Online Tutorials with ScreencastingCreating Online Tutorials with Screencasting
Creating Online Tutorials with Screencasting
 
Getting Started with Video and Animation for STC Summit 2014 #stc14
Getting Started with Video and Animation for STC Summit 2014 #stc14Getting Started with Video and Animation for STC Summit 2014 #stc14
Getting Started with Video and Animation for STC Summit 2014 #stc14
 
Stop-Motion-Animation.ppt
Stop-Motion-Animation.pptStop-Motion-Animation.ppt
Stop-Motion-Animation.ppt
 
5 film main task overview
5   film main task overview5   film main task overview
5 film main task overview
 

More from Judd Slivka

June 28 2015 Presentation to ISWNE
June 28 2015 Presentation to ISWNEJune 28 2015 Presentation to ISWNE
June 28 2015 Presentation to ISWNEJudd Slivka
 
Mobile for high school teachers
Mobile for high school teachersMobile for high school teachers
Mobile for high school teachersJudd Slivka
 
Fixing a story that gets broken in translation
Fixing a story that gets broken in translationFixing a story that gets broken in translation
Fixing a story that gets broken in translationJudd Slivka
 
Developing a fact
Developing a factDeveloping a fact
Developing a factJudd Slivka
 
Developing the local story
Developing the local storyDeveloping the local story
Developing the local storyJudd Slivka
 

More from Judd Slivka (6)

June 28 2015 Presentation to ISWNE
June 28 2015 Presentation to ISWNEJune 28 2015 Presentation to ISWNE
June 28 2015 Presentation to ISWNE
 
Mobile for high school teachers
Mobile for high school teachersMobile for high school teachers
Mobile for high school teachers
 
Cutlines
CutlinesCutlines
Cutlines
 
Fixing a story that gets broken in translation
Fixing a story that gets broken in translationFixing a story that gets broken in translation
Fixing a story that gets broken in translation
 
Developing a fact
Developing a factDeveloping a fact
Developing a fact
 
Developing the local story
Developing the local storyDeveloping the local story
Developing the local story
 

Recently uploaded

9892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x79892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x7Pooja Nehwal
 
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceanilsa9823
 
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...wyqazy
 
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPsychicRuben LoveSpells
 
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Niamh verma
 
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝soniya singh
 
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Pooja Nehwal
 
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceanilsa9823
 

Recently uploaded (8)

9892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x79892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x7
 
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
 
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
 
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
 
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
 
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
 
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
 
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
 

Front end and back end storyboarding

  • 1. Visual Outlining for the team of you STORYBOARDING
  • 3. BASICS OF THE STORYBOARD • The storyboard is nothing more than a visual outline of what you’re going to do or how you’ll piece together what you’ve done. • Two basic kinds of storyboards: Front end storyboards Back end storyboards • Some projects use both
  • 4. BACK END STORYBOARDS • What you’d typically use in documentary or reporting • Its foundation is what you’ve found and logged • Becomes the outline of how you want to tell a story, based on what you’ve found • Can be very general or very detailed
  • 5.
  • 6. FRONT END STORYBOARD • Always used in commercial environments • Designed to cheaply test out ideas on paper, rather than with a film crew • In commercial production it will usually dictate everything from the height of the camera to the exact angle of the shot for the director
  • 8. HOW DOES IT APPLY TO YOU? • Using a storyboard approach on the front end will help you create a tighter story • You’ll still leave room for finding things, but you’ll be able to have an idea of where you want the story to go before you ever head out • Creating a visual outline of the types of things you need beforehand allows you to create a shot list or a shot inventory, which then translates into a check off.
  • 9. IT CAN BE FANCY
  • 11. TRANSLATING TO A SHOT INVENTORY
  • 12.
  • 13. STORYBOARD RESOURCES StoryboardThat! (storyboardthat.com) Free version gets it done but limits flexibility Unlocked paid version: $4.95/month StoryboardPro (atomiclearning.com/storyboardpro) Not a visual tool, but good for front end storyboards Free, but quirky and can sometimes choke Scapple (literatureandlatte.com/scapple.php) $14.95 Free form brainstorming software Allows dragging of images in No rules Scrivener (literatureandlatte.com/scrivener.php) $45.00 Screenwriting and longform outlining software Not so good with the images Allows you to keep detailed notes on each scene, clip, etc. Better for documentaries or longer pieces Keynote (available in the App store) Has a storyboard template Microsoft PowerPoint (standard with Office suite) No storyboard template
  • 14. STEPS TO STARTING A FRONT END BOARD Subject: Overcrowding in Columbia Public Schools Step 1: Develop broad categories about the story and its mechanics (think visually): Potential opening shots/Potential closing shots Experiences of students, experiences of teachers Solutions
  • 15.
  • 16. THE NEXT STEP: BRAINSTORM Step 2: Think visually about the kind of images and media that you’re going to need to illustrate the story Key question: What proves the point I’m trying to make? For instance: Does a shot of students crammed into a classroom visually demonstrate crowded conditions in a classroom? Do shots of students walking into portable classroom trailers visually demonstrate the issue? Does an interview with a teacher who says ‘There are so many kids I can’t control my class’ prove your hypothesis?