IVN - Project 1 / Exercises
5.4.2023 - 10.5.2023 (Week 1 - Week 6)
Chong Hui Yi / 0363195
Illustration and Visual Narrative / Bechelor of Design (Honours) in
Creative Media
Project 1 / Exercises
.png)
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/16gqgBAGPFQbLt1YyiyHlU02MgsnGkctX/preview"
width="640" height="480" allow="autoplay"></iframe>
Exercise 1: Vormator Challenge
Our task is to create a character design using Vormator shapes. At first, I was unsure about what character to design, so I decided to play around with different combinations of Vormator shapes. During my exploration, I discovered that "the Drop" and "the Badge" shapes could be combined to form an ear shape, and I decided to create a character design based on a rabbit, partly because I also have a personal fondness for rabbits.
Fig. 2.0 Sketches of the ears, week 3 (16/4/2023)
Next, I moved on to working on the rabbit's head. I wanted to create a cute character with a head larger than the body, and I initially attempted to make an oval-shaped head using the limited Vormator shapes, but it wasn't successful. So, I changed it to the shape shown in Fig. 2.1.
Fig. 2.1 Sketches of the head, week 3 (15/4/2023)
I have completed the initial draft of the head, which I believe is the most crucial part. Next, I will work on the body. My idea is to design a rabbit character wearing clothing resembling traditional costumes, with a long skirt. The rough sketch is shown in Figure 2.2.
Fig. 2.2 Rough sketch, week 3 (16/4/2023)
I started to add some simple colors to the rabbit character, as the overlapping shapes were making the overall design look cluttered. I chose a blue color theme, which is also one of my favorite colors. At this stage, my rabbit character finally has facial features.
Fig. 2.3 Adding basic coloring, week 3 (16/4/2023)
Though it may seem sudden, I created a mischievous little monkey demon as a friend for the rabbit, so that the rabbit won't be lonely!
Fig. 2.4 Little demon, week 3 (18/4/2023)
Since there is a demon, there must be an angel too, so I decided to add a pair of golden wings to the rabbit. The inspiration for the wings comes from a golden feather headdress worn by a person in a picture I found on Pinterest, as shown in Figure 2.5.
Fig. 2.5 Inspiration for the wings, week 3 (18/4/2023)
Fig. 2.6 Rough sketch of a feather, week 3 (18/4/2023)
Fig. 2.7 Rabbit's wing, week 3 (18/4/2023)
Finally, I added some decorations to the clothing, added shadows and gradients to the character, and thus the angel rabbit and the demon monkey are completed.
Fig. 2.8 adding detail, week 3 (24/4/2023)
FINAL RESULT:
Fig. 2.9 Final Vormator character, week 4 (26/4/2023)
FINAL RESULT:
Fig. 2.9 Final Vormator character, week 4 (26/4/2023)
Exercise 2: Illustrated typography
Our task is to randomly generate two words from the Pictionary
Generator and create an aesthetically pleasing illustrated
typography using non-decorative fonts as the base. The goal is
to ensure that the illustrations and words complement each
other. We have the option to design the illustrated typography
separately for each word or merge them together.
Here, I have chosen the words "meteor" and "sea
turtle." Initially, I wanted to integrate these two words into a
single design, but later realized that separate designs would
work better.
.png)
Fig. 3.0 Screenshot of Pictionary Generator, week 5
(1/5/2023)
First, I drew some sketches by hand, as shown in Fig. 3.1
and Fig. 3.2.
Fig. 3.1 Hand-drawn sketch 1, week 5 (1/5/2023)
Fig. 3.2 Hand-drawn sketch 2, week 5 (1/5/2023)
First Version
I first had the idea of having a sea turtle moving
between the words "sea turtle" and "meteor," with a
meteor shower effect. I started by finding a real
image of a turtle and drew an outline using
IbisPaint. Then, I converted it into an editable
path using Adobe Illustrator's image trace.
Fig. 3.3 Line draft of a sea turtle, week 5 (2/5/2023)
I began experimenting with different designs to
express my idea, but I still haven't achieved
the desired results. Fig. 3.4 represents my
initial design, but I find these designs to be
rather rigid. Mr. Hafiz suggested adding more
dynamism to my design by incorporating
additional elements and also suggested adding
some wave-like elements to the typography.
Fig. 3.4 Screenshot process, week 5
(2/5/2023)
Following that, I changed my approach and had the
sea turtle emerging from the words "sea" and
"turtle," pulling a trail of stars as it swam
out. I also changed the background color to a gradient of
blue. This inspiration came from Fig. 3.6.
.png)
Fig. 3.5 Inspirations, week 5
(2/5/2023)
Fig. 3.6 Screenshot process 2, week 5
(2/5/2023)
Even after making numerous modifications, I still
felt that the design had several shortcomings.
Therefore, I started working on my second
version.
Second Version
This time, I designed the two words separately. I started
by sketching the word "Sea" in IbisPaint and then converted it from an image to a vector
graphic. I decided to extend the font with some wave-like
elements to convey the meaning of the word. For the wave's design, I took inspiration from the left
image in Fig. 3.7.
Fig. 3.7 Wave reference (left), sketch of 'Sea'
(right), week 6 (7/5/2023)
I drew inspiration from the first image in Figure
3.8 and designed wave-like shapes incorporated into
the word "Turtle." When I placed it alongside "Sea"
(as shown in the third image of Figure 3.8), I found
that the contrasting styles looked odd and didn't
effectively convey the essence of "Turtle."
Therefore, I proceeded to unify their designs.
For "Turtle," I adopted the wave-like style from
"Sea" and added various turtle elements. These
included a turtle shell on the "u," a turtle
eggshell next to the "r," a little turtle popping
out of the "t," seaweed on the "l," and a jellyfish
that turtles enjoy eating. In the fifth image of
Figure 3.8, I adjusted the spacing between the
letters to prevent them from appearing too
separated. In the sixth image, I moved the turtle
eggshell from the "r" to the blank space on the
right to fill it in.
Fig. 3.8 Design process of 'Sea Turtle', week 7
(15/5/2023)
In the second version of the meteor design, I
initially thought of creating lines resembling a
meteor shower around the text and adding colors
of a dreamy starry sky (as shown in Fig. 4.0).
During the week 6 feedback, Miss Anis suggested
adding some yellow small stars to increase the
contrast. To address this feedback, I developed
four methods for incorporating stars into the
design (refer to Fig. 4.1).
Fig. 3.9 Sketch of 'Meteor', week 6
(7/5/2023)
Fig. 4.0 Initial design of 'Meteor',
week 7 (10/5/2023)
Fig. 4.1 Variations of star, week 7
(10/5/2023)
Version 1: stars with individual gradient
effects
Version 2: light → dark
Version 3: dark → light
Version 4: random stars with varying
shades of yellow
After considering all the options, you
concluded that the third version is the most
suitable, as the gradient of the lines also goes
from left to right.
FINAL RESULT:
Fig. 4.2 Final Illustrated Typography - JPG, week
6 (16/5/2023)
Fig. 4.3 Final Illustrated Typography - PDF, week 6 (16/5/2023)
Here, I have chosen the words "meteor" and "sea turtle." Initially, I wanted to integrate these two words into a single design, but later realized that separate designs would work better.
.png)
Fig. 3.0 Screenshot of Pictionary Generator, week 5 (1/5/2023)
First, I drew some sketches by hand, as shown in Fig. 3.1
and Fig. 3.2.
Fig. 3.1 Hand-drawn sketch 1, week 5 (1/5/2023)
This time, I designed the two words separately. I started
by sketching the word "Sea" in IbisPaint and then converted it from an image to a vector
graphic. I decided to extend the font with some wave-like
elements to convey the meaning of the word. For the wave's design, I took inspiration from the left
image in Fig. 3.7.
Fig. 3.1 Hand-drawn sketch 1, week 5 (1/5/2023)
Fig. 3.2 Hand-drawn sketch 2, week 5 (1/5/2023)
Fig. 3.6 Screenshot process 2, week 5 (2/5/2023)
Even after making numerous modifications, I still felt that the design had several shortcomings. Therefore, I started working on my second version.
Second Version
First Version
I first had the idea of having a sea turtle moving between the words "sea turtle" and "meteor," with a meteor shower effect. I started by finding a real image of a turtle and drew an outline using IbisPaint. Then, I converted it into an editable path using Adobe Illustrator's image trace.
Fig. 3.3 Line draft of a sea turtle, week 5 (2/5/2023)
Fig. 3.4 Screenshot process, week 5 (2/5/2023)
Following that, I changed my approach and had the
sea turtle emerging from the words "sea" and
"turtle," pulling a trail of stars as it swam
out. I also changed the background color to a gradient of
blue. This inspiration came from Fig. 3.6.
I first had the idea of having a sea turtle moving between the words "sea turtle" and "meteor," with a meteor shower effect. I started by finding a real image of a turtle and drew an outline using IbisPaint. Then, I converted it into an editable path using Adobe Illustrator's image trace.
Fig. 3.3 Line draft of a sea turtle, week 5 (2/5/2023)
I began experimenting with different designs to
express my idea, but I still haven't achieved
the desired results. Fig. 3.4 represents my
initial design, but I find these designs to be
rather rigid. Mr. Hafiz suggested adding more
dynamism to my design by incorporating
additional elements and also suggested adding
some wave-like elements to the typography.
Fig. 3.4 Screenshot process, week 5 (2/5/2023)
.png)
Fig. 3.5 Inspirations, week 5
(2/5/2023)
Fig. 3.6 Screenshot process 2, week 5 (2/5/2023)
Even after making numerous modifications, I still felt that the design had several shortcomings. Therefore, I started working on my second version.
Second Version
Fig. 3.7 Wave reference (left), sketch of 'Sea' (right), week 6 (7/5/2023)
I drew inspiration from the first image in Figure
3.8 and designed wave-like shapes incorporated into
the word "Turtle." When I placed it alongside "Sea"
(as shown in the third image of Figure 3.8), I found
that the contrasting styles looked odd and didn't
effectively convey the essence of "Turtle."
Therefore, I proceeded to unify their designs.
For "Turtle," I adopted the wave-like style from
"Sea" and added various turtle elements. These
included a turtle shell on the "u," a turtle
eggshell next to the "r," a little turtle popping
out of the "t," seaweed on the "l," and a jellyfish
that turtles enjoy eating. In the fifth image of
Figure 3.8, I adjusted the spacing between the
letters to prevent them from appearing too
separated. In the sixth image, I moved the turtle
eggshell from the "r" to the blank space on the
right to fill it in.
Fig. 3.8 Design process of 'Sea Turtle', week 7
(15/5/2023)
Fig. 3.9 Sketch of 'Meteor', week 6 (7/5/2023)
Fig. 4.0 Initial design of 'Meteor', week 7 (10/5/2023)
Fig. 4.1 Variations of star, week 7 (10/5/2023)
After considering all the options, you concluded that the third version is the most suitable, as the gradient of the lines also goes from left to right.
In the second version of the meteor design, I
initially thought of creating lines resembling a
meteor shower around the text and adding colors
of a dreamy starry sky (as shown in Fig. 4.0).
During the week 6 feedback, Miss Anis suggested
adding some yellow small stars to increase the
contrast. To address this feedback, I developed
four methods for incorporating stars into the
design (refer to Fig. 4.1).
Fig. 3.9 Sketch of 'Meteor', week 6 (7/5/2023)
Fig. 4.0 Initial design of 'Meteor', week 7 (10/5/2023)
Fig. 4.1 Variations of star, week 7 (10/5/2023)
Version 1: stars with individual gradient
effects
Version 2: light → dark
Version 3: dark → light
Version 4: random stars with varying
shades of yellow
After considering all the options, you concluded that the third version is the most suitable, as the gradient of the lines also goes from left to right.
FINAL RESULT:
Fig. 4.2 Final Illustrated Typography - JPG, week 6 (16/5/2023)
Fig. 4.2 Final Illustrated Typography - JPG, week 6 (16/5/2023)
Fig. 4.3 Final Illustrated Typography - PDF, week 6 (16/5/2023)
FEEDBACK
Week 5: The illustrated typography can be made more vibrant
with additional elements such as waves and a sea turtle swimming by.
The "Meteor" font can be designed to resemble a shooting star.
REFLECTIONS
I find both exercise 1 and exercise 2 to be enjoyable, but exercise 2 allows for more creative freedom. In exercise 1, I initially thought that using only those few shapes might limit the possibilities, but as I tried it out, I realized that there are countless combinations and my imagination is not confined by them.
For exercise 2, I think it's challenging to seamlessly integrate the two chosen words into one design. Personally, I find it easier to design them separately. This exercise is much more demanding because there are no predefined shapes, and I have to draw everything from scratch.
After completing these two exercises, I've gained a better understanding of Adobe Illustrator, and they mark the first two pieces I've created using the software, which gives me a great sense of accomplishment. However, I've noticed that I still struggle with controlling lines precisely using a mouse.
Comments
Post a Comment