Illustration & Visual Narrative: Exercises

7/4/2023- 5/5/23 / Week 1- Week 5
Mercy Chong HuiZiun / 0360929

Illustration and Visual Narrative / BDCM
Task 1: Exercises 1 & 2

 LISTS 

Lectures
Instructions


 LECTURES 

Week 1: Briefing, practicing vector (7/4/23)
In the first week of lecture, Sir Hafiz, which is our lecturer, had a briefing to us on this subject and assignments to be expected in the future.

Before showing us on how to use adobe illustrator, he introduced us to a web game called "The Bezier Game". It is a game that slowly helps us get used to using the pen tool in the AI software. 

After getting used to the game, we were instructed to use the Adobe Illustrator for our first exercise which is the vormator challenge. Sir provided an image of 8 shapes for us to trace along with the shapes and practice using the pen tool.


Fig 1.0 Vormator elements/shapes 

Week 2: Vormator shapes practice (14/4/23)
> For week 2, we are continuing the vormator shapes practice on Adobe Illustrator but sir demonstrated to us on how can we make the vormator shapes not just by tracing with a pen tool but it can also use the shape and shape builder tool to form the shapes.

Shapes tool (Rectangle, Ellipse)


Fig 1.1 Vormator shapes formed using shape tool



Fig 1.2 ctrl + D to duplicate shapes


> using the rectangle tool first for the bottom part and then use the ellipse tool to form a circle on top of the rectangle as shown above and there you'll have the shape without tracing them :)

> By holding the ctrl + D key, you can duplicate the same shapes as many times as you want depending on how many times you've clicked the keys. 


Shape builder tool

> As the image shown the Zerk shape (Left side) has lines in the shapes from the rectangle and ellipse tool. We can use the lines to separate the shapes by the help of shape builder tool. You just have to click on each section of the shapes once then use the selection tool to separate the shapes as shown in the right.

Week 3: No classes - additional public holiday for Hari Raya (21/4/23)
Week 4: Illustrated Type (28/4/23)
Briefing on project 1 -> illustrated typography and project 2: illustration poster -> MyTiger Values Art Competition 2023, Pencil tool.

> In today's tutorial session, We are learning more tools in Adobe Illustrator and one of them is the pencil tool. The pencil tool option tab (below) can be opened by double-clicking on the pencil tool icon at the left side of toolbar.
Fig 1.3 Pencil Tool Options


> I wrote my name by mouse from accurate to smooth which can be found in the pencil tool option as shown to make a comparison.
Fig 1.4 Pencil Tool practice


Fig 1.5 More pencil tool exercise but with letters and symbols


Week 5: 3D (5/5/23)

Fig 1.6 Process of 3d rainbow making in AI



Fig 1.7 Wireframe of the rainbow


Fig 1.8 Rainbow illustration before 3d 

Fig 1.9 3D rainbow 

 INSTRUCTIONS 
Fig 2.0 Module Information Booklet

Exercise 1: Vormator Challenge 

Fig 2.1 Vormator elements


> This is the image that will be used for the vormator challenge exercise. Here are some of the rules to apply throughout this whole exercise.
  • Can rotate, flip, and duplicate the shapes
  • Can add, subtract, intersect and group
  • Can scale size proportionally
  • Can use gradients and textures
  • NO outline strokes
  • NO background
  • NO skewing or free transform
  • NO altering the original shapes

The Process
Fig 2.2 The process of combining the shapes together to form a character.

Fig 2.3 The process of overlapping/duplicating/grouping the shapes into a new unique shapes


> It took me some time to figure out certain shapes that can be grouped into a whole new shape thanks to some references I saw on Google. It was a lot more interesting to do this challenge after experimenting the shapes and using the shape builder tool.


Final Outcome 
Fig 2.4 Final outcome of character design using vormator elements


Exercise 2: Illustrated Typography

> For our next exercise, the illustrated typography, we are instructed to do a random word generator from the link given. These are the two words I've chosen for my illustrated typography assignment. 

  • shampoo
  • rice
Fig 3.1 Pictionary Generator for our next exercise


Process of Illustrated Typography
> For these two words, I have decided to try to combine them both into one illustrated typography. By that, I first digitally sketched out my ideas before proceeding further.

Fig 3.2 Some ideation sketch thought process


Fig 3.3 Chosen ideation sketch  



Technical Process (Adobe Illustrator)
Fig 3.4 Process of Illustrated Typography


Final Outcome

Fig 3.5 Final outcome of illustrated typography


 REFLECTION 

> For exercise #1, which is the vormator challenge, at first it was challenging for me to get any good ideas for my vormator character so I was procrastinating throughout this task but luckily I managed to finish it on time and I was happy with my vormator character. This exercise taught me that I should really need to experiment the shapes by combining them into a new shape and letting my creativity flow. Eventually the whole process of this exercise was quite fun I would say.

For exercise #2, it was a little confusing for me to actually get to execute the words that I have chosen (using the random pictionary generator) to an illustration that correlates with the 2 words: rice and shampoo.  








Email Post

Popular Posts