Task 3: Applied Illustration (Final Outcome)

Final Design Outcome

The finalised graphics for each of the regions:

Deliverable 1

Event poster

The first deliverable is an event poster

Deliverable 2

Store sign

Store sign

Deliverable 3

Apron design

Deliverable 4

Paper bag design (exterior)

Bag design (interior)

 

Task 3: Applied Illustration (Research)

For this assignment, we are to create a series of illustrations for a fictional event, which could be anything. The deliverable is are themed illustrations of at least 5 illustrated items, which at least one of it has to be 3D.

First approaching this project, even though the project could be literally about anything, I would think having a more realistic approach is more suitable for the long run in terms of portfolio. I think to design for a fictional but realistic local event looks better for a portfolio than an invitation for an outer space birthday party.

The even that I decided to go for is a festival or a market with participants from the different towns in Singapore. It shall be called Singapore Township Festival. As the name implies, the festival is all about food and handmade items, in a sense promoting local produce and crafts and at the same time, the Singaporeans love for food.

The idea is that every town would have its own design or graphics, but the styling from all the graphics from all the towns could come together and look like it’s from the same event.

The graphics would be a visual representation of the history of the town, where the name derives from, or any urban legends that are linked to the town.

I can’t possibly do the designs for ALL the different towns in Singapore. So I decided to pick the 5 different regions in Singapore :

  • North
  • Northeast
  • East
  • West
  • Central

South would generally be referred to the smaller islands south of Singapore.

The reason why I chose these towns is that they are more recognisable to the public and have been there longer than a lot of the newly developed ones.

Pattern Research

Since the illustration is more of a secondary graphic only as a supporting visual element for the different towns, I figured the illustrations should be more of a repeated pattern, where a visual element of the town is repeated to create a pattern.

40 Islamic Art vector patterns. Islamic art is so mesmerising and impressive that I was intrigued to study it and work on some patterns! I am really happy with the results of these fourty elegant geometric patterns, which above all offer editable vectors that you can adjust to your project's needs. It is a lovely collection of both highly complex and more simple patterns that can give your designs a sophisticated look and a classic beauty that offers you so many creative play options (look at40 Simple Line Geometric Seamless Vector #PatternsIllustration of seamless gold geometric retro pattern vector art, clipart and stock vectors. Image 17969108.Free Vintage Coloring Book Pages | Retro Patterns Geometric Design Vintage Wallpaper Seamless Background

North

Most of the towns in the North is named after (or has links to) a guy named Nee Soon, such as Yishun and Sembawang. He made his fortune from his pineapple and rubber plantation, hence the reference will be from these 2 items.

Image result for pineapple skin

Pineapple

Image result for rubber plantation

Rubber plantation

I combined the repetition of the pineapple with the lines and the collecting container of the rubber plantation.

Northeast

Northeast long ago were mainly fruit plantations. Even the term Punggol means to “throw sticks at fruits so it falls”. Now towns like Sengkang and Punggol has sea themes to them, hence another element to combine it with.

I combined waves and added a hanging fruit in it. When repeating the waves, it forms like a vine with fruits growing out from both sides.

Central

Inspired by the story of how Bukit Merah got its name.

Image result for hill

A hill

Related image

Story of Bukit Merah

Combined the idea os the shape of the hill, the repetition of the banana stems used to build the wall, and the sharp nose of the swordfish into one form.

East

Inspired by the Tampines/tempinis plant.

Image result for streblus elongatus

Included shapes of the leaves and the fruit of the plant.

West

Most of the west is known for its industrial area, and back in the day, Jurong is actually part of the Silk Road.

Image result for cooling towers

Cooling towers

Included the form of a ship and some cooling towers into the form.

 

Assignment 2: Editorial Illustration (Part 2 – Development and Final)

Ideas

Idea 1

For the first idea,  I was trying to go with the idea that just because a brand putting its presence into simple things like a plain t-shirt, it just becomes more expensive. So people are actually paying for the brand, rather than for function.

Idea 2

For the second idea was inspired by the Supreme Brick, but more to the idea of random items with brands putting their presence on it and selling the random items at a higher price.

Idea 3

The third idea is an assembly kit or a starter kit to be a Hypebeast.

I decided to go with the second and third idea as it is closer to the message that I want to convey through the illustration.

So initially I decided to combine the idea of random items with brands on them with the assembly kit, but the idea of having an assembly kit with random items would not make sense at all. So I decided to retain the items that make someone a Hypebeast. So the way that I would combine it is that both items, the random and the Hypebeast items, will still be there rather than having one replace the other.

Design References

For the illustration style, I decided to go to a more digital line-work and flat-lay as I felt like it would be a good way to represent the items that I would want to illustrate and also I think it is a good way to show the details within the items.

I was also thinking of whether to do it in a more static format or a more dynamic illustration

Development

First draft

Initial design

As for the initial design, I found it difficult to represent the brands, without having to put the brand logos itself. I tried to design the items based on what they are known for and their graphics that they normally include in their products, like the stripes in Off-White, and the bar in Supreme. But still, I felt like the items are still not well represented. In the end, I decided to proceed by adding the logos to it, which is seen below.

As for the colours, I would want to keep it neutral as I am putting a lot of brands inside, and I wouldn’t want any of them to stand out more than the other, and it would be quite chaotic to have a lot of colours in it. I also wanted to have almost like a template approach, like a flat drawing in fashion design where the colours don’t matter yet. Can also say that I having a neutral approach in this situation as these millennials are free to decide how they spend their money and does not directly affects me.

Final design

To add the logos, I have to tweak it a bit so as not to get into some copyright issues. Both items, the random and the Hypebeast, are present so that at first glance, it may just look like another flat lay of Hypebeast items, but when you look harder or look again, you can actually notice that there are random things in between.

Final mockup

Assignment 2: Editorial Illustration (Part 1 – Research)

The second assignment requires us to do an editorial illustration for the bi-annual publication, Varoom. We are also to do the illustration based on one of three themes:

  • Style
  • Empathy
  • Obsession

The illustration will be used as the cover of the Varoom magazine. So to begin this work, I would start my research on Varoom’s work.

According to the AOI – Association of Illustrators:

Varoom is the globally leading illustration magazine featuring a unique combination of industry insight and critical analysis of the field of illustration. It is a unique publication commanding a global audience commenting on and discussing the contemporary illustrated image in depth. It features interviews with illustrators, image-makers and designers as well as critical articles by leading commentators.

It is interesting to see the various illustrations featured on the cover of the magazine. Opens up my mind to the many different illustration styles and concepts there can be. Below is a sample of one of their latest publications:

More on the assignment…

What is an editorial illustration?

According to Udemy:

Editorial illustration is artwork created in response to written text, usually an article in a magazine, newspaper, or blog. In this course, we will focus on how to analyze a text, develop a unique idea, and communicate that concept visually as a partner to the article. Editorial illustration is an exciting field because it allows the illustrator to inject their own opinions and unique voice into the work. We’ll focus on how to inject your own personality into your expressive illustration while still communicating your concept and illuminating the written word.

Some samples of editorial illustrations:

Illustration by Stephanie Wunderlich

Illustration by Agathe BB

Illustration by Joe Magee

Illustration by Sebastien Thibault

Images from Agoodson.com, and more of the details about editorial illustrations can be found there too.

So which theme am I going for?

  • Style
  • Empathy
  • Obsession

When given these 3 options, the first theme that struck me was Obsession. Mainly because I don’t have enough experience in the feeling of empathy and I definitely have not much understanding of style. Those 2 themes are fairly broad and I believe that it would require much understanding of empathy and style before being more specific on what kind for the assignment. I went on with obsession as I felt that it is more relatable and is easier to understand.

So specifically to obsession, I would want to do obsession over Hypebeast clothing and items. There is a recent trend among the younger millennials where they tend to want to buy all the latest and hyped clothing and flaunt it when they go out or on social media. I just find it annoying and interesting how this thing developed in recent times and effects only a certain generation.

The term Hypebeast was initially from a website which main intention from the creator is to be the place to go for updates on the latest sneaker trends in the market. Somehow the brand expanded into promoting other types of clothes and the latest street culture that brands offer, hence the term Hypebeast refers to the culture or someone who is up to date with the latest clothing of culture trends normally promoted or sold by the up-market brands.

More on what Hypebeast is about here, on their own website.

More on the topic of obsession over Hypebeast stuff, there was a time when one of these brands, Supreme, came up with a brick that they launched as a humorous way to joke about how their customers and the market would buy anything that has the word ‘supreme’ written in a red box-shape just to remain in trend. They also made a lot of other items with the Supreme-red and the logo printed on it, and it almost became like an icon of mocking putting brands on random items but people would still buy them.

More on the Supreme brick here, by Highsnobiety.

So I got the idea for the assignment, I would want my illustration to be based on that idea of having brands putting their logo on random items and people would still buy them because they are so obsessed on trying to remain in-trend by buying all the Hypebeast stuff.

Target Audience

The audience of this illustration will firstly be these millennials. This is because they are mostly the ones who are having this obsession. Maybe it would help them realise that what they are doing is really silly.

User Persona

Moodboard

I was planning to go for a neutral look, almost not representative of the items and the brands so that none of it stands out more than the other, that’s why I went for the monotonous black and white also so that colour meanings will not play much of a role in the illustration. I also plan to use a flat lay and more static than dynamic so that it is clear and to the point.

Assignment Task 1: Stylised Self Portrait

The task is to create a stylised self-portrait of me with the concept of visual narrative or visual storytelling. The illustration should be more stylised rather than realistic.

I began researching on some concepts and ideas from other designers to have a rough idea and direction to go for with my portrait.

Retrieved from https://dribbble.com/shots/2513316-Paperclip-Festival/attachments/495007

Retrieved from http://www.studiograson.com/

Retrieved from https://www.ui.cn/detail/255163.html

Most of my references that I ended up looking for would feature a central figure and also alot of flat graphics, may some subtle gradients. These choices were made to help describe most of my choices when it comes to designing, where I like to centralise and have symmetrical layouts, and also flat graphics so that it is not so distracting.

Wordlist

To help out with deciding on what should be inside the self-portrait illustration, I wrote down a list of words that best describe myself.

  1. I love doing photography. Both capturing portraits and landscapes.
  2. I have been wearing spectacles from a really young age. And my lenses have always been really thick.
  3. My family thinks I 2 sides to my personality. A hangry (hungry+angry) and a happy side.
  4. I love the outdoors.
  5. I love road trips.
  6. I love cheesy foods.
  7. I love the sky gradients.

From the wordlist, it’s time to visualise and sketch them out and include my face into it. Here are some of the initial sketches that I have done:

Sketch #1

For the first sketch, I drew myself with glasses that contains the two things that I shoot, landscapes and portraits. The glasses were also drawn thicker as to emphasize the thickness of my spectacles. I drew some pizzas in the background, disguised as mountains to show my love for food and also my love for the outdoors. The colours are not included yet but I was planning to use the sky gradients of the evening to colour the background and the sky.

However, overall I found that the contents in the illustration were a little too equally-sized and there is no hierarchy or contrast in it, despite not having colours yet. And the feedback I got from my peers was that I should emphasize the focus on the face or at least have leading lines towards the face. I also felt like there could be more added to the portrait, other elements, that would make the portrait more wholesome.

Sketch #2

For the second sketch, I retained some of the elements from the first one and also added on and improved on it. The glasses and thick frames remained but I made them bigger. I made the mountains normal but to emphasize on the cheese, I made rivers and waterfalls of cheese instead. There are also shavers at the sides of my heads to show how I am almost always cutting my hair short and shaving the sides for almost all my life.

I proceeded to illustrate in Illustrator based on this sketch and modified accordingly as I go along.

Digitalising Process

As I started digitalising the sketch starting off with the background, I realise that it starts to become too chaotic because I included both the colours for the evening and the morning skies. So I decided to focus more on the evening sky — the purple.

I also then decided to remove the black portions of the sky as it would become too distracting when I start to include the mountains at the bottom of the portrait.

I thought I was done with the portrait and I felt that the cheese strings were too distracting and it cuts off the directional lines to the face. I decided to frame the portrait up using a plane window for my love of travelling. It felt like it would somehow reduce the amount of space between the sides of the page and the face so it would be more focused.

I then looked back at the progress and the overall look and felt that the sky gradients are not well represented, so I decide to insert back the gradients.

Lastly, I now feel like the cheese strings are just floating around and should not be attached to the sky gradients. So I decided to attach the cheese strings to the plane window instead.

Finalised design
  • The peeling of the face shows how i have 2-sides to my personality, the hangry and the normal, so when you peel the face you could see the mouth eating a string of cheese, satisfying the inner cravings.
  • The strings of cheese all around the portrait shows my love for cheesy food
  • The monotone self-portrait contrasts against the colourful background and also show the monotonous and “uncolourfulness” of my life.
  • The airplane window frame shows my interest in travelling.
  • The colourfulness of the background shows my love for the twilight sky gradients in the evening
  • The thickness of the glasses also represents my thick glasses from childhood and also to represent camera lenses for my passion in photography. Each of the lens has something inside, showing landscape and portraits.
  • The bottom part of the background shows trees to show my love for the outdoors.

Zine for Kampong Glam – Final

This design of the zine is to feature the two different sides of Kampong Glam – the day scene and the night scene. The zine is titled “Day to Night to Day @ Kampong Glam” to explain how the events in the area happen in a cycle — one after the other — despite the entirely different scenes of day and night.

The idea is the showcase the different prominent elements that one would notice when he/she goes to Kampong Glam in the day and in the night. From my research, I found that both the day and night are entirely different scenes, and I would like to show these 2 differences and how both of them are connected and complements each other in the zine.


The Zine

Cover

The reader will be first introduced to the day scene, which is the front cover. What better way to introduce Kampong Glam then with a prominent feature of the place — the shophouses. So I represented that using the different styles of shophouse windows.

First Spread

For the day scene, it would show the happenings that would you see during the day. Groups or tourists and tour groups would roam the streets, which can be seen on the left side of the spread. The other feature that can be seen during the day would be the retail shops selling fabric, textiles and carpets, which can be seen on the right side of the spread.

The two rectangular patterns on the top of the spread are to represent the long corridors along the shophouses and the patterns on it are similar to those that can be found on the Sultan Mosque, which is the most prominent building in Kampong Glam.

Most tourists can be found coming to Kampong Glam during the day

The many rolls of fabrics and textiles, a common sight at the shops at Kampong Glam

The patterns on the Sultan Mosque which is used in the zine

Middle Spread

The middle spread would be the most important spread as it shows the transition from the day scene to the night scene. I tried to make both the design styles from both scenes to blend as seamlessly as possible together.

The two rows of shophouses, at the top and bottom, are to show the other prominent thing about Kampong Glam that can be seen in both the day and the night, which is the shophouses. In a way, it shows how the shophouses come in rows alongside each other at Kampong Glam.

Other than the colours, the elements in the picture also form a transition. It starts off with the palm trees, which is one of the elements at Kampong Glam that has become part of the place’s identity (normally complements the Sultan Mosque), which will transform to what looks like the shape of a lamppost, another element that would appear in both day (even though it is not used) and night, and transforms again into cutleries, showing that the food scene is more active at night and is one of the more major activities that happen at that time.

There is also a sense of symmetry in this spread to help support the idea of transition and balance.

The palm trees which almost always complements the Sultan Mosque

One of many shophouses that fill Kampong Glam in rows

The food scene is more active at night.

Last spread

The last spread is the night scene. I would try to make this scene different from the day scene. The illustrations are mainly a repetition of the same illustrations, just taking turns overlaying and switching of colours. They are illustrations of the prominent things at night, which is the food and drinking scene and the many exotic lanterns that come in both circular and rectangular shapes with many different patterns on them.

Other than the entirely different colour scheme, the illustrations here overlay each other but off centre by a bit to form like a double image, which is an element I discovered at night where the lights form double shadows, most of the time coloured, creating double coloured shadows.

The circular features in the background and the background itself has a gradient element to it to show the down-up lighting that can be found on some of the buildings at night. So here I make the gradient in a way that is lighter from the bottom to help express this.

The overlaying circles at the top and bottom, however, are the lights that I find lining some of the buildings and arches of some restaurants and shops.

Double coloured shadow formed on the wall at night

Down-up lighting on the buildings at night

The many different styles of exotic lanterns

The drinking culture, and the rows of lights lining the arcs at a bar

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Back cover

So what comes next after the last spread? The reader would normally flip to the back cover, which is also the night scene. The back cover is similar to the front cover only with the elements of the night.

Wait a minute…

Something looks funny on the back cover. It looks like the design for the night scene decreases or lightens up towards the right.

If you open up the back and front cover into a spread you can see that it forms another transition…

There is another transition here, hidden if the reader does not open up the cover and back cover into a spread. The night scene transforms back to the day. This is how it goes back to the title and the idea of the day and night scene is in a cycle, how one comes after the other, even though both are of almost opposite styles.


Styling

Design Style

I chose to do flat illustration as it would allow me to create a clean style that would be easy and simple to understand. It would also allow me to do a clean overlaying of illustrations which is what I did for half of the zine to show the night scene.

There are also line works used in the design as it would help to lighten the spreads, in a way giving the reader a breather while flipping through the pages. It in a way prevents the spreads from looking too cluttered and filled.

Colour Scheme

I used the main colour blue which is consistent throughout the zine. I used blue as it is a cool and chill colour, in a way to represent the pretty chill culture and vibe the Kampong Glam has in both the day and night.

In the day I used its complementary colour — orange. It also helps to make the day scenes look bright like the day and also to represent the warmth during the day.

In the night, however, I used one of the blue’s triadic colours — a hue of purple. The other triadic colour was a hue of yellow which I did not find suitable to be used for a night scene. The hue of purple helped to support the night scene more. It gives a sort of mystery to the illustration too.


My Thoughts

The first challenge would definitely be trying not to make the zine look like a brochure for Singapore Tourism Board. The location I got is Kampong Glam. It IS a tourism spot. So no matter what I do at first, it would definitely look like a tourism brochure for the location. So it took me a while to find a direction that would be away from that. It took me 3 weeks actually and I was still unsure about my idea.

Closing in to the actual supposed production time, I finally got my idea for the zine. With not much time left, I got to the production and sketches as soon as possible. The next challenge for me was laying out of the zine. I found it hard to make the illustrations into a layout since most of the laying out that I am used to involves the use of images and photographs. I had to consider laying out and experimenting with design principles and colour theories. It took me a lot of sketches and ideation to get to the final one that ended up in the zine.

Then the illustrations took a long time to design and illustrate. When alot of my friends actually tested prints and are done with the layouts, I was still attempting and trying to complete my first spread. So I panicked abit but I still tried.

The end product is not my best. I know that. If there was more time I would definitely attempt other layouts. Maybe more detailed illustrations and experimentation. But I was definitely still happy with the comments and remarks that I got from my peers.

Zine for Kampong Glam (Part 6 – Developments)

(Disclaimer: Here are only the developments that went digital. Most of the other developments are in the Journal)

The feature image of this post is the mood board that I have created for the zine.

As we only have a limited number of spreads and pages to work with, I tried my best to compress a lot of the elements into those few pages. Also, I tried to connect and design the pages as a spread rather than individual pages so that I could show my understanding of spreads and in a way making use of the pages more.


First spread

This was actually the second-last spread that I worked on as I was finding it hard to attempt this and I actually left it last.

There were some main elements I plan to feature in the first spread. It being the day scene, I would definitely want to feature:

  • tourists
  • fabrics/textiles
  • shophouses
  • Sultan Mosque

So the following are the layouts I did for the first spread.

I wanted to have a balance between the tourists and the textiles, making them almost equal. So I tried putting them side by side or even on the same page.

As this was the last inner spread that I worked on, I have trouble trying to show shophouses here since I have already featured the shophouses in the middle spread. So, I decided to make it into the corridor arches instead.

For the colours and style, I was very much inspired my Malika Favre’s work. I realise I was following too closely to it that it is starting to look very much like it too. So I had to change things up abit and change the colours too.

Initial sketches

One of the first sketches I did

One of Malika Favre’s work that I was inspired by

One of my attempts on the spread. It started to look very close to Malika Favre’s work, especially the colours.

End result

I was not too satisfied with this spread as it still looked too solid and heavy despite my attempt to make it lighter by changing some of the illustrations into line works.


Middle spread

This was the second spread that I worked on. All this while I would know the importance of the middle spread as it is the transition spread and would balance out both sides of the zine.

Some elements that I would wanna feature in this spread is:

  • palm trees (for the day)
  • lampposts (as it can help to show the transition and looks close to cutleries and palm trees)
  • cutleries (for the night)
  • shophouses

I tried to make it more dynamic for this and this page was particularly important to show the transition from day to night. So I spend alot of time on this to make the transition as smooth as possible.

Initial sketches

An initial sketch for the middle spread

My first digitalised work for the middle spread. I realise that there were still too much space in it and it was not dynamic enough

I tried to make it more dynamic. Almost there…

End result

I settle down with this as I think there is a right balance and dynamic movement in the spread. I think that the transition from day to night is seamless too, like there is no sudden change.


Last spread

This was actually the first spread that I worked on as I really wanted to show the overlaying and the double shadow effect in the zine.

Some of the main elements that I wanted to show in this spread is:

  • exotic lanterns
  • down-up lighting
  • food scene (plates and drinks)
  • lights

Initial sketches

Can’t really see much here as I mostly worked out the shapes of the illustrations digitally

End result

I was satisfied with the layout of this spread as it was very close to what I had invisioned. The space on the left page of the spread was actually for text, but I decided not to put it in because i wouldn’t want it to affect the mood and feel the illustrations had conveyed.


The cover and back cover

This was actually the last page that I attempted as I was mainly focusing on the contents, and would leave this last so that I would know what the content is already like so that the cover page and back cover would be the design layout that holds all the contents together.

So what would be the better way to hold everything together and represent Kampong Glam? By using shophouses windows! (Since the shophouses have already been used by the middle spread)

Initial sketches

I wanted to make the windows of different sizes, but I decided not to as I think it would make the spread look too messy.

End result

I was pretty satisfied with the outcome of this spread as it also has a smooth transition as the middle spread.

Zine for Kampong Glam (Part 5 – Early Concepts)

To show the transition of the day to night in my zine, I would pick out elements that stand out during the day and the night so to narrow down on what to show in the zine before even actually deconstructing it into graphic forms.

Things that stand out during the day:

  • retail shops (fabrics, carpets, perfume shops)
  • eateries – not too many people except during lunchtime
  • more tourists & tour groups
  • graffiti (particularly stands out in the day, vibrant colours, tourist attractions
  • shophouse windows (colours and patterns)
  • palm trees

Things that stand out at night:

  • pubs & bar
  • eateries (more people compared to during the day)
  • signboards (colourful and bright, LED, alternating colours)
  • lamps (exotic patterns, middle-eastern look)
  • multiple coloured shadows on walls (see more here)
  • lights from surrounding buildings
  • ground-up lighting

Things that stand out throughout the day:

  • the Sultan Mosque (a prominent feature in the day, lit up through the night)

Moodboard & Artist Reference

Since we are not encouraged to do photography style, I figured that I could use illustrations for the graphic forms of the zine. As for the type of illustration style, I would think of flat vector-based illustration as it would help bring out the play with colours and would also allow me to do overlays and layerings without it being too messy.

Artist Reference

Malika Favre

One particular artist works that captured my attention as an inspiration for the zine is the works by Malika Favre. I loved how she used flat vector illustration and minimal use of colours and details but could create a variety of graphic shapes and forms.

La Documenta by Malika Favre (http://malikafavre.com/la-documenta)

I loved how even by using 2 colours (not including the white) the artist could form a crowd and many different people with minimal or very minor details.

The Traveller by Malika Favre (http://malikafavre.com/the-traveller)

Part of the 3 illustrations under The Traveller series, I liked how the artist has used a similar pattern for the floor tiles as the patterns I spotted on some of the exotic lamps during my night visit to Kampong Glam. I could attempt to do something similar for my zine maybe.

Part of the Christmas in Bologna series (http://malikafavre.com/christmas-in-bologna)

Part of the Christmas in Bologna series (http://malikafavre.com/christmas-in-bologna)

Part of the Christmas in Bologna series (http://malikafavre.com/christmas-in-bologna)

Part of the Christmas in Bologna series (http://malikafavre.com/christmas-in-bologna)

For this series, Christmas in Bologna, I could easily relate how the artist illustrated the windows, patterns and walkways with the many shophouses, walkways, and windows at Kampong Glam. I could possibly try a similar style for my zine for this.

Adam Koon

Another artist work that I was inspired by is the works by Adam Koon. I particularly liked how he used irregular shapes to make the works look more fun and not rigid. His use of colours even though is also minimal still manage to make some of the elements in the works stand out more, hence, visual hierarchy. He has also added some textures and minimal line works in the works, making it stand out more and have a more overall impact.

Moodboard

Adding on to the artist reference, I have also created a mood board for the zine. As mentioned earlier, I plan to use flat vector illustration + use of vibrant colours throughout, which are the colours that can be seen in the graffiti and the shophouses at Kampong Glam. For the night scene, I plan to use a similar style but with a darker background. The illustrations will also begin to overlap and overlay each other, the effect which I found on the walls which is the overlaying coloured shadows. The colours would be more saturated and bright to contrast with the dark background.


Laying It Out

Before I would actually deconstruct the content into graphic forms, I would lay out the content first.

Front and back cover

Since it will be a day and night zine, the front and back cover would be bright and dark respectively. So the readers would know that the book is about day and night, respectively. As for what is on the cover, I would plan to put what would be easily recognisable as something very Kampong Glam – the shophouse windows.

First spread

The first two pages would be to show what goes on in the day. So as mentioned earlier:

  • retail shops (fabrics, carpets, perfume shops)
  • eateries – not too many people except during lunchtime
  • more tourists & tour groups
  • graffiti (particularly stands out in the day, vibrant colours, tourist attractions
  • shophouse windows (colours and patterns)
  • palm trees

It would showcase what is prominent during the daytime.

Middle spread

The middle spread would be most important as it showcases how the place changes from day to night, which is the transition of Kampong Glam. The content would feature some of the elements from both day and night, in a way blending both together, hopefully seamlessly.

Last spread

In contrast to the first spread, the last spread would be showcasing what is prominent in the night. The pictures will be overlapped in a way to show the double imagery mentioned earlier.

  • pubs & bars
  • eateries (more people compared to during the day)
  • signboards (colourful and bright, LED, alternating colours)
  • lamps (exotic patterns, middle-eastern look)
  • multiple coloured shadows on walls (see more here)
  • lights from surrounding buildings
  • ground-up lighting

Comments on the first draft:

  • give a thought about pacing & breathing space
  • pages too cluttered and filled
  • allow the reader to stop & rest
  • front and back cover too minimal as compared to the inner pages
  • include some design principles for the layout of the pages (middle spread is a good example/attempt)
  • have direction and flow for the spreads

Links

Image Making Through Type (Part 4 – Final Outcome)

The Interior Designer

For this design, I stuck with the elements and design similar to the ones used in making the floorplans of houses and spaces. I used the shapes for the types of furniture and the variations of thickness used for the walls and windows.


The Confectioner

For this, I joined all the 4 letters together as if they are made from the same base. Then I “overlayed” or “layered” each of the different letters with a different coating.

  • Bubblegum for the “S”
  • Chocolate and nuts for the “Y”
  • Glazed doughnut and strawberry icing with rainbow sprinkles for the “A”
  • Candy coating for the “M”

Art direction wise I tried to stick with the more detailed illustration but the outlines and generally all the same thickness.


The Radiographer

I tried to make it look like a real X-ray scan with the bones and things in the body being the more prominent part of the design, while the skin and outer layers of the “body” being more to the faded side, almost not visible.

I added grainy texture and blurred it overall so that is it not too clear and more like a real x-ray scan. I also added more textures and erased off some parts of the bones to make it more realistic.

Also, I have added a little humour into the work, like a fractured bone and a mouse running in the skull.


The Contractor

Seeing that it is a flat design approach, I tried to get as many details into the design as I can. I used the bright colours yellow, orange and red because these are the colours that are commonly used in construction sites. I have also added shadow in the back so as to make the type stand out.

Image Making Through Type (Part 3 – Art Direction and Colour Scheme)

With further remarks from peers and others based on my first drafts, further changes are made, mainly in the art direction and the colour scheme.


The Interior Designer

Art Direction

For the art direction, I plan to follow as closely to a real floor plan as possible to make it look like it is real. The thick borders on the outside, followed by a thinner inner wall and also the really thin furniture and doors. I also will try to stick to the style used for the windows and doors.

Colour Scheme

I will make the design black and white as most of the floor plans I found are in black and white. I have decided to not go for the blueprint design as I was told that that direction is overused.


The Confectioner

Art Direction

Illustration by Julian Burford (http://www.julianburford.com/client/)

Illustration by Mackenzie Child (https://www.mackenziechild.me/)

Since this will be the more colourful works among the 4, I have decided to go for something more fun and friendly, so I will be doing illustration based. As seen above, it looks very quirky with thick outlines, and details include the highlight and shades in close colours. I will also try my best to get as many details into the illustrations as possible to make it look more interesting.

Colour Scheme

This colour scheme is most important as it involves a lot of colours. So I had to look at the different individual sections of the type for colours, but I have decided to stick to the pastel colour scheme as it will appear most friendly and pleasing for the candy-like theme.


The Radiographer

Art Direction

The art direction for this is pretty straightforward – the x-ray. Again, I try to stick as closely as possible to the original x-ray so that it is clearly represented. As mentioned in the previous post, the x-ray concept has 2 layers – the inner and outer layer. The outer layer is more faded as compared the inner layer that is much brighter, almost neon-like.

Colour Scheme

For the colour scheme, I will stick to the blue-ish colours of the x-ray. The thicker areas would appear whiter while the outer layer will be more faded and dark. Anything that I would want to stand-out would be among the brightest.


The Contractor

Art Direction

I would want to attempt a flat illustration style for this, as compared to The Confectioner, which is more detailed. At the same time, flat illustration should try to capture as much detail as possible.

Colour Scheme

Black and yellow used on a toy crane (https://www.amazon.co.uk/Caterpillar/pages/1656735031)

Yellow and black used on a construction website (https://www.freepik.com/free-photos-vectors/excavator)

For the colour scheme, I thought of using the black and yellows as they are common colours used in construction sites. It is also contrasting and striking.