ILLUSTRATION & VISUAL NARRATIVE - FINAL PROJECT

12/11/18- 7/12/18 (Week 12- Week 15)

Andrea Vie Choong Jia Qi (0331945)

Illustration & Visual Narrative
Final Project
Front&Back and Back&Front

_______________________________________________________________

INSTRUCTIONS 

Module Information Booklet (MIB)

_______________________________________________________________

PROCESS OF TUNNEL BOOK

12/11/18 (Week 12)

This week, we were briefed on our final project, Front&Back and Back&Front. The aim of this project is to convey a story with depth, perspective and interactive to use. We were able to show the story using one of these outcomes, a tunnel book or a web comic. 

Before choosing the final outcome, I  search for several short story. I chose to do on a short story "To build a fire" by Jack London. I read the whole story and wrote out the story in a diagram showing the beginning, rising action, climax, falling action and ending.

Fig  3.1 Story Analysis (Beginning, Climax, End)

After planning out the story, I did a mindmap of the characters, colour scheme & setting of the story to make it clear for me to illustrate later on.

Fig 3.2 Mindmap

I searched for images as references to help me with my illustration for the storyboard.

Fig 3.3 Mood Board #1

Fig 3.4 Mood Board #2

From these references, I sketched our the main parts from the story analysis using a storyboard. 

Fig 3.5 Storyboard 

Once the storyboard is finalize, I moved on to  sketch out the layers for my tunnel book.  But before that, I searched for some ideas in Pinterest to help me design my tunnel book. 

Fig  3.6 Tunnel Book Ideas 

Later on, I sketched out the frames/layers I will show in my tunnel book. I used my storyboard and story analysis to help me for these sketches.

Fig 3.7 Sketches of tunnel book frames #1

Fig 3.8 Sketches of tunnel book frames #2

From these sketches, I analyse the types of transitions in each frame I used in the story.

Frame 1-2: Subject-to-subject-showing the features of the characters.

Frame 3-9: Scene-to-scene -showing different areas  of the same location.

Frame 10-16: Action-to-action-showing series of actions by the character.

Frame 17-19: Moment-to-moment -showing movements of the dog.

Frame 19-20: Scene-to-scene -showing dog travelling from one place to another.

_____________________________________________________________________________________________

19/11/18 (Week 13) 

This week, I continued to illustrate my sketches in Illustrator so that it would be easier for me to print them out and trace and cut it on paper later. 

Fig 3.9 Process of tunnel book frames in Illustrator

Fig 3.10 Artboards for each frame of tunnel book

Fig 3.11 Embedded PDF of frames

Before I start doing the actual cutting of the frames, I did a trial using recycled papers to make sure I know how to do it and avoid any mistakes.

Fig 3.12 Mock up frames 

I moved on to the actual one by tracing the template onto the colour papers and cutting them using a cutting blade and scissors. I had to only cut the lighter grey area as they represent the 1st layer as a background. I chose to use blue and black papers as they give a cool and dark colour to the snow setting in the story.

Fig 3.13 Process of tracing & cutting 1st layer frames

Fig 3.14 Final Outcome of 1st layer frames #1

Fig 3.15 Final Outcome of 1st layer frames #2

Fig 3.16 Process of cutting & pasting 2nd layer

Fig 3.17 Final Outcome of 2nd layer (details) #1

Fig 3.18 Final Outcome of 2nd layer (details) #2

_____________________________________________________________________________________________

26/11/18 (Week 14) 

For this week, I planned out on how to combine all the pages into a 360 tunnel book and how it will look like in different angles. As well as, the design of the front and back cover of the book.

Fig 3.19 Planning for book layout

For the front cover, I placed the silhouette of the man, dog and fire to indicate that they are the main subjects/characters in the story. I wrote the title and the author using brush pens. I used a mounting board as the covers so it could help the pages inside to stand firmly and hold it in place when it is closed.

Fig  3.20  Process of front & back cover

Fig 3.21 Final Outcome: Front & Back Covers

After creating the front and back covers, I moved on to combining all my frame pages together with a double sized tape into a 360 book.

Fig 3.22 Process of  compiling pages 

I found that the pages did not stand in place and there are no similar gaps between each page or frame. So I decided to sew a string below each frame to make sure the pages stay in place and easy to look at.

Fig 3.23 Sewing process

And finally, the book is completed, now it is time for the animation part of it. Here are some photos of the final outcome of my tunnel book. 

Fig 3.24 Final Front Cover

Fig 3.25 Final  Back Cover

Fig 3.26 Final 180 degrees view

Fig 3.27 Final 360 degrees view

_____________________________________________________________________________________________

3/12/18 (Week 15) 

This week, I focused on doing some parallax animation of my tunnel book. I wanted to create some movements of the flow of the story with close-ups of the characters and the scene of each frame. 

I took few video clips in different angles from the 360 degree view and the 180 degree view. 

Fig 3.28 Filming the tunnel book parallax 

Fig 3.29 Editing the video

And here is my  parallax video of my tunnel book!




 
Here is my sketchbook compilation of my final project:

https://docs.google.com/presentation/d/1bKPJM31vOmuud4M-884Fo1O9qty45sEomDoPovWxXBY/edit#slide=id.g4857c8bc52_0_0