EGO Documentation 1

Ego Project, 4 Equation about Me, Improved me, Ideal me and Me in 5 years

the first thing i thought of for this project is to have my target audience to resonate with what I want to express,

and it is OK for others to not feel what i want to express or even totally don’t understand my work because that is not important, my priority will be my target audience.


2015-11-03 21.17.44

I divided myself into category so that i can pick and match any two to form any equation,

Example 1 – Humorous + Forgiving = Friendly

Example 2 – Pride – arrogant = confident

Example 3 – Unpredictable x opportunistic = bright future

i think this it a good way to start my project as it gives me lots of possibility while still being me.



2015-11-03 21.17.582015-11-03 21.17.50

2015-11-03 21.18.02

The better me, Ideal me and me in 5 years are all made up from the pieces in the “ME” equation.




Since this is a project about colour, i will start by linking a word that I want to use to a colour scheme for the feel that the colour has.

colour scheme

Arrogant/Confident in illustrator.

my initial idea was to vector the shapes and cut out different colour of paper to make it into pop up graphic.

like confidence and arrogance will be using the same picture, having confidence stacked up(additional/convex)  while arrogant being cut away(left over)(subtraction/concave)

because i think confidence and arrogance is basically very similar but one is positive and one is negative.


After showing Shirley my work, she mentioned why use human when there ate more interesting way to depict confidence/arrogance and hence i redo it into a lion

lion are proud.

Confident process


Learn more skills

for this while equation, I wanted to use game as i think that many classmates could resonate with my work as we play some game of some sort during our life,

i also wanted to use pixel art as it seems promising due to the rich colour scheme and not a main stream medium so I wanted to try something different.

this is not a screen shot from the famous online game Maple Story.

it is a template from maple story and edited it. any maple player will know it is impossible to get this  skills in the game(heavily edited).

the stolen skills = skill I will learn

the Equipped skills = skills i learnt.


below are some pixel art i got from the web and intend to use it to construct my composition.

34x34icons180709362213DS - Fire Emblem Awakening - Skill IconsDS - RPG Tsukuru DS RPG Maker DS - Skill Icons

I wanted to use pixel art as a set of composition because i think it is really different and it works since my idea is More skills + kindness which both could be represent in pixel art.


For this, i want to make my own avatar in the game to represent me doing some kind things

me 1

This is just for fun.


Honesty and Humorous

2015-11-03 21.18.47for the honesty, i decided to use a childhood story of mine to depict honesty, but with a twist.

the story is the honesty woodman, as of wikipedia

“The woodcutter who accidentally dropped his axe into a river and, because this was his only means of livelihood, sat down and wept. Taking pity on him, the god Hermes (also known as Mercury) dived into the water and returned with a golden axe. “Was this what you had lost?”, Hermes asked, but the woodcutter said it was not, and returned the same answer when a silver axe was brought to the surface. Only when his own tool is produced does he claim it. Impressed by his honesty, the god allows him to keep all three.”

but in my version, i decided to use the chinese god of fortune, holding axe in both hand and looking fierce while wearing what the god of fortune is not usually seen wearing while using a muscular arm used with the axe to create a gangster feel, like this, no one will dare to lie to him is what i want to show.


For Humorous, instead of showing some funny scene which stands for humorous,


SOOOOOOOOO.. I decided to draw Zhouyang from our class because he is naturally funny even if he did not try to be funny.

the picture of zhouyang will be one of the highlight in all my 12 composition i think, and because of this, I am inspired to scrap my current progress for a more meaningful project,

I will draw my classmates to represent some quality as it will have the most impact to the class, making them to resonate with my work,




And thus, I scraped all my work up to this point except for the 2 sketch above and rework everything for the greater good.

to be continued………

Understanding Color – Youtube video

~I only summarized what was mentioned in the video and do not own anything here~

~All images here are screenshots of the video~



  • Don’t overdo it – lots of bright saturated color looks incredibly fake and leave no time for the eye to rest, hence irritating when view for sometime.



  • Guide viewers by using bright saturated color sparingly  a line of bright red along the back guide the direction of camels



  • Use it to tell a story – animated flim used alot of bright saturated color for a sense of animation



  • Affects mood – brightness and saturation  = happy, dull and desaturated = sadness



  • Draws attention to something – highly saturated point is used for viewer to anchor




Color Harmony


  • only one colour
  • Best for single subject
  • atmospheric




  • easy on the eye
  • peaceful, comfortable mood
  • seen alot in nature




  • best for cartoon/ surreal
  • hard to pull off




  • very popular
  • naturally pleasing on eye
  • use one color predominantly – the weaker colour



Split complementary

  • More creative freedom
  • Feels lively/ joyous



Tetratic (Double Complementary)

  • best used for foreground/background – a set at foreground/ a set at background
  • hard to pull off
  • never 25% for each



Color Research

Black – HEX:#000000 RGB:0, 0, 0 CMYK 0, 0, 0, 100

Sophistication, glamour, security, emotional safety, efficiency, substance

Oppression, coldness, menace, heaviness.


White –  HEX:#FFFFFF RGB: 255, 255, 255 CMYK 0, 0, 0, 0

Hygiene, sterility, clarity, purity, cleanness, simplicity, sophistication, efficiency

Sterility, coldness, barriers, unfriendliness, elitism


Red – HEX:#FF0000 RGB: 255, 0, 0 CMYK: 0, 100 , 100, 0

Physical courage, strength, warmth, energy, basic survival

Defiance, aggression, visual impact, strain


Blue – HEX:#0000FF RGB: 0, 0, 225 CMYK 100, 100, 0, 0

Intelligence, communication, trust, efficiency, serenity, duty

Coldness, aloofness, lack of emotion, unfriendliness


Green – HEX:#00FF00 RGB:0, 255, 0 CMYK: 100, 0, 100, 0

Harmony, balance, refreshment, universal love, rest, restoration, reassurance, environmental awareness

Boredom, stagnation, blandness, enervation.


Yellow – HEX:#FFFF00 RGB:255, 255, 0 CMYK: 0, 0, 100, 0

Optimism, confidence, self-esteem, extraversion, emotional strength, friendliness

Irrationality, fear, emotional fragility, depression, anxiety, suicide


Cyan – HEX:#00FFFF RGB 0, 255, 255 CMYK 100, 0, 0, 0

nature and the natural world, tranquility, good luck, health, and jealousy.fertility

Boredom, stagnation, blandness, enervation.


Magenta – HEX:#FF00FF RGB:255, 0, 255 CMYK:0, 100, 0, 0

harmony and emotional balance, passion, transformation, uplifting, cheerfulness, happiness, contentment

depression and despair, arrogance and bossiness, anxious and intolerant


Pink – HEX:#FF0066 RGB:255, 0, 102 CMYK: 0, 100, 60, 0

Physical tranquillity, nurture, warmth, femininity, love, sexuality

Inhibition, emotional claustrophobia, emasculation, physical weakness.


Orange – HEX:#FF9900 RGB:255, 153, 0 CMYK:0, 40, 100, 0 

Physical comfort, food, warmth, security, sensuality, passion, abundance, fun
Deprivation, frustration, frivolity, immaturity

Gray – HEX:#808080 RGB:128, 128, 128 CMYK: 52, 43, 43, 8

Psychological neutrality

Lack of confidence, dampness, depression, hibernation, lack of energy.


Teal –  HEX:#008080 RGB:0, 128, 128 CMYK: 86, 31, 49, 8

emotional balance and stability, alleviating feelings of loneliness, cool, calm and collected

secrecy and confusion, lacking communication skills, being unreliable and deceptive


Lime – HEX:#BFFF00 RGB:191, 255, 0 CMYK: 30, 0, 100, 0

Harmony, balance, refreshment, universal love, rest, restoration, reassurance, environmental awareness

Boredom, stagnation, blandness, enervation.


Maroon – HEX:#800000 RGB:128, 0, 0 CMYK: 29, 100, 100, 38

Seriousness, warmth, Nature, earthiness, reliability, support.

Lack of humour, heaviness, lack of sophistication.


Violet – HEX:#8000FF RGB:127, 15, 255, CMYK: 50, 94, 0, 0

Spiritual awareness, containment, vision, luxury, authenticity, truth, quality

Introversion, decadence, suppression, inferiority

2D project 2 – FINAL

Selected work for Final Submission

After doing so many versions of the compositions, I realized that there is no end to editing a picture to make it better because there are always things to change, to add or even new and better ideas. So in the given time, this is the best 4 I could produce. in terms of composition or the story behind it.


Humpty Dumpty sat on the wallHD sat on the wall 2smallThe foreground of Humpty Dumpty is dark to contrast the light background and make it stands out from the composition. Because Humpty is sitting on the wall, it is stationary while the lady in the picture is being repeated diagonally to instill movements and direction which counteract the stillness of the image. The series of lady is also being tone to the similar tone to Humpty to balance the visual weight in the picture.


Humpty Dumpty had a great fallHD had a great fall (2e1 SmallHumpty Dumpty had a great fall, Fall as in Autumn. In this composition, the brightness of Humpty is adjusted to a lighter tone to contrast the dark background, Humpty is also being placed in the middle of the composition while having a circle of fallen leaves which help viewers to focus in the middle of this composition as there are very little detail by the side of the picture. there are also outer glow in both Humpty and the lady to bring both of them appear to pop out from the background.

All the King’s horses and all the king’s men.PrintSymmetry is used to give the feeling of stability as “all the king’s horses and all the king’s men” is supposed to give a vibe of pride, order, security and strength, all of this is best shown with the stability which symmetry gives. Proportion of the soldier is being adjusted to make the composition more interesting even though there are only two element in it which is the soldier and the horse, by the using different size soldiers to fill up the picture, it is giving a sense of fulfillment, both side of the repeated soldier is also darken to make the most symbolic piece in the middle to stand out.


She gave them some broth without any breadgave some broth without bread 4Again, The subject is being placed right in the middle as i think this is the clearer way to bring focus to the message that i want to bring across. in here, the bread is a missing piece in a pan filled with vegetable, this symbolized that there is a lack of bread. repetitive patterns of pots and pans is used as background and greyed out to reduce the contrast of the pan to the backgound, making the bread to stand out even more as it is the only with white base.

2D project 2 – Rhymes.

At first, i thought that i will only need to do the Humpty Dumpty rhyme. So my first reaction is to check out what the rhyme is….

Humpty Dumpty sat on a wall,
Humpty Dumpty had a great fall.
All the king’s horses and all the king’s men
Couldn’t put Humpty together again

so first thought is important and so i am going to elaborate it.

Humpty Dumpty sat on a wall,

Humpty Dumpty is supposed to be an egg, so he sat on the wall.. but what is an egg doing on the wall? is he a young egg? teenage egg? adult egg or old egg?

Humpty dumpty could be an egg, or could be not an egg..

  • 1 – if he is not an egg, then what is he? – old man? – some naughty boy who likes to climb walls?
  • 2 – actually i think it would be better because humpty dumpty is depicted as an egg in our culture, so by using some “common sense” to make my message clearer.. atleast viewer wont go “where is your humpty dumpty in the picture”
  • 3 – so if humpty dumpty is an egg, what is he like? i personally like to depict him as an old man. because the older they are, the more story could be told.
  • 4 – an old egg. what kind of egg is he? i would like to have some sense of humor in the personality which are easily shown through a single picture, maybe a lecherous old egg? maybe something from 50 shade of grey? it will bring contrast to the story as it supposedly was an childhood rhyme, but bringing some adult thing into it makes it interesting.
  • 5- so what is Humpty Dumpty doing on the wall? reading a book? escaping from something? peeping? yeah peeping might be a good one.

Humpty Dumpty had a great fall.

so the common sense of this sentence is that humpty dumpty fell down from the wall. i think it is boring so instead of using the “fall” as in “falling down”… how about the “fall” as in “autumn”? just changing the different meaning of the same word will change the whole sentence.

Humpty Dumpty had a great Autumn.

  • how? how is great great? Great as in Awesome…. so how do i depict awesome? thinking of the back ground story of humpty dumpty – old lecherous egg, what will be awesome to him? the answer is clear.
  • something to do with maybe drugs? woman? 50 shade of grey(this project is in black and white so i think this will be quite nice)

All the king’s horses and all the king’s men.

  • Repetitive nature due to the King’s horses and King’s men
  • symmetry could be bought out using the repetitive pattern of the horses and men
  • high contrast will be a good way to show the difference between the subject and background.


This is when I knew that we are not bounded by only one rhyme, we could do all the rhymes and choose which is the best 4 among it.


so I approached this project differently, to see which sentence of the rhymes could be interesting and i could visualize the outcome of the sentence.. so out of the 12, I chose the following.

The cow jumped over the moon.

There was an old woman who lived in a shoe.

She had so many children, she didn’t know what to do;

She gave them some broth without any bread;

Then whipped them all soundly and put them to bed.

Humpty Dumpty sat on a wall,

Humpty Dumpty had a great fall.

All the king’s horses and all the king’s men



I decided to work on photoshop and illustrator to see what i could do with them and edit it along the way

The cow jumped over the moon Version 1

the cows jump over the moon 2Emphasis on the cow and the moon, with little detail other than the cow, the moon and some stars. high contrast of white with black to make the moon and cow stand out. straight forward idea with element of the picture centralized and in the box (no element is being cropped off)

The cow jumped over the moon Version 2

the cows jump over the moonThe main cow is being tilted to give a movement to it, again, no element is being cropped off from the picture and every thing is constrained by the box, however the cow is being duplicated to substitute the stars to make the composition more interesting.

The cow jumped over the moon Version 3the cows jump over the moon 3Different approach, the main focus will be the cow where the head is in the middle of the picture, the moon is slightly cropped to shift the overall visual weight of the picture towards the middle. I like this composition however i could only choose four and this is my fifth.


There was an old woman who lived in a shoe.

Old woman lived in a shoeMy first thought about this sentence was ” what was there other than an old woman? did she have a partner? perhaps an old man?”

the contrast of an old grumpy woman and a smiley old man could have a background story as usually shoes comes in a pair, and the personality of the old woman and the old man is a big contrast but placed side by side, in the same shoe. personally i think this is interesting.


She had so many children, she didn’t know what to do.she had so many children she dont know what to doThe background of the picture is repeated pattern of a boy and a girl which colours are inverted, while the foreground of this picture shows a woman with a face without expression, centralized in the picture for a stable feel.

She gave them some broth without any bread V1


Repeated patterns of pots, bowls and some pans as background to bring out the implied lines of bread which symbolized that there are no bread present. the breads are also placed repetitively and in the center with different orientation for a slightly interesting composition, however in this, the bread is not clear.

She gave them some broth without any bread V2

gave some broth without bread 2

To bring make the bread clearer, round circles are formed around the bread which i think the bread in this is too obvious and there is no implied lines anymore.. and after the consultation, maybe one bread at the center is better than 4 bread.

She gave them some broth without any bread V3

gave some broth without bread 3By retaining the four circles, the background was cleared but filled into the circles, the bread is still in the black circle because i like the contrast, however the blank bread is filled with the background but with lesser contrast.

She gave them some broth without any bread V4

gave some broth without bread 4The background tone was darken to bring the focus to the bread.

She gave them some broth without any bread V5- Final

gave some broth without bread 4Instead of an empty black circle to contrast the bread, a photo of a pan with vegetables are use for a human touch to make the picture warmer than just vector, this very well contrast with the vector background and i think this is much better than before. I like this composition and this will be chosen.

Then whipped them all soundly and put them to bed.

she whipped them soundlyRepeated patterns of beds are used while in the foreground, there is an action and diagonal lines used to make the composition more dynamic.

Humpty Dumpty sat on a wall V1

HD sat on the wall

Humpty Dumpty in the picture is still and the woman in the picture is moving in direction towards the center and to the corner, repeated use of the woman is to balance out the weight of Humpty Dumpty as he is being cropped by the box and feels heavier, if only one woman was used, the picture will look heavier on the left.

Humpty Dumpty sat on a wall V2

HD sat on the wall 2smallHD in the previous composition is not dark enough and blend into the background, therefore contrast is increased to make HD pop out. I like this composition and therefore chose it as one of my final.

Humpty Dumpty had a great fall V1

HD had a great fallHD is placed in the center of the composition and the circle was placed to help viewers to focus in the middle because the leaves is pulling attention from HD. there is also a contrast between the background of leaves and HD as there is a dark outline around HD.

Humpty Dumpty had a great fall V2HD had a great fall (2)Again, Hd is placed in the middle, a silhouette of a girl with a whip is added into the picture, i liked this more as the face of the HD is more comical and there is a lecherous face there, however the contrast of HD and the background is too low.

Humpty Dumpty had a great fall V3

HD had a great fall (2inverted the background colour to black to make the contrast of HD bigger and more focused. outer glow is also used to ensure that both HD and the silhouette stands out. there is still room for further improvements.

Humpty Dumpty had a great fall v4

HD had a great fall (2e2

the addition tree is removed for a clearer picture, the mass of leaves is shrink to leave more empty space and therefore better focus, however the contrast of HD face is too low and there is a lost of detail.

Humpty Dumpty had a great fall V5 

HD had a great fall (2e1 Small

changed HD position from sitting to standing, increased the detail on the face which further shows that he had a GREAT FALL. I like this composition and this will be chosen.

All the king’s horses and all the king’s men V1

all the KM and KH 2symmetry, repetitively pattern with different sized of kingsmen, the biggest one in the middle and the 2 giant horse capture the attention of viewer, there are also empty spaces to enhance the contrast of subject and the background, however there is little human touch and the composition seems cold.

All the king’s horses and all the king’s men V2

all the KM and KH 3

the background is changed to a castle, however i feel this is a weaker idea than the previous.

All the king’s horses and all the king’s men V3

all the KM and KHDifferent approach, symmetry, repetitive pattern, harmony is also used. however there is also little human touch as it is all vector.

All the king’s horses and all the king’s men V4Print

lower the contrast the kingsmen on the side to bring further focus to the main subject. I really like this composition and this will be chosen.