Illustration and Visual Narrative / Final task : Webcomic

on

05.12.2024 - 05.01.25 (Week 11-14)

Celine Christabelle Patricia / 0374872 

Illustration and Visual Narrative / Bachelors of Design (Hons) in Creative Media / The Design School

Table Contents

  1. Lectures
  2. Instructions 
    • Story Analysis and research
    • Sketch 
    • Execution
    • Animation
    • Final Outcome
  3. Feedback
  4. Reflection

Lectures

Transition

  1. Moment to moment
    • Shows basic movements occurring like eye blinking.
  2. Action to action
    • Shows a single subject doing an action
  3. Subject to subject 
    • Stays within a specific scene or idea which makes reader involve more
  4. Scene to scene
    • Transitions take place across significant distances within time and space.
  5. Aspect to aspect 
    • Same scene but different point of view
  6. Non sequitor 
    • No connection

Chiaroscuro (2)


When making the comic, especially horror comic, chiaroscuro, light and shadow, plays an important role. 

As for that, the shadow make things looks not flat


However, in portraits, it gives a tense atmosphere towards the drawing. 
It would be preferable to use a pen tool and mask with texture than using image trace, because image trace would result messier.
  1. Find the reference
  2. Determine which one is the shadow
  3. Use pen tool to trace
  4. Mask it with a texture picture

Instructions


Final Task: Webcomic

Story Analysis and Research

Story are divided into 3 parts
  1. Introduction
    • Where characters are introduced, who are they, what do they do
  2. Conflict
    • Where the main problem is introduced, what happen 
  3. Resolution/Climax
    • How the conflict ended, how it affects the character so much and reached the climax
I decided to pick one of the parts in Monkey's Paw Part 3, because I feel like the climax of the story is here, and it could create more tension to readers.

Fig 1.1 - Story Used

For the passage I have chosen, I feel it is the climax part and it is very tense, meaning it would be a great part to be illustrated. As for that, I make sure the light was dim and make the light coming from one source to make the readers feel the tension of this specific part.

Sketches
Fig 2.2 - Sketch and Reference from Framed Ink
Fig 2.3 - Sketch and Cover with transition 

Comic Cover

Fig 3.1 - Comic Cover Attempt

  1. First Attempt
    • too much on photoshop
  2. Second Attempt
    • could be better, the shading was not neat, could add texture on the hands
  3. Third Attempt
    • I decided to add two people to explain more into the story, since the illustrated hands don't really give explanation
Fig 3.1.1 - Method used

Methods Used
  1. Pen tool
    • Using reference picture, I traced the face of the man and the woman
    • Since I want a dramatic lighting effect, I started by using black and white colors, and then proceed to coloring it
  2. Masking
    • I mask the hand for texture
  3. Spatter
    • For the background, to give a more effect, I added spatter
  4. 3D Materials
    • I adjust every brick's lighting following the light source and give it a 3d effect to be more lively.

Fig 3.1.2 - Characters

Fig 3.2 - Comic Cover (5/01/25)

Comic Panel

Fig 4.1 - Coloring Comic
  1. Pen tool
    • To draw shapes and also the characters
  2. Gradient tool
    • As the blending tool, to blend it smoothly, I use gradient tool, from the dark/light shade to 0% opacity
    • After so, I stylize it with feather in range 1-3 pt to make it smoother
  3. Rectangle tool
    • For most of the background I use rectangle tool, then stylize it with Diffuse Glow for texture
  4. Text tool
    • For speech bubbles
Fig 4.2 - Comic Panel (05/11/24)

Animation

Fig 5.1.1 - GIF Animation

Fig 5.1.2 - GIF Animation Result

Fig 5.2.1 - GIF Animation

Fig 5.2.2 - GIF Animation Result

Fig 5.3.1 - GIF Animation

Fig 5.3.2 - GIF Animation Result


Fig 5.4.1 - GIF Animation


Fig 5.4.2 - GIF Animation Result


Fig 5.5.1 - Text Animation

Fig 5.5.2 - Text Animation

Final Outcome

Fig 6.1 - Rationale (Cover) (05/01/25)

Fig 6.2 - Rationale (Comic) (05/01/25)

Fig 6.3 - Monkey's Paw Final Outcome (05/01/25)

Feedbacks

Week 11
Composition wise it looks good.

Week 12
Sketches are good. Composition is good. Transitions are good.

Week 13
Feedback on the cover, the hand could be illustrated in a better way. 

Week 14
(Only regular updates)

Reflections

Creating the sketch for my horror comic was quite challenging, especially when it came to illustrating the sentences and ensuring smooth transitions between panels. One of the biggest difficulties I faced was building tension within the scenes. To overcome this, I researched various horror illustrations and storytelling techniques to understand how fear and suspense are visually conveyed.

When moving on to the drawing phase in Illustrator, I encountered additional challenges, particularly with shading. Since my art direction requires a painting-like texture with minimal outlines, I had to spend extra time refining the shading to maintain depth and atmosphere. Balancing these elements while staying true to the surreal horror aesthetic was difficult but also a valuable learning experience.

Overall, this process taught me the importance of planning compositions carefully and studying different artistic approaches to improve my storytelling. While there were struggles, I feel that each challenge helped me develop my skills and gain a better understanding of visual horror storytelling.

Comments

Post a Comment