ILLUSTRATION AND VISUAL NARRATIVE - Final Project: Webcomic

4/12/2024 - 05/01/2025 (Week 11 - Week 15)

Aveline Kristie / 0372310 

Bachelor of Design (Honours) in Creative Media

Illustration and Visual Narrative

Task 4: Webcomic


TABLE OF CONTENTS

1. Lectures

2. Instructions

3. Tasks

4. Reflection 


1. LECTURES

Mr. Hafiz gave us some explanations about the final project. The IVN final project requires creating a comic in A4 portrait format with very limited animation, consisting of at least 3 panels. The work should be submitted via Google Slides for easy access and review.

The comic must follow a surrealism style, similar to Dave McKean’s work. All drawings should be created in Adobe Illustrator using vector graphics. Textures and lighting can be enhanced in Photoshop, particularly for animation.

An understanding of Scott McCloud’s comic transitions is essential. The project should demonstrate how transitions between panels influence pacing and meaning.

Composition and layout must be carefully considered. Frames should be well-arranged and balanced, with ink used to highlight the key elements of the story.

Images can be submitted at 72dpi, which is appropriate for web submission. The focus should be on the quality of animation and textures, applying them in Photoshop while keeping the illustrations clean in Illustrator.

Text and speech bubbles should be included for dialogue. The font should be readable and complement the surreal aesthetic, ensuring the text enhances the storytelling.


2. INSTRUCTIONS


  3. TASKS

For this task, we were instructed to create an A4-sized webcomic that contains at least three panels and a cover, using Dave McKean's art style in Adobe Illustrator. Later, we must animate at least three panels of the comic using Adobe Photoshop or After Effects.

1. Visual References

First, I spent some time researching drawing references and exploring different comic layouts to find the best approach for my project. I also want to use Dave McKean's art style for both my comic and the cover.


Fig 3.1 References

After doing some research, I decided to make the comic dark and creepy. I think this style fits the mood I want and works well with Dave McKean's art style.

2. Sketch and Digitization

Afterwards, I chose the parts of the story I wanted to illustrate and started sketching them out. However, Mr. Hafiz pointed out that the panels could be arranged better and that each panel should flow smoothly into the next. I also realized that I had included too many panels, so I decided to remove one.


Fig 3.2 Sketches

After receiving feedback, I rearranged my panels and made a few changes to improve the story's representation. The main focus I wanted to highlight is how they now live with regret after making a foolish wish that ultimately caused their son's death.

The story begins with a mother waiting for her son to come home after a long time, and the moment finally arrives. However, her husband stops her from opening the door, reminding her that their son is actually dead. The one knocking at their door is no longer their son, as changing someone's fate is impossible.

For the poster, I want to illustrate their son's soul trapped in hell after being traded for money due to his parents' greed.



Fig 3.3 Revised Sketch

After finalizing my sketch, I started digitizing it in Adobe Illustrator. I used the Pen Tool to draw all the elements and to make the colours and textures look more realistic, I added various textures and effects. Additionally, I used the Gradient Tool to create smooth colour transitions, Shape Builder Tool, and Gaussian Blur effect to add depth and soft shading, which helped enhance the overall visual appeal of the artwork.



Fig 3.4 Digitization Progress

I wanted the comic to have a dark and creepy vibe, so I primarily used a dark colour palette to set the mood. However, I intentionally used brighter colours for some panels featuring the mother to express her hope of seeing her dead son again, which ultimately turns out to be in vain. This contrast in colour helps to highlight her emotional state and the tragic irony of the situation.



Fig 3.5 Digitization Progress

Lastly, I created the script and added the speech bubbles using the Mistral Regular typeface, as this font choice complemented the overall tone of the comic. I also added texture to the background to give it more depth and contribute to the dark, eerie vibe.


Fig 3.6 Digitization Progress

For the cover, I also used dark colours to enhance the sense of emptiness and create a creepy look. I added textures to most elements to give them more depth and made it appear as if the son is falling into the darkness, emphasizing the eerie atmosphere of the story.


Fig 3.7 Digitization Progress

Lastly, I added lighting to draw attention to the son, while keeping the rest of the image dark to maintain a mysterious and eerie vibe. I also shaped the letter "W" to resemble the scratch of the monkey's paw.


Fig 3.8 Digitization Progress


Fig 3.9 Detailed Digitization Progress

I moved on to the animation stage and used Adobe After Effects to animate the comic for 5 seconds, as I’m more familiar with the software. I started by inserting the file and animating the 8th and 9th panels first since they were the easiest. I used the position tool to animate the tears running down the cheeks and nose, creating a smooth and emotional effect.


Fig 3.10 Animation Progress

Next, I used the Puppet Tool for the 8th and 10th panels. I placed pins on the objects I wanted to move, such as the mother's eyebrow and Herbert's head. For the eyebrow, I made small adjustments to give it a subtle expression change, and for Herbert's head, I made it swing, adding a bit of movement to create a more dynamic effect.


Fig 3.11 Animation Progress

Then, I animated the 3rd panel by making the eye grow bigger and smaller to show a shocked expression. I used the Scale tool, changing the scale from 100% to 115% to make the eye appear larger than the original, adding emphasis to the character's surprise.


Fig 3.12 Animation Progress

Lastly, I animated the 1st panel by making the text "KNOCK" appear and disappear using the Opacity tool. I adjusted the opacity to make the text fade in and out.


Fig 3.13 Animation Progress

3. Final Outcome



Fig 3.14 Final Outcome of The Monkey's Paw Poster


Fig 3.15 Final Outcome of The Monkey's Paw Webcomic

4. Final Animated Outcome



Fig 3.16 Final Outcome of The Monkey's Paw Animated


5. Rationale


Fig 3.17 Rationale


4. REFLECTION

I’m pleased with how the comic and animation turned out. The dark and creepy art style I used, inspired by Dave McKean’s approach, really helped set the mood and immerse the viewer in the story. Even though creating a creepy comic was a new experience for me, I was brave enough to do something new and step out of my comfort zone. 

There were some challenges along the way, like rearranging panels and refining certain details, and this project took the longest time to complete. However, those adjustments made the narrative flow more smoothly and added more impact to the storytelling. Overall, I’m happy with how the piece conveys the themes of regret, loss, and the consequences of a foolish wish.

Comments

Popular Posts