ILLUSTRATION & VISUAL NARRATIVE / PROJECT 01

Project 01- Exercise 1: Vormator character

In Project 01, our task is to design and create a unique character using a specific set of shapes provided by Mr. Hafiz. We will need to trace the shapes given using Adobe Illustrator. There were a few rules that we needed to adhere to throughout the process. We can rotate, flip, duplicate the shapes and scale the size of the shapes. We were not required to use all the shapes provided. However, outline strokes were not permitted, and there should be no background included in the final character design. Additionally, the character had to fit within the dimensions of 600px x 600px.

Figure 1.1 Shapes provided.

Progress
I followed step-by-step of the demonstration presented by Mr. Hafiz during the class. Utilizing the shape tools, shape builder, and pathfinder in Adobe Illustrator, I traced the set of shapes provided. To ensure ease of recognition, I used distinct colors for each shape.

Figure 2.1 Shapes tracing.

Once I completed tracing the set of shapes, I embarked on creating a character with the concept of a fairy in the forest. However, I felt dissatisfied with the outcome of my design.

Figure 2.2 First attempt.

Due to the failure on the first attempt, I realize the importance of sketching out my ideas before diving into the character creation process using Adobe Illustrator. To gather inspiration, I referred to visual references available on Pinterest. Taking these references into account, I began sketching out my expectations for the character, aiming to have a clearer direction for the design.

Figure 2.3 Sketch.

I proceeded by creating the desired shape for the character's body and then designing several elements for the character. Attempting to capture the essence of a forest fairy, I tried incorporating wings into the design. Unfortunately, the initial outcome did not meet my expectations. I continued to experiment and design additional clothing options for the character. Eventually, after multiple adjustments, I achieved three outcomes that met my expectations.

Figure 2.4, 2.5, 2.6 Progress screenshot.

Figure 2.7 Second attempt.

Figure 2.8 Third attempt.

Figure 2.9 Fourth attempt.

In Week 3, we learned about color, gradients, patterns, and textures. With this newfound knowledge, I try to apply these concepts to my character design. After consideration, I selected the fourth attempt character as my final choice. I found that this particular design struck a balance, as it was not overly complex while still embodying the essence of a fairy in a forest setting.

Final Outcome

Figure 3.1 Final outcome.

Figure 3.2 Final character's outcome.

Project 01- Exercise 2: Illustrated typography

In Exercise 02, our task focused on further mastering Adobe Illustrator. We are assigned to design and create an illustrated typography. To begin, we utilized the Pictionary Generator website to generate a word. Ensure that the illustration and the chosen word complemented each other harmoniously. Additionally, we adhered to an artboard size of 800px x 600px throughout the design process.

Progress
I generated several words using the Pictionary Generator website and shared them with Mr. Hafiz for his feedback. He advised me to select the words that were more interesting, as this would make the combination of the chosen words even more captivating to observe.

Figure 4.1, 4.2, 4.3, 4.4 Pictionary generator.

After considering various options, I decided to illustrate the typography for the words 'cactus' and 'lipstick'. These words presented a contrasting combination that I believed would yield an engaging and visually appealing result.

Figure 4.5 Final words chosen.

In my initial attempt to illustrate the words 'cactus' and 'lipstick', I chose to separate the words and utilize their individual letterforms to shape corresponding objects. Additionally, I explored incorporating a 3D effect, as instructed by Mr. Hafiz. However, upon presenting my outcome to Mr. Hafiz, he provided valuable feedback, suggesting that I explore more creative ways to combine both words in my typography design.

Figure 4.6 First attempt.

Sketch

Based on the feedback provided by Mr. Hafiz, I took the opportunity to revise my illustrated typography. This time, I try creating individual cactus-shaped letters for the word 'cactus'. Each letter was uniquely designed to resemble a cactus. Subsequently, I explored incorporating the word 'lipstick' as the mouths of these cacti. The flowers of the cacti served as the lipsticks, with the cacti playfully coloring their mouths using these flowers. This concept allowed for a more creative and visually engaging combination of the two words in my typography design.

Figure 4.7 Sketches.

Based on the sketches I had done, I made the decision to proceed with Idea 2 for my illustrated typography. With this in mind, I turned to Adobe Illustrator to bring my concept and translate it into a digital format.