PORTFOLIO Foundations of Design: R E P R E S E N T A T I O N JE TAN | SEMESTER 1 2018
ABOUT Je Yen Tan | 915959 ARCH10001 - Foundations of Design: Representation Semester 1 2018
T U TO R:
Naom i Ng |
EM A I L :
jet1@s tud en t. u nimel b.edu .a u
W IX :
ST U D I O :
02
h tt ps : / / je yen tan 4 .wix site.com/por tf ol i o- f odr
ISSUU:
h tt ps : / / is s uu. com/j e yenta n
PROGRAM PROFICIENCY
/i/
CONTENTS MODULE 01
MODULE
01
MODULE 03
09
MODULE
32
04 23
15
REFLECTION
02
FURTHER
WORK 33
/ii/
MODULE 01
WEEK 01 - WEEK 03 How
/1/
to
Draw
a
Croissant
/2/
PHOTOGRAPHY
/3/
Module 01 presented an introduction to the course. It set precedents for design which would be applied throughout the duration of the subject. A croissant was used as a subject, needing to be abstracted and represented using new methods of thinking. A photo stage was set up in order to capture different views of the croissant. A scanner was also used to obtain plan and cross section views. Image corrections were made in Photoshop and the final composition was completed in InDesign.
FINAL PHOTO LAYOUT
/4/
SKETCHES
/5/
The sketch of the plan view was rendered in 0.1 and 0.05 fine-liner, while the elevations were drawn in a combination of 2B and 4B pencil. Section views were first outlined in 0.1 fine-liner and sketched in 2B and 4B pencil.
FINAL SKETCH LAYOUT
/6/
AXONOMETRIC
/7/
Constructing the axonometric projection of the croissant introduced the concepts of perspective and proportion. The point grid was created with 10mm spaces, with intersections between the outline and grid marked. These key points were when transposed onto a skewed 45 degree grid in order to produce the axonometric. The three sections were then overlaid on the plan view of the croissant and joined together.
FINAL AXONOMETRIC LAYOUT
/8/
MODULE 02
WEEK 03 - WEEK 06 Flatness
/9/
vs
Projection
WORLDS
WORLD 1
Module 02 involved the construction of an axonometric view from elevation views. These elevations were extracted from the video game Super Mario World. While axonometric projection was first used in Module 01, it would be developed further here. Skills in hand drawing and Adobe Illustrator were used in order to complete the project.
/11/
WORLD 2
The module began with the assignment of two randomly selected Mario worlds. These worlds would be the base of the axonometric projection, with all elements needing to be translated into the final product. World 1 would be projected behind while World 2 would be projected in front. They would also serve as a reference for the colour palette which needed to be used.
LINEWORK
BASE WORLD AXONOMETRIC
To draw the worlds, A3 tracing paper was lay down at a 45 degree angle to the work surface. World 1 was then projected through the use of guide lines in order to correctly measure the height and width of objects. Initial projections were completed in 2B pencil. A T-square and set square were also used to ensure correct angles and alignment. After this, World 2 was projected in front of World 1 using the same method.
WORLD EXTENSIONS
/12/
COLOUR
The final line work was then exported to Adobe Illustrator, in which the final product would be composed. The pen tool was used to trace over the scans in order to produce a vectorised line work layer. After completion of the lines, the entire piece was converted to a live paint object, where colour could be applied. The projection was designed to represent a ‘slice’ of a larger world, lifted out of the ground and viewed axonometrically. Shapes in the world have been drawn geometrically as to enchance the abstract information conveyed in the axonometric projection. Employment of a light and unobtrusive colour palette serves to reinforce the geometry of the design. Blocky colours and sharp lines enhance the effect of shading on depth, while a flat background makes this effect more prominent.
COMBINED WORLD LINEWORK
/13/
COLOURED LINEWORK
/14/
MODULE 03
WEEK 06 - WEEK 09 Pattern
/15/
vs
Surface
DIGITAL WORK
PATTERN PERSPECTIVE VIEW
1
2 3
4
5 6
PATTERN TOP VIEW MODULES USED IN FINAL PATTERN
Module 3 involved the creation of a patterned surface through the digital medium of Rhinoceros software and the physical medium of ivory cardboard. This module introduced the concepts of 2D and 3D surfaces and what was considered a developable surface. It also introduced the fundamental rules for pattern creation in both 2D and 3D planes. The module has taught skills in CAD software as well as physical model construction.
/17/
To create the patterned surface, a flat piece of terrain was provided. After being divided into a 10x10 grid, individual modules were created and mapped onto the terrain, with variations in hight and distribution being controlled using Rhino functions. Six modules were created, with each used in different ways as for the final patterned surface to read coherently as a whole.
GROUPED PATTERN
UNROLLED PATTERN FOR PRINTING
UNROLLED PATTERN
The finalised surface was grouped into modules and unrolled. Tabs were applied to the flat modules. After unrolling, the completed modules were exported to Illustrator and arranged in order for printing. The unrolled surfaces were then printed onto ivory card. Construction of the physical surface involved cutting and folding each module according to each assigned number. After folding each surface, they were glued together. A photo stage was then used to compose the final presentation photographs. /18/
PHOTOGRAPHY The modules when viewed from the top are designed to flow cohesively from one to another. Contrasts between rigidity and dissemination occur as the pattern spreads outwards from the centre. The form of some modules is intended to cause an apparent deviation from the 10x10 grid.
/19/
FINAL PATTERN PHOTOGRAPH, TOP VIEW
/20/
FINAL PATTERN
/21/
PHOTOGRAPHS
/22/
MODULE 04
WEEK 09 - WEEK 12 Frame
/23/
vs
Field
/24/
DIGITAL WORK Module 4 involved the creation of scenes extracted from a chapter in Italo Calvino’s novel, Invisible Cities, along with an isometric projection showing the narrator’s journey. Free interpretation of the chapter was given in order to produce two perspective views which demonstrated key themes and ideas from the chapter. Rhinoceros was used to model the old quad in the University of Melbourne, which was used as a stage to set up the scenes. Adobe programs were also used to create the perspective and isometric views. The old quad was modelled in Rhino using a temple. Perspective and isometric views from this model were then taken in order to create the scenes and notations using Photoshop and Illustrator.
UNEDITED PERSPECTIVE 1
UNEDITED PERSPECTIVE 2
0
1m
2.5m
5m
ISOMETRIC MODEL WITHOUT NOTATION
/25/
ISOMETRIC
Key Movement
First Perspective
Stare Glance Light Mood
Heavy Mood
Second Perspective
Confusion - Understanding Transition of Space Progression of Time
People/Crowds
Dark/Light Threshold
The notations of the isometric describe the narrator’s journey through the city of Hypatia. The symbols through the model indicate the current mood, with the size reflecting the intensity. Thresholds are conveyed with differently dashed lines, placed at the points of interaction. The number of these lines reflects the intensity of the transition.
ISOMETRIC MODEL WITH NOTATION
0
1m
2.5m
5m
/26/
PERSPECTIVE 1 Images were selected appropriately to compose the collages. They were cut from existing paintings and photographs and edited in Photoshop. Perspective 1 is representative of the narrator’s subjective view of the city. It is divided into a ‘light’ half and ‘dark’ half, demonstrating his ideals and unideals. Impossible elements are present in this view, highlighting the narrator’s confusion.
/27/
DETAIL OF PERSPECTIVE
EXAMPLE OF IMAGE SELECTION TILE PATTERN PERSPECTIVE 1
EXAMPLE OF IMAGE SELECTION ‘ROMAN WOMEN OFFERING THEIR JEWELLERY’ BY CAMUCCINI
/28/
PERSPECTIVE 2 Perspective 2 is a view of the same area as Perspective 1, however it represents objectivity whereas Perspective 1 represents subjectivity. It is taken after the narrator realises that to understand Hypatia, he must disregard any associations he previously held.
/29/
PERSPECTIVE 2
EXAMPLE OF IMAGE SELECTION ‘ROSES’ BY WALDMÜLLER
EXAMPLE OF IMAGE SELECTION ‘ROMAN WOMEN OFFERING THEIR JEWELLERY’ BY CAMUCCINI
PERSPECTIVE 2
DETAIL OF PERSPECTIVE
/30/
/31/
REFLECTION
Foundations of Design: Representation has been a fundamental component in the Bachelor of Design. Throughout the duration of the subject, key skills and new understandings in the field of design have been gained. While creative application was an important aspect throughout the course, the guidelines placed on each module ensured a stringent set of rules was followed as to ensure work did not diverge from the concepts being taught. Module 01’s introduction to photography, sketching and InDesign through the unique medium of a croissant provided an engaging way to approach the assignment. By applying critical thinking to an object which has previously not been considered anything but food, a greater appreciation of the intricacies of the croissant has been gained. The importance of presentation was stressed in this module, setting precedent for what would be expected from following modules. Module 02 provided an introduction to accurate and measured drawing, through the conversion of a 2 dimensional elevation to an axonometric projection. Vector based illustration through Adobe Illustrator was first used in this module, with line work needing to be traced and coloured using the program. Module 03 saw the application of the 3-D modelling software of Rhinoceros to create a patterned surface. Important commands and tools were explored in this project, which would see further application in the following Module 04. Capability of physical construction was also tested in this module, needing to carefully cut and folded as to create a clean model. Module 04’s application of skills learnt in Rhino and Illustrator in previous modules meant that time could be focused on creative expression and perfection of detail. Photoshop was also used in this module, only being used minimally before. The freedom of creativity in the task resulted in a self-taught and personal approach to the program. Tutorials were helpful in the critique and improvement of work. During pin up sessions, the importance of verbal presentation skills was made clear. To confidently present and defend one’s ideas will be skill which extends far beyond this subject. Observing and commenting on the work of others also helped in the development of one’s own work. The introduction of relevant visual principles has allowed for creative exploration and deeper understandings of the concepts presented in the modules. By pitting these core concepts against one another, i.e. ‘Pattern vs Surface’, this development directly highlights the characteristics of each concept. Lectures and readings provided both a historical and contemporary basis on which these visual concepts could be developed, with further application always in mind. In terms of improvement, there are several aspects in the modules which could receive further amendment. Module 02 is the project which deserves the most attention. Further development of the world to highlight the characteristics of axonometric projection should be made. A more detailed approach instead of the minimalist style would be best for this. Incorrect scaling in the final presentation was a mistake which needs correction. Poor time management in Module 03 left little time to complete the physical construction of the model. In Module 04, shading could have been more detailed in order to better define characters and moods. /32/
FURTHER WORK
M4 TEXT STRIP
CORRECTLY SCALED M2 PIN UP PAGE
/33/
/34/
THANK YOU.