Graphic Form Project 1: IMAGE MAKING THROUGH TYPE

When we were first briefed about our first assignment and how it was coming out with nonsensical jobs, I was honestly quite excited and came out with a list of jobs that I thought was interesting. 

  • Skittles Sorter
  • Wrinkle Ironer
  • Bubblewrap Popper
  • Gummy Bear Amputator
  • Grape Deflator
  • Star Harvester
  • Mushroom Grower
  • Underwater Farmer

From here I tried to do up some sketches of how the entire design of the typography would look. Honestly, I got quite(very) confused about the entire concept of not bending the elements to fit the letters themselves. But some of the designs that I thought was bending were actually acceptable. Took me awhile to get it. Or did I really? Anyway, these are the final outcome and process of my 4 nonsensical future jobs expressed using type. 


First job: Skittles Sorter

The first thing that comes to mind when I think about sorter would definitely be conveyor belts and mechanical hands that we usually see in factories.

As seen from my initial sketch, I didn’t quite catch the idea therefore actually went to arrange the various elements into the font.  but luckily I was corrected before I moved on to continue it digitally. After the consultation, I kinda got a rough idea of what I did wrong. The font should be prioritised first and it should look like a font. 

References

The font I chose is a font called “Slab Serif”. Unfortunately, it’s a paid font so I had to trace over the font sample that they provided on the website. Thank goodness this design only had 2 letters. 

So on my first attempt I tried to create a skittle that didn’t look too flat? Although the style I was going for on the conveyor belt is a vector style but I think it would look weird with just circles with a letter s on it. I tried 2 different styles for the letter S and decided the latter looked better. After getting some feedback from Shirley and friends, I decided to add some shadows on the conveyor belt and to make the skittles smaller, at the same time arrange them so that they look like they are sorted within the text itself. 


And another half done attempt at the design and I gave up halfway. 

Then I ended with something like this. Tried to overlap the skittles so it doesn’t look as static. Even by adding the sprinkle of skittles on the left bottom corner, it still felt very empty. That’s when I thought maybe I could try adding some packets of skittles. I was hoping the skittles at the bottom left would have the effect of leading the eye to the initials.

Final Outcome: 


Second Job: Bubblewrap Popper

The elements in this job is kinda straight forward I think, bubblewrap and something to pop it, be it a needle or something sharp.

Initially I was actually thinking towards a comic style somehow. And by using the background, I could show the popping element. (which I after found out was not a wise thing to do since we needed to express the elements in the font itself)


For the first try, I used an online tutorial to create the bubble wrap texture using the blending modes on Photoshop. The results were okay and I went on to think about the popper element. I had troubles trying to incorporate needles into the font itself and I wondered if I could add a finger instead. Since we usually pop bubble wraps by squeezing them with our fingers. I tried a few placements of the finger on the letters I decided that I should risk having any elements sticking out of the font itself. I also decided to split it into 2 lanes so that the letters could be overall bigger. 

After getting some feedback, we decided that a pushpin would better express the idea of popping rather than a finger.

Final Outcome:


Third job: Gummy Amputator

Initial idea was a Gummy Bear Amputator but because of the additional parts I wanted to add onto the letters to make it a bear, we decided to just swap careers and be a Gummy Amputator instead. 

To create the gummy texture, I quickly realised it’s impossible for me to paint it digitally so I went to a software that I knew I could recreate it with a lesser time. Autodesk Maya

References:

First tryout with the material preset

Feedback: The material feels more like jelly rather than gummy. The feeling of amputator isn’t exactly there. Might help to add some bones inside maybe?

After all the modelling and material for the gummy and the bones are done, I figured it would help by adding a scalpel into the scene to give the feeling of being amputated. Then I moved on to lighting the scene to make it look like one of the scenes from Shrek, whereby gingerbread man was held captive at the table at Lord Farquaad’s castle. 

Final Composition of passes

Final Outcome:


Fourth job: Underwater Farmer

This was definitely the one that I faced the most problem with with countless times of redoing and re-testing and finding new ways to achieve the results I have in my head. 

References:

So I started out being a little confident and excited about this since I thought I had something after my first try.

UNTIL I realised I had to trace out every single face of the letter, even the ones behind since water was transparent. That’s when I started a whole lot of testing in Photoshop, Illustrator and Maya. (tho I didn’t want to use Maya for this composition)

Some of the failed attempts: (there were probably like 4 times the number of tryouts here)

Transparency on Photoshop 3D extrusion didn’t work well and the 3D function in Illustrator didn’t have the transparency option and I didn’t want to model all the elements in 3D in Maya. T-T

I even gave up at a point in time and decided maybe I should just do a flat version of it. But I really really didn’t like how it looked so I went back to all sorts of testing.

THEN finally I figured a way of working around the both the softwares. I first created the letters in illustrator without transparency, then I brought it over to photoshop to overlay the textures and adjusted the opacity is make it look like water.

Final Outcome:


Overall, I found this assignment really interesting and fun. The fact that we had to choose nonsensical jobs meant that we really had to communicate solely through the elements in the font itself. Although I was very confused during the first 2 weeks, I think I got a hang of the aim of the project. I stayed true to the font and stopped myself from adding any addition stuff outside of the letter itself. I also managed to learn abit of Illustrator which I found to be quite useful. 

Leave a Reply