ILLUSTRATION & VISUAL NARRATIVE //PROJECT 3 & FINAL PROJECT
06.05.2021 - 30.06.2021 (Week 9- Week 14)
Chaw Zhi Ting (0347344)
Bachelor of Design (Hons) Creative Media
Illustration & Visual Narrative // Project 3 & Final project
LECTURES:
Figure 1.2 Three act structure, 27th May 2021
Figure 1.3 Example of moment to moment in 'Dream Life', 3rd June
2021
Figure 1.4 Action-to-action from Sea of red & Drainage System, 3rd June 2021
Figure 1.6 Scene-to-scene in 'Kingdom' by Jon Mc Naught, 3rd June
2021
Figure 1.7 Symbolic transition by Jessica Abel & Matt Madden, 3rd June 2021
Figure 1.8 Rolling transition in Honolulu Lories Lava Lounge, 3rd June
2021
Figure 1.9 Non-sequitur transition in Leigh Rigozzi's 'List Comics', 3rd June 2021
Figure 2.0 Sample of action comic, 3rd June 2021
Figure 2.1 Tutorial on animating in After effects, 3rd June 2021
Figure 1.0 Webtoon proposal, 10th June 2021
Figure 1.1 Character design references, 10th June 2021
Figure 1.2 Scene design references, 10th June 2021
Figure 1.8 Digital sketches in Adobe Illustrator, 17th June 2021
Figure 1.9 Design progress pdf version, 17th June 2021
Figure 2.1 Pastel and warm colour palette, 20th June 2021
Figure 2.3 Design progress pdf version, 25th June 2021
Figure 2.4 Final comic strip jpg version, 1st July 2021
Figure 2.5 Design progress pdf version, 1st July 2021
Figure 2.6 Publishing comic in Webtoon, 3rd July 2021
Figure 2.7 Main webtoon thumbnail 1080 x1080 px, 1st July 2021
Figure 2.8 Webtoon episode thumbnail 160 x151px, 1st July 2021
Figure 2.9 Webtoon vertical thumbnail 1080 x 1920 px, 1st July 2021
Figure 3.0 Design elements break down for animation, 4th July 2021
Figure 3.1 Camera to zoom in the calendar, 4th July 2021
Figure 3.2 Using fade in and out effect to create running effect, 4th July 2021
Figure 3.3 Create blur shadow effect to give mysterious feel, 5th July 2021
Figure 3.4 Gaussian blur effect to portray 'vision after crying', 5th July 2021
Figure 3.5 Linear wipe for transition, 5th July 2021
Figure 3.6 Fade in and out to create a 'dive under water', 5th July 2021
Figure 3.7 Merging fantasy background music, 6th July 2021
Figure 1.2 BE-U-TIFUL flipbook, 9th July 2021
CHECK OUT MORE >>>
Figure 1.0 Three act structure, 27th May 2021
Figure 1.2 Three act structure, 27th May 2021
COMIC TRANSITIONS:
1. Moment to moment // when something moves or changes
slightly, over a very small time frame
2. Action-to-action //a figure doing an action by a sequence
of frames
Figure 1.4 Action-to-action from Sea of red & Drainage System, 3rd June 2021
3. Subject-to-subject // changes the subject, whilst staying
within the same scene or idea.
Figure 1.5 Subject-to-subject in 'Dream Life', 3rd June 2021
4. Scene-to-scene // transports the reader across significant
distances of time and space.
5. Aspect-to-aspect// use the freeze time to establish mood,
feeling and emotion of a scene
Figure 1.7 Aspect to aspect in 'Dream Life', 3rd June 2021
6. Symbolic// Partial montages depicting the contents of a
flashback or inner dialog. Symbolic transitions deal with the
unreal, the felt, and the imagined.
Figure 1.7 Symbolic transition by Jessica Abel & Matt Madden, 3rd June 2021
7. Rolling // Transition from one ‘panel’ or idea to
the next, act as a sense of movement through space.
Breaking down the model of panel to panel comics storytelling
which creates fluidity. Having no panel gutters or borders, the
images are melded and mixed together, overlapping and interlacing.
It altered state of mind or perception, changes the impression of
time taken.
6. Non-sequitur // offers no logical relationship between
panels, random ideas but still next to each other
Figure 1.9 Non-sequitur transition in Leigh Rigozzi's 'List Comics', 3rd June 2021
PRACTICAL:
Mr. Kannan taught us how to make our comic more interesting by
animating different panels in After Effects. With different
transitions and keyframes, we could highlight the plot by adjusting
the position, scale, opacity and the speed of each scene.
Figure 2.0 Sample of action comic, 3rd June 2021
Figure 2.1 Tutorial on animating in After effects, 3rd June 2021
INSTRUCTIONS:
PROJECT 3: WEBTOON
STORY DETAILS//
Title: Be-U-Tiful
Message: You are beautiful just the way you are. Accepting who we are and be confident as everyone is unique.
Place setting: A village>school> pond
CHARACTER//
Main Character: Elena
Details : 7 year old
Appearance : Short and tiny, with birthmark on her face
Personality : Quiet, soft, lack of confident
Conflict : She was known as "monster" because of her birthmark. Nobody
wanted to be friend with her.
Minor Character: Koi
Type : Koi fish
Appearance : Orange and white
Setting : Appear in Elena's "secret place"
Profiles : Share same characteristic with Elena
(spots on skin). Koi wanted to help Elena to gain back her
confidence and make her happy again.
STORYLINE// 3 ACT STRUCTURE
01 Setup
Once upon a time, there’s was girl called Elena who lived in a
village. She have a ‘special’ birthmark on her face since she was
born. It was the first day of school, Elena was so excited for her
school life and hoping to make new friends.
02 Conflict
However, things does not happened like what she was expected. As
she walked into her classroom, her classmates look at her
differently and they called her a "Monster". The day was so long
for Elena. Her heart sank and she just wanted to hide from
others, so she will not hear "Monster" again. Finally the school
bell rang, Elena quickly ran home to her "secret place". She
looks at her reflection on the water and started to cry. She
questioned herself: 'Why am I different from the others, why
can't I be normal. I just wanted to have friends...'
03 Resolution
As her tear dropped into the pond, and something magical
happened. "Elena...Elena.." she heard a voice calling her. Elena
stopped crying and looked around. She noticed a Koi fish
appeared in the pond." Are you calling me?" asked Elena. "Yes,
I'm Koi! I understand how you feel. Look at me, I’m just like
you." answer Koi. Koi started to share his experience and how he
makes friends under the water.
WEBTOON PROPOSAL//
Figure 1.0 Webtoon proposal, 10th June 2021
Figure 1.1 Character design references, 10th June 2021
Figure 1.2 Scene design references, 10th June 2021
SKETCHING PROCESS//
After I completed the entire storyline, I began to search for the comic style I prefer. Then, I started to break down the story and visualised how to bring the audience into the comic. Start with the setting of the story, with is a village. I also applied the techniques that we have learned while sketching, identifying the foreground, midground and background.
Figure 1.4 Character posture and emotion study, 10th June 2021
Figure 1.5 First attempt of character design, 10th June 2021
Figure 1.6 Second attempt of character design, 10th June 2021
Figure 1.7 Final character design, 10th June 2021
Figure 1.6 Second attempt of character design, 10th June 2021
Figure 1.7 Final character design, 10th June 2021
Figure 1.8 Digital sketches in Adobe Illustrator, 17th June 2021
Figure 1.9 Design progress pdf version, 17th June 2021
Figure 2.0 Sketches pdf version, 17th June 2021
DIGITISE PROCESS//
After finalising all the story panels, I begin to digitalise my sketches. At first, I wanted to make it vector style using warm colours as it gives happiness. However, the outcome wasn't that satisfying. The artwork of my first attempt seems to be lack personal style. So I decided to use my digital sketch as a base and refine it to make a 'sketchy style' comic that shows the raw and originality of the design.
Figure 2.1 Pastel and warm colour palette, 20th June 2021
Figure 2.2 Comparison of comic style and colour choice, 20th June 2021
Figure 2.3 Design progress pdf version, 25th June 2021
Figure 2.5 Design progress pdf version, 1st July 2021
PUBLISHING ON WEBTOON//
Figure 2.6 Publishing comic in Webtoon, 3rd July 2021
Figure 2.7 Main webtoon thumbnail 1080 x1080 px, 1st July 2021
Figure 2.8 Webtoon episode thumbnail 160 x151px, 1st July 2021
Figure 2.9 Webtoon vertical thumbnail 1080 x 1920 px, 1st July 2021
WEBTOON LINK
https://www.webtoons.com/en/challenge/be-u-tiful/the-magic-word/viewer?title_no=661596&episode_no=2
ANIMATION PROCESS//
Before began the amination process, I separated the design elements to make the masking process easier in After effects. Not sure whether this step is correct but it does helps me to have a rough idea in mind with elements to animate. The process of exploring the transition and animation for each scene is fun yet challenging. As a beginner, dealing with quite many panels just made me feel a bit stressed out. It turns out better when I revised it a few times. This entire process took a longer time than I expected.
Figure 3.3 Create blur shadow effect to give mysterious feel, 5th July 2021
Figure 3.6 Fade in and out to create a 'dive under water', 5th July 2021
Upon completion of the comic animation, I searched for suitable background music to enhance the mood of the story. To make the music smoother, I combined two different fantasy soundtracks using cross fade and fade out at the end of the soundtrack.
------------------------------ FINAL SUBMISSION//PROJECT 3 ----------------------------
Figure 1.0 Final webtoon pdf version, 8th July 2021
Figure 1.2 BE-U-TIFUL flipbook, 9th July 2021
Figure 1.3 Webtoon main page with thumbnail, 9th July 2021
-------------------------------------- WEBTOON LINK -----------------------------------------
https://www.webtoons.com/en/challenge/be-u-tiful/the-magic-word/viewer?title_no=661596&episode_no=2
------------------------- FINAL SUBMISSION//MOTION COMIC -------------------------
Figure 1.3 Final motion comic on Youtube, 9th July 2021
REFLECTION
Experience
'A slice of life' theme comic as our final project was a great chance for us to explore spreading positivity through non-verbal communications. It was satisfying to see the short story I have written have developed into a webtoon. Making a comic is tougher than I imagined, especially conveying the message through detailed drawings and motions. I suffered at first to come out with a good storyline. Then I started to narrow down the idea by focusing on what message I express and always keep in mind that 'Keep it simple'. The entire process of doing the webtoon and motion comic was complicated than I thought. The entire process of creating a webtoon and motion comic was challenging than I thought, but I was pleased that I was able to cope with it.
Observation
Each comic design and style is unique as it expressed a person's ideology or passion. Through creating a comic, I developed empathy and a better understanding of one's emotions and reactions. I was amazed by how creating a comic allowed me to explore my emotional response to what I have observed in practice. Moreover, the techniques and theories we have learned in the previous lectures are useful when developing comic art.
Findings
There are a lot of techniques to learn in producing a comic. First, in character development, the body posture, gesture and facial expressions are the keys to deliver the message far more than words alone. The choice of speech bubble and word expression also play a part to highlight the emotion and give extra attention to the audience. Choosing the proper colour and tone contributes to the story's mood and as a result, makes the characters and key elements stand out.
Comments
Post a Comment