Illustration and Visual Narrative - Task 3 & Final Project: Webtoon & Motion Graphic
17/5/2022 - 28/6/2022 (Week 8 - Week 14)
Anna Chin Siaw Fong / 0354370
Illustration and Visual Narrative /
Bachelor of Design (Honours) in Creative Media / Taylor's University
Task
3 & Final Project / Webtoon & Motion Comic
LECTURES
Week 9
Transitions
1. Moment-to-Moment
- When something moves or changes slightly, over a very small time frame
Fig 1.0 Moment-to-moment
2. Action-to-Action
- Show a single subject progressing through a specific movement
Fig 1.1 Action-to-action
3. Subject-to-Subject
- Stays within a specific scene or idea and call for more reader involvement
Fig 1.2 Subject-to-subject
4. Scene-to-Scene
- Take place across significant distances within time and space
Fig 1.3 Scene-to-scene
5. Aspect-to-Aspect
- Shows different aspects occurring simultaneously within the same scene
Fig 1.4 Aspect-to-aspect
6. Symbolic
- Deal with the unreal, the felt, and the imagined.
- Moving the readers from an imagined or recalled space to either another, or a real one
Fig 1.5 Symbolic
7. Rolling Transitions
- Transition from one ‘panel’ or idea to the next, act as a sense of movement through space
- Give a more fluid, and dynamic reading experience, suggesting an altered state of mind or perception
Fig 1.6 Rolling transition
8. Non Sequitur
- Provides no logical connection between panels
Fig 1.7 Non sequitur
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1UT_DhdAn_5MgIg6dT3SjprrNcqK0ns_y/preview"
width="640" height="480" allow="autoplay"></iframe>
<iframe
src="https://drive.google.com/file/d/1a5TPZc_nw5qudaIJaawQ6NZlURUC3Bqj/preview"
width="640" height="480" allow="autoplay"></iframe>
Act 1
Willy was walking home from school. All of a sudden, Adela grabbed him hand and started running. Willy was really confused, so he turned his head and saw an evil witch chasing them. Without hesitation, both of them ran as fast as they could till they reached a dead end.
Act 2
Willy had no choice but to face the evil witch head on with Adela. As they were fighting, the evil witch finally caught Adela. She did not want the witch to get her powers. So, as the witch was pulling her in, she quickly transferred all her powers to Willy. With the newly gained powers, Willy used it on the witch and successfully defeated the witch.
Act 3
After the witch vanquished, he ran to Adela and hugged her. As they were hugging, a bright light appeared from the sky, sucking Willy in. Adela revealed to him that his journey has come to an end and thanked him from saving her from the evil witch. Tears ran down her face as Willy slowly disappeared. Willy woke up on the sofa and realized that it was all just a dream. He looked at the clock and saw that it was already 1 AM. He stood up, turned off his television, and went to sleep on his bed.
Task 3: Webtoon
Narrative
Act 1
Willy was walking home from school. All of a sudden, Adela grabbed him hand and started running. Willy was really confused, so he turned his head and saw an evil witch chasing them. Without hesitation, both of them ran as fast as they could till they reached a dead end.
Act 2
Willy had no choice but to face the evil witch head on with Adela. As they were fighting, the evil witch finally caught Adela. She did not want the witch to get her powers. So, as the witch was pulling her in, she quickly transferred all her powers to Willy. With the newly gained powers, Willy used it on the witch and successfully defeated the witch.
Act 3
After the witch vanquished, he ran to Adela and hugged her. As they were hugging, a bright light appeared from the sky, sucking Willy in. Adela revealed to him that his journey has come to an end and thanked him from saving her from the evil witch. Tears ran down her face as Willy slowly disappeared. Willy woke up on the sofa and realized that it was all just a dream. He looked at the clock and saw that it was already 1 AM. He stood up, turned off his television, and went to sleep on his bed.
Progress
Before starting to sketch my webtoon, I did some visual research.
Fig 2.0 Visual research 1
Fig 2.1 Visual research 2
Fig 2.2 Visual research 3
After doing visual research, I started sketching my ideas. I used
procreate to sketch my comic. I decided to go for a similar art style as
my visual researches. I sketched a total of 81 panel with 15 pages.
Fig 2.3 Comic sketch
<iframe
src="https://drive.google.com/file/d/1nvbW8aHIy7pDkOZasYfD7dgMSzrVpdM_/preview"
width="640" height="480" allow="autoplay"></iframe>
After finishing my sketches, I proceeded to digitalize my sketches using
Adobe Illustrator. I used the charcoal brush to digitalize my comic.
Fig 2.4 Digitalization
After digitalizing, I coloured my comic with only the colour purple as I
wanted to create a monochrome type of comic.
Fig 2.5 Colouring
I also added onomatopeia and sfx after getting feedback from Miss Anis to
better my comic.
Fig 2.6 Added onomatopeia and sfx
After I'm done finalizing my comic, I uploaded my comic and published it on
Webtoon.
Fig 2.7 Publishing on Webtoon
Task 4: Motion Comic
Upon finishing my webtoon, I used Adobe After Effects to create a motion
comic. Before I started the animation process, I separated all my layers
into separate files so that it would be easier for me to animate my
comic.
Fig 3.0 Separating files 1
Fig 3.1 Separating files 2
After separating all my files, I imported them into Adobe After Effects. Then, I begin to animate my comic. I animated every page separately.
Fig 3.2 Imported files
Fig 3.3 Animating 1
Fig 3.4 Animating 2
After animating all the pages separately, I compiled all of the
compositions into one single composition.
Fig 3.5 Compiled composition
Final Submission
Youtube Link: https://youtu.be/3k_bWgviAbI
Fig 4.0 Final Webtoon (PDF)
<iframe
src="https://drive.google.com/file/d/19kS-bXqTt6jJ20CtutPuwu5jxhEqJM3g/preview"
width="640" height="480" allow="autoplay"></iframe>
Fig 4.1 Final Motion Comic
FEEDBACK
- Good flow
- Simple drawing but nice story
- Add onomatopeia and sfx to make it even better
- Good pacing and timing for motion comic
REFLECTION
This was a really hard project. This project really challenged me a lot as I had to push myself to learn a lot of things. I was never good at drawing characters or movements. Therefore, I struggled quite a bit when creating my sketches. Digitalizing my comic was also not easy as I had to use Adobe Illustrator to digitalize it. I do not have a drawing tablet, so drawing with only the mouse was really hard. Other than that, animating the comic was also a very long process. I did not know how to use Adobe After Effects at all. I had to Google and search on YouTube on how to use Adobe After Effects. I really pushed myself to learn so much for this project and I am really grateful that I was able to finish it. The process was really painful but in the end, the product was really satisfying and I do love my webtoon and motion comic.
Comments
Post a Comment