Illustration And Visual Narrative - Assignment 02 : Digital Triptych - Exploring Scott McCloud's Transitions
ILLUSTRATION AND VISUAL NARRATIVE GCD 61204
WEEK 10 - WEEK 11 (29.11.2023 - 08.12.2023)
NAME: CHIN TZE WEI
I.D: 0357423
COURSE: Illustration and Visual Narrative / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 01
Table of Content
1. Lecture
1.1 Week 09
1.2 Week 10
1.3 Week 11
2. Instruction
3.1 Research
3.2
Sketch
3.3
Illustration
3.4
Artist Statement
4. Reflection
1. Lecture
WEEK 9: LECTURE
Figure 1.1 Lecture Note for Week 09
Lecture Note Week 09:
In this week's lecture, Mr Hafiz introduced us about "3-Acts Atructure"
Sorytelling Basics
- Central Theme: The storyteller's opinion.
- Major Theme: A recurring theme throughout the narrative.
- Minor Theme: A subtle and non-repetitive idea.
- Conflict
- Purpose
- Drives story, creates tension, build suspense.
- Keeps the audience engaged.
- Characters
- Central Characters
- These characters are vital to the story.
- The plot revolves around them.
- Antagonist
- They oppose the protagonist, blocking their path to achieving their objective.
- Type of Antagonists: People, places, things, and situations.
3-Act Structure
- Set-up
- Introduces protagonist and their world.
- Typically ends with conflict revealed.
- Rising Tension
- The series of obstacles the protagonist must overcome.
- Each obstacle is usually harder and has higher stakes than the previous one.
- Conflicts / Climax
- The highest point of tension.
- The major turning point for the protagonist.
- Resolution
- The conflict's conclusion
- The protagonist overcomes / accepts / defeated by the conflict.
- The journey ends.
Figure 1.2 Traditional
three-acts structure chart
WEEK 10: LECTURE
Figure 1.3 Lecture Note for Week 10
In this week's lecture, Mr Hafiz recap us of the "3-Act Structure" and
introduced us about "Transition"
Lecture Note Week 10:
Transitions
- 1 frames: Not much information.
- 2 frames: The audience can understand the situation
- Audience assumes continuity is maintained through the panels.
- Pattern recognition.
Figure 1.4 2-Frame Panels
Closure
- Law of Closure: Objects grouped together are seen as a whole.
- The audeince fills in missing information with familiar shapes and images
Figure 1.5 Law of Closure
Scott McCloud's Transitions
- Moment to Moment
- Action to Action
- Subject to Subject
- Scene to Scene
- Aspect to Aspect
- Non Sequitur
Figure 1.6 Scott McCloud's Transitions
Point of View
- Who's point of view?
- Emphasis one thread of the story
- Summarize the most significant point of the narrative as they have been told.
WEEK 11: LECTURE
On this week's lecture, Mr Hafiz conducted our class as Physical class at school.
During class, Mr Hafiz has briefed us about the latest assignment (Final Project), and give QnA session for us to get feedbacks from him.
2. Instruction
Figure 2.1 Module Information Booklet
Briefing [Assignment 02: Digital Triptych - Exploring Scott McCloud's Transitions]
- Illustrate two static pictures before and after the climax point.
- Total 3 panels.
- Justify what form of transition you used and why you choose that specific scene.
- Submit in Google Slides.
3. Assignement 02: Digital Triptych - Exploring Scott McCloud's Transitions
Referencing Scott McCloud's analysis of transitions in "Understanding Comics," you will select one panel before and one panel after the climactic turning point, surrounding a panel representing the turning point itself. Each panel will exemplify a different transition type, creating a digital triptych that showcases various narrative transitions.
- Review Scott McCloud's transitions: moment-to-moment, action-to-action, subject-to-subject, scene-to-scene, aspect-to-aspect.
- Select one transition type for each of the three panels: before, during (climactic turning point), and after the turning point.
- Identify specific moments or elements in the narrative that align with the chosen transitions.
- Create a digital triptych with three panels that clearly illustrate the chosen transitions.
- Use any digital medium (illustration software, graphic design tools, etc.) to craft the panels.
- Ensure coherence and narrative flow between the panels, capturing the essence of the transitions selected.
- Submit the completed digital triptych via the designated platform.
- Include a brief explanation for each panel, detailing the chosen transition and its significance in the narrative context.
- Ensure that each panel distinctly represents its respective transition type.
- Understanding and application of Scott McCloud's theory on transitions in creating the digital triptych.
- Clarity and effectiveness in using each transition to depict the sequential narrative.
- Coherence and visual storytelling across the three panels.
- Artistic execution and presentation of the digital triptych.
3.1 Research
Before starting up this assignment, I did some research on what exactly is digital triptcyh to get a better idea of its concept and how it looks like. And also, during lecture class, Mr Hafiz has gave and explain to us how a famous artwork looks like.
Figure 3.1.1 Hieronymous Bosch, Garden of Early Delights
Definition of Triptych
A triptych is a type of artwork consisting of three hinged panels that can be folded or displayed open. The panels come together to form a single unified artwork.
For this assignment, we were required to do a digital triptchy based on the urban legend we used in our previous project. The triptych's center panel should be the climax, while the other two panels depict the pre-climax and post-climax. We must choose one transition type, according to Scott McCloud, to demonstrate the digital triptych's progression.
I have also do research about the type of transitions, after that I choose the most suitable transitions that suite my last assignment (Assignment 01: Desicive moment) the most and start to sketch my remain sketch which is before and after panel.
Therefore I decide to do Subject-to-Subject transition for this assignment.
3.2 Sketch
Before I start to do the digitalize of the 3 panel, I have struggle on "which transition types will suite my panel the most". At last, I decided to choose subject-to-subject to illustrate my urban legend, Aokigahara Forest. Since my climax is the scene where the ghosts ran out from the strange door. I decide to show the subject change before the door appear, which is drawing a peaceful forest for the pre climax and the event after the cilmax event (skeletons become more) for the post climax.
I start up to do my sketch regarding to my decided transition type, which is Subject-to-Subject transition.
Panel 1 of my sketch represent the visualize of a peaceful forest.
Figure 3.2.1 Sketch of Panel 01
Panel 2 of my sketch represent the climax of the urban legend, it visualize the ghosts comming out from the door).
Figure 3.2.2 Sketch of Panel 02 (from Assignment 01: Editorial Illustration - Decisive Moment)
Panel 3 of my sketch represent that after the climax, the skeletons on the ground become more than before, this is because the people who saw the ghosts have died.
Figure 3.2.3 Sketch of Panel 03
3.3 Illustration
I has illustrate my sketch using the software, Adobe Illustrator.
After receiving feedbacks from Mr Hafiz, I decide to remove some grain effects from the panels.
I remain the grain effects at panel 2, this is because I want to show the unusual that happened during the climax scene.
About the colour of the gradient, I try to fix it but my "colour cell" in my brain does not work that much T.T
Figure 3.3.1 Working progression on Adobe Illustration
Final Illustration - First panel (Pre-climax)
Figure 3.3.2 Final Illustration (Panel 01), JPEG
Final Illustration - Second panel (Climax)
This panel is illustration during Week 10 (Assignment 01: Editorial Illustration - Decisive Moment).
Figure 3.3.3 Final Illustration (Panel 02), JPEG
Final Illustration - Third panel (Post-climax)
Figure 3.3.4 Final Illustration (Panel 03), JPEG
Final Illustration - ALL panel
Figure 3.3.5 Final Illustration (All panel), JPEG
Figure 3.3.6 Final Illustration (All Panel), PDF
3.4 Artist Statement
In this triptych, I delve into the haunting beauty and enigmatic nature of the Aokigahara Forest, a place shrouded in both tranquility and urban legend. The series unfolds as a visual narrative, capturing the essence of the forest before, during, and after a significant event.
The first panel invites viewers into the serene heart of Aokigahara, where the vibrant hues of nature dominate. Lush foliage and towering trees create a tapestry of tranquility, concealing the darker secrets that lie beneath. A muted color palette hints at the impending narrative twist, inviting contemplation on the duality of beauty and mystery.
As the story progresses, the second panel thrusts us into the climax, where the forest transforms into a realm of suspense and supernatural intrigue. The Art Deco style injects sophistication into the ominous atmosphere, utilizing sharp lines and angular shapes to heighten the tension. This panel serves as the crescendo, a visual crescendo mirroring the peak of the Aokigahara legend.
Finally, the third panel unfolds, revealing the aftermath of the significant event. The color palette returns to a more subdued state, symbolizing resolution and a new beginning. Amidst the aftermath, Art Deco elements convey a sense of order and understanding emerging from the darkness. A sunrise breaks through the trees, suggesting a rebirth, and the forest takes on a new, transformed identity.
Through this triptych, I aim to evoke a visceral and emotional response, inviting viewers to reflect on the juxtaposition of nature's allure and the mysteries that often remain hidden. The Art Deco style serves as a visual language, elevating the narrative and providing a timeless quality to this exploration of the Aokigahara Forest urban legend.
Design Document
Figure 3.4.1 Design Document of Assignment 02: Digital Triptych - Exploring Scott McCloud's Transitions
Video 3.1 Design Document with the gif panel 02 of Assignment 02: Digital Triptych - Exploring Scott McCloud's Transitions
4. Reflection
Through out this project, I have learned a lot of knowledge about software and how to use them well. Which includes the 3-Act structure and types of transition. In the other hand, about softwares, I learned how to use Adobe Illustrator more skillfull and more proficient. These skills give me a good opportunity to complete my assignment. I am quite satisfied with the final outcome of my digital triptych (3 panel). It is an interesting assignment, I have learned a lot of things and applied them inside my assignment.
In this task, I had learned and able to demonstrate creative use of software, which is Adobe Illustrator, and have use creative thinking skills and methodologies to explore, generate and test a wide range of conceptual ideas.
From this task, it has conducted a critical thinking, problem solving and creative thinking skills (TGC 2.2), which I can define and analyse problems to arrive at effective solutions.
Quick Link
Google Drive Link
Project 01: Exercise Continuous
Project 02: Editorial Illustration (Decisive Moment)












