Task 3
Web toon
10 July 2022 (Week 15)
Class : Illustration and Visual Narrative GCD 61304
Date : 10/July/2022
Name : Mabuchi Arata
ID : 0351579
Course Name : Bachelor of Design in Creative Media
Professor Name : Ms Noranis Ismail.
Task : Web toon
1, Brief Introduction
First of all, this project is about creating a web toon with unforgettable fighting, with at least 60 panels. I was told that the comic required to have 3 act setting which is basically the fundamental idea to plan a story by introduction, begining of the story, climax and how it ends.
I started to plan about what kind of story to make.
2, Story planning
I was originally planned to make a steampunk wild west story based on the character I have made before. The story was about the fictional country based on wild west America where better botanical fissil fuel was found so the steam engine technologies was improved more than real history, there are famous robber group was trapped in the steam locomotive and they are fight against government agent.
1, Éléonore S.Vidock (The character in the Steampunk wild west story I planned)
However, wen I show my work to the lecturerer, I decided to make a story based o Vampire in the Socialist Romania. The detailed story is that in the Socialist Romania, the number of serial murder was increased so Secret police tried to research serial murder, they found that the murder was vampire and Vampire tried to tell communist people about power of God, but the one Secritate (Socialist Romanian secret police) agent argue that it can't be proper reason to kill people, Vampire state that religious is the only thing that human can do it, but the securitate agent objected that "respect others" is what only human can do it. The reason I made this kind of story is because that in the past, I have thought about things that only human can do it, as the result, "religion" is the things that only human can do it, but I tried to show different idea to the my past idea.
3, Real Creation
The creation of the comic was harder than I expect, this is because when I tried to use Adove illustrator, the pen stroke doesn't work as I expected. I changed my mind to use Krita to design each panel first, then apply to the Adobe llustrator.
This method takes me long time to complete. but the visual goes better than before.
The main character was based on my favourite mange "Hellsing"'s main protagonist Alucard, and Risotto Nero from Jojo's bizzare adventure. I used these two characters to represent monsters unlike human beings.
2, Early sketch of Vampire in the story
3, Final sketch of Vampire in the story
Because of the reason that I also need to make a aftereffect motion comic, I made each images into PNG images. and to improve my creation efficiency, I reused some of the PNG files to use in different panels
4, Alucard from Hellsing
5, Risotto from Jojo's bizarre Adventure
As the result I successfully complete to create comics with remaining the 3 act structure to build a perfect story, however the ending could be much better, additionally each imaes of same character have different quality and the lines forming charactefrs are too messy, therefore i want to overcome this point for next creation.
6, Final page of my Webtoon
The reason I had no time for enough creation besides I had other works to do, is because I have just spend too much time for each panel. To explain about this more, I used to made a illust from draft work, then I make a outline for the work then apply the colour, after that I add shadow on the illustration, this may seem simple to create, but as I add shadow to make more details, the time I spend for create each panel increased and as the result, the time for creating my work became not enough as I expected, my next poin can be "planning time to spend enough time to create the work as acceptable level".
7, Early draft
8, Outline for each part of my image
9, Coloured image
10, Final work
To talk about the video (Motion comic), I tried to represent what only motion comic can do, this is because I thought it's going to be boring to just scrolling each Webtoon pages, therefore I decided to try to make a motion comic that could not be used in the static Webtoon version.
First of all, I decided to make separated PNG images for each panels for webtoon, this is because be creating separating PNG (transparent in other words) to creating a better motion video that each images move differently to represent dynamic movement.
11 & 12, Example of the each transparent image's separated movement
As you can see, I used separated transparent images to make a dynamic movement. I also made transparent images because I could reuse the images more than once, especially I reused transparent images in the latter half.
13, Section of reused images
The position and direction of each panel in the motion comic isn't chosen randomly, depends on the position of the character or direction of character's move, I decided the position and direction of the movement for each panels.
14 & 15, Movement example 1
16 & 17, Movement example 2
As the examples showing above, we can see that each panels position and movement is well planned depends on the either motion of images or effect line. I tried to think about the placement of each panel to avoid feeling uncomfortable as much as possible. If there is a horizontal line in the panel, I move the oanel horizontally, if the character move from left to right, I also move the image of the character from left to right. I made the motion of each characters and panels like this. (Some of the panels may not be using this theory, this is because I tried to represent one scene by using multiple panels.)
18 & 19, Example of the direction of the movement
I also use Background images as visual representation, First, I use white background to represent the daytime, then I turned Background dark Blue to represent the time has changed into night. I tried this to represent any information without using text, this is because text may fade out faster than reading untill end of the sentences.
20 & 21 Background's colour change
As I applied to both Web toon and Youtube, I actually changed and rearrange some of the panels, I hope you try to find out differences. This is because I didn't have enough time to complete motion picture production untill deadline for the Task 3, but I tried to represent whole story without losing main story. This is why I removed some panel in the motion comic from webtoon comic.
I also tried to insert the music for BGM, but unfortunately I couldn't insert the music as the Background music somehow before the submission deadline, I also need to overcome this point in next work for more rich expression.
3, Final outcome
・Web toon
https://www.webtoons.com/en/challenge/red-vampire/vlad-ein-vaper/viewer?title_no=785380&episode_no=1
・Youtube
https://youtu.be/m0447Bt7N00
4, References
・freepik "The beautiful shining stars in the night sky" by wirestock
<a href='https://www.freepik.com/photos/milky-way'>Milky way photo created by wirestock - www.freepik.com</a>
https://www.freepik.com/free-photo/beautiful-shining-stars-night-sky_7631083.htm#query=night%20sky&position=4&from_view=keyword
・freepik "Black rain abstract dark power" by evening_tao
<a href='https://www.freepik.com/photos/cloudy-sky'>Cloudy sky photo created by evening_tao - www.freepik.com</a>
https://www.freepik.com/free-photo/black-rain-abstract-dark-power_1046114.htm#query=dark%20cloudy%20sky&position=0&from_view=keyword
・freepik "Closeup shot of the moon isolated on a black background - great for articles about space" by wirestock
<a href='https://www.freepik.com/photos/sweet'>Sweet photo created by wirestock - www.freepik.com</a>
https://www.freepik.com/free-photo/closeup-shot-moon-isolated-black-background-great-articles-about-space_9283057.htm#query=moon&position=3&from_view=keyword
・ieben 家勉キッズ
https://ieben.net/tokei/illustration-image/
・マンガパーツSTOCK
https://mangasozai.com/
・Wikipedia The Free Encyclopedia "Securitate"
https://en.wikipedia.org/wiki/Securitate
・Wikimedia commons "File:Bucharest Architects Association before.jpg"
https://commons.wikimedia.org/wiki/File:Bucharest_Architects_Association_before.jpg
・ikkust image
https://illustimage.com/?id=553
・BGM used
https://www.youtube.com/watch?v=AI7WEn6X-Ng
コメント
コメントを投稿