Author: Yeo Ying Zhi

This is the final part of my process on our final assignment, Ego.

You may view the previous parts below:

For ideation: see part 1

For colours: see part 2

For execution: see part 3

I’ll start off by talking about the bonus, which is actually a 5th outcome I had done and then end off with my personal reflections on the assignment.

The Bonus Row

I did a bonus row and here I’ll talk about its ideation, process and development, which is something I decided to put in a separate post from my main assignment.

Ideation

All along when I was doing my four final rows, I had been wanting to do something interesting and more stylistic, something that is different from the four rows that I had.

I had been very keen to use pixel art as one of the styles for this assignment. And I thought it would be nice to try to do a bonus row – I really liked the idea personally, and was curious how this row would actually turn out, so I wanted to try to convert the idea into reality and eventually did it! It was initially just a ‘I’ll only do it if I have enough time‘, but I ended up getting pretty invested in it and it took me more time than I thought to do the 5th row.

Process / References

I referenced MapleStory’s pixel art skill icons for the 3rd frame, as MapleStory was a game I played a lot during my childhood and it is very memorable and inspirational because it was one of the best 2D MMORPGs (Massive Multiplayer Online Role Playing Games) and was an exceptional 2D game for its time (2006).

MapleStory being a very memorable childhood game, it actually a very strong influence on the way I drew. I used MS Paint to draw the icons, pixel by pixel. It was almost painstaking but it was great fun because I may intend to major in Interactive Media Games in the future, so this is sort of a self-practice for myself and at the same time acting as a bonus for the assignment, so killing two birds with one stone?

For the first two frames, I referenced several pixel art and retro games, as well as took a look at how characters were drawn.

I actually looked at character spritesheets because I wanted to have different ‘poses’ and ‘frames’ for the enemy, to make it look less repetitive and not so boring.

For the second frame, I took reference from platformer games. Platformer games are 2D side scrolling games, and I use those because they have the biggest visual link of one ‘playing a level’, my communicated idea in my second frame. Platformer games also communicate the idea of ‘levels’ very clearly, and what better than to choose the most iconic retro platformer game of all time?

I referenced platform tiles as well when drawing the platform.

You can see here that I drew my own tileset process:

Of course in the end, I only used two of the 16 tiles that I had drawn for my frame because those were actually all I needed to communicate the idea of a ‘level’ and did not really require complex platform shapes that would distract the viewer.

The idea of a 5th bonus row was mostly meant for fun (for myself) and I acknowledge that it does not use colours as effectively as the rest of my rows, which is why I did not add it together with the rest of the rows during the presentation and added a ‘BONUS’ tag line to make it clear that it was just an add-on and not something to be put together with the rest of my outcomes.

This row is only meant to be as a ‘bonus’, since it was something I was trying out for fun. The only reason I put it as part of my presentation was because I felt it would be a waste since I had spent quite a bit of time and effort developing it and I would not be contented to just chuck it away. But if I had to make it part of my final 4 rows for the assignment, I would definitely tweak it further.

My thoughts on the bonus row

These last 3 frames were actually really fun to do because I had spent more than 14 hours consecutively hand drawing my outcomes, and it got really really really exhausting and tiring by then, so trying out a different style (pixel art), was something extremely refreshing and even though I was really tired at that point and wanted to grab some sleep, I ended up getting hyped up when I knew that I was trying out something different from my previous outcomes.

Final Words (Reflections)

The assignment was really great fun because of the freedom of mediums,  but thanks to the constraints of the assignment brief, it actually made the assignment even better.

The constraints of having the middle row having to be a setting forced me to think a little bit more out of the box and critically, as many of my earlier designs were not very good, due to the middle row not being a setting.

By far what I loved most about this assignment was having to force myself to use colours appropriately. When using a digital medium, it is easy to go crazy with picking colours as compared to crafting, where you most likely have a few specific colours based on the materials you bought. But in software like Photoshop or Paint, picking a new colour is as good as 2 clicks away (one click to change the color, another click to choose any range of colours), it becomes very easy for me to lose track of what I felt was my main learning point – using colours effectively.

And that is why I feel that my main takeaway from this assignment is really all about the colours. I remember feeling lost about colours during my first consultation and had NEVER known what colours were prior to this. Ask me what analogous colours or complementary colours are and I would be blank. I probably heard them before in design, but never actually applied or studied it. So when I had to make my work meaningful in terms of the colour usage, I had to really look into this field of colours.

Before this, I had never thought much about colours and just picked them randomly – and now when I look back, I feel almost ashamed realising what a disaster it was to do that!

I also learned a lot during the consultations, such as how the drawing of a character’s posture can make it emote so much more and enhance the visual narratives. Referencing Pingu for my penguin really helped to inspire me and be more dynamic with my drawings in ways I never imagined before.

Although the penguin drawing was not in my final outcome, it was an important and integral to the part of my process and I can’t understate how important that was.

Overall, I just really like this assignment because of how fun it was and how much I learned about colours.

So here is a list of the top 3 things I took away from this assignment:

• Colour schemes (complementary, analogous)
• Character posture
• Using colour palettes to emote to audience

The End

With that, I conclude my post with a picture of myself and my final outcomes!

Thank you to Mimi for teaching me 2D and helping me to improve on my design skills! Journeying to become a great artist one day!

This is part 3 of 4 of my entire Ego assignment and outlines the execution process. To see how I came up with ideas and how I chose the colours, you may look at my previous post hyperlinked below:

For ideation: see part 1

For colours: see part 2

For bonus and reflection: see part 4

Mediums / Technique

All the 12 images were drawn, taking about 1-2 hours per frame, depending on the complexity of the frame.

Mediums/software used:

• Digital medium
• WACOM drawing tablet
• Photoshop (for Row 1 to 4)
• MS Paint (for Row 5)

Execution

Here is a time lapse video of the entire execution process of my 12 frames.

During execution, I constantly referenced the source images I had chosen earlier, as well as the colours I had already prepared beforehand. (You can see how I chose the colours in Part 1). Since everything had already been planned out nicely, and colours already decided, the execution process was pretty smooth and straightforward for me. I think this is the first time I actually planned everything out so nicely that the execution was made seamless and less problematic.

It really took a long time to draw everything. The video above is played at 64x speed, which means that for every second you watch in the video, slightly over a minute of real time had passed. Of course, the video excludes the breaks that I took as well as transition time when I move from one image to another.

Final Outcomes

With text:

My favourite ones are the one with Darth Vader, as well as the wishing tree, which turned out too dark during the printing process:

I think this image emoted perfectly what I wanted to communicate.

Continued in Part 4 here.

The process of ideation is not a straightforward one. One has to first brainstorm the ideas, and further develop the concept, such as exploring colours and narrative, before finally planning how they are all going to be laid out. I will write about the ideation process in detail here. As the entire process is very long, I have decided to split it up into four parts for better organization. This is Part 1 out of 4 parts of my entire assignment.

For colours: see part 2

For execution: see part 3

For bonus and reflection: see part 4

Assignment Brief

Apologies in advance as there is lots of text, I tried my best to include as many images as possible. Without further ado, here we go! The journey starts with… brainstorming!

Brainstorming

When I read about the assignment, I first started with brainstorming my ideas. For the most part, I wanted to make sure that I was on the right track, and also to generate many ideas so that I can narrow down to what I really want.

Above are the drafts that I started out with. They are mostly very conceptual, some of them being very simple and some others not fitting the assignment brief very closely.

Some of them had a stronger narrative than the others, and some had a more solid idea and more conceptualized than the rest. These ideas were the ones I picked out to develop further on. I also chose to elaborate on the stronger ideas that had more narratives to it.

The first idea I worked on was the Penguin.

The other idea I had was a tree.

 

First frame: Withered plant

Second frame (on the right): Basking in sunlight

Third frame (in the middle): Recharged

The story is about a withered plant (drained), but after he gets some sunlight (shown by the plant silhouetted against sun), he grows into a big tree, and his trunk contains a battery as a visual metaphor of being recharged, like a full battery on your phone.

Here are sketches of my other ideas on my sketchbook:

From top to bottom, after the penguin, they are:

Me + Home = Recharged

Dying me + Sunset solitude = Rejuvenated

Game Developer + Obstacles/levels = Powerups / Skills

Hopeless me + ADM = Artistic me

In the end however, I felt like I could do more and push the ideas further. This was something I realised after the second consultation in Week 13, which made me feel that I had a lot to improve on. Here was what I had at the end of the second week, at the stage of execution.

Looking at the first row, in one aspect, the penguin could be improved a lot on – the posture could be better used to emote the character, and the backgrounds could be more detailed. The other problem was that the penguin suddenly turned into an eagle in the third frame, which did not make much sense. So one thing I took note of was to have a consistent character.

So also after encouragement/motivation from my classmate Brian (thanks Brian!), I decided to incorporate a theme – turtles, as well as form a visual narrative with all my rows, sort of like in a comic book style.

I drew a collage of several turtle emotions, focusing mostly on its expressions first, at the top of the sketchbook image below:

In the bottom half, I started to sketch more of postures, looking at how I can dynamically draw a character to emote him more, make him a more lovable character, and how to make him appear more pleasing to the eye or cute.

I used a penguin character, Pingu, as a reference (more on references below later.)

I also wanted, if possible, to have a theme colour for each row/outcome, and also to make each row very distinguishable and unique. (eg don’t have two rows depicting happiness or have two rows with the same underlying theme, in terms of narratives and colour)

So the goals I had set for myself now were:

• Strong visual narrative flow (continues from one row to another if possible)
  
• Strong colour theme that emotes & communicates to audience
• Each row must be unique (have a certain vibe or feel)

These made the assignment a whole lot harder, but at the same time it would be very rewarding if I could execute it correctly. I was a little nervous actually and was thinking to myself, will I be able to do it?

---

1) The Main Character

I started out with emotions (throwback to first assignment!). And I had a lot of emotions basically.

Basically, I had drawn lots and lots of turtles. They are mostly fun emotions of what I can feel (eg tired), or representations of what I want to become (eg Macho) but there are very personal ones that represent me and emote to me, so don’t mind the Jedi turtle holding the lightsaber on the right, which expresses my love for Star Wars!

I decided to use the turtle as a main representation of myself, so this turtle was going to be my main character for my narrative.

I chose to have a main character as I needed to have a strong narrative, and having a main character would give the audience a figure to look at and emote with, and gives the entire outcome a person (or animal in this case) to be the frame of reference.

Keeping in mind what I had learned from my penguin outcome, I know I have to draw the character poses more interestingly and more dynamic to give that emotive vibe.

---

2) The Narrative

The next thing I had to get out of the way was to decide the storyline and the flow of the narrative. This was a little bit challenging, and I spent quite a bit of time on this. As a result, by the time everyone else had started on their execution, I was behind and still working on the concept of my 12 frames.

After spending a good amount of time, I finally found some inner peace in deciding the first frame of my four rows. The emotions and representations that I chose were:

• Curious me + ?? = ??
• Tired me + ?? = ??
• Hardworking me + ?? = ??
• Sad me + ?? = ??

Definitely, some of the above would be later changed to flow better with the narrative. (For example, sad me was changed to underperforming me). I worked on completing the ideas for the rest of the frames, adding in a setting in the middle frames, and the outcomes in the last frame of each row.

So here were the draft drawings I had made of my narrative concepts! I was really excited at this point because I finally had something that I was contented with!!!

If you take a closer look at the concept I had drawn above, the rows actually flow from one row to another, forming a complete narrative where the final frame of one row leads to the first frame of the next.

Therefore as an example, the consequence of the third row, which is me skipping school to play games, ends up leading to me failing my drawing test (first frame of the fourth row) and thus, underperforming/sad me.

While thinking of the ideas, I wanted to be a little more creative and I wanted the outcomes to be something unexpected (Go Home to study leads to me sleeping). Therefore, being abducted by aliens in the last row may not have made sense in a logical perspective, but in a goofy point of view, I felt it was perfect in delivering some humor, and I want the viewer to  get involved in and smile at my work.

I was really happy when I finally arrived at this stage because I feel that I had achieved what I set out to do, and the 12 frames could form a complete story. The turtle draws a flower in the first row, and this flower appears in the second and final row as a continuous object that lives within the story.

Adding semiotics also helped. Having a single, easily identifiable object like the flower was also something I felt helped to link the story from one frame to another, and you can see this clearly in the transition from the first to second row). I felt that it was something important to think about – the need to establish to the audience that the rows all link to one another.

Now, it came to the next hardest thing for me, Colours, which I will write about in Part 2.

Click here to continue in Part 2.