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. 



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. 


Figure. 7        


Week 5 - Project 2 Digital Triptych part 2
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. 


Short documentation of the process..


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. 

Figure. 9 Chiaroscuro examples

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














Comments

Popular Posts