IllUSTRATION & VISUAL NARRATIVE [ PROJECT 1: EXERCISE ]
27.9.23 - 1.11.23 / Week 1 - WEEK 6
OUTLINE
Class Summary
- WEEK 1
- WEEK 2
- WEEK 3
- WEEK 4
- WEEK 5
- WEEK 6
Instruction
- Project 1: Exercise 1 - Vormator Challenge
- Project 1: Exercise 2 - Chiaroscuro
- Project 1: Exercise 3 - Milestone (Vormator)
- Experience
- Observations
- Findings
CLASS SUMMARY
In the First class, Mr Hafiz guided us to join Google Classroom and Microsoft Teams to get any learning resources or announcements. After that, he wanted us to play The Bezier Game, take a screenshot of the results and send them to Team Chat.
WEEK 2
Mr. Hafiz taught us how to create characters using Adobe Illustrator. Through the shape materials he shared with us, we were able to create various creative characters.
WEEK 3
In this class, Mr. Hafiz taught us how to look at real pictures and edit them into digital illustrations. He showed us how to express light and shadow using a picture of the fruit pear.
WEEK 4
This time, Mr. Hafiz showed us how to edit a man's picture by showing light and shadows using various colours and graphic images.
WEEK 5
Mr. Hafiz's sick leave.
WEEK 6
Mr. Hafiz posted two new tasks; Milestone (Vormator) and Decisive Moment. He told us how to do these things. He explained exactly what the urban legend meaning he wanted us to mean by showing several examples.
LECTURE
INSTRUCTION
Task 1: Exercise 1 - Vormator Challenge
Vormator is the ultimate challenge of your creativity.
Rules for Vormator Challenge:
- You can rotate, flip and duplicate the Elements
- using all the Elements Scaling is allowed, but proportionally, so skewing or free transform
- You can add, subtract, intersect and group elements as you see fit
- The use of colour is unrestricted; you can create your own colour schemes
- You are allowed to use gradients
- Elements may be filled, and the use of strokes is allowed
- You are allowed to use filters or effects.
EXAMPLES of Vormator Challenge
![]() |
| Fig 1.1.1 Examples of Vormator (Week 2 / 4.10.2023) |
| Fig 1.1.2 Examples of Vormator (Week 2 / 4.10.2023) |
After looking at the examples, I created the character using the shapes Mr Hafiz gave us in Adobe Illustrator.
Task 1: Exercise 2 - Chiaroscuro
EXAMPLES of Chiaroscuro 1
![]() |
| Fig 1.2.1 Examples of Chiaroscuro (Week 3 / 11.10.2023) |
![]() |
| Fig 1.2.2 Examples of Chiaroscuro (Week 3 / 11.10.2023) |
After seeing the examples he gave and showed, I started my work. First, the shape of the fruit pear was made using Adobe Illustrator.
![]() |
| Fig 1.2.3 Attempt for Chiaroscuro (Week 3 / 11.10.2023) |
And then, the slices of fruit cut into several pieces were depicted in various images.
Fig 1.2.4 Final Attempt for Chiaroscuro (Week 3 / 11.10.2023)
EXAMPLES of Chiaroscuro 2
| Fig 1.2.5 Example of Chiaroscuro (Week 4 / 18.10.2023) |
| Fig 1.2.5 Example of Chiaroscuro (Week 4 / 18.10.2023) |
Mr. Hafiz explained how to improve their tasks using his examples. It was a little tough, to be honest, but as I finished it, I got the hang of it.
Task 1: Exercise 3 - Milestone (Vormator)
As a final step for this Vormator Challenge, we were encouraged to create Pokémon cards for our Vormator characters.
EXAMPLES of Milestone (Vormator)
Fig 1.3.3 Final Background (Week 6 / 1.11.2023)
![]() |
| Fig 1.3.4 Final artwork with card PNG (Week 6 / 1.11.2023) |
REFLECTION
Experience
I think there was a lot of difficulty in carrying out the task because it was my first time doing it. However, I thought this was also a process of learning and tried hard to complete it.
Observations
First of all, it was amazing to be able to create various characters or pictures with this illustrator app. I have reached various limits while designing, but I saw it grow as I tried to try new things.
Findings
I keep saying it, but it was so much fun to learn new things. Although I sometimes wanted to rest and put off what I had to do because of my lack of ability, I can say that I had fun completing this project.
QUICK LINKS
Projects
- ILLUSTRATION & VISUAL NARRATIVE Project 2
- ILLUSTRATION & VISUAL NARRATIVE Project 3
- ILLUSTRATION & VISUAL NARRATIVE Final Project
- ILLUSTRATION & VISUAL NARRATIVE FINAL COMPILATION & REFLECTION


.png)





Comments
Post a Comment