Illustration and Visual Narrative ~ Final Task: Webcomic
Justin Cleon (0375523)
5 Dec 2024 - 4/5 Jan 2025 (Week 11- Week 14)
|| Final Task : Webcomic
1. Instructions
For
the
final
assignment
of
the
module,
we
were
tasked
with
creating
a
one-page
surrealistic
webcomic
based
on
the
story
"The
Monkey's
Paw,"
along
with
its
cover.
We
then
had
to
animate
it
into
a
GIF
format.
Figure
1.1 Submission
Requirements
2. Lectures
Lecture :
Transition in 'Understanding Comics' by Scott McCloud
Figure 2.1 Scott McClouds Transitions
3. Final Task : Webcomic
Story Analysis "The Monkey's Paw"
The first step in this final task is to read the story of "The Monkey's
Paw" and then select a part of the story to work on.
Read the story of "The Monkey's Paw" here :
Without,
the
night
was
cold
and
wet,
but
in
the
small
parlour
of
Laburnum
villa
the
blinds
were
drawn
and
the
fire
burned
brightly.
Father
and
son
were
at
chess;
the
former,
who
possessed
ideas
about
the
game
involving
radical
chances,
putting
his
king
into
such
sharp
and
unnecessary
perils
that
it
even
provoked
comment
from
the
white-haired
old
lady
knitting
placidly
by
the
fire.
"Hark
at
the
wind,"
said
Mr.
White,
who,
having
seen
a
fatal
mistake
after
it
was
too
late,
was
amiably
desirous
of
preventing
his
son
from
seeing
it.
"I'm
listening,"
said
the
latter
grimly
surveying
the
board
as
he
stretched
out
his
hand.
"Check."
"I
should
hardly
think
that
he's
come
tonight,"
said
his
father,
with
his
hand
poised
over
the
board.
"Mate,"
replied
the
son.
I
chose
this
part
because
I
think
I
could
easily
adapt
because
it
focuses
on
relatable
characters
and
situations,
minimizes
complex
visuals,
and
fits
perfectly
into
a
concise
5-panel
comic
structure
while
still
being
engaging
and
fun.
Research
Figure 3.11 Source: Pinterest
I started by searching for examples of what I wanted to create for 'The
Monkey's Paw' cover using Pinterest and Google to get inspiration. I
found three examples for the cover design and several ideas for the
webcomic I want to create.
For digitalization of sketches, I started by creating the panel
template before digitizing the comic sketches using tools like the Pen
Tool, Shape Builder Tool, and lines. I began with the easier frames and
moved to the more difficult ones, so I could save more time by doing
that.
Sketches
Figure 3.12 Sketches
At first, I prepared to create 4 panels for the comic, but Mr.
Hafiz gave feedback that there was still too much empty space. So I
added 1 more panel to fill the space. After that, I started
digitizing the sketches using Adobe Illustrator.
Digitilization of Sketches
Figure 3.13 Digitilization of Sketches #1
Figure 3.14 Digitilization of Sketches #2
Figure 3.15 Digitilization of Sketches #3
For digitalization of sketches, I started by creating the panel
template before digitizing the comic sketches using tools like the Pen
Tool, Shape Builder Tool, and lines. I began with the easier frames and
moved to the more difficult ones, so I could save more time by doing
that.
Webcomic & Cover (Coloring)
Figure 3.16 Coloring #1
Figure 3.17 Coloring #2
Figure 3.18 Coloring #3
The last step was coloring the webcomic & comic. I colored the
webcomic using Adobe Illustrator and the cover in Adobe Photoshop,
where I used a brush for “the hand” to make it look realistic and
applied a color gradient to the text and background.
Webcomic & Cover (Animation)
Figure 3.19 Animation #1
Figure 3.20 Animation #2
I started creating the "rainy" effect animation in After Effects and
made several artboards in Illustrator for the words "SLAP!", "Check",
and "Mate". Then, I modified the artboards frame by frame and moved
them to Photoshop to create the animation using the "Timeline"
feature.
Final Result
-1.png)
Figure 3.21 Webcomic Cover
Figure 3.22 Webcomic
Figure 3.23 Webcomic (GIF)
4. Reflection
This
is
the
final
task
for
the
module.
After
completing
everything
this
semester,
I
found
this
final
task
to
be
the
most
challenging
compared
to
all
the
previous
ones.
It
felt
like
doing
two
tasks
instead
of
one
creating
the
cover
and
surreal
comic
in
one
month,
with
double
the
pressure.
We
had
to
illustrate
the
panels
one
by
one
while
also
thinking
about
what
would
work
best
for
the
next
panel.
However,
Mr.
Hafiz's
step-by-step
instructions
and
feedback
helped
keep
me
on
the
right
track.
I
believe
anyone
who
completed
this
final
task
has
improved
their
pen
tool
skills.
In
the
end,
we
learned
something
valuable
from
what
we
did.
Comments
Post a Comment