1
INTRODUCTION Foundation of design (FOD) is a first year design subject that introduces stu-
tutorials. This portfolio will walk the reader through my learning process and
dent to the basics of architecture, landscape architecture, graphic design and
outcome of this subject. Moreover, It will also touch on some design con-
digital technology, etc. It consists of four modules (excluding this portfolio
cepts learnt and illustrates how each module project was done from scratch.
design). Students are required to aquire basic knowledge from lectures and readings and then complete a module project that would result in a design product at the end of each module followed by a pin-up presentation in
Year Of study: Semester 2 2017
Student info:
Tutor:
Hei Ching Chiu (Oasis) 838135
Carl Areskoug (Studio 8)
2
Contact email: hchiu2@student.unimelb.edu.au
THE PORFOLIO OF OASIS I am a student currently studing in the University of Melbourne majoring in Mechanical Engineering. I am taking FOD as my frist year breadth subject for my degree. The reason why I have chosen to study this course is because I believe there is a place where Engineering and Design go hand in hand to create “jaw-dropping’ products. In particular, new technologies that appeared recently like AR or VR require not just mathematical and programming skills but also knowledge about 3D and 2D space as well as representation techniques. Therefore I believe what I have gained from this course has given me a speciality skill set over other mechanical engineers.
Engineering student Majoring Mehancial Engineering Wish to become a commercial pilot and a part-time Engineer “Art without Engineering is dreaming. Engineering without Art is just Calculating.” Steven Roberts
Interested in project design and automobile design Love to explore new tech gagets
33
INDEX Module 1: How to draw a croissant
Module 2: Flatness vs Projection
5
12
The introduction Module that emphasis on hatching and shading
The second module that allow exploration into construction of
technique as well as accurate scaling. Hand drawn orthographic
2D and 3D spaces. Building on understanding of “subjective” and
projections and perspective drawing (i.e. cross-section, elevation,
“perspective”, we establishes the differences between the two and
plane view) are also the heart of this module.
the importance of point of view. Axonometric drawing skills and Illustrator skills are essential to this unit.
Module 3: Pattern vs Surface
Module 4: Frame vs Field
16
24
The third module that aims to deliver the concept of pattern and
The last module follows from the concept of persepctive gained
gain understanding on how to develop a surface. Using a part
from the second module, and require student to make use of the
of the topography of Tasmania as reference basis, 3D panels are
concept to develop two scene based on the modelled university
built on to the surface digitally using software, Rhino, and then
building and a given story about Marco Polo’s journey. Learning
physcially assembled to a real model.
how to represent an abstratic exsistance using notations is also a main part to develop in this module.
4
MODULE 1 How to draw a croissant “A surface wraps over itself and an inside appears, formed by superimposing itself over its outside... Then the ends close over themselves, forming the wrapping over which the fold are arranged. We recognize this form in the roof of the mouth...(a mystery comparable to that of the knife which breaks when introduced into a glass of water). When measuring it, numbers return transparency to the form, with all its negative qualities: the lack of color, smell and taste. Because a croissant, or half moon in Argentina, it is meant to be eaten.� Enric Miralles- How to lay out a croissant
5
Perspective photos of the croissant Long side elevation (right), Short side elevation (top right), Plan view (top left) These images are taken from a photostage set up at home using professional camera. The bread was also cut at desinated location vertically to reveal three cross sections and then brought to scan. The photos and scannings are later edited in Photoshop to adjust the uniform colour across different views as well as removing their background for graphic use. Colour adjustment, levels, different selection tools and backgroud remover tool are the main functions of the software learnt at this stage of the project. These edited images are then laid out on a A3 paper so that accurate hand tracing of the outline of these croissant in actual size can be drawn.
6
Sketches of the croissant Long side elevation (left), Short side elevation (top right), Plan view (top left) When constructing the drawings, special attention has been placed on the shading and hatching of different perspectives in order to represent different characteristic of a croissant. In the plan view, a lot of dense cross hatching has applied to put emphasis on the butter patches on the surface of the pastry. On the other hand, the short side elevation drawing used a much lighter shading but crisp dark lines to emphasis on the many layers of a croissant when viewed on the side. Lastly, the long side elevation on the right has a combination of multiple hatching and shading technique to illustrate the fusion of all of the special features of croisaant.
7
Cross section A
Cross section B
Cross section C
Cross sections
to represent softness of the bread core. Careful choice of
in a A3 paper for later hand tracing. After tracing these
Like the previous short side elevation and plan drawings,
intensity of blackness has been also been used in the set
images with different thickness of black liner, range of
these set of cross sectional drawings are designed to
to represent a wider range of depth.
pencils (3H-9B) is used to create these set of drawings.
represent another two important features of this beau-
Brief flow of work
In the following pages of these portfolio, the method of
tiful pastry -- Crispy surface, soft core. Hence, the set
Firstly, a photostage has been set up at home to take the
turning these 2D sketches to axonometric drawings by
utilized a lot of dot hatching for the outter layer to
set of perspective photography of the croissant. These
from drawing grids to projecting the trace line of the
represent crispiness and (soft-hard) shading for the core
images are then edited using Photoshop and laid out
cross sections will be illustrated.
8
Axonometric projection preparation (grid and plot) To create the axonometric projection of the croissant, tracing paper with 1cmx 1cm grid drawn was laid out on the cross sectional drawings to trace out the outline of the pastry at the three cut lines. Another set of grid at 45 angle was also drawn on the plain view to guide the projection. The plotted outline is then transfered on to this 45 angle grid and finally, plotted points on this grid is joint to create the outline as it would be seen at the axonometric view. A joint sections drawing is then drawn to illustrate its real form (not just outline). This drawing is included in the following.
9
Axonometric projection process and final sketch These illustrational sketches and plot showed a break down of the process to create the axonometric projection of which it is the core lesson on this module. This is a useful and systematic way to ensure the sketch is drawn to accurately and realistically. Axonometric drawings combines the plain view and the elevation view of an object and retain scaled measurement to provide a objective three diamentional representation on a 2D plane.
10
MODULE 2 Flatness vs Projection “The technical difference between perspective and axonometric is the absence of a vanishing point. The projectors do not converge but rather, as in the othographic projections of plan and section, they are parallel. One way of describing this condition mathematically is to say that the vanishing point is located at infinity. � Stan Allen -Practise architecture technique and represenatation
11
Axonometric Mario World Thinking about how the Mario world work in real life
a new castle. While locking the Diana up, he and his
makes people’s brain hurt since the traditional game is
brother (baby bowser) would stay guard near the
plain and flat, and it does not really make sense when
castle, hiding all of the mushroom to prevent Mario
there are two walkways for Mario, one in the front and the
from getting them. But then they got tired and fell
back. Therefore, I decided draw out the final venue when
asleep, so the mushrooms sneaked out to the path
Mario is at the highest place of the world and make him
of Mario while he is in luck to have a chance to save
realise what is the actual operation of the world he has
Diana without getting spotted. Besides, the world
been long living in. Therefore, the theme of the design is
under is the underwater world guard by the dragons
“the realisation of Mario and the untold story.”
therefore Mario always die if he accidentally fall into
The drawing can be made sense in the following way:
a hole on the floor as the hole exsists a hungry dra-
Each time Bowser kidnapped the pincess, he brings her to
gon waiting for fresh food like Mario himself.
“Here we go!” Mario - the plumer 1212
First reference screenshot fro Mario’s World 8-6 This image is used to create the back of the axonometric drawing. Special features: Pipe, rocket launcher, chance boxes, the clouds, the red flower.
Second reference screenshot fro Mario’s World 8-6 This image is used to create the back of the axonometric drawing. Special features: Stairs, the clouds , mountain at the back and the wooden flooring.
13
Hand drawn projection
Illustrator Tracing
Finalised colour drawing
The front and the back of the drawing is ba-
The hand drawn projection on tracing paper
After tracing using the pen tool in Adobe
sed on the two given reference images from
is scanned into digital document and then
Illustrator, the whole image is expanned into
class. The objects were projected at 45 angle
manually traced out in Adobe Illustrator. Pen
live painting object so that strokes and en-
to the drawn floor plane and retained ac-
tool was the main tool to be used. Since this
closed area will be recognised for colouring.
tual size of the original image. This drawing
drawing is not drawn directly using artist pad
Live painting bucket tool is the main tool for
would be the foundation of the later stages
into the software, the complicated image
colouring and more than 40 gradient swat-
in this Module.
took more than 6 hours to trace.
ches was created for this drawing.
14
Work flow (Process) Firstly, a square is drawn out on a tracing paper according to the diamension of the provided reference image. Then the trace is placed and taped down at a 45 degree angle to the horzonal. Then, the reference image is laid side to side (bottom of the image to the top side of the drawn square) underneth the trace. The square is then the floor plane of the world. After decided how far back the chosen object to be projected backwards, the height of the object is measured and projected vertically upward from the decided location. The height of the object should be exact and the same as the reference image. This step is repeated until all object has been projected. For non-geometrical shapes like the mountain, I made use of some modelling clay to visualise how the object will look like in axonometric view before eye-balling it on the trace. After the top world is drawn, the underworld is drawn not according to the reference images but with imagination combined with some online research. Lastly, the trace is then scanned and digitally traced and painted using Adobe Illustrator from which 40 gradient swatches are created to add more nautural colour to the drawing.
1515
Additional Reference images Fantendo (left top) http://fantendo.wikia.com/wiki/File:Super-mario-3d-world-2013611162028_1.jpg Super Mario Guide (left bottom) http://supermarioguide.net/3d-world/bowsers-bullet-bill-brigade-2-castle/ NintendoWorldReport http://www.nintendoworldreport.com/feature/32953/nwr-staffs-favorite-10-games-of-
16
MODULE 3 Pattern vs Surface “The subtle variation of a system of elements, the transformation of recognizable materials, and the visceral response, accumulation-- often understoof to be the purview redefined into a vocabulary by which architectural language is transformed....The architects here are concerned both with tectonics of assembly and with synthetic surface and material effect. The results are extraordinary.� Lisa Iwamoto Digital Fabrication Architectural and Material Techniques
harrypotter.wiki
17
Sometimes, the only way out is through The theme of the panellised terrian model is “the only way out is through” by making my panel sysmmetric on two sides with pointy modules , I wanted to symbolise these as difficulties in life and that the flat road in between is the way through. Having said
“ Harry Potter, I now speak directly to you. On this night, you
that the only way out is through, the journey is still not going to
have allowed your friends to die for you, rather than face me
be 100% smooth and there will be bumps that one will encounter.
yourself. There is no greater dishonor. Join me in the Forbid-
Hence, there exsists some uneven panels along the path.
den Forest, and confront your fate.” JK Rowling- Harry potter and the deathly hallows
18
19
Modelling with Rhino The software that made the model a susscess is Rhino. With the given part of terrain, I have mapped out grid along the surface and created 4 different modules for panelling. The grid is then offset with the attractor point method to create another set of grid on top marking where the designed height of the modules should be at different places. The panelling process was not smooth. Through trail and error and solving problems like non-unfoldable modules, the concept was able to be drawn out in the software. Later, indivual modules are selected on the panel to be unfolded into foldable tabs shown in the bottom of the left hand corner.
Final modules for panneling
Final design of the panellised surface
Template of unfolded tabs and nesting 20
Workspace set up
Folding and Labelling
Combining Modules
The workspace is set up with printed dia-
* Tabs are laser cut at MSD*
Modules from the same row are picked out
gram and modules map as reference. Tools
After all 100 modules are folded, They are
and arrnaged according to their coordinate
include: glue stick, PVA glue, masking tape,
labelled and arranged on shelf to let dry for
label. They are then glues and staple at the
taps, marker, forceps and pen knife.
approximately 5 hours. When glueing the
bottom to ensure adjacent tabs do not fall
tabs, both glue stick and PVA glue is used.
apart.
21
To combine adjacent rows, the entire row
This is a assembled model which all rows are
As a final touch to the model, each module
is flipped and glued. Since the structure is
combined and fixtures (clips) are removed to
and their corners are visually checked to
big and fragile, in order to make sure tabs
test its stability. It would be later transported
remove glue mark and worn paper layers.
remain at fixed place when drying, bull nose
to class for pin up presentation.
Also, a small brush is used to brush off small
clip is used to apply constant pressure.
NAME THE IMAGE Combining rows
lumps of glue stuck on the surface.
Assembled model
2222
Final Touch
MODULE 4 Frame vs Field “Like traditional painting and sculpture, it carries a mimetic trace,a representational shadow, which is transposed (spatially, across scale), into the built artifact. An architectural drawing is an assemblage of spatial and material notations that can be decoded,according to a series of shared conventions, in order to effect a transformation of reality at a distance from the author.� Sten Allen Practise architecture technique and representation
harrypotter.wiki
23
“ Valdrada live for each other, their eyes interlocked; but there is no love between them”-- when human look into a mirrored image, a connection is established but then when we choose to ignore the facts and disconnect from the reality, there is no love that was delivered across the two world.
Invisible city: Valdrada This story is foundation of the module. It talks a about the journey of Marco Polo arriving at the invisible city, Valdrada. Valdrada is a city that was built on a lakeside. At the times when mirrors were a common pocession of the habitants there, Marco Polo had a reflection on the object and the nature of it. The important insights are: “The inhabitants know that each of their actions is, at once, that action and its mirror-image, which possesses the special dignity of images, and this awareness prevents the, from succumbing for a single moment to chance and forgetfulness.”-which means mirror contain the truth and reality even when the event has long passed. “it is not so much their copulating or murdering of the images, limpid and cold in the mirror”-- Since mirror holds the reality, it does not matter if the even is good or bad in nature, they all get recorded. “The twin cities are not equal, beacause nothing that exists or happens in Valdrada is symmetrical”-- The two city is not equal as human choose what they want to see from the reality and take them as the truth, hence, the mirror retain the real truth and the truth in human world is distorted.
Annotated Old Quad To illustrate how the story took place in the old quad, a set of notations are designed to map out the flow of the story. The annotations represented designed mirror location from the story, Marco Polo’s walking pace, emotional changes, and view respectively. These annotations gives a basic idea of the flow of Marco Polo’s movement in the old quad. The story stated off with Marco Polo arriving at the building from a gondolla ride, so his steps started heavily when he leave the gondolla. Later his steps are mainly towards the edge of the building to represent his exploration of the scenery of the city and his thought about this city of mirror. Perspective locations are also indicated in the map.
Old Quad Model This building is an old building located in the University of Melbourne and this is the building where it will be treated as Valdrada hence the story takes place in it. The old quad was architechturally modelled using Rhino with given diamensions. Main tools that are used during the modelling process are: lofting, planarsrf, rotate 3D, sweep2, offset, copy and scale. This modelled building would later be used to set virtual camera in order to capture two perspective view with lighting. These view will then be converted into 2D lines and image in the software and exported to create perspective scene.
25
26
Perspective 1 Fisherman took Marco Polo for a ride arriving at Valdrada, here he sees two cities one erect above the lake and the other reflected-up side down. It was intentional to put the reflection and the real city the “wrong way around”. Perhaps representing that “the world that is distored is the real world, the mirror in fact reflect the truth in contrast.” The two children is added to increase interaction between the inhabitant of the city with the “mirror”.
Persepctive 2 This room recreates the venue which both the murder and the sex happened in the past. Since Marco Polo arrived long after the two incidents, the room is already deteriated hence look hold and broken. However evidence of the past can still be found if one is careful. Therefore, Marco Polo, being a imaginative man, was able to organise the two scene in his head and saw them as if they were happening in the mirror.”As the compulating and the murdering of the images, limpid and cold in the mirror”.
27
Rhino modelling and set camera
Rhino Make 2D and Render
Photoshop and Notation
The old quad building was modelled using Rhino and
After placing in outline of characters and obejcts using
Using photoshop, different effects and filters are added
given dimensional cross-sectional drawings. This will
Illustrator trace and Rihno, the view was “Make 2D� to be
to the combined image to blend shadows and create
later be used as a venue for the story to take place. Then,
flattened into line work. The linework is later combined
sense of reality of the image. Besides, Notations are
by using two desinated points (for for camera, one for
with this exported rendered view with photoshop. Before
added to the old quad model in Rhino and then expor-
target), two of the best views for perspectives are chosen
that, the weight of the different line are modified to
ted to Illustrator for filling in the colour of the notations.
and set.
different thickness to represent depth
Lines of the roof are also adjusted to reveal a better view of the notation map.
28
Reflection Foundation of design (FOD) has been a particularlly instense breadth subject
the 4, this makes me realise I weekness in the design is the ability to know
for me but i do not regret enrolling at all. To me every single second spend
how to deliver an abstract message and to think outside of the box.
in this course has been worthwhile and valuable and I feel that my original
In terms of achievements, during the process of working through these
goal of learning more about 3D and 2D modelling has been as sucess. What
modules, I have had a effective crash course on a lot of the professional
is even more is that I feel that my attention to design detail and my alertness
softwares like Rhino and the core of the Adobe Suite. I strongly belive these
to alignment is raised because of the high standard required.
software skills that I gained will be undescribablely useful in the future and
Looking back to the challenges and achievements in each module, I think
will make me special in a group of engineer. Now I am able to think not just
I had the most difficulties with module 2 and 4. For module 2, time mana-
functionality of a product but also the software (design) that comes with it
gement was a problem due to the complexity of my design. Besides, having
that can give a soul to the creation. In additional, I have also gained a de-
such design is not a clever idea at all as it not only drasticaly increase the
cend amount of insight into the conept of perspective and space. This had
time to paint the drawing in Illustrator, it also made it too literally to add
made me question a lot what I am seeing now everyday.
any mood and personally into the drawing. If I was given a chance to redo
The module that I enjoyed must is in fact module 3 which is the only craf-
this unit, I would have made it a lot simplier but to deliver so much more
ting module in this course. Seeing how a 3D product physically takes shape
information at the same time. For module 4, using notations to map out the
and tranform from a 2D concept makes me happy. Lastly, from this course,
unmappable has been an abstract idea to grasp which is very challenging
I have learnt more about my prefernce towards breadth studies of which I
for me. Also, to visualize what should be in the persepective to deliver an
realise I like design subjects so much more than social subjects, the sense of
abstract message in the perspectives has been phychologically demanding
reward and flexibility of the design subject is so enjoyable that almost made
but then I feel that the perspectives are an achievement despite of that. Both
me find writing traditional academic essays dull. Therefore, I am confident
modules are the relatively “creativity-instensive� and abstract module out of
that I will be enrolling in another design subject nect semester.
29