Illustration and Visual Narrative
07/04/23 - 19/05/23
Week 1 - Week 7
Adrianna Sofea Mohd Fauzi (0350661) Bachelor of Design (Hons) in Creative Media Exercise 1+ 2 | Vormator + Illustrated Type
07/04/23 - 28/04/23
Week 1 - Week 4 Exercise 1: Vormator
Jumplinks:
1. Lessons
2. Vormator Progression
3. Final Outcome
4. Reflection5. Illustrated Type (2)
INSTRUCTIONS
Lessons
Week 1:
Mr. Hafiz introduced us and gave us an overview of our module information brief. He went through our upcoming projects before jumping into our exercise, the Bezier Game, which teaches us how to draw shapes with the pen tool so that we may later utilise Adobe Illustrator as beginners. He had advised us to practice the Bezier game by getting to create shapes using as little nodes as possible. This is because it is best to use lesser anchor points in adobe illustrator.
Figure 1.1 Assignment BriefWeek 3:
This week our class was conducted completely online, Mr Hafiz gave us a tutorial on Color, Gradient and Pattern for the vormator character assignment. He had given us an exercise to practice on and we did so:
Figure 1.2 Exercise Activity in ClassWeek 4:
We had to continue with our assignment and during this week it was review session and adjustments to the vormator.
Vormator Character Project:
Visual Research
I had done a few researches on vormator character development and found many interesting characters.
Figure 1.3 Visual Research on Vormator
Design Process
After practising the shapes using the pen tool and curvature tool I started my idea for my character:
Figure 2.1 Sketches
Figure 2.2 First Ideation Vormator
Figure 2.3 Second Ideation Vormator
Figure 2.4 Second Ideation Vormator
Figure 2.5 Color Pallete Vormator
Figure 2.6 Framing and touch ups vormator
Figure 2.7 Used shapes on the vormator
(No other shapes were allowed asided from these)
Vormator Character in JPEG
Task 2: Illustrated Type
1. Lessons
2. Illustrated Type Progression 3. Final Outcome
Lessons Week 5: Once we completed our first assignment, it was time to proceed to the next task, which involved creating a typography illustration. Interestingly, our lecturer imposed a restriction on selecting our own words, leading us to rely on a randomizer words website. After a few attempts, I got “Sea Weed”, what a coincidence right? Seaweed.
Figure 1.1 Word Generator
Visual Research
Figure 1.2 Visual Research
As I started my visual research for the typography illustration, I came across some incredible artwork. Among them, I was particularly impressed by an illustration created by my lecturer. The level of craftsmanship and attention to detail in their work was truly remarkable and served as a great inspiration for me. I aspired to achieve a similar level of balance and harmonized structure in my own illustration. However, I recognized that this would be quite challenging for my first attempt.
Design Process Honestly, this task turned out to be more challenging than I anticipated. I struggled with sketching because I found it difficult to visualize a type illustration through traditional sketches. Despite my lecturer's consistent emphasis on the importance of sketching, I felt stuck and found myself repeatedly redoing my sketches without making much progress. Therefore, I did a few sketches and digitised them straight away.
Figure 1.3 Sketches.jpg)
Figure 1.3 Digitisation
Figure 1.4 After Improvisation: Final Outcome
Final Outcome
Illustrated Type in Outline
Reflection To be honest, I consider my execution of the illustration to be poor. Despite multiple attempts at redoing it, as the deadline approached, I found myself compelled to stick with the current design. Upon reviewing my work, I noticed its deteriorated appearance, lack of balance, and overall displeasing aesthetics, which left me feeling quite disappointed. However, I firmly believe that every successful endeavour begins with multiple experiences of failure. I couldn't have anticipated that creating an illustrated type would prove to be this challenging. It's evident that I need to conduct further research and practice a lot in order to improve in this area.
INSTRUCTIONS
Lessons
Week 1:
Mr. Hafiz introduced us and gave us an overview of our module information brief. He went through our upcoming projects before jumping into our exercise, the Bezier Game, which teaches us how to draw shapes with the pen tool so that we may later utilise Adobe Illustrator as beginners. He had advised us to practice the Bezier game by getting to create shapes using as little nodes as possible. This is because it is best to use lesser anchor points in adobe illustrator.
Week 2:
On week 2, Mr Hafiz had given our very first assignment which is to create the vormator character he had provided the deatils. The example shown below:
Figure 1.1 Assignment Brief
This week our class was conducted completely online, Mr Hafiz gave us a tutorial on Color, Gradient and Pattern for the vormator character assignment. He had given us an exercise to practice on and we did so:
Figure 1.2 Exercise Activity in Class
We had to continue with our assignment and during this week it was review session and adjustments to the vormator.
Vormator Character Project:
Visual Research
I had done a few researches on vormator character development and found many interesting characters.
Figure 1.3 Visual Research on Vormator
Design Process
After practising the shapes using the pen tool and curvature tool I started my idea for my character:
Figure 2.1 Sketches
Figure 2.2 First Ideation Vormator
Figure 2.3 Second Ideation Vormator
Figure 2.4 Second Ideation Vormator
Figure 2.5 Color Pallete Vormator
Notes:
Color Pallete:
The reason I chose this color palette is pretty obvious, I love pink and as overrated as it sounds, pink is a happy color and you can never go wrong with it. I had to try and error with other colors that complements with pink color and found that these colors were best:
Figure 2.6 Framing and touch ups vormator
Figure 2.7 Used shapes on the vormator
(No other shapes were allowed asided from these)
Final Outcome
Vormator Character in Outline
Vormator Character in JPEG
Task 2: Illustrated Type
05/05/23 - 19/05/23
Week 5 - Week 7
Adrianna Sofea Mohd Fauzi (0350661) Bachelor of Design (Hons) in Creative Media Exercise 2 | Illustrated Type
Jumplinks:1. Lessons
2. Illustrated Type Progression 3. Final Outcome
4. Reflection
Lessons Week 5: Once we completed our first assignment, it was time to proceed to the next task, which involved creating a typography illustration. Interestingly, our lecturer imposed a restriction on selecting our own words, leading us to rely on a randomizer words website. After a few attempts, I got “Sea Weed”, what a coincidence right? Seaweed.
Figure 1.1 Word Generator
Visual Research
Figure 1.2 Visual Research
Design Process Honestly, this task turned out to be more challenging than I anticipated. I struggled with sketching because I found it difficult to visualize a type illustration through traditional sketches. Despite my lecturer's consistent emphasis on the importance of sketching, I felt stuck and found myself repeatedly redoing my sketches without making much progress. Therefore, I did a few sketches and digitised them straight away.
These are the first execution of my type of “sea” and “weed”:
Figure 1.3 Sketches
I chose the color palette for my illustration because it aligned well with the meaning of the words. In class, I sought feedback from Ms. Anis on my illustration. She suggested a few adjustments, particularly regarding the spacing between the letters in "SEA." She advised me to make them closer together to create a stronger visual connection and emphasized that the arrangement of "WEED" was already effective and didn't require any changes.
.jpg)
Figure 1.3 Digitisation
Miss also recommended incorporating elements such as water or floral motifs into the illustration, suggesting they could be intertwined or somehow integrated into the design.
Figure 1.4 After Improvisation: Final Outcome
Tools Used:
- Text Tool
- Create outline
- Pencil and
- Smooth Tool
- Shaper Tool
- Joining Paths
- Width Tool/Converting a Line to a Path
- Intertwine Tool
Final Outcome
Illustrated Type in Outline
Illustrated Type in JPEG
Reflection To be honest, I consider my execution of the illustration to be poor. Despite multiple attempts at redoing it, as the deadline approached, I found myself compelled to stick with the current design. Upon reviewing my work, I noticed its deteriorated appearance, lack of balance, and overall displeasing aesthetics, which left me feeling quite disappointed. However, I firmly believe that every successful endeavour begins with multiple experiences of failure. I couldn't have anticipated that creating an illustrated type would prove to be this challenging. It's evident that I need to conduct further research and practice a lot in order to improve in this area.
Comments
Post a Comment