Illustration & Visual Narrative - Final Project

-

(Week 10 - Week 14) 

Ataka Lukman Hamzah / 0350012 
BDCM /  Illustration & Visual Narrative
Task 3

INSTRUCTIONS

So for the final project, we are expected to create a webtoon using Illustrator and animate it. The theme of this year's webtoon is horror. So, I started off by thinking of horror stories that can be made into a webtoon. The process of finding the right story is a bit long, and at last, I decided to ask my family members to tell their stories or stories that they have heard. Whereat the end I found the right one. 

My story is a combination of two different stories, the first part is a ghost in the bathroom peaking inside one of my sister's friends. The other part is my sister's friend was woken up by the ghost. Bed shaking and the ghost in front of him telling him to wake up. So I combined both the stories, which results in this story:

STORY
Dimas and Aditya went back to their room after another exhausting day at boarding school. “Man, I’m drained,” said Dimas. “You still down to continue the audiobook?” asked Aditya. “Hell yeah. I couldn’t pass up Stephen King,” replied Dimas. Both boys sat on the couch, turned on their audio player, and continued listening to Stephen King’s “The Shining”. They listened for hours, not paying attention to time. It’s almost midnight. “Man, I’m getting goosebumps,” said Dimas. “Yeah, this might be the scariest book King has ever written,” commented Aditya. Just as the suspense from the book was building up, both boys heard a loud creaking of floorboards outside their room. It was odd because no one was allowed to wander in the halls at this time. “Yo, what was that? Did you hear that?” asked Dimas. “It’s probably just the wind,” replied Aditya. Dimas panicked. “Yo, yo turn it off dude this is getting scary.” “HAHA ok, we have another school day tomorrow anyway,” Aditya agreed.

The boys fell asleep almost immediately, too tired to worry about the weird noise earlier. Three hours later, Aditya awakened as he needed to go to the bathroom. Just as he was about to turn the doorknob to go outside, Aditya got frightened and turned around to wake Dimas. “Dim, I need to go to the bathroom but I’m too scared to go alone,” said Aditya while shaking Dimas. Dimas groaned. “Ugh, don’t be a wimp. The bathroom is just outside our room,” said Dimas weakly. Aditya let out a sigh and gave up convincing his friend. He opened the door of his room, looked around to see no one in the halls. He entered the bathroom and did his business. While washing his hands, Aditya looked at his reflection in the mirror. His eye bags were dark and droopy. Attempting to freshen himself, he splashed water onto his face. As he lifted his head from the sink, in the mirror behind his reflection, he saw the head of someone peeking inside. Adit turned around in a flash. “Who’s there?” he called out. But as he turned around to face the door, there was no one there. Walking nervously to the door, Adit called out again. No response. He ran back to his room and shut the door. He looked over to Dimas’ bed. Dimas was sound asleep and didn't move an inch. It couldn’t be Dimas in the bathroom. “It must have been my imagination,” Aditya said to himself. Feeling a little bit relieved, he decided to go back to sleep.

Shortly after closing his eyes, he felt his bed shake. All of a sudden, he felt someone pull his blanket. “Bangun bang, bangun.” His eyes immediately flew open and right in front of him kneeled a little boy, smiling eerily. Adit jumped out of bed and screamed at the top of his lungs. He ran straight for the door as fast as he could, grabbing his cell phone on the way. Without looking back, he turned on his cell phone to dial Dimas. Just as he was about to hit the call button, a text message appeared. It read “I will arrive shortly, make sure you unlock the door for me”. It was from Dimas. Adit immediately came to a halt. “What? What does he mean he’ll arrive shortly?” he asked himself. With adrenaline still rushing through his body, he tried to remember last night’s events and what just happened. Dimas was with him last night. What does this text mean?

PROGRESSION
After finishing up the story, I decided to create an events timeline to start the webtoon. For me, it would be easier to determine the flow of the story later on in the creation of the webtoon.

Scene 1
  • Boarding School
  • Dimas & Aditya
  • Walking to room
Scene 2
  • Room
  • Listening to audibook
  • show audiobook
scene 3
  • hallway (creak, stomp)
  • talking
  • talking
  • sleep
scene 4
  • adit wakeup
  • ask dimas to accompany
  • no answer
  • to toiliet
scene 5
  • blank (doing his business)
  • wash hands
  • ghost appear on the mirror
  • frigthened
  • talk
  • back to room
scene 6
  • sleep
  • blank (couple hours)
scene 7
  • bed shake
  • adit wakes up
  • sees boy figure
  • shocked
  • take cellphone
  • run
  • dimas chat adit
  • adit surprise
After creating this timeline, I a have a review session with Ms. Anis and Ms. Jennifer, they reviewed my story. They approved of it, however, there are some changes that could be done to connect the story better. Ms. Anis suggested I create a scenario where the ghost would come for them if the story of the boy listened during a full moon. I understand what Ms. Anis is trying to say so I implement her suggestion to my story.

From here, I proceed to create the sketch for my webtoon based on the event timeline that I have created.

Fig 1.1: Sketches

Fig 1.2: Sketches 2

So these are the sketches for the first couple of pages. I didn't get to finish up my sketches because there is not enough time. So I proceed to make the webtoon in Illustrator.

Fig 1.3: Digitized Sketch

Fig 1.4: Digitized Sketch

Fig 1.5: Final Webtoon draft

So the theme that I was going for in this webtoon is the old building that is made out of wood. It is a classic horror plot scene. There is no progression that can be given out during the digitalization of the webtoon. I use the pen tool to create the figures based on the sketch. From there onwards, I tried my best to recycle the previous panels, to be more efficient. It is noticeable that I have used the same panel several times, or not I changed some details.

After finishing the webtoon, I published it to webtoon. Before publishing it, we need to give a thumbnail for the chapter. Back again to the decisive moment, from here I chose the best that could go well with the description of the webtoon. So I chose the panel where Dimas is half awake looking at the boy figure.

Then after choosing the thumbnail the webtoon is uploaded. Then from here, I moved on to make the animation for the webtoon. Before moving it into After Effects, I created new files for each of the pages. This will make things easier to sort out. For example, eyes, mouth, or any details.

Also to have the best quality, for each document I created the size of the document same as after effects which is 1920x1080. 

Fig 1.7: All pages AI File

Fig 1.8: Page 15

Fig 1.9: Page 16


After finishing creating AI files for each page and sorting the layers for animation, I import each page to after effects and edited it page per page.


Almost all of the animations are basic animations. Mainly, opacity, position, and masking. Here are some of the pages after the animation process.



After all of the pages are done animated, I bring all the animated videos into Premiere Pro to be compiled together. Compiling all the videos directly because I have created the transition in After Effects. So the last thing to do is to add sound effects. 

These are the sound effects that I used in the video:

Zipper:
https://www.youtube.com/watch?v=Pfze5fAkCmY&ab_channel=DistortedRoom

Wood Creaking:
https://www.youtube.com/watch?v=64aeBmqmMlY&ab_channel=LTSoundEffects

Old Bed:
https://www.youtube.com/watch?v=qjvcWSS2rZA&ab_channel=Visual%26SoundFX

Running on Wood:
https://www.youtube.com/watch?v=oNxnum6g3Lc&ab_channel=AllSounds

Suspense Music:
https://www.youtube.com/watch?v=QTFLYCMkyiM&ab_channel=InstrumentalHalloweenMusic

Walking on Wood:
https://www.youtube.com/watch?v=XqpSso5hYR0&ab_channel=AudioLibrary

Horror Build up:
https://www.youtube.com/watch?v=Sn9yhhZglyc&ab_channel=HorrorMusicWorld

Horror Jumpscare SFX:
https://www.youtube.com/watch?v=TTQ8Oh_aBiA&ab_channel=PrimalXenolith

Night Ambience:
https://www.youtube.com/watch?v=06To2CU1y08&ab_channel=royaltyfreevideos%26sounds

Then for the editing, it is a pretty simple editing process. Cut the sound effects and place them under the right timing of the animation. As for the songs, I noticed that most horror films really depend heavily on the sound, it gives the intensity of the movie. So I used some horror song build-ups to lift the intensity of the scene. Also, to give a more horror movie feel.

Figure 2.1: Premiere Pro timeline

So I used the night ambiance sound effects for the entire duration of the animation. This is to fill the blank spot where there are no other sound effects present. Other than that, it is just sound effects according to the events. 

Final Outcome


Youtube Link:

REFLECTION

Illustration & Visual Narrative, have been a very enjoyable module to be a part of. In addition, the great lecturers who really enjoy what they are teaching make this module very fun to do. A lot has been learned throughout the module. 

Creating this animation is very fun. It is my first experience creating a full webtoon animation. So being able to learn how to create one gives so much to me. Also, horror is one of my favorite genres of movies, creating this is a lot of fun. 










Comments

Post a Comment

Popular posts from this blog

Design Principles - Task 3

-
Image
  27/08/2021 - 25/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Design Principles Task 3   LECTURE HARMONY Harmony involves the selection of element that share a common trait. Variety is important to avoid harmony becoming monotonous. Harmony is the sense that all of elements f your design fit together. They may fit the same theme, aesthetic style or mood. Variety is about a change or slight difference in elements and objects in composition, to avoid a boring composition. Variety can also involve varying angles, exposure, composition, etc. UNITY Unity refers to the repetition of particular elements throughout your design whether they're colors, shapes or materials to pull the look together. Unity occurs when these elements are c...
Read more

Illustration & Visual Narrative - Task 2

-
Image
 27/08/2021 - 24/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Illustration and Visual Narrative Task 2   INSTRUCTIONS For task 2 the name of the exercise is called Decisive Moment. We are told to create a minimalist poster defining the decisive moment of the scene from an existing narrative. Also we are expected to create a looping animated gif of the design. The first movie came into my mind is The Conjuring Universe movies. It is a movie that I have been repeat watching a lot in my free time. There are some scenes that came into my mind, the first scene was from the first conjuring, the hide and clap scene. This scene shows the one of the first encounter between the characters and the ghost. The second scene that I wanted to brought up is the scene where Lorraine meets Valak at the first time in the Conjuring 2....
Read more