IVN Task 4: Webcomic

✩ 25/11/24 - 5/1/25 (Week 10 - Week 14)

✩ WONG MEI YEE 0367857

✩ IVN / Bachelor of Design (Hons) in Creative Media / Taylor's University

✩ Task 4 - Webcomic

TABLE OF CONTENTS

1. Instructions
2. Task 4
3. Reflections

Instructions

Task 4

Cover Page

Reference

Sketch

Colour Palette

The color palette for the cover page of The Monkey’s Paw was intentionally chosen to convey a sense of dread, mystery, and suspense, while emphasizing the supernatural themes of the story.

1. Dark Reds and Browns (Background): These earthy, muted tones create an aged and distressed look, symbolizing the grim and ominous atmosphere of the narrative. The deep brown tones in the frame also evoke an old, decayed, and antique feeling, which aligns with the story's Gothic elements.

2. Yellow Glow (Behind the Paw): The glowing yellow circle serves as a focal point, drawing attention to the monkey’s paw. Yellow represents a mystical and otherworldly energy, suggesting the supernatural power of the talisman. It also contrasts sharply with the darker tones, making the paw appear even more sinister.

3. Rusty Orange and Brown (Monkey’s Paw): The fur of the monkey’s paw is a rich rusty orange, which symbolizes decay, age, and something unnatural. The sharp contrast between the warm rust tones and the dark claws adds a sense of menace.

4. White (Claws): The white claws stand out starkly against the darker tones, making them appear sharp, dangerous, and almost spectral. They symbolize the unnatural and eerie aspects of the story, suggesting danger and death.

Process

To create the cover page for *The Monkey's Paw*, I started by illustrating the central element, the monkey’s paw, to immediately convey the story’s focus. Using Adobe Illustrator, I carefully crafted the paw with sharp, exaggerated claws and detailed fur textures, giving it a menacing, eerie appearance. I placed a glowing yellow circle behind the paw to highlight its importance and create a mystical, ominous atmosphere. For the background, I used dark, muted tones like brown and red, adding a distressed texture with scratches and cracks to emphasize the horror and aged aesthetic. The top and side frames were designed with decorative elements to resemble an arch or stage, symbolizing the story’s theatrical and suspenseful nature. To complement the visuals, I chose a classic serif font for the title, ensuring it aligned with the story’s vintage roots, while the author’s name was subtly placed to avoid distracting from the artwork. 

Outcome

Rationale

Central Focus: The Monkey’s Paw

The large, detailed illustration of the monkey’s paw draws immediate attention, symbolizing the central theme of the story: the cursed talisman that drives the narrative.
The exaggerated claws and textured fur create a sense of menace and unease, reflecting the story's eerie and supernatural tone.
Colour Palette
Dark and Muted Tones: The use of brown, red, and black evokes a gothic atmosphere, setting the tone for a tale of horror and tragedy.
Yellow Glow: The circular glow behind the paw symbolizes both the mystical power of the paw and its ominous nature. It acts as a spotlight, emphasizing the talisman’s significance.
Textures and Details
The rough texture of the background adds a distressed and aged effect, representing the story's dark and foreboding atmosphere.
Cracks and scratches on the background reinforce themes of decay, mystery, and the idea of consequences that cannot be undone.

One-Page Comic

Reference

Sketch

Colour Palette

Process

Here’s a step-by-step explanation of how I created the comic page in Adobe Illustrator:

1. Initial Sketch and Planning

I started by importing my hand-drawn sketch into Illustrator. The sketch acted as a blueprint for panel placement and character positions. I reduced the opacity of the sketch and locked it on a separate layer to use as a guide.

2. Creating the Comic Panels

- Using the Rectangle Tool, I drew rectangles to form the comic panels.  

- I adjusted the shapes to match the composition of my sketch, ensuring each panel fit the story progression.  

- I used the Stroke Panel to add bold, black outlines to the panels for a clean and defined look.  

3. Outlining Characters and Objects  

- For each panel, I used the Pen Tool to trace the characters and objects from the sketch. This allowed me to create clean, scalable vector shapes.  

- I adjusted anchor points to refine the curves and edges, ensuring smooth outlines for every element.  

- For fur details on the characters or intricate elements, I used the Brush Tool to add texture and depth.

4. Colouring the Comic

- I created a new layer beneath the outlines and used the Shape Builder Tool or Live Paint Bucket Tool to fill areas with coluor.  

- I applied a muted and eerie color palette to reflect the horror theme of the story.  

- To add depth and realism, I applied gradients to backgrounds, characters, and objects using the **Gradient Tool.  

-5. Adding Text and Sound Effects  

- For the narration and dialogue, I selected a comic-style font Blambot Pro, ensuring readability and thematic consistency.  

- I placed speech bubbles using the Ellipse Tool and connected them to the characters with pointed tails, created using the Pen Tool.  

- For sound effects, such as "Knock Knock" or "Creak," I used bold, distorted typography to emphasize the suspenseful atmosphere.  

6. Final Adjustments

- I removed the sketch layer to clean up the workspace.  

- I refined the alignment of panels and elements to ensure balance and consistency across the page.  

- I reviewed each panel to ensure all details, colours, and text aligned with the intended tone of the story.  

7. Exporting the Comic Page

- Once the comic was complete, I exported the file as a high-quality PNG to maintain clarity and resolution.  

Outcome

Rationale

Visual Storytelling:

Character Expressions: The characters' exaggerated facial expressions, especially the old man's fear and anticipation, emphasize the emotional weight of the story.

Body Language: The old woman's quiet, deliberate movements add an ominous atmosphere.

Lighting: Use of shadows and candlelight enhances the suspense, playing with dark and light contrasts.

Panel Layout:

The layout is clear and easy to follow, with smaller panels zooming into significant details, such as the old man’s hands trembling or the shadowy figure on the stairs.

The larger panels draw attention to pivotal moments, like the final knocks, emphasizing the climax.

Use of Colour:

he muted and darker tones reinforce the somber and chilling mood.

Highlights, such as the glow of the candle and the hand reaching into the window, direct the reader's focus.

Text and Sound Effects:

Dialogue bubbles are strategically placed to avoid disrupting the visuals while maintaining readability.

The onomatopoeic "KNOCK KNOCK KNOCK" and the faint "CREEAAK" intensify the suspense, immersing the reader in the scene.

Animation

Process

To create a GIF file using Adobe Illustrator and Photoshop, start by designing your animation in Illustrator using artboards. Duplicate and modify the artboards to create the animation frames, then export them as JPEG files. Next, open Adobe Photoshop and go to File > Scripts > Load Files into Stack to import the exported JPEGs. Once the files are loaded, open the Timeline panel from the Window menu. Select Create Frame Animation and add frames for your animation, ensuring that only one artboard is visible in each frame. Adjust the delay time for each frame to control the playback speed. Finally, export your animation by going to File > Export > Save for Web, and save your project as a GIF file.

Outcome

Final Outcome

Reflections

This assignment allowed me to enhance my skills in Adobe Illustrator, particularly in creating detailed vector illustrations. Using tools like the Shape Builder Tool and Clipping Masks helped me achieve precision and better integrate textures, such as the rust texture on the gate. Initially, working with complex shapes, like the monkey’s paw and its intricate fur and claws, was challenging, but experimenting with the Brush Tool and gradients improved my control and layering techniques.

The process of selecting a cohesive color palette deepened my understanding of how colors evoke mood and emotion in visual storytelling. Balancing the ominous dark tones with the glowing focal point behind the paw taught me how to create visual contrast and hierarchy in a design. Additionally, exploring typography helped me choose a font that complements the theme of the story and enhances the overall aesthetic.

This project also strengthened my ability to merge illustration with narrative elements, ensuring every detail served the story’s atmosphere. Overall, it boosted my confidence in using Illustrator for detailed and thematic cover designs, while also improving my understanding of how composition and color can convey emotion and context.