LessonPage:Storyboarding with Photoshop

From Wikiversity

Jump to: navigation, search
This school is:
Wikiversity Film School - Narrative film production
Crystal Clear app package graphics.png
This course is:
The basics of narrative filmmaking
This lesson is:
Creating the thumbnail storyboards
The pages of this lesson are:
Introduction - Creating the thumbnail storyboards
If you have problems:
Things to worry about! ("Crossing the line.")
More things to worry about! (Eyeballs & cameras)
Storyboard worksheet (pdf) • Storyboard worksheet larger (pdf) • Story • Script Outline • Sample storyboard frames • Formatted script • Floor plan.
Creating thumbnail storyboards with Photoshop 4 or 5
Crystal Clear action editcut.png

Inexpensive Photoshop

Using old versions of Photoshop
Starting with version 4, Photoshop is a very powerful program which is good for creating high quality thumbnail storyboards.
If you have a computer which will run old versions, you can find new copies of old programs on eBay.
Crystal Clear app Login Manager.png

Layers is the key

One of the more useful features of Photoshop
If you create individual pieces of artwork in Photoshop on separate layers, it is much faster to refine your images.


Thumbnail storyboards from the lesson on Thumbnail storyboarding


Kastarika sample frame.png

Kasturika Thumbnail Storyboard tiny.png
Click on the image to see larger version.

Kasturika has completed this assignment (pdf) (23 May 2007) Good job! 10 points

Kasturika says, "I used the Microsoft paint application.

I took a screen shot of the storyboard, converted it into bitmap image, made the frames separately and pasted them.

Then I used OpenOffice.org Draw to export the bitmap image as PDF."


Helena Sample Frame tiny.png

assignment
Click on the image to see larger version.

Niri0n in Sweden has completed this assignment (png). Click on the image to see larger version. (23 May 2007) Good job! 10 points



Wachapon2 Sample Frame Thumbnail.png

assignment
Click on the image to see larger version.

Wachapon2 has completed this assignment (png). Click on the image to see larger version. (2 June 2007) Good job! 10 points



Tunderboy9 Sample Storyboard Frame.png

assignment
Click on the image to see larger version.

Tunderboy9 has completed this assignment. (13 July 2007) Good job! 10 points



Vijay singh sample thumbnail storyboard.png
Vijay singh Thumbnail 1.png Vijay singh Thumbnail 2.png
Click on the image to see larger version.
Vijay Singh has completed this assignment. (17 July 2007) Good job! 10 points



Mok Sample Thumbnail Storyboard.png

This is the first storyboard which looks like a movie.

The figures are positioned as in a movie. The size of the figures are as in a movie.

 Yet, these are still very simple thumbnail storyboards. Please look at these storyboards!!!!
Mok Thumbnail storyboards tiny1.png Mok Thumbnail storyboards tiny2.png
Click on the image to see larger version.
Mok has completed this assignment. (21 July 2007) Very good job! 10 points



Fred Sample thumbnail Storyboard.png
Here is a very artistic thumbnail storyboard.
Thumbnail story1.jpg Thumbnail story2.jpg
Click on the image to see larger version.
Fred has completed this assignment. (5 August 2007) Very good job! 10 points



Sample Storyboard- User Mpftmead.png

assignment
Click on the image to see larger version.

Mpftmead has completed this assignment (png). Click on the image to see larger version. (6 August 2007) 10 points



Izwah sample thumbnail storyboard.png
Izwah thumbnail storyboard v1.png Izwah thumbnail storyboard v2.png
Click on the image to see larger version.
Izwah has completed this assignment. (6 August 2007) 10 points



Storyboard Sample Refardeon.png

assignment
Click on the image to see larger version.

Refardeon has completed this assignment (png). Click on the image to see larger version. (13 August 2007) 10 points



Noblerinthemind sample thumbnail storyboard.png

assignment
Click on the image to see larger version.

Noblerinthemind has completed this assignment using GIMP (png). Click on the image to see larger version. (16 August 2007) 10 points



KinnetiK Sample Storyboard.png

KinnetiK Storyboard sheet.jpg
Click on the image to see larger version.

KinnetiK has completed this assignment (JPG). Click on the image to see larger version. (23 August 2007) 10 points



Sushant Thumbnail storyboard frame.png

Sushant Thumbnail storyboard.png
Click on the image to see larger version.

Sushant has completed this assignment (JPG). Click on the image to see larger version. (01 September 2007) 10 points



Tharun Bhascker storyboard frame.png

Tharun Bhascker's storyboard.jpg
Click on the image to see larger version.

Tharun Bhascker has completed this assignment (JPG). Click on the image to see larger version. (5 September 2007) 10 points



Moraistelmo thumbnails sample.png

Moraistelmo thumbnail Storyboards.png
Click on the image to see larger version.

Moraistelmo has completed this assignment (JPG). Click on the image to see larger version. (7 September 2007) 10 points



Elisia Johnson Thumbnail Storyboard sample.png

Elisia Johnson Thumbnail Storyboards full.png
Click on the image to see larger version.

Elisia Johnson has completed this assignment (PNG). Click on the image to see larger version. (01 October 2007) 10 points



Syed Sibte Hassan SBTDS Thumbnail Storyboard Sample.png
Syed Sibte Hassan SBTDS Thumbnail Storyboard p1.png Syed Sibte Hassan SBTDS Thumbnail Storyboard p2.png
Click on the image to see larger version.
Sibte Hassan has completed this assignment. (6 October 2007) 10 points



Mattjames17 Sample Thumbnail Storyboard.png
Mattjames17 Thumbnail storyboard1.JPG Mattjames17 Thumbnail storyboard2.JPG
Click on the image to see larger version.
Mattjames17 has completed this assignment. (30 October 2007) 10 points



Thumbnail storyboard sample Cristiana.png
Thumbnail storyboard sheet Cristiana.png
Click on the image to see larger version.
Cristiana has completed this assignment. (08 November 2007) 10 points



William Lewis-Seduced by the dark side frame.png
William Lewis-Seduced by the dark side cc.jpg
Click on the image to see larger version.
William Lewis has completed this assignment. (13 November 2007) 10 points



Manuelciosici storyboard frame.png
Manuelciosici storyboard.png
Click on the image to see larger version.

Manuelciosici has completed this assignment. (05 December 2007) 10 points



Pruthvirajg Thumbnail frame.png
Pruthvirajg Thumbnail Image2.jpg
Click on the image to see larger version.

Pruthvirajg has completed this assignment. (10 December 2007) 10 points



Davidmp4 storyboard frame.png
Davidmp4 storyboard.jpg
Click on the image to see larger version.

Davidmp4 has completed this assignment. (21 December 2007) 7 points



Alideniz Storyboard SBTDS sample frame.png
Alideniz Storyboard SBTDS 1.jpg Alideniz Storyboard SBTDS 2.jpg
Click on the image to see larger version.
Alideniz has completed this assignment. (01 January 2008) 10 points



Sereyaco storyboard frame SBTDS.png
Sereyaco Thumbnail storyboard SBTDS.jpg
Click on the image to see larger version.
Sereyaco has completed this assignment. (03 January 2008) 10 points



Marcus mac thumbnail storyboard a.jpg
Marcus mac thumbnail storyboard.jpg
Click on the image to see larger version.

Marcus Mac has completed this assignment. (28 January 2008) 10 points



Mike305 Storyboard adj frame.png
Mike305 Storyboard adj.jpg
Click on the image to see larger version.

Mike305 has completed this assignment. (01 March 2008) 10 points



Vikram Acharya Thumbnail Storyboard frame.jpg
Vikram Acharya Thumbnail Storyboard.jpg
Click on the image to see larger version.

Vikram_Acharya has completed this assignment. (30 March 2008) 10 points


Eldorino Thumbnail Storyboard frame.jpg
Eldorino Thumbnail Storyboard.jpg
Click on the image to see larger version.

Eldorino has completed this assignment. (05 April 2008) 10 points
Completed assignment - Creating the thumbnail storyboard

June 12, 2008 -- Rick14 has created a thumbnail storyboard.

Rick14 SBTDS thumbnail frame.png
Rick14 SBTDS thumbnail storyboard.png
Click on the image to see larger version.


Nuvola apps kfig.svg

Reference materials

Reference materials for Seduced by the Dark Side! that you might need.
  • The storyboard outline. Print this script outline and use the numbers on this script for your thumbnail storyboards.
  • The original story. To get additional information for your storyboards, look at the original story.
  • A possible floor plan for the movie set. This will help you plan your shots.
Crystal Clear app korganizer.png

The Next Page

Go to Using the library of storyboard frames if you want to just send a list of the storyboard frames that you wish to use for this movie. Probably the fastest way to do storboarding. Crystal Clear action forward.png

Contact your instructor

Your instructor for this filmmaking class is Robert Elliott. You can email me by clicking here. Crystal Clear app xfmail.png
Retrieved from "http://en.wikiversity.org/wiki/LessonPage:Storyboarding_with_Photoshop"