Illustration and Visual Narrative - Exercises

4.4.19 - 23.5.19 (Week 1 - Week 8)
Abigail Bea Chong Ka Yee (0333966)
Illustration and Visual Narrative
Exercises

---

INSTRUCTIONS

---

EXERCISES

Exercise 1: Introduction and Vormator Challenge
4.4.19 (Week 1)
The class started with Mr Hafiz and Mr Redzwan introducing themselves as our two main lecturers for this semester. He shared the MIB (module information booklet) in google classroom where we entered the code to be in that classroom. We then proceeded with our first exercise called the Vormator Challenge. Mr Hafiz taught us how to trace the 8 Vormator shapes using the pen tool in Illustrator. Moreover, we had to create a character based on these rules:

1. Only use the 8 shapes given
2. Only use 3 colours maximum
3. No distortion of the shapes
4. Scaling proportionally, rotating and flipping is allowed  

Fig 1.1 Vormator shapes

Fig 1.2 My traced Vormator shapes

Fig 1.3 My vormator  charcater

Fig 1.4 Font version of my acrylic print

Fig 1.5 Back version of my arcylic print

Exercise 2: Shapes and marker rendering
11.4.19 (Week 2)
For this week's class, Mr Redzwan asked us to bring 3 grey markers and an artline 0.4 pen because we were going to use them to draw shapes from different perspectives. He started the class by drawing cubes at different angles, he then told us to draw out objects that we could see in front of us like a mouse, bottle or even the monitor from different angles. After that, he taught us about shadow rendering; where we began using the 3 grey markers to shade. The 3 markers were used to teach us to understand how light sources shine on different objects from different directions.

Fig 2.1 The shapes in different perspectives and shapes around us

Fig 2.2 Shadow rendering 

Mr Redzwan gave us another exercise to do which was to draw a robot from the reference picture he gave and shade where we taught the light source was coming from; either could be really bright to having no light source.

Fig 2.3 Light source from the right 

Fig 2.4 Light source from the left

Exercise 3: Adding shadows (Pear & skull pear)
18.4.19 (Week 3)
Mr Hafiz taught us how to add shadows onto a pear using Adobe Illustrator. We then had to add shadows onto our Vormator character.

Fig 3.1 Image of the pear 

Fig 3.2 The final outcome

Fig 3.3 Added shadows to my Vormator character

Exercise 4: Analog Drawing - Facial expressions
25.4.19 (Week 4)
Today's class was about drawing circles/strokes and adding facial expressions to them which was taught by Mr Redzwan. We started by drawing different facial expressions with the grey marker and outlining the strokes with an Artline 0.4 black pen to make it look more detailed and prominent. Moreover, we use the stroke technique to differentiate the thick or thin lines in a drawing.

Fig 4.1 Facial expressions

Fig 4.2 Girl facial expressions

Fig 4.3 Little boy facial expressions

Fig 4.4 Animal facial expressions

Fig 4.5 Object facial expressions

Exercise 5: Went to Fabspace in KL
2.5.19 (Week 5)
We learned about laser printing at Fabspace in Isetan, Lot 10.

Exercise 6: Custom Brushes / Lines
9.5.19 (Week 6)
Mr Hafiz thought us how to make custom brushes using Adobe Photoshop. We had to take an image of a watercolour splattered ink and edit it to make it into a brush. First, we had to make the image of the splattered ink black and white and then turn it into a brush. We also used tablets to draw on with our created brush.

Fig 6.1 First brush

Fig 6.2 Second brush

Exercise 7: Drawing with lines manually and digitally / Storyboard 
17.5.19 (Week 7)
Today's class began with Mr Redzwan showing us how to draw three main different types of lines as a "warm-up exercise". He then proceeded to ask us to draw these pictures from google classroom:

Fig 7.1 First Reference

Fig 7.2 Second Reference

We started with this warm-up exercise to get used to drawing lines.

Fig 7.3 Warm-up lines

Fig 7.4 Line exercise #1 

Fig 7.5 Line exercise #2

Fig 7.6 Line exercise #3

Fig 7.7 Line exercise #4

We then had a break to borrow our tablets from campus central (only those who didn't have a tablet). After we got back Mr Hafiz was already there. He then asked us if our tablets were functioning properly; all of us responded with a yes and he began teaching us how to digitally draw lines using this picture of a pear:

Fig 7.8 Pear 

We were supposed to sketch lines onto the pear like this:

Here are my own 6 pears:

Fig 7.9 My coloured and drawn pears

5 narrative structures using the plot diagram.

Fig 7.10 Example of a plot diagram

I chose the movie Maleficent.

1) Introduction

Fig 7.11 Introduction

• Maleficent becomes the protector for Moors (an enchanted forest kingdom)
• She confronts King Henry and warns them not to go any closer
• King Henry and his army does not listen to Maleficient and starts attacking moors but she calls the forest army to come to fight along her side

2) Rising Action

Fig 7.12 Rising Action

• Maleficent has her revenge on King Stefen by putting a curse on their daughter Aurora
• The curse goes by saying “As the sun sets on her sixteen birthday, she will prick her finger on the spinning wheel and fall into an eternal slumber”
• Only will a true love’s kiss break the sleeping beauty’s cruse

3) Climax

Fig 7.13 Climax

• Aurora pricks her finger on the spindle of a reformed wheel and falls into an eternal slumber

4) Falling Action

Fig 7.14 Falling Action

• Phillip the prince, which Aurora meets in the Moors kisses Aurora but she doesn’t wake up
• Maleficient seaks into the castle to find the sleeping princess on the bed, telling her that she was so lost in hatred and revenge that she forgot all about love and happiness until she met Aurora
• Maleficient then kisses Aurora’s head as a farewell but just as she was about to leave a miracle happens and Aurora wakes up
• Maleficent's motherly concern for Aurora constitutes True Love.

5) Conclusion

Fig 7.15 Conclusion

• With peace finally restored between the two kingdoms (humans and fairies), Maleficient demolishes the wall as the barrier is no longer needed
• She gives Aurora the crown making her the queen of both the human kingdom and the Moors, bringing the kingdoms forever.

Exercise 8: No lecture/class
24.5.19 (Week 8)

Exercise 9: Clipping mask 
31.5.19 (Week 9)
Mr Hafiz taught us how to use clipping mask using Adobe Illustrator.

Fig 9.1 Example of my clipping mask