'Holiday Reading'
Kate’s Film
Kate’s blog: fanofathousand.tumblr.com
Narrative Written by Kate Gilbert
Director- Kate Gilbert
Character Design- Kate Gilbert
Environment Design- Becky Warburton
Story Artist- Kate Gilbert
Visual Development- Emma Garner
Animators- Becky Warburton/ Emma Garner/ Kate Gilbert
Background Preproduction
Background
The background could be a photo of a page in a book that has a faint/ minimalist painting/ background over it.
Or black ink lines with minimalist water colour- red bull gives you wings adverts
Secondary Research
Supportive Material
Gulliver's Travels
Books
.jpg)
Photographs
 |
| Collection of images found from the internet of a beach |
Peter Pan:
Books
Photographs
 |
| Collection of images found from the internet of the Jolly Roger from Peter Pan |
The Scarlet Letter:
Books
Photographs
 |
| Collection of images found from the internet of a puritan village |
Frankenstein:
Books
Photographs
 |
| Collection of image found from the internet of Frankenstein's laboratory |
Primary Research of Technology for Frankenstein's lab
The environment for Frankenstein's lab is heavily populated with science/ technology. As primary research, I collected a series of photographs looking at the technology and machinery at a brewery. Although this is modern technology, I want to explore the reality of scientific machinery. I can use these images as a premise of props with in the lab, and then manipulate and age them using texture and colour in their representation.
 |
| Primary Sourced Photo: Chantry Brewery Equipment_ 01 |
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
Red Riding Hood:
Books
Photographs
 |
| Collection of images found from the internet of woods |
 |
| Collection of images found from the internet of a cabin |
Charlie and the Chocolate Factory:
Books
Photographs
 |
| Collection of images found from the internet of the film adaptation of Charlie and the Chocolate Factory |
 |
| Collection of images found from the internet of the film adaptation of Charlie and the Chocolate Factory |
 |
| Collection of images found from the internet of a lazy river |
 |
| Collection of images found from the internet of a waterfall |
Environment Geography
The Library
- Book case
- Door
- Book case
- Book case
- Desk
- Book case
- Book case
- Book case
- Book case
- Book case
Gulliver's Travels
- Sea
- Wreckage/ Driftwood
- Towel
- Jungle
- Sand
Peter Pan
- Island
- Island
- Island
- The Jolly Roger
- Sea
Frankenstein
- Door
- Chemistry Set
- Science Equipment
- Test Tubes
- Desk
- Shelves
- Operating Table
- Desk/ Work top
- Bench
- Book Shelf
Scarlett Letter
- Church
- Low wall- fallen tree
- Graveyard
- Fencing
- Book Shop
- Houses
Red Riding Hood- Grandma's House
- Door
- Window
- Bed
- Table
- Picture
Red Riding Hood
- Grandma's House
- Path
- Forest/ Trees
- Forest Trees
Charlie and the Chocolate Factory
- River- Waterfall
- Foot Bridge
- Cliff
- Cliff
- Doughnut- Rubber Rings
- Ground
- Lazy River
Animatic
Background Style
Gulliver's Travels Exploration
Exploration with Typography to convey/ hint that the setting is with a book.
Line and colour inspired by the minimalistic look of the 'Red Bull gives you wings' adverts
Props and Sketches
 |
| Initial Sketches for Drift Wood (Scene 2: Gulliver's Travels) |
 |
| Initial Sketched for Scientific Equipment (Scene 5: Frankenstein) |
 |
| Initial Sketches for Lab Window and Equipment (Scene 5: Frankenstein) |
 |
| Initial Sketches for Bamboo (Scene 2: Gulliver's Travels |
 |
| Scene 3: Peter Pan Establishing Shot version 1 |
 | |
|
 | |
|
 | |
|
 | |
|
Scene 2: Gulliver's Travels
Palm Trees
Scene 5: Frankenstein
Equipment 1
Scene 5: Frankenstein
Equipment 2
Scene 4: Scarlett Letter
Churches
Scene 5: Frankenstein
Selection Page 1
Scene 5: Frankenstein
Selection Page 2
Scene 5: Frankenstein
Selection Page 3
Scene 3: Peter Pan
The Jolly Roger
Scene 6: Red Riding Hood
Grandma's House
Scene 4: The Scarlett Letter
Houses/ Shop
Scene 1: The Library
Faye's Desk
Scene 1: The Library
Book Cases
Scene 1: The Library/ Scene 4: Scarlett Letter (Book Shop)
Books
Options Page 1
Options Page 2
Options Page 3
Scene 1: The Library
Pens/ Stamp
Scene 1: The Library
Faye's Tea
Scene 1: The Library
Desk Lamp
Scene 2: Peter Pan
Faye's Drink
Scene 4: The Scarlett Letter
Ink and Quill (Book Shop)
Scene 4: The Scarlett Letter
The Church
Scene 4: Scarlett Letter
Grave Stones
Experimentation with Establishing Shot for Scene 3: Peter Pan
 |
| 1 |
 |
| 2 |
 |
| 3 |
 |
| Tied Down Line drawing of the Jolly Roger |
|
| Slight background colour |
|
| Fully Black and White |
 |
| Cleaned up bookcase with added books |
 |
| Book cases added into a room scenario for initial Library Environment |
 |
| Added Desk Placement |
 |
| Line drawing for a library background based on the storyboard panels |
 |
| Line drawing for library background based on cleaned up bookcases; book stacks; desk (options 2 & 6 combined); lamp; tea and pens |
Prince Dickie Influence
 |
| Prince Dickie 1 |
 |
| Prince Dickie 2 |
 |
| Prince Dickie 3 |
Scene 1: The Library
 |
| Line drawing for the background of Scene 1: The Library; base on the thick black lines used in the art of Prince Dickie |
 |
| Line drawing: Black colour lines for foreground; grey coloured lines for the background |
 |
| Added block colours in sepia and grey tones to reflect the boredom Faye feels at work in the Library |
 |
| Black shadow shading over the original line drawing painted with a reduced opacity in Photoshop |
 |
| Shadow painted based on the appearance given when the previous shadow layer was overlaid the block coloured background |
 |
| Dickie Style Library background with brown desk |
 |
| Dickie Style Library background with brown desk and shadow overlay |
 |
| Line drawing of a library background based on Prince Dickie's thick black lines |
 |
| Dickie style background block coloured with grey |
 |
| Dickie style background block coloured with grey and shadow layer overlaid |
 |
| Frankenstein Background 1 |
 |
| Frankenstein Background 2 |
 |
| Frankenstein Background 3 |
 |
| Frankenstein Background 4 |
 |
| Frankenstein Background 5 |
Layouts base on the storyboard
Scene 1: The Library
Scene 2: Gulliver's Travels
Scene 3: Peter Pan
Scene 4: Scarlet Letter
Scene 5: Frankenstein
Scene 6: Red Riding Hood
Scene 7: Willie Wonka
Background Production
Redrawn Layouts
The Library
 |
| The Library: Background 2 (with perspective lines) |
 | |
|
 | |
|
 | |
|
 | |
|
.
 | |
|
 | |
|
Scarlet Letter
 | |
|
 |
| Scarlett Letter: Background 1 Layout |
 |
| Scarlett Letter: Background 2 Layout |
 |
| Scarlett Letter: Background 3 (with perspective lines) |
 | |
|
 | |
|
 |
| Scarlett Letter: Background 4 Layout |
 |
| Scarlett Letter: Background 5 (with perspective lines) |
 | |
|
 | |
|
 | |
|
Frankenstein
 |
| Frankenstein: Background 1 (with perspective lines) |
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
 | |
|
Gulliver's Travels
. | |
|
 |
| Gulliver's Travels: Background 1 Layout |
 |
| Gulliver's Travels: Background 2 Layout |
 |
| Gulliver's Travels: Background 3 Layout |
 |
| Gulliver's Travels: Background 4 Layout |
 |
| Gulliver's Travels: Background 5 Layout |
.Peter Pan
 |
| Peter Pan: Background 1 Layout |
 |
| Peter Pan: Background 2 (with perspective lines) |
 |
| Peter Pan: Background 2 Layout |
 |
| Peter Pan: Background 3 (with perspective lines) |
 |
| Peter Pan: Background 3 Layout |
 |
| Peter Pan: Background 4 Layout |
 |
| Peter Pan: Background 5 (with perspective lines) |
 |
| Peter Pan: Background 5 Layout. |
Red Riding Hood
.
 |
| Red Riding Hood: Background 1 |
 |
| Red Riding Hood: Background 2 |
 |
| Red Riding Hood: Background 3 |
 |
| Red Riding Hood: Background 4 |
 |
| Red Riding Hood: Background 5 |
Willie Wonka
.
 |
| Willie Wonka: Background 1 |
 |
| Willie Wonka: Background 2 (Background by Emma Garner) |
 |
| Willie Wonka: Background 3 (Background by Emma Garner) |
 |
| Willie Wonka: Background 4 (Background by Emma Garner) |
 |
| Willie Wonka: Background 5 (Background by Emma Garner) |
 |
| Willie Wonka: Background 6 (Background by Emma Garner) |
 |
| Willie Wonka: Background 7 (Background by Emma Garner) |
Revised Layouts
 |
| Gulliver's Travels- Background 2 |
 |
| Gulliver's Travels- Background 5 |
 |
| Gulliver's Travels- Background 4 |
 |
| Gulliver's Travels- Background 3 |
 |
| Peter Pan- Background 3 |
 |
| Red Riding Hood- Background 3 |
 |
| Red Riding Hood- Background 4 |
 |
| Red Riding Hood- Background 1 |
 |
| Scarlet Letter- Background 6 |
 |
| Scarlet Letter- Background 3 |
 |
| Scarlet Letter- Background 4 |
 |
| Willie Wonka- Background 1 |
Final Layouts
Scene 2: Gulliver's Travels
Scene 3: Peter Pan
Scene 4: Scarlet Letter
Scene 5: Frankenstein
Scene 6: Red Riding Hood
Scene 7: Willie Wonka
 |
| Frankenstein Background 1 (line) |
 |
| Frankenstein Background 2 (line) |
(Line Drawings tweaked to existing Key framed animation)
 |
| Exported image of Establishing shot (key frame in red) |
 |
| Background 1 redrawn to scale |
 |
| Exported image from Kate's Key framing |
 |
| Background 2: Adjusted to size of Faye and temporary door in Flash |
 |
| Background 3 |
 |
| Background 3 with refined bench |
 |
| Background 4 |
 |
| Background 5 |
 |
| Coloured background |
Wednesday 28th January 2015 Meeting Minutes:
Background Layouts- completed
Frankenstein scene Key frames- in progress
Peter Pan scene Key frames- completed
Scarlet Letter- in progress
Task: Complete/ finalise backgrounds ready to inbetween approved key framed animation next week
Line drawings of Backgrounds
Scene 1: The Library
Scene 2: Gulliver's Travels
Scene 3: Peter Pan
.
Scene 4: Scarlet Letter
.
Scene 5: Frankenstein
Scene 1: The Library
Scene 2: Gulliver's Travels
Scene 3: Peter Pan
.
.
Scene 4: Scarlet Letter
.
 |
| Frankenstein: Background 2 |
 |
| Frankenstein: Background 3 |
 |
| Frankenstein: Background 4 |
Feedback from Hilary
- Change in camera angles too much
- Too much water in Chocolate factory- difficult/ lengthy to animate
- Cut Scarlet Letter, not understandable if you don't know the story and it is less well known
- Animate by sequence rather than so many seconds each
- Pick a sequence each to animate and control so that the conflicting drawing styles issue is resolved.
The Library
- Put the 'Overdue' on the right page of the book and an illustration on the left
- Customer should walk on screen from big to small {use the camera} From silhouette to become clearer in the distance to use dimensional space
- Lovely nice day outside to contrast with the dark dreary Library
- Put a clock reaching 5pm behind her to hint that she is waiting to leave and that it is nearly home time
- Take the book down and look down. Then cut to her point of view and see the hand open the book then fade in
- See the illustration of the sequence and then zoom into that illustration and track through to the animation
Gulliver's Travels
- Track illustration of the background to Faye
- See her point of view (the sun)
- Then show her lay back
- Zoom into the driftwood/ wreckage
- Show the Lilliputians one by one
- Then they tip toe out one by one with ropes
- Long shot of Faye tied down with ropes
- Dramatic shot looking up at Faye's breast and shin with Lilliputians on and around her
- Close up of Lilliputian being shaken as Faye and the ground starts to rumble
- Long shot of Faye turning over (reuse shot 9) Hear the splat of Lilliputians
Peter Pan
- Have the sails down and anchor down. Just animate the boat bobbing rather than sailing
- Have Captain hook enter from the left up the stairs
- 3/4 side view where Faye swats Tinkerbell
- Over the shoulder close up of Tinkbell being wiped and flicked off the side of the boat (Show the audience what they should be looking at)
Scarlett Letter
- Cut Scarlett Letter out; isn't as well known as the other stories and doesn't make sense if the view hasn't already read the book or know the story
Frankenstein
- See Frankenstein in the establishing shot (back of him close to camera as a silhouette)
- Need internal timing of the film- time out with a stop watch or film to make a timed animatic to see if the action fits the time
Red Riding Hood
- Put on hold for now
- Have to show her getting out of bed
- Show the wolf actually turning and running into the woods
Willie Wonka
- Cut for now
- A lot of water to animate so would be difficult and lengthy to animate
New Production Schedule
Based on advice received, I have devised a new production schedule according to the appropriate changes in aims effective from week 19 which is the 9th February 2015.
Week 19
09/02/15:
Keyframe
Week 20
16/02/15:
Inbetween
Week 21
23/02/15:
Inbetween
Week 22
02/03/15:
Inbetween
Week 23
09/03/15:
Export Flash files into Photoshop
Style backgrounds
Export rough flash animation into Premiere to give to sound designers
Week 24
16/03/15:
Clean up in Photoshop
Week 25
23/03/15:
Clean up in Photoshop
Vacation
30/03/15:
{Leeway to complete any late tasks}
06/04/15:
{Leeway to complete any late tasks}
Week 26
13/04/15:
Add colour in Photoshop
Week 27
20/04/15:
Add colour in photoshop
Get finished sound files from sound designers
Week 28
27/04/15:
place cleaned up jpegs into After Effects for editing
Move into Premiere to add sound
Export final film as a Quick time file
New Storyboard for Gulliver's Travels
Background designs for Gulliver's Travels
Gulliver's Travels Background 1
.
 |
| Final Background |
Gulliver's Travels Background 2
Gulliver's Travels Background 3
Gulliver's Travels Background 4
Gulliver's Travels Background 5
The Library Backgrounds
Kate Gilbert's Establishing shot showing outside the Library
.jpg)
After showing the line work over her original to Kate, it was agreed that the black line around the buildings in the foreground should be made a lighter colour and that there shouldn't be so much small detail in the grass. The result of these modifications can be found below.
Kate Gilbert's Establishing shot showing outside the Library
Based on Kate Gilbert's design for the establishing shot showing outside the Library on a sunny bright day (to contrast with the dull dim interior of the Library), I started to redesign the backgrounds for the interior based on the blocked colour and more subtle line work.
 |
| Library background 1 |
 |
| Library background 2 |
 |
| Library background 3 |
After further discussions with Kate, we decided to keep the original backgrounds for the interior of the Library and that I should modify Kate's Establishing shot design by adding line work similar to the original Library backgrounds.
Library Interior Background 1 cleaned up options
Animation Production
Animating Gulliver's Travels
Rough animation scenes in sequence
Notes:
- Sequence 3: When the Lilliputian is throwing the rope, Faye's hand shouldn't be there because her arms are behind her neck.
- Sequence 6: Faye is turning the wrong way
- Clean up the characters before inbetweening
05/03/15 Animation
Inbetweened animation
Notes:
- Fix proportions in Photoshop during clean up
- Draw in corrections made in yellow
- If time, work on sequence 5 to make more interesting action/ more comical
- Redraw background for sequence 6 to fix the changed direction of Faye turning
- Redraw/ finalise backgrounds for sequence 3 and 5
Gulliver's Travels Illustration for Library Introduction
 |
| Kate Gilbert's Illustration |
Based on Kate Gilbert's illustration for the book, I created the illustration below for the Gulliver's Travels introduction
Neater version of Gulliver's Travels Book Illustration
 |
| Colour version of water colour style animation |
 |
| Sepia version of illustration with typography |
 |
| Final Gulliver's Travels book illustration |
Animation Post Production
For Post Production, as a team we intend to move forward from the Production stage by export our individual Adobe Flash files as PNGs or TIFFs as lossless image files to take into Adobe Photoshop. Then we will proceed with clean up, drawing thick, clean black lines using the existing files as a guide. We will also colour in Photoshop of which the colour scheme will be tones of sepia as agree with the team.
Coloured Still Test
Gulliver's Travels Sequence One- Cleaned up Frames
Gulliver's Travels Sequence Three- Cleaned up Frames
Gulliver's Travels Sequence Five- Cleaned up Frames
Gulliver's Travels Sequence One- Sepia Filtered Frames
Updated (17/04/15)
Notes:
- Resave TIFF files for Sequence 1 (Faye looking at the Sun and laying down) with correct background (with boat)
- Clean up Sequence 2 (3 soldiers sneaking out)
- Colour Sequence 2
- Finish background colour for Sequence 3 (Lassoing soldier)
- Colour Sequence 3
- Colour Sequence 4 (Faye being tied down)
- Colour Sequence 5 (2 soldiers panicking)
- Finish background for Sequence 6 (Faye turning over)
- Animate ropes snapping and clean up Sequence 6
- Colour Sequence 6
Final Coloured Version of Gulliver's Travels
