ILLUSTRATION AND VISUAL NARATIVE
JENNIFER HUANG
Bachelor of Design in Creative Media
MODULE INFORMATION BOOKLET
LECTURE NOTES AND EXERCISES
Week 1
No class due to Public holiday.. But there are some resources and
tutorials that Mr. Hafiz provided for us on Google Classroom. Basically
adobe illustrator is used to create a variety of digital and printed
images, including cartoon, charts, diagrams, graphs, logos, and
illustrations..
Week 2 - Project 1 Vormator Challenge
On the first week of illustration and visual narrative class we did some
further introduction on Adobe Illustrator, like Mr. Martin, Mr. Hafiz
showed us the bezier Game to Practice our pen tool..
Practice your pen tool now!! ----> Bezier game
After practicing our pen tool on the Bezier game, we continued with a
vormator challenge.
Vormator is the ultimate challenge of our creativity, the aim of the
project is to give us the chance to create a stunning peace with limited
means. Each of us will get the exact same set of shapes. With these
shapes we're challenged to create our own unique design, within the
limitations provided in the Rulebook. Designers are thus challenged to
create a unique piece within a strict set of rules. It all comes down to
pure skills and creativity in this project.
Do's and Don'ts
You're allowed to rotate, flip and duplicate the elements. You have to use all the elements. Scaling is allowed, but proportionally, so skewing or free transformation You add, subtract, intersect and group elements as you see fit. The use of color is unrestricted. You can create your own color schemes. You're allowed to use the gradients, elements may be filled, the use of strokes is allowed, you are allowed to use filters or effects.
You're allowed to rotate, flip and duplicate the elements. You have to use all the elements. Scaling is allowed, but proportionally, so skewing or free transformation You add, subtract, intersect and group elements as you see fit. The use of color is unrestricted. You can create your own color schemes. You're allowed to use the gradients, elements may be filled, the use of strokes is allowed, you are allowed to use filters or effects.
Figure.1
Figure.2
Figure.3 monster sihlouettes
Figure. 4 snake warrior
Week 3 - Project 2 Digital Triptych Intro
Third week, we were assigned with new assignment. Digital Triptych that
will later on be submitted onto the Honor Talents.
Basically For this project, we are to create three illustrations to
depict a scenery of a story based on one of the themes with Adobe
illustrator.
- Think of a story where you can visualize the narrative as a
triptych display.
- Try to create an intriguing story that can be visualized in a
series of three, like for example the depictions of Past, Present
and Future.
- Think of designs that capture the unique, fleeting, and
meaningful moment in the narrative.
- Create sophisticated scenes to the subjects that interact both
visually and psychologically with meaningful figures and ground
relationships.
THEME
First of all, I did some research about the theme given which is
cultural celebration or renewal of life. After reading quite lots of
articles and websites, I decided to go with renewal of life, since
right now I feel like us teenagers are facing a brand new chapter in
life, with new environments, new characters, new problems, more
mysteries to solve and plenty of joy and sorrow is yet to
come.
Figure. 5 sketch draft
These are some of the reference that I've had during the sketching
process..
Figure. 6 Mosaic glass from Pinterest
So that's the sketch that I come up with.. For my digital triptych I
wanted to make it into a tarot card style which illustrates the past,
present, and future life.
Week 4 - Shape Builder & Icons
This week was fun because we were able to play out with the gradient
tool and more.. To make this cool donut, we start out with drawing
circle using the shape tool, then duplicate it into many parts. After
that we're going to use the pathfinder tool to select all and divide it
all so that we can delete out the parts that aren't needed. Only then
the shape is perfectly formed and you can add on colors and play out
with the gradient tool to make it more interesting and 3D like
shape.
This week, we're doing speed paintings in AI. But before that, there
are in-class consultation for project 2 (Digital Triptych) with Mr.
Hafiz and Ms. Anis. On the lecture, Mr. Hafiz also mentioned about
compositions in movies and dramas.
Figure. 8 final digital triptych
Anyways Here are the final result of the digital triptych, I love
with how the first card's glass effect turned out good also the sunset
and fish illustration on the third card. Ps: During consultation Mr.
Hafiz said that the overall illustration is good especially for
beginners, there are also some details that I missed. The feedback are
fully noted and will definitely practice more with the pen tool and
color schemes on AI.
Week 6 - Chiaroscuro & Speed Painting
Week 6, a new challenge has come. We were introduced to drawing with
lines or in a cool name known as Chiaroscuro. Basically the lines we
draw in an average illustration do not exist in reality, they are only a
means for us to define on paper the space that the objects depicted by
such lines occupy. But since the perception of such objects might change
dramatically depending mainly on lighting choices, are these lines that
important after all? Obviously we will head a good knowledge of
traditional line drawing before we get into further concepts like the
ones we are talking about now. Training in this discipline will allow us
to place every item (Objects as well as masses of light and dark) where
and how we want and need them on out drawing surface.
On class, we did some exercise which is to make a chiaroscuro version
of the pear picture that's been provided by Mr. Hafiz...
Figure. 10 pear pic reference
Figure. 11 Pear Chiaroscuro by Jenni
So this is how my pear turned out basically all I did was trace out
and tint the color based on the reference .
Process on AI
The next assignment for next week is too make a Chiaroscuro of the
bald man bellow..
Figure. 12 Reference
Figure. 13 First Chiaroscuro
This was the first attempt of chiaroscuro that I made, it was quite
simple this one. I only traced out the main part (color/shade)
Figure. 14 Colored Version
A time lapse of me updating the blog (Week 11)
Figure. 15 Cover Page
Front Cover PDF
Figure. 16 Back cover (Not assigned)
Back Cover PDF




.jpg)

.jpeg)











Comments
Post a Comment