Illustration And Visual Narrative (Week 04)
ILLUSTRATION AND VISUAL NARRATIVE GCD 61204 (Week 04)
NAME: CHIN TZE WEI
I.D: 0357423
COURSE: Illustration and Visual Narrative / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 01
WEEK 4: LECTURE
Figure 4.1 Lecture Note for Week 04
Lecture Note Week 04:
In this week's lecture, Mr Hafiz introduced us about Compositions, Visual Types and shots.Basic Composition Rules:
1. Visual Narative

2. Viusal Flow
- Composition should complement your subject focus and reflect the narrative.
- Think of the look and feel of the scene. Get their emotions on the same page.
Figure 4.2 Violet Evergarden, Episode 10(2018) Composition Study-Visual Narrative

Figure 4.3 Violet Evergarden, Episode 10(2018) Composition Study - Visual Narrative
2. Viusal Flow
- The composition determines the path of a viewer's eye through the visual.
Figure 4.4 Demon Slayer(Kimetsu no Yaiba) - Visual Flow
3. Visual Balance
- Even though you can’t know the exact path a viewer’s eye is going to take, you can nudge things one way or another.
Figure 4.5 Parasite (2019) Composition Study - Visual Balance
4. Visual Hierarchy
- The way you visualize and focus your subject matters can have huge effects on the composition the artists make...and sometimes can even affect the course of history.
Figure 4.6 Anne of Cleeves (Hans Holbein the Younger, 1539) Composition Study - Visual Hierarchy
Tyes of shots:
1. Establishing shot- Purpose:
- Establish the setting.
- Give viewers time to take in the scene.
Figure 4.7 The Wizard of Oz (1939) - Establishing Shot
- AKA overhead shots.
- The camera is placed directly above the subject
- It is ~90⸰ above the scene.
Figure 4.8 The Avengers(2012) - Bird's eye View
3. Frame-within-a-frame
- A well-composed frame-within-a-frame can fracture screen space, add depth, and create visual interest in the composition.
- Purpose:
- Foreground and background elements can emphasise and highlight underlyng meanings in the story.
- Break up information in the frame for maximum impact.
Figure 4.9 Mulan(1998) - Frame-within-a-frame
- AKA three-quaters shot
- Purpose:
- To frame characters.
Figure 4.10 Titanic(1997) - Medium Shot
- A close-up shots is an intimate moment between the viewer and the character.
- Purpose: To emphasise emotion and thoughts within a grander context.
Figure 4.11 Get Out(2017) - Close-up Shot
5. Worm's-eye View
- The camera is placed directly beneath the subject
- It is ~90⸰ below the scene.
Figure 4.12 The Avengers: Age of Ultron (2015) - Worm's-eye View
WEEK 4: WEEKLY EXERCISE (CHIAROSCURO PEOPLE)
This week, we're gonna learned "Colour and Blending"
I traced the reference image provided by Mr Hafiz at Google Classroom.
I created the line and shadow usign the Pen and Pencil Tool.
Figure 4.13 Image use to traced provided by Mr Hafiz
Figure 4.14 Traced the reference image using Pen Tool at Adobe
Illustrator
This is for me to classify the line easily and quicky.
Figure 4.16 A guy with shadow
Figure 4.18 Final outcome for the Chiaroscuro People















