Illustration & Visual Narrative - Task 2 Decisive Movement
Angel Tan Xin Kei / 0356117
Illustration and Visual Narrative / Bachelor of Design (Hons) in Creative Media
Table of Contents
Lectures
Week 6
Introduction to Composition
Lectures
Week 6
Introduction to Composition
Figure 1.1 Week 6 Lecture Slide
Mr. Hafiz emphasized that the most demanding aspect of
creating artwork lies in effectively composing it. One
should deliberately arrange the focal point of the scene to
make it noticeable, even in the most understated
manner.
BASIC COMPOSITION VISUAL RULES
-
Visual Narrative
-
Visual Flow
-
Visual Balance
-
Visual Hierarchy
DIFFERENT TYPES OF SHOTS
-
Establishing
-
Bird's Eyeview
-
Frame Within a Frame
-
Medium Shot
-
Close-Up
-
Worm's Eyeview
Mr. Hafiz emphasized that the most demanding aspect of
creating artwork lies in effectively composing it. One
should deliberately arrange the focal point of the scene to
make it noticeable, even in the most understated
manner.
BASIC COMPOSITION VISUAL RULES
- Visual Narrative
- Visual Flow
- Visual Balance
- Visual Hierarchy
DIFFERENT TYPES OF SHOTS
- Establishing
- Bird's Eyeview
- Frame Within a Frame
- Medium Shot
- Close-Up
- Worm's Eyeview
Week 7
Composition Theory 2 // Perspective
Figure 1.2 Week 7 Lecture Slide
Mr. Hafiz has taught us that art with three-dimensional objects on
two-dimensional surface could give the right impression of
height, width, depth, and position in relation.
One-Point Perspective
- drawing objects emerging from a single point on horizon
- as images get closer, it will vanish
- vanishing points on each other sides which create a greater space
- establish two sets of overlapping perspectives line
Three-Point Perspective
- the third vertical axis gives a far broader range of angles and a "look down" feeling
- more extreme view angle
Isometric View
- the third vertical axis gives a far broader range of angles and a "look down" feeling
- more extreme view angle
Dynamic Application
- mostly applied to illustration scene to adhere perspective method strict way
Week 8
Composition Theory 3 //Fore, Mid and Background
Figure 1.3 Week 8 Lecture Slide
Mr. Hafiz introduced us to different lanes when composing a scene as it is very
essential to grab the audience sight.
- Foreground
- using size differences and color contrast to highlight the foreground as the main focus
- Middle-ground
- using size differences and light/shadow contrast to highlight the middle ground as main focus
- Background
- using shapes and light/shadow contrast to highlight the middle ground as main focus
- Design Flow
- Good arrangement of visual focus using foreground, middle-ground and background should also indicate a sense of movement, and rhythm in your design.
Figure 1.4 Week 9 Lecture Slide
After we had our compositions done, Mr Hafiz ultimately stepped further
to next part of our assignment which is introducing on a type of
animation called Secondary Action.
Secondary Actions:
- continuation of action prompted by the primary action where all of these actions work together to create a more seamless animation.
Practical
Week 7 Transparency Gradient and Noise
|
.png) Figure 3.1.2 My Application of Texture Effect |
During this week's lectures, Mr. Hafiz showed us a video
tutorial for enhancing the depth of the whole image and we have
learned how to create textures by adding effects of "Grain" to
our illustrations combined with linear, radial, and freeform
gradients.
Week 8 Transparency Gradient and Noise
Mr. Hafiz discussed the various methods of utilizing
pencil tools in Adobe Illustrator during Independent
Learning Week.
Figure 3.2.1 Video of using Pencil
|
Mr. Hafiz distributed the exercise and is optional to draw but I have
tried using the pen tool after watching the tutorial to sketch, also
not forget to increase the setting of smoothness to enhance the
overall smoothness of lines and strokes. Below is my outcome:
Figure 3.2.3 My Pen Tool Exercise
Instruction
Task 2 ( 20% ) - Decisive Movement
Exercise & Marking Criteria :
- Concept and interpretation of the urban legend (20%)
- Design quality and minimalist style (30%)
- Effective use of color, typography, and layout (20%)
- Integration of minor animations (15%)
- Artist statement and process documentation (15%)
Learning Goals :
- To develop an editorial illustration to represent the chosen text
- To interpret the narrative's decisive moment or the climax of the narrative
Timeframe :
- Week 6 – Week 9 (Deadline on Week 9)
Find out more on...
Figure 3.1 Task 2 Intro to Editorial Illustration
Figure 3.2 Task 2 Decisive Movement Instruction
Task 2 :
For my assignment, I need to locate an article or story that is Urban
Legends from either local or international origins. The artistic style
I'm aiming for should draw inspiration from Art Deco. I need to
conduct thorough research, gather visual references, and create a mood
board exploring style, color, and overall visual direction. Then,
initiate sketching with a focus on a clear and compelling composition.
Transition to Adobe Illustrator, emphasizing clean lines and
minimalism.
Then, add animations, ensuring they enhance the narrative. Craft a
brief artist statement explaining design choices and their connection
to the urban legend and editorial context. Submit a high-resolution
digital file, preferably in vector format, alongside a link to a
presentation or video showcasing the animations, artist statement, and
any process documentation.
1. Story Research
After spending time researching urban legends, I stumbled upon the
widely-known Japanese tale of Kuchisake-onna. This story, known for
its cultural richness and horror elements, has sparked my interest.
Below is my summarisation of the stories :
Figure 4.1 Info of Kuchisake-Onna's Story Research
2. Moodboard / References
To delve deeper into its visual representation, I meticulously
compiled a mood board referencing various artistic styles, color
palettes, and overall visual approaches. This comprehensive research
has provided a solid foundation for my upcoming artistic exploration,
allowing me to draw inspiration and ensuring a nicer interpretation of
this urban legend.
Figure 4.2 Moodboard and Visual References of Kuchisake-Onna's
Story
3. Rationale
Figure 4.3 Visual Direction of my Kuchisake-Onna's
Artwork
4. Digital Sketches
As I believe that beginning with digital illustration can be more
familiar, after I explored Japanese editorial aesthetics, I
decided to sketch key elements from my conceptualized composition.
This approach enabled immediate connection, swift iteration, and
experimentation. Drawing inspiration from Japanese design, the
digital sketches serve as a dynamic foundation, allowing me to
refine the layout iteratively and capture the envisioned
narrative.
#Sketch 1
In my initial sketch, adhering to the rule of thirds, I positioned
Kuchisake to cover her mouth on the street. However, Mr. Hafiz noted
that the blue kimono clashes with the background, with no
fore-composition kind of creating a floating effect.
Figure 4.5 First Layout of Kuchisake-Onna's Artwork
#Sketch 2
In the second layout, I introduced a sun on the top and a red
kimono for contrast, emphasizing Kuchisake with a larger portrait.
However, Mr. Hafiz pointed out the continued issue of floating
elements due to the lack of a clear composition.
Figure 4.6 Second Layout of Kuchisake-Onna's
Artwork
#Sketch 3
In response, I reevaluate the composition issues according to
the rule of thirds, incorporating three key elements. However, Mr.
Hafiz pointed out an excess of flower elements on top, creating a
messy, non-Art Deco aesthetic of visual coherence.
Figure 4.7 Third Layout of Kuchisake-Onna's Artwork
First Attempt Before Improvising
To delve deeper into its Art-Deco minimalist style, I remodified
the layouts by streamlining the floral elements while maintaining
the refined composition.
Figure 4.8 First Attempt of Kuchisake-Onna's Artwork
Figure 4.9 First Attempt of Kuchisake-Onna's Artwork
Final Artwork
In essence, Mr. Hafiz's feedback serves as a valuable guide for
refining my artistic vision, emphasizing the importance of
seamlessly integrating Art Deco elements within the constraints of a
two-dimensional canvas.
This iterative process not only aligns with the principles of
effective design but also reflects a commitment to continuous
improvement and a keen responsiveness to constructive criticism.
Figure 5.2 Kuchisake-Onna's Artwork in AI
After covering the topic of lite animation, I have applied
previous learning from typography using Adobe Photoshop. I
have downloaded all the Artboard in Adobe Illustrator then
impost as scrip and stack as whole in Adobe Photoshop.
Figure 5.3 Process of Kuchisake-Onna's Artwork in Adobe
Photoshop
Additionally, I've chosen to enhance the GIF by incorporating a
jump scare at the end, aiming to infuse a more horror-themed
element. I've applied the techniques learned from our Digital
Imaging and Photography lessons. Notice the gradual darkening of
the sky color in the background. By duplicating the background
layers and adjusting filters to Subtract, color dogde, and
exclusion, I've intensified the foreground atmosphere. Finally,
the Kuchisake-Onna makes a sudden appearance with a slit mouth
opened in the foreground for an added fright factor.
|
|
|
Final GIF
|
| Figure 5.5 Kuchisake-Onna GIF |
|
Figure 5.6 Kuchisake-Onna GIF |
Feedback
Week 7
Mr. Hafiz commented that Kuchisake-Onna (Slit-Mouthed Woman) is
a good urban legend to illustrate. Besides, he also aptly noted
that my art has successfully embraced the essence of Art Deco,
offering a statistically sound representation. However, his
critique shed light on the need to refine the composition, as
certain elements appeared to be floating.
Week 8
During this period which is our Independent Learning Week,
non-specific attention directed towards us but we personally
submit progression and I got the comment of adding and
eliminating elements, streamlining the composition by
compromising the inherent elegance of Art Deco. Despite
these adjustments, I have received positive affirmation from Mr
Hafiz that regarding the color palette, and the atmospheric blue
background, which effectively conveys a sense of mystery and
supernatural ambiance.
Week 9
Mr. Hafiz's feedback serves as a valuable guide for refining
my artistic vision, emphasizing the importance of achieving a
seamless integration of Art Deco elements. This iterative
process not only aligns with the principles of effective
design but also reflects a commitment to continuous
improvement and a keen responsiveness to constructive
art.
Reflection
Experience
Overall completing the task 2 assignment, engaging in drawing an
urban legend for a climax point was interesting, delving into
storytelling visual interpretation. Sketching revealed nuances of
composition through art. Researching rationale taught me the
historical and cultural impact of Japanese, enriching my
understanding of how Japanese culture's art should be illustrated.
In essence, Mr Hafiz's feedback significantly improved my
illustration and it was a fruitful gain for me as it was my first
time drawing an Art Deco Urban Legend. Other than that,
fortunately, I still remember Mr.Vinod's teaching of creating a
GIF from Photoshop and that's when I strengthened my knowledges
and applied it through this assignment.
Observation
Exploring an urban legend for a climax point unveiled narrative
potential in artistry. Sketching highlighted scenes in characters
and settings, bringing the legend to life visually. Rationale
research broadened perspectives, linking cultural elements to the
visual narrative. Meanwhile, not just the color scheme and Art
Deco style but also the composition to portray the meaning of art
is also crucial for readers and audiences to get a better point of
view. It is a really good practise for students to study a story
and interpret it through editorial text illustration.
Findings
Creating art based on an urban legend for climax points offers
immersive storytelling possibilities. Sketching serves as a
gateway to embodying folklore visually. Rationale research
enriches contextual depth and authenticity. Learning composition
significantly amplifies the emotional and narrative impact of
drawings. Secondary action animation complements visual
storytelling, enhancing engagement and depth.
Comments
Post a Comment