ILLUSTRATION AND VISUAL NARRATIVE | FINAL PROJECT




04/06/18 - 06/07/18 | Week 11 -Week15
Yeah Xiao Shi (0331577)
Illustration and Visual Narrative
Final Project - Front & Back and Back & Forth



INSTRUCTIONS





FINAL PROJECT

Week 11
(04/06/18)

This week, Mr Hafiz briefed us on our final project - Front & Back and Back & Forth. We were require to create a series of illustration to demonstrate the passage of time that leads to the one piece or concludes it based on the narratives chosen. The final outcome could be an interactive web comic or a tunnel book. It has to be at least 3 layers and identify at least 3 transitional types. For the short stories, we could either choose the one suggested by Mr Hafiz or other stories that we like. As for me, I decided to choose the story from the link given.

The one that I choose is a short story by Rudyard Kipling called How The Whale Got His Throat. I found out this story is quite interesting and easy to understand.

Here is the short story below:

HOW THE WHALE GOT HIS THROAT

IN the sea, once upon a time, O my Best Beloved, there was a Whale, and he ate fishes. He ate the starfish and the garfish, and the crab and the dab, and the plaice and the dace, and the skate and his mate, and the mackereel and the pickereel, and the really truly twirly-whirly eel. All the fishes he could find in all the sea he ate with his mouth—so! Till at last there was only one small fish left in all the sea, and he was a small ‘Stute Fish, and he swam a little behind the Whale’s right ear, so as to be out of harm’s way. Then the Whale stood up on his tail and said, ‘I’m hungry.’ And the small ‘Stute Fish said in a small ‘stute voice, ‘Noble and generous Cetacean, have you ever tasted Man?’ 
‘No,’ said the Whale. ‘What is it like?’ 
‘Nice,’ said the small ‘Stute Fish. ‘Nice but nubbly.’ 
‘Then fetch me some,’ said the Whale, and he made the sea froth up with his tail.
‘One at a time is enough,’ said the ‘Stute Fish. ‘If you swim to latitude Fifty North, longitude Forty West (that is magic), you will find, sitting on a raft, in the middle of the sea, with nothing on but a pair of blue canvas breeches, a pair of suspenders (you must not forget the suspenders, Best Beloved), and a jack-knife, one ship-wrecked Mariner, who, it is only fair to tell you, is a man of infinite-resource-and-sagacity.’ 
So the Whale swam and swam to latitude Fifty North, longitude Forty West, as fast as he could swim, and on a raft, in the middle of the sea, with nothing to wear except a pair of blue canvas breeches, a pair of suspenders (you must particularly remember the suspenders, Best Beloved), and a jack-knife, he found one single, solitary shipwrecked Mariner, trailing his toes in the water. (He had his mummy’s leave to paddle, or else he would never have done it, because he was a man of infinite-resource-and-sagacity.)
Then the Whale opened his mouth back and back and back till it nearly touched his tail, and he swallowed the shipwrecked Mariner, and the raft he was sitting on, and his blue canvas breeches, and the suspenders (which you must not forget), and the jack-knife—He swallowed them all down into his warm, dark, inside cup-boards, and then he smacked his lips—so, and turned round three times on his tail.
But as soon as the Mariner, who was a man of infinite-resource-and-sagacity, found himself truly inside the Whale’s warm, dark, inside cup-boards, he stumped and he jumped and he thumped and he bumped, and he pranced and he danced, and he banged and he clanged, and he hit and he bit, and he leaped and he creeped, and he prowled and he howled, and he hopped and he dropped, and he cried and he sighed, and he crawled and he bawled, and he stepped and he lepped, and he danced hornpipes where he shouldn’t, and the Whale felt most unhappy indeed. (Have you forgotten the suspenders?)
So he said to the ‘Stute Fish, ‘This man is very nubbly, and besides he is making me hiccough. What shall I do?’ 
‘Tell him to come out,’ said the ‘Stute Fish.
So the Whale called down his own throat to the shipwrecked Mariner, ‘Come out and behave yourself. I’ve got the hiccoughs.’ 
‘Nay, nay!’ said the Mariner. ‘Not so, but far otherwise. Take me to my natal-shore and the white-cliffs-of-Albion, and I’ll think about it.’ And he began to dance more than ever.

 ‘You had better take him home,’ said the ‘Stute Fish to the Whale.
 ‘I ought to have warned you that he is a man of infinite-resource-and-sagacity.’ 

So the Whale swam and swam and swam, with both flippers and his tail, as hard as he could for the hiccoughs; and at last he saw the Mariner’s natal-shore and the white-cliffs-of-Albion, and he rushed half-way up the beach, and opened his mouth wide and wide and wide, and said, ‘Change here for Winchester, Ashuelot, Nashua, Keene, and stations on the Fitchburg Road;’ and just as he said ‘Fitch’ the Mariner walked out of his mouth. But while the Whale had been swimming, the Mariner, who was indeed a person of infinite-resource-and-sagacity, had taken his jack-knife and cut up the raft into a little square grating all running criss-cross, and he had tied it firm with his suspenders (now, you know why you were not to forget the suspenders!), and he dragged that grating good and tight into the Whale’s throat, and there it stuck! Then he recited the following Sloka, which, as you have not heard it, I will now proceed to relate—

  By means of a grating
  I have stopped your ating.

For the Mariner he was also an Hi-ber-ni-an. And he stepped out on the shingle, and went home to his mother, who had given him leave to trail his toes in the water; and he married and lived happily ever afterward. So did the Whale. But from that day on, the grating in his throat, which he could neither cough up nor swallow down, prevented him eating anything except very, very small fish; and that is the reason why whales nowadays never eat men or boys or little girls.
The small ‘Stute Fish went and hid himself in the mud under the Door-sills of the Equator. He was afraid that the Whale might be angry with him.
The Sailor took the jack-knife home. He was wearing the blue canvas breeches when he walked out on the shingle. The suspenders were left behind, you see, to tie the grating with; and that is the end of that tale.

     WHEN the cabin port-holes are dark and green
       Because of the seas outside;
     When the ship goes wop (with a wiggle between)
     And the steward falls into the soup-tureen,
       And the trunks begin to slide;
     When Nursey lies on the floor in a heap,
     And Mummy tells you to let her sleep,
     And you aren’t waked or washed or dressed,
     Why, then you will know (if you haven’t guessed)
     You’re ‘Fifty North and Forty West!’ 


Once I selected the story, I start to analyse the storyline and do a mind map for it. Then, I searched some images for reference and made a mood board.


Fig.1.1: Mind map.


Fig.1.2: Mood board.


Fig.1.3: Mood board.


Week 12
(11/06/18)

There was no class this week due to raya holiday so we continue to work on our final project at home. I began my work by finding some images from Pinterest and Google as inspiration for the sketches. Later on, I sketched for each scenes by referring to storyline and the reference images. 

Fig.2.1: References.

Fig.2.2: References.

Fig.2.3: References.


Fig.2.4: Sketches.


Fig.2.5: Sketches.


Week 13
(18/06/18)

In this week class, I showed my mind map and sketches to Mr Kannan. Before moving on to draw on Adobe Illustrator, I was told to make a timeline so that I can understand what I can do for each scenes better. Here is my timeline for the story below.


Fig.3.1: Timeline.


Besides that, Mr Kannan also told me to export my sketches as png and try it at madefire to know whether my drawing works at madefire. So, I chose one of the scene and make an attempt for it. It took me a lot of times to explore with madefire since I'm not familiar with this software. Luckily, I am able to master it at last with the help of my friends. 


Fig.3.2: Make an attempt at madefire.


  
 Preview for my first attempt.


After exploring with madefire, I move on to transfer my sketches and draw digitally on Adobe Illustrator. The figures below showed the process of my drawing.


Fig.3.3: Process of drawing at Adobe Illustrator. 


Fig.3.4: Process of drawing at Adobe Illustrator.


Fig.3.5: Art boards for each scenes in Adobe Illustrator.

Fig.3.6: Art board 1-4.

Fig.3.7: Art board 5-8.


Week 14
(25/06/18)

In the previous week, I have completed my drawing at Adobe Illustrator. For this week, I proceed to colour my drawing by referring to the mood boards that I made earlier. The process is tiring but I'm quite satisfy with the outcome.


Fig.4.1: Process of colouring for each frames.


Fig.4.2: Process of colouring for each frames.

Fig.4.3: Outcome after colouring.

Fig.4.4: Outcome after colouring.


Week 15
(2/07/18)

This week will be the submission day for our final project. I proceed with my work at madefire for creating the parallax effect as well as the transitions to narrative the story. Firstly, I exported each layers of my art boards as png and upload it to madefire. Later on, I started to arrange it layer by layer  before adding the effects. After arranging and editing, I uploaded it for preview to see where I can improve for my work. The figures below showed the process of my work.

Fig.5.1: Scene 1 PNG.


Fig.5.2: Process at madefire. (Scene 1)


Fig.5.3: Scene 2 PNG.


Fig.5.4: Process at madefire. (Scene 2)


Fig.5.5: Scene 3 PNG.

Fig.5.6: Process at madefire. (Scene 3)


Fig.5.7: Scene 4 PNG.


Fig.5.8: Process at madefire. (Scene 4)


Fig.5.9: Scene 5 PNG.

Fig.5.10: Process at madefire. (Scene 5)


Fig.5.11: Scene 6 PNG.


Fig.5.12: Process at madefire. (Scene 6)

Fig.5.13: Scene 7 PNG.


Fig.5.14: Process at madefire. (Scene 7)


Fig.5.15: Scene 8 PNG.

Fig.5.16: Process at madefire. (Scene 8)



 Preview for my first attempt.



(5/07/18)


After previewing the outcome of my first attempt, I decided to add two more scenes to make the story looks more complete. As usual, I illustrate it at Adobe Illustrator first then move on to madefire for adding the effects. I also got to design a book cover for my motion book as I have completed all of the scene earlier than what I expected. Once I completed the added scene and the cover, I combined it with the previous scene and upload it again at madefire.


Fig.6.1: Illustrate for added scene.


Fig.6.2: Illustrate for added scene.


Fig.6.3: Outcome for the added scene.


Fig.6.4: Outcome for the added scene.


Fig.6.5: Process of designing cover for motion book.


Fig.6.6: Final Outcome for the cover.

Fig.6.7: Added scene PNG.


Fig.6.8: Process at madefire for added scene.


Fig.6.9: Added scene PNG.


Fig.6.10: Process at madefire for added scene.


Fig.6.11: Cover PNG.


Fig.6.12: Move on to add effect for the book cover.


After exploring at madefire for few times, I have completed this project successfully at last.


Final Outcome for final project.



Final Outcome Madefire Link :

Comments