Page 1

Foundations of Design : Representation, Sem 1, 2018 PORTFOLIO Bena Wang

996090 Studio 18 - Jun Han Foong

Contents Module 1


Module 2 Module 3 Module 4

7 11 17


A crucial step in this module is too take good photography that adheres to the lines of orthographic projection. Special care was taken in the photography process such as drawing lines on the ground of the photostage in order to make sure that the croissants were aligned correctly. During the scanning of the bottom view. I’d come to realize that the edges tend to blur quite severly, therefore I resorted to using a box that had an opening around the size of my A4 scanner to cover the croissant while it was scanning in order to prevent any external light from invading, Thus the photo quality became much cleaner. 3

During module 1, I closely followed the subject guide to try and create the final presentation. The croissant was scanned and edited using the magic wand in photoshop. This was a new learning experience for me as I had never dabbled in photoshop so much. There were different methods of cleaning such as the pen tool that I learned along the way and challenges like these helped me expand on my knowledge of digital editing.



. A4 tracing paper was used to trace and sketch the croissant, dark shading was used to emphasize the grooves of the croissant, however, when I scanned my sketches the contrast between light and dark wasn’t seen properly and therefore the levels were adjusted in photoshop further adding depth. Black hatching was also layered over the top to further add a rough and flaky texture and shade to the croissant. Overall, I tried to portray a detailed and comprehensive illustration along with a layout that lets the viewer have a clear understanding of what they’re seeing. My biggest issue with this module was that I didn’t include all of the measurements and though I would like to remeasure and take down the heights of the section cuts. Unfortunately I’ve thrown the old croissant away and therefore cannot give accurate measurements of what I’ve missed. 5








The axonomtric projection was where the most problems arised as this was an area that was unfamiliar and complicated to me. Transfering the section cuts outline onto the axonometric grid was quite time consuming as I first had to pinpoint where the grid and outline intersected by drawing dots and then connecting them all together through a line. However the biggest problem with this module was photoshop. As since there wasn’t much existing experience with the software. Trying to adjust levels and cleaning up the background was the hardest part, as there was some random unwanted spots here and there in the submission for module 1.So therefore in the portfolio I tried to make sure that the background of the axonometric was as clean as possible by redoing the grid on the axonometric in order to produce a projection that was simple and readable.


The making of new Mario world.

The two views met through normal axonometric lines. How they interacted was another factor. As my projects had larges grey mountains or icebergs taking up the whole ground which left very little room for any elaboration. I decided to delete them and create my own space that would allow the floatng blocks to freely interact with another. There was a certain difficulty in revealing the hidden space as many of my objects in the front and back view of my Mario world was floating up in the air. So since everything was basically exposed there wasn’t much that could be hidden.


The initial pencil sketch of the Mario world was done in pencil on a drawing board with a number of set squares in order to make sure that the line were accurate and adhered to the rules of axonometric projection. The image on the right depicts how it is done and how the front and back view interacted in the axonometric


There were several issues with my first draft which include the over use gradients. Flat shading would have worked better and each face of each object should be a different shade of the same colour. The floors of the world were too flat. There were plenty of potential geometrical shapes that I could have done and I wasn’t not pushing what I could do in terms of creating depth as lot of my geometry seemed to very uniform or linear. There was also no need for the giant ice shard at the top and bottom therefore I deleted some of them.

There were two final versions for the mario world with the difference being the structures underneath the main floor of the world. The cylinders were randomly put underneath in order to balance out the many sharp geometrical shapes of the mario world. However drawings shadows over the top of them was too difficult and it didn’t really add to the design.Therefore in the end I still settled with a giant iceberg that was more simple and could also present a more dreamlike image for the marioworld. The image on the left was I had submitted in the Module 2.


MODULE 2: Flatness vs projection Improvements

This is the edited version of my axonometric, I deleted some of the textures as I might have gone overboard with using them and adjusted the line weight to add more defintion. However notice that there were also different variations of lightness in colour to show the depth and perception in the axonometric. The darker colours represent the areas where light is minimal and the darker the shadow it shows how much closer the object is to the ground. As mentioned previously, there was a certain difficulty in revealing the hidden space as many of my objects in the front and back view of my Mario world was floating up in the air. So since everything was basically exposed there wasn't much that could be hidden. Therefore I settled on a rather generic design with water flowing down from a high point to add a sense of fluidity and a difference in elevation to what would have been a rather flat piece. Notice how I also changed the way the water flowed to add more movement into my world.  I had a bit of problem trying to figure out what to put underneath the main floor. Firstly, I didn't want it to overpower what was above it so I was sceptical of creating another floor. However the according to my tutor the iceberg was excessive and therefore in the end I settled on deleting it and adding a another level where I can put in more building structures such as a mini igloo.



There are altogether 3 main shapes with some differences in height. If one were to look at the plan view there is a prominent design principle of balance as well as symmetry.  However, there is a detail which makes it different which is the orientation. Throughout the whole module, you'll see some panels flipped in various orientations in order to create contrast and variation. Because the whole abstract idea that I was trying to convey was that the middle sections where dramatic changes in height occur are the jagged mountains. The arc which is an organic smooth shape is the river and the flat terrain is where the ground is. I was trying to convey the whole idea of nature in my design. And in terms of topography, my terrain was relatively flat with one of the corners slightly sloping downwards. 



The terrain

The attractor points were put at diagonal ends in order to create taller points at the opposite ends of the terrain.

Offset points, the perspective was moved around in order to find a view which could showcase the varing heights in dot points.

Pt custom 3D variable using the 3 meshes shown 13

Shape 1

Shape 2


Shape 3

Improvements One of the main suggestions that the tutor gave to me after I was done with module 3 was to add more curvature and topography to my module along with improving the overall photo quality. Therefore a stand was set up underneath the module and I aimed to make sure that the topography was similar to my Rhino compositions. I also inluded closeup view of the individual units.


There was a problem with my module which is that the panels are too small. Due to a printing error there is a 1-centimetre difference in length and width in the panels, it resulted in the whole module being 10 centimetres too short. Since the difference was so minute I didn;t notice until I was nearly finished assembling. However, since I couldn't get the panels the right size I tried my best to make the actual model the correct proportions. Therefore I folded an extra 44 to 50 panels to add an extra ring around the module making it a 12 by 12 not a 10 by 10. 



Light mood Heavy mood People/crowds Train tracks Perspective 1 Persective 2 Stare 0




Movement-fast Movement-slow Passage of time


A closeup view of the staircase show a design that is both rounded and geometrical. The baluster is inspired of the painting by Paolo Vernese ‘Wedding at Cana’. This train platform is where marco polo’s journey starts in the city of Zirma, this platform has different variations of shops existing on the left side including including tattoo shops and candy shops, these attract people of all different class to gather and buy something before they go to the next destination. There were mentions of blind black men shouting into a crowd as well, as well as sailors getting tattooed along with a girl dragging her puma. With all these anomalies the mood was more oppressed than usual and therefore the arrows on the ground show that marco polo was walking rather quickly through the crowd in order to go to the next platform.

Platform 2 has a lighter atmosphere than platform one as shown through the signs on the ground. The decrease in crowd density may be a reason for that, but also the fact that through platform 2 you can see a rather spectacular view of the river.

The concave is structual element that I added in order for the train station concept to seem more realistic. Alot of effort was put in to make sure that the proportions or the depth of the concave was realistic. Methods such as comparing the height of Marco polo against the depth as well as looking at existing train stations allows for an rather accurate interpretation. Though the concave also caused a few issues such as having a hard finding a perspective that would allow me to showcase my story as well as not having enough floor space to place on characters on.


Perspective 1 This view displays a tunnel like perspective that zeros in onto one point. That is the purpose of positioning the camera at the end of the platform as the one point perspective gives us a highlighted view of the stairs which is an intricate and detailed part of the structure. Furthurmore the scene allows for the side of the platform to be fully shown and make room for various objects to be added in and distorted to show an in depth understanding of perspective lines.

Perspective 2 This view suits my scene as since the camera is from a high up view on the stairs. It gives a subtle birds eye view that shows a clear perspective of the people and envrionement from above. This way many details that may have been missed at eye level could have been picked up by going to a higher perspective, such as the train tracks. Furthurmore, the view is more likened to a perspective seen through a human eye and therefore providing a more realistic approach to the scenery.


Perspective 1 Perspective one shows a blind man preaching on the bench with men having their back facing the camera and watching in interest. They were purposely lowered so only half their bodies are seen in order to not block too many objects while still filling up the front space of the scenery. Notice how the resolution of them isn’t as clear as the some of the others as they were purposly blurred in order to provide a sense of movement to the still figures. There’s a tattoo parlour and candy shop on the left side of the platform and a girl dragging her puma on the left.  Steam or smoke was also added as there was a train departing from the station but also to add a rather mysterious vibe that blurs the scenery. Note the textures as well, I tried to create a rough cobblestone floor smooth concrete columns and a rough cavern-like ceiling to provide a balance in the surfaces. One can relate this scenery to the industrial revolution when there were classcial architecture along with new evolutionary machines such as the steam train mixed into it.

Anotate your drawing, give us a short description of the scene above


Perspective 2

There were mentions of skyscrapers in the extract given and so I tried to subtlely incorporated high rise architectural elements in the background. I added some bird’s nest inside the capitals in order to create a stronger connection with nature in an environment that is highly centred around the humans. There is no train in this perspective as it had already departed the station, The absence of the vehicle allows us to see the varying textures of the platform and the people on it and the decreased amount of people add a sense of realism as it shows that people tend to leave the plaform after a train passes by . There was also particular care put in so that the audience can see what direction the light is coming from. Overall my structure isn’t tall but it is just enough to function as small train stations there were inspirations taken from both North Melbourne and Flinders street in order create an olden day station with a slightly modern twist.




Fod portfolio 3  
Fod portfolio 3