Illustration And Visual Narrative - Task 01 : Exercise Continuous
ILLUSTRATION AND VISUAL NARRATIVE GCD 61204
NAME: CHIN TZE WEI
I.D: 0357423
COURSE: Illustration and Visual Narrative / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 01
Table of Content
Week 01
On this week's lecture, our lecture has told us our class will be conducted via online mode through out the semester. Class will be mainly using Google Classroom for class activity. Moreover, Mr Hafiz also introduced us to our module, Illustration and Visual Narrative using Module Information Booklet.
Figure 1.1 Module Information Booklet
Week 02
Figure2.1 Lecture Note for Week 02
Stylised Design
- Iconic - Think silhouette
- Simplicity - Think purpose
- Unique - Think memorable
Principles of Character Design
- Shape
- Design a character's silhouette to identify a character from one another.
-
(Ex) circles-friendly, squares-protagonists, triangles-unpredictable
and aggreesive
Figure 2.2 Monster Inc
Figure 2.3 Aladdin, Character study
- Colour
- Sperate the basic characteristics roles (heroes, villains and background)
- Colour psychology- Different colours give impressions of different emotions and is easily relatable by the viewer.
Figure 2.4 Different character in different colour in Inside
Out
- Emphasis, Contrast
- Exaggerate and emphasis a character' s contrasting visual elements using colours and shapes.
Figure 2.5 Emphasis and Contrast in Inside Out
- Harmony
- Every elements in design should compliment each other.
- All shapes, lines, colour, motifs, patterns must be put together in a tasteful manner.
- Think visual hierarchy
Figure 2.6 Harmony in Inside Out
- Expressions, Poses
- Clear visualisation of the character's behaviours, quirks and personality make it easier to appeal to the audience.
Figure 2.7 Expressions and Poses in Inside Out
Week 03
In this week's lecture, we learned about "Chiaroscuro". This lecture is a
great starting point for us to know the use of light and dark to create the
illusion of three-dimensional volume on a flat surface.
Chiaroscuro: An Italian
term, which means "light-dark"
Figure 3.1 Lecture Note for Week 03
In paintings:
- Creates clear tonal contrast
Figure 3.2 Still Life with Fruit (Caravaggio)
- Increase the scene's dramatic tension - exaggerating the subjuct's importance using colour/light contrast.
- Tenebrism is a painting style from the Baroque period that uses strong contrasts between light and dark to create dramatic effects. It's characterized by its dark and gloomy atmosphere. Artists like Caravaggio and Rembrandt were known for using this technique in their artwork.
- Focus point or subject of a scene is brightly coloured or contrasted with a dark background.
- Low-Key lighting: Dimming the setting to emphasis natural/artificial lighting.
Figure 3.3 Barry Lyndon (Kubrick)
- Use lights to create emotional and impactful scenes.
Figure 3.4 Lights use to create emotional for
movies
Figure 3.5 Lights use to create impact scenes
Use in Visual Narrative :
- Is an excellent lighting choice to differentiate positive vs negative space.
- Positive space: Refers to subject matter or object if interest in a visual.
- Negative space: Refers to the filled space or background that surround subject matter or object of interest in visual.
- Use to increase dramatic tension.
Figure 3.6 Houseki No Kuni (Haruko Ichikawa)
- Use to create snesational effect.
Figure 3.7 Batman (Bob Kane and Bill Finger)
- Use to attract attention.
Figure 3.8 Into the Spiderverse (Sony Pictures)
- Use to make tasteful composition.
Figure 3.9 Moon Knight (Smallwood, Bellaire and
Petit)
INSTRUCTION
Module Information Booklet
WEEKLY EXERCISE
Week 02
During tutorial seesion, we traced the shape in the template provided by
Mr Hafiz using Adobe Illustrator.
Figure 2.8 Weekly Exercise, Vormator Tracing Exercise (Week
02)
Week 03
I started off by tracing a reference image of a pear given by Mr Hafiz
using the Pen Tool.
Then I used the Pencil Tool to create the shadows. Later on, I used Knife
Tool and Recolour to slice and change the colour of the pear.
Followed Mr Hafiz's guidance, traced skull reference image and used them
as shadows on my pear.
Figure 3.10 A cut out pear and A skull printed pear (Week
03)
Week 04
This week, we're gonna learned "Colour and Blending"
I traced the reference image provided by Mr Hafiz at Google Classroom.
I created the line and shadow usign the Pen and Pencil Tool.
Figure 4.1 Image use to traced provided by Mr Hafiz
Figure 4.2 Traced the reference image using Pen Tool at Adobe
Illustrator
This is for me to classify the line easily and quicky.
Figure 4.3 Finnish tracing and creating the shadow (line)
Figure 4.4 A guy with shadow
Figure 4.5 People with shadows and watercolour texture.
Final Outcome of Chiaroscuro People
Figure 4.6 Final outcome for the Chiaroscuro People
TASK 01
1. Exercise 01: Vormator
Challenge
Instruction: Create a unique character using a limited set of
shapes.
Research
I started off by looking for inspiration and idea on Pinterest.
I noticed that there is a character from a MOBA game called Omyoji. Inside
this game, there is a character called
千姬
Figure 2.9 Finding Photo
Figure 2.10 Vormator Challenge Shapes
Figure 2.11 Silhouette of the character design
Figure 2.12 Coloured character design
Mr Fauzi provided us some game card templates but I choose this as my game
card design template.
.png)
Figure 4.5 Game card template
Later on, I found a backgorund that match my character design on website
to let the game card look more attractive.
Figure 4.6 Background photo for the game card
I also has adjusted the colour saturation and add filter on the background and my character design. This is because the background is likely under the sea so the lighting should be darker. This is the final outcome of my game card design.
Figure 4.7 First outcome of Game Card design
Howerver, during Week 6, Mr Hafiz said that we need to draw our backround (game card) of ourself.
So, I try to make a new background using Adobe Illustrator.
Figure 4.8 Final Outcome of Game Card design
Compare to the first one, it maybe look not that nicer. But, this is the best work that I can give right now.
