13/10/2022 - /11/2022 (Week 07 - Week 14)
Ahmad Firas Bin Ahmad Fisal (0345121)
Illustration & Visual Narrative | Bachelor of Design (Hons) in Creative Media |
Taylor's University | Mr. Hafiz Zamri
Task 3: Motion Comic
PROJECT BRIEF
Week 7-8: Original Comic Pilot Story
Project Requirements
- The story must be interesting
- Must have a 3-acts structure flow
- Content must be PG-13 and Safe For Work
Week 8-10: Cover Page
Project Requirements
- A full-page illustration (png or pdf format)
- A4 Size
- Full-coloured illustration with AI
- Visuals must be PG-18 and Safe For Work
Week 10-14: One-Page Introduction
Project Requirements
- A full page in GIF format
- Number of panels: Min. 3 - Max. 15
- A4 Size
- Full/Partial coloured illustrations or greyscale or screen tone shaded
render with AI & PS
- Visuals must be PG-18 and Safe For Work
INSTRUCTIONS
TASK 3: MOTION COMIC
a) Original Comic Pilot Story
[OLD Version] A
story in 3-Acts Structure
Act 1 - Setup
[Exposition, Inciting Incident, Plot Point One]
One summer evening, there lived a young man named Arthur who dressed
mediocrely. He decided to stroll down the streets of London for a breath
of fresh air alone and he stumbled upon a doughnut store that is deemed
famous by the locals.
Act 2 - Conflict
[Rising Action, Midpoint, Plot Point Two]
Then, when he was about to enter the store, he was shouted at and
immediately stopped by the security guard of the store and he was
pointed by the guard to a sign that says 'No beggars allowed!' He was
shocked at the event because he was judged by the way he dressed
and wasn't allowed to enter the premises.
Act 3 - Resolution
[Pre Climax, Climax, Denouement]
He then had to call for help and immediately fast-dialled a number on
his phone and here comes cars with fully-tinted windows and sirens
blaring out loud even the store manager was confused as to what was
happening out of their store. Unknowingly, the mediocrely-dressed
young man was Arthur, The Prince. He was then escorted by his bodyguards
and suddenly the Prince was granted entry and was offered free doughnuts
by the store. Instead of accepting the offer, he then proceeds to pay
for other people's orders and instead of being snobbish to the
person in charge, he kindly says that there is no need for anyone to
judge a person by their choice of clothing. In fact, if there are
beggars or people in need that would like to enter the store, it is
better for the store to give out free doughnuts instead as a sign of a
good deed. The store manager shamefully nodded and agreed that it was
indeed a good idea to make use of extra doughnuts that will turn into
food waste if not finished by the end of the day. From the moment
onward, there will be a doughnut giveaway session for a couple of hours
every Friday and the session is officially named 'Arthur's Day' to
honour the past event between the Prince and the Doughnut
Shop.
-Upon confirming my story and receiving feedback, I've decided to
maintain the structure and main theme of the story but instead put focus
on one of the side characters in the old version and make him the main
character now.
[UPDATED Version] Act 1 - Setup
[Exposition, Inciting Incident, Plot Point One]
One summer morning, there lived a young proud man named John who is
starting his first job as a bodyguard at a high-end tea shop. He woke
up that morning full of excitement because he gets to dress well in
his two-piece suit and polished shoe. He then took the bus to the tea
shop on one of London's famous streets. He was overly confident and
decided to act cheeky throughout the day just because he looks dapper
for his new role. On his way down the street, he proceeded to judge
other people based on their appearances.
Act 2 - Conflict
[Rising Action, Midpoint, Plot Point Two]
As he was guarding the entrance, he was still consciously
judgemental of the crowd passing by the tea room. He was being
classist by assuming that people who dressed really well are
established and wealthy people and those who dressed mediocrely,
are of the opposite spectrum. Later that day, he encountered a
middle-aged man, Arthur who coincidentally dressed really
mediocrely in his casual outfit paired with slides that evening.
John began actively blocking the entrance and gave the men a
discomforting look as if he was judging the man in his head.
Act 3 - Resolution
[Pre Climax, Climax, Denouement]
John says “Sir, by looking at the way you’re dressed, I
think you are in the wrong shop. Please head out and maybe
dress a little better if this is actually the store that
you’re heading to.” The man seems to be annoyed by the
comment that he’d received and this is the moment where he
puts up his right hand and began snapping around as a sign
to call the manager.
A moment later, the manager was happily greeting the man as
if that person is her close friend. John then realised from
the short conversation between his manager and Arthur, it
seems that the person he’s been judging is an important
person in the tea shop’s business where he is working now. A
rush of guilt and a hot stream of blood rushed through his
veins because he is embarrassed and unsure of what the
future holds now that he is exposed to his ill action.
The manager got ahold of the incident directly from the
middle-aged man and she decided to not punish John but
instead advised him to never judge a person by their
appearance. You will most likely never know when a Prince or
a regular businessman walking across the street when they’re
dressed differently from what they’re used to or what
society has deemed them to typically wear. This has become a
great lesson for John and he apologised to both the manager
and the man. He had promised to never repeat the mistake
ever again. The three of them are now having tea with each
other and going about their lives after that.
b) Cover Page
Visual References:
These are one of the few references that gave me the inspiration to do
my comic cover page and also the one-page introduction
|
| Figure 1.1 - Reference #1 - Storefront |
|
| Figure 1.2 - Reference #2 - Cover Page Inspiration |
Adobe Illustrator Progress:
|
| Figure 1.3 - AI (Screenshot #1) |
|
| Figure 1.4 - AI (Screenshot #2) |
|
| Figure 1.5 - AI (Comic Cover Page: Preview) |
Idea Exploration:
This is what I came out with after doing my visual research and
choosing which cover page style I'm trying to go for and also which
existing artist I was inspired by to have created my own this way.
Overall, the cover page is trying to depict a coffee shop architecture
without abiding by any actual architectural rules. The puddle is
left-centred because I was trying to balance out the weight of the
artwork because the 'smokes' out of the chimney on the right initially
created the visuals to appear heavy on the right side.
Simple gaussian-blurred shadow in white is also there and it was an
artistic decision to introduce a simple depth rather than having the
puddle/path plainly black. The font chosen was also intentional for it
to be sans-serif so it ties with the contemporary style that I'm going
for.
|
| Figure 1.6 - Idea #1 |
Since the first Idea is rather too simple and dull, I've decided to try
out another variation. It was a rather unattractive piece I feel like due
to its colouring and the placement of elements.
|
| Figure 1.7 - Idea #2 |
Final Comic Cover Page:
Upon further feedback and guidance from my lecturers, I've decided to go
back to the visual reference board and collect myself from there to
produce a better cover page with the intended design principles and
choices.
|
| Figure 1.8 - Final Design for Comic Cover Page (Idea #3) |
c) One-Page Introduction
Visual Research:
After reading an article about comic layout planning and types of
transitions, I'm keen to do mine in a more orderly manner with some sort
of pure vertical grid and blockage style. We also learned in class about
different types of transitions such as moment-to-moment, action-to-action,
and scene-to-scene.
|
| Figure 1.9 - Comic Transitions Study |
|
| Figure 2.0 - Comic Layout Study |
After figuring out the flow of my comic page, now it's time for me to
begin sketching and inking my idea which I had done by using Adobe
Illustrator on both my iPad and my laptop. The reason why I used the iPad
is to use it as a drawing tablet for this style of illustration drawing I
used and it is transferred to the desktop version in mere minutes.
|
| Figure 2.1 - Inking #1 by using Blob Brush Tool |
|
| Figure 2.2 - Work-In-Progress Inking #2 (Full Page/Panels) |
I also learned how to use the Live Paint Bucket tool for me to colour my
illustration according to how I wanted it to be.
|
| Figure 2.3 - Colouring by using the Live Paint Bucket Tool |
The finished panels are then duplicated and arranged for my animation sequencing from Adobe Illustrator to be imported into Adobe Photoshop to convert it into frame animation. The panel that I chose to animate is the scenery panel because I could manipulate the Birds into flying across the panel.
|
| Figure 2.4 - Frame Animation in Adobe Photoshop |
Final Outcome
|
| Figure 2.5 - Final Outcome for the Comic Cover Page |
.jpg) |
| Figure 2.6 - Final Outcome for the One-Page Introduction |
Google Slides attached to view the animated version of the One-Page Introduction:
Click this link to view the Google Slides below in a separate tab
Feedback
Week 9:
Story -
Great storyline, however, it is advised for me to introduce the
plot points with the security guard in this original plot to make it
seem as if the story is centred on the guard rather than the Prince.
I could maintain the original storyline just that it's recommended
for me to turn the spotlight to the worker as if it's their first
day of job at a high-end tea shop (since it's in London)
Cover Page -
The cover page of a storefront, the worker and the denied entry
important person is a great idea. Workaround to digitalised the
sketch for Week 10
Week 11:
Cover Page: Go back a stage behind to your reference stage and
analyse stuff. Simple vector poster design. Silhouette? Foreground
Middleground and Background? Logo of the security badge mixed with the
tea house element? a simple one will do as long as it's interesting
and conveying with the message/
Layout & Panels:
3 vertical panels at the top: introduce closeups of the guard's
preparation for the day, wearing the hat, fixing his tie, and putting
on his name tag.
left bottom panel: show a full figure of the guard boasting in front
of the mirror.
right bottom panel 1: zoomed-out figure walking towards the
storefront with street elements.
right bottom panel 2: storefront with the guard in front.
Comments
Post a Comment