Illustration and Visual Narrative - Task 3: Digital Triptych

9/11/25-26/11/25 / Week 7-Week 10
Janice Cheah Pei Ern / 0376497
Illustration and Visual Narrative / BDCM / Taylor's University
Task 3

LIST / JUMP LINK

TASK

LECTURES
Week 7: 
There are up to 6 different Scott McLoud's transitions used to convey a comic.
Figure 1.0 Scott McLoud's transitions
  • Movement-to-movement transitions show basic movements occurring.
  • Action-to-action transitions show a single subject progressing through a specific movement.
  • Subject-to-subject transitions stay within a single scene or idea and happening between characters.
  • Scene-to-scene transitions take place across significant distances within time and space.
  • Aspect-to-aspect transitions show different aspects such as place, idea or mood happening in the same scene.
  • Non-sequitur transitions are unrelated and no logical connection between panels.
These transitions help to create a continuity across panels, helping readers to understand the flow of the story.
Afterwards, we try to observe panels from the image below and identify what transitions are used.
Long-Story-UC-84
Figure 1.1 Comic panels

This is what I managed to identify and note down in the image below on the main 5 transitions. (excluding non-sequitur as we are not using it)
Figure 1.2 Attempt on identifying transitions



INSTRUCTIONS


TASK
Final Artwork:

For Story ₊✩‧₊˚౨ৎ˚₊✩‧₊



Transitions Used:

Scene-to-scene: Using this transition helps to provide a time skip and involving plots from all of the 3 Acts Story I have written. I use this transition to help provide a general idea or a summary to my story of how the bird becomes the detective's companion.

Aspect-to-aspect: Having this transition can help to see what is going on at the same time. I use this transition to show that the detective is trying to use his First-aid skills and what he has in his house to try treating the bird.

Moment-to-moment: This transition shows minimal movements between panels. I use this transition on the panel where the detective is bandaging the bird's wing to show that he is bandaging the wing firmly.

Foreword
Before working on the task, we will need to write a story with 3 acts that will help us to plan on what to put in our 3 panels. I decided to use back one of my characters back in Task 1, which is a seagull / bird.
Figure 2.0 Seagull / Bird Character from Task 1

Here below is the story that I have written:

Story

The Detective's Bird
Act 1 : Once, there was a bird who lived as a flock with other birds like him. While flying to hunt for food, he felt thirsty. He saw a lake filled with water and didn’t hesitate to stop to drink some water. Little did he know, there was a factory nearby which spilled an unknown chemical into the lake. That night, his throat started burning, strange sounds escaped from his beak. The next day, he was able to talk in human language. He tried to tell the other birds, but they found him odd, so they pushed him aside and flew away without him. He had to fend for himself for days. One day, a human saw him in very poor condition.

Act 2 : The human decided to try and treat him. While the human was treating the bird, the bird started saying thank you. He found out that the bird can talk and was shocked by it. The bird gave a bewildered look towards the human as he forgot he could actually speak human language. It took him a few days to accept he wasn’t hallucinating, and from that day on, the bird followed the human everywhere he went. The human actually works as a detective who solved murder cases so at first he wanted to release the bird because he is always busy.

Act 3 : Until finally, the human decided to keep the bird as his side companion after proving to him that he is quite capable and intelligent for an animal during their first case together. From that day on, the bird always gets motivated when getting ready with its owner. With the bird’s help, they solved the hardest of cases together. 

Sketches
After writing out the story, I attempt on trying to sketch out on what to put. At first, I thought I should focus on one of the acts and try to make it detailed on what is happening.
Figure 2.1 & 2.2 1st and 2nd Sketch (Failed attempts)

However, it doesn't really focus on the 3 acts that I have written out, so I redid another sketch that will show more continuity and relevance to the story.
Figure 2.3 3rd Sketch

Inspirations
For my 3rd Sketch 1st panel, I got inspiration from one of the chapters of Jenny Jinya's Loving Reaper comic where the reaper kneels down talking and checking on the cat who has unfortunately died.
Figure 2.4 Jenny Jinya's Loving Reaper

As to bring out the detective's identity in the last panel, I looked up on things that usually associated with detectives and tried putting them in to better convey the information.
Figure 2.5 & 2.6 Things associated with Detectives

I also added a "Crime Scene Do Not Cross" signage as one of the panels' background after outlining in Illustrator which I think can also emphasize the identity.
Figure 2.7 "Crime Scene Do Not Cross" signage

Illustrator
After getting my 3rd Sketch approved, I outlined it and change the width of the lines in Illustrator. I also added some text and the signage as background.
Figure 2.8 Outline in Illustrator

Afterwards, I add colours along with shadows and highlights.

Figure 2.9 Coloured Panels

However, this is when I realized, I should have 3 different transitions, so I decided to use the Clipping Mask tool to create another 2 different transitions as I currently have many Scene-to-scene transition.

Figure 2.10 Changes to Panels
For the first one, I bring it closer to the First-Aid Kit Box using the clipping mask and cropping off the hand on the cabinet, in this way I created an Aspect-to-aspect transition into the next panel (the bottom scene in Figure 2.9) where it will hint the human is trying to treat the animal.
As for the second one, by adding another panel and bring it closer to the wings using clipping mask, it becomes a Moment-to-moment, showing the human bandaging the wing firmly. It also doesn't look as empty as the first version. 

Final Version

Figure 2.11 Final Artwork

Techniques Applied
As my tutor, Mr. Hafiz has mentioned to try and make the text and sound effects feels like it is a part of the visuals, I applied what I learnt during the lectures on using Envelope Distort to make the text less geometric and stiff, especially on my final scene as the text will be magnified by the magnifying glass.
Figure 2.12 & 2.13 Envelope Distort on Sound effects and Text

I also tried to play around with changing the gradient of a box and created a black vignette effect on the panels to make it less flat.

Figure 2.14 & 2.15 Before and After Vignette


FEEDBACKS
Week 9
For Story: Try focusing on making it 3 acts and the 3 panels reflect on what is going on in the 3 acts.
For Sketch: 3rd Sketch works for the 3 panels.


REFLECTIONS
This task was definitely a tough journey as I did a lot of changes and redos here and there. I managed to learnt the different types of transitions and how you can apply it into your graphic story / comic. Other than that, it also took me some time to process on what I shouldn't have done, especially when writing the story and sketching. Despite all the challenges I have faced, it was definitely a good struggle and it make me work more effectively and efficiently.

Comments

Popular Posts