Illustration & Visual Narrative - Task 4 Final - Webcomic "The Monkey's Paw"
5/12/24 - 5/1/25 (Week 10 - Week 14)
SUN YUTONG (0377440)
Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 4: 40% Final Assignment Brief: Animated Webcomic Cover and One-Page Comic
for "The Monkey's Paw"
Module Information
<iframe src="https://drive.google.com/file/d/1EjvmTY_OEZQ5Rye2Gz6pAnZ_Cl0qaRiu/preview" width="640" height="480" allow="autoplay"></iframe>
Task 4: Animated Webcomic Cover and One-Page Comic for "The Monkey's
Paw"
Assignment Requirements:
- Comic Cover: Design a cover that represents your interpretation of The Monkey’s Paw, including an illustrated masthead created in Illustrator. You may use Photoshop to manipulate textures and images for a surreal effect inspired by Sandman covers or refer to “surrealistic adobe illustrator artwork”. Include subtle animations if desired to create a haunting atmosphere.
- One-Page Comic: Translate a selected part of the story into a single-page, animated webcomic with at least 3 panels animated using GIFs in Google Slides. Focus on panel-to-panel transitions (e.g., moment-to-moment, action-to-action, subject-to-subject) to maintain suspense and continuity.
- Format: Portrait orientation for phone or tablet display. Assemble all elements in Google Slides for presentation.
References and Inspiration:
- Understanding Comics by Scott McCloud for narrative transition techniques.
- Framed Ink by Marcos Mateu-Mestre for composition and depth principles.
- Dave McKean’s Sandman covers for visual style and mood inspiration or vector based surrealistic artwork.
Concept board:
Concept board
Chosen text:
I referred to other works and wanted to combine the ape and the monkey's paw
in the story. In order to add a horror element, I chose a horror-style font,
and added blood elements in the background to create a horror feel.
Concept board
Cover production process:
When making the background, I first outlined it with a pen, and then used
Gaussian Blur to blend it into the background.
I chose this as the monkey's paw, giving it a sense of pressure breaking
through the screen. I first adjusted its tone and light in Photoshop.
Finished cover:
Fig.1.1 Cover image
Fig.1.2 Cover image
Comic Progress:
I first analyzed how to draw the text I chose, and then I completed my
sketch on paper.
Scene 1: I chose the action of two men smoking cigarettes
Scene 2: Focus on the text "the wind was higher than ever" and show the
scene outside the window.
Scene 3: It is the picture of the man sitting in front of the brazier
Scene 4: Combine "he last was so horrible and so simian that he gazed at
it in amazement. It got so vivid that, with a little uneasy laugh" using
fire and the monkey's face.
Scene 5: It is the action of the man putting out the fire
Scene 6: The man walks into the room with the monkey's paw
This is my sketch:
Fig.1.3 Sketch
I then brought it into Illustrator to digitize it, using the Pen tool to
outline it.
Fig.1.4 Digital Sketch
Next, I color the comic sketch:
When making the Gif, I first created 5 artboards in the illustration and
adjusted the details of each artboard frame by frame.
After that, I imported it into Photoshop, made a Gif, and adjusted the timing
of each frame.
Final Work (PNG):
Fig.1.5 Cover image (PNG)
Fig.1.6 Comic Page (PNG)
Fig.1.7 Comic Animation (PNG)
Fig.1.8 Comic Animation (PDF)
Fig.1.9 Comic Page (PDF)
Reflection
When I finished this assignment, I learned how to use illustrations to create
comic pages. This assignment was a little difficult for me to complete because
I forgot to make it in layers, which made coloring very difficult. But I
learned how to make comics more continuous and how to make GIF.
Comments
Post a Comment