Illustration and Visual Narrative / Project 4: Animated One Page Visual Novel

-
4.4.2023 - 4.7.2023
Johnny Lam Wee Zhe / 0363436 / Bachelor of Design (Hons) in Creative Media
Illustration and Visual Narrative
 

PROJECT 4

Sketches
In the finale of illustration and visual narrative, we are to continue with our project three. Using the same story we did in project three, we are to create an introduction to the story with a one page visual novel, essentially an animated comic based on the story we have picked. In the previous project, I pick the story call The Pit and The Pendulum which is what I will based on for my comic.

As research were done in the previous project, I went ahead and start doing my sketches. Here I have create a few sketches. 
 
Fig 1.1 Exploration Sketch (5/07/2023 Week 15)

Fig 1.2 Comic Sketches (5/07/2023 Week 15)

The first sketch is to figure out how the prison and character look like but the prison become irrelevant when I read the briefing, seeing introduction and have to based on one paragraph. I interpret that as creating a comic base on the first paragraph which is what I did.

Digitization
As I start to digitize, there are a few additional elements I have added while illustrating. I have added more hooded figure on the first panel as a guard who is close to the prisoner and the final panel has hands reaching out to the prisoner, about to grab him.

Fig 1.1 Digitalized Comic (8/07/2023 Week 15)

After creating the base of it, I try to maintain the same style of the comic by giving the same lighting and gradient technique I use in project 3 and apply it to this comic.

Fig 1.2 Digitalized Comic with Lighting (9/07/2023 Week 16)

I reconsider changing the last panel and figure maybe I go for a metaphor of some sort. In the original story, the last thing that the narrator sees is the candle before he falls unconscious. So I decide to add that as my panel along with some of the dialogues.

Fig 1.3 Digitalize Comic with Candle Scene (9/07/2023 Week 16)


Eventually I have finish the dialogue and change the third last panel where he collapse onto table instead of the floor as that makes much more sense than a candle dropping from nowhere. With that, I have the final still comic result. 
 
Animation
Now I have arrive at the final stage of project 4. The requirement state that we need to animate at least one panel. I originally wanted to try to animate more than one panels on adobe after effects using knowledge I have learnt from other classes. However, I face a low quality problem and I have no idea how to solve this. Instead of using adobe after effect, I decide to use the only other animation techniques that I know of, a frame by frame animation with Adobe Illustrator and Adobe Photoshop.

Fig 3.1 Illustrate the candle frame by frame (11/07/2023 Week 16)

 
Fig 3.2 Animate frame in Adobe Photoshop (11/07/2023 Week 16)

Here is the out come of my animated GIF

Fig 3.3 Animated GIF of Candle (11/07/2023 Week 16)
 
Then I return to adobe illustrator and add in the closing eye lid to the scene to convey the narrator has become unconscious.

Fig 3.4 Animated GIF of Candle with Eyelids (11/07/2023 Week 16)

After I have finish the animating the panel, I proceed to combining the still image of the comic with the animated panel together using Adobe Photoshop. The method is quite similar to animating. After that I have the final result.

Fig 3.5 Combining Still Image with GIF (11/07/2023 Week 16)

Final Result
 
 
Fig 3.1 Final Animated Visual Novel Page (11/07/2023 Week 16)

Fig 3.2 Final Still Image Visual Novel Page (10/07/2023 Week 16)

Fig 3.3 Final Still Image Visual Novel Outline (14/05/2023 Week 16)

REFLECTION

I find that this project can lead one astray the most as this assignment takes place way after the semester ends with not much consultation which can pose a challenge, especially when animation is not taught in Illustration and Visual Narrative class. Of course you can always ask for clarification which not everyone thought to do including me. This project has taught me a valuable lesson to always ask the lecturer if there is ever any moment of doubt to avoid misunderstanding. It also taught me that sometimes to create a great artwork, one must also gather knowledge from beyond the classroom.

Comments

Post a Comment

Popular posts from this blog

Minor Project Compilation

-
Minor Project 23.9.2024 - 5.11.2024 Johnny Lam Wee Zhe (0363436) Bachelor of Design in Creative Media  INSTRUCTIONS   TASK 1      TASK 2      TASK 3 INDIVIDUAL TASK PROCESS     REFLECTIONS Week 1 D – Describe objectively what happened On the very first week, I wasn’t really there with the rest of the group as my class takes place in the morning. I was initially joining another group from the morning class. Since Mr. Mike has mentioned that he has no problem with students joining the group of another class. I decided to join this group since there are people I am familiar with here. On the group chat, that is when we get to select our first role which is the first research. I choose technology for my part and to get research about the AR glasses this company uses. I – Interpret the events The reason why I decided to move is because my first group does not ...
Read more

Creative Writing Compilation

-
Image
Creative Writing 23/7/2024 - 3/1/2025 Johnny Lam Wee Zhe (0363436) Minor in Performing Arts INSTRUCTIONS ASSIGNMENT ONE - SHORT STORY ASSIGNMENT TWO - MONOLOGUE   ASSIGNMENT THREE - POEM WRITING ASSIGNMENT FOUR - PEER REVIEW MISCELLANEOUS  Book Cover for Short Story Fig 1. Wilted Yellow Flower Cover Monologue Character Background REFLECTION I have numerous thoughts about this module. I must admit that this module is actually a lot more fun than I have anticipated. All of the projects are something I found pretty interesting and I personally find the short story to be the most interesting of the four. This module not only taught me about creative writing but I also learn also learn more about myself in the process. One of the most challenging project I find in this module is Assignment Four. I have a difficult time giving critique about other people's work especia...
Read more

Portfolio

-
Image
JOHNNY LAM'S PORTFOLIO Navigational Link: 3D Animation Motion Graphics Animation Stop Motion Animation Animatic Video Editing Audio Editing Environmental Design Illustration    3D Animation   Fig 1. 3D Animation Motion Graphics Animation Fig 2.1 Motion Graphics   Fig 2.2 Motion Graphics 2   Fig 2.3 Motion Graphics 3   Fig 2.4 Motion Graphics 4 Stop Motion Animation Fig 3. Stop Motion Animation Animatic   Fig 4. Animatic   Video Editing Fig 5.1 Video Editing      Fig 5.2 Video Editing 2     Audio Editing Fig 6.1 Audio Editing 1   Fig 6.2 Audio Editing 2    Environmental Design   Fig 7.1 Environmental Design 1     Fig 7.2 Environmental Design 2     Fig 7.3 Environmental Design 3   Illustration   Fig 8.1 Illustrati...
Read more