DD / PORTFOLIO ARCH20004 - SEMESTER 1, 2018 Geraldo Lewa 884322 Studio 2 - Chelle Yang
STUDENT PROFILE AND TABLE OF CONTENT STUDENT PROFILE
PORTFOLIO CONTENT
EDUCATION 2017 - current = University of Melbourne’ Bachelor of Design @ Australia 2014 - 2016 = IPEKA Integrated Christian School @ Indonesia
M1 / DIAGRAMMING DESIGN PRECEDENT Details of Selected Precedent Precedent Isometric Diagram Circulation Diagram Threshold Diagram Render
AWARDS / EXHIBITIONS Semester 2, 2017 = Design Studio: Alpha Section Model Semester 1, 2017 = Foundation of Design: Representation M4 Render Semester 1, 2017 = Foundation of Design: Representation M3 Model Semester 1, 2017 = Foundation of Design: Representation M1 Sketch 2016 = 1st Place UNSW Science Photography Competition
GERALDO LEWA B.DES DIGITAL DESIGN STUDENT @ UNIVERSITY OF MELBOURNE
EXPERTISE - DIGITAL MODELLING Rhinoceros 5 Grasshopper 0.9 Google SketchUp AutoDesk 3DSMax AutoCAD 2017
GERALDOLEWA@GMAIL.COM INSTAGRAM.COM/GERALDOLEWA GERALDONT.TUMBLR.COM
EXPERTISE - BIM AutoDesk Revit ArchiCAD 21
LANGUAGES Bahasa Indonesia English Mandarin Chinese
EXPERTISE - RENDERING Unreal Engine 4 Artantis 5 Lumion 6 EXPERTISE - VISUALS Adobe Photoshop Adobe Illustrator Adobe Indesign Adobe Premiere Pro Adobe After Effects EXPERTISE - HANDS-ON Photography Videography Fabrication
M2 / GENERATING IDEAS THROUGH PROCESSES TASK 1 SURFACE AND WAFFLE Task 1 Grasshopper Script Task 1 Design Matrix Task 1 Exploded Isometric Task 1 Model Photo Task 1 Reflection TASK 2 SOLIDS AND VOIDS Taks 2 Grasshopper Script Task 2 Design Matrix Task 2 Isometric Task 2 Model Photo Task 2 Reflection
M3 / LIGNUM PAVILION Site Plan Grasshopper Script Isometric Diagram Isometric Element Diagram Circulation Plan Model Photo Reflection
COURSE REFLECTION
M1 / DIAGRAMMING DESIGN PRECEDENT
TOYO ITO SERPENTINE PAVILION 2002 (SELECTED PRECEDENT) PRECEDENT PHOTOGRAPH
PRECEDENT ISOMETRIC DIAGRAM (1:175)
White aluminium panel
Glazing
DETAILS - Architects = Toyo Ito, Cecil Balmond, and Arup - Client = Serpentine Gallery Trust - Location = Kensington Garden, London, United Kingdom - Completion = June 2002
SOFTWARE UTILISED - Rhinoceros 5 = pavilion modelling - Grasshopper = pavilion modelling - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout - Artlantis 5 = rendering
Supportive steel blade
WHAT I LEARNED - Producing diagrams in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Considering design circulation (where people would move along/within a design) - Considering design threshold (where the transfer of spatial properties are in a design) - Project time management
884322 - DD PORTFOLIO
M1 ANALYSIS DIAGRAMS CIRCULATION DIAGRAM (1:330)
THRESHOLD DIAGRAM (1:330)
Secondary circulation spaces (space outside the primary circulation space)
Primary circulation space and opening areas
Circulation path and opening areas within the structure
Exterior glazing
Solids
Structure, entrance/exit pathway, and interior solids
884322 - DD PORTFOLIO
M1 RENDER USING ARTLANTIS 5
White aluminium panel
Glazing
Supportive steel blade
884322 - DD PORTFOLIO
M2 / GENERATING IDEAS THROUGH PROCESSES
M2 / TASK 1 SURFACE AND WAFFLE
884322 - DD PORTFOLIO
TASK 1 GRASSHOPPER SCRIPT
INPUT
- Surface (Surface Y1) - Brep (3D Pattern Y1) - Brep (2D Pattern Y1) - Surface (Surface Y2) - Brep (3D Pattern Y2) - Brep (2D Pattern Y2)
PROCESS 1 - PANELLING PROCESS 2 - INTEGRATING - Surface Domain Number - Graph Mapper - Series - List Length - Construct Domain - Bounds - Remap Numbers - Mesh Brep - Morph 3D - Construct Domain^2 - Isotrim - Morph 2D
- List Item - Addition - Cull Index
OUTPUT
- Cull Index (3D Pattern Y1) - Cull Index (2D Pattern Y1) - Cull Index (3D Pattern Y2) - Cull Index (2D Pattern Y2)
884322 - DD PORTFOLIO
TASK 1 DESIGN MATRIX (1 : 7.50) ORIGINALLY IN 1:5 SCALE
884322 - DD PORTFOLIO
TASK 1 EXPLODED ISOMETRIC (1 : 1.50) ORIGINALLY IN 1:1 SCALE
Grid offset done using Graph Mapper. Presence of low-level offset 3D panels highlight the sharpness of the tall-level offset 3D panels.
Grid offset done using Graph Mapper. Sharpness of the diagonal pyramids and the edges of the surface/design are accentuated by the presence of tall-level offset 3D panels.
Pyramid with diagonal line apex, perforated on the top. A line-based apex creates a sense of opposition to the common conception of pyramids and its mere sharpness.
Location of the perforations on the 2D panel depends on the location of perforations on the 3D panel. Creates a sense of relation between the 2D and the 3D panels.
Hollow waffle structure. Like Surface2 (Y2), perforations on the 2D panels relates the 2D and 3D panels.
884322 - DD PORTFOLIO
TASK 1 MODEL PHOTO
290GSM IVORY CARD
1MM WHITE MOUNTBOARD
884322 - DD PORTFOLIO
TASK 1 MODEL PHOTO DETAIL VIEWS
DETAIL VIEW OF SURFACE 1
DETAIL VIEW OF SURFACE 2 884322 - DD PORTFOLIO
TASK 1 REFLECTION SOFTWARE UTILISED - Rhinoceros 5 = 2D and 3D panels - Grasshopper = panels and waffle modelling - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout
WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering tips and issues of laser-cutting (tolerances, nesting, and file preparations) - Tips and skills of craftmanship - Producing matrix diagrams - Producing diagram in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Physical model photography (composition, camera angles, temperature, and photograph post-processing). - Project time management
884322 - DD PORTFOLIO
M2 / TASK 2 SOLIDS AND VOIDS
884322 - DD PORTFOLIO
TASK 2 GRASSHOPPER SCRIPT
INPUT
- Point (Attractor Point) - Brep (Contoured Voronoi Pattern) - Number Slider (Size of Smallest Cutter) - Number Slider (Size of Biggest Cutter) - Number Slider (Intensity of Rotation) - Number Slider (Effect of Attractions) - Box Rectangle
PROCESS 1 - DISTRIBUTION - Deconstruct Brep - Cherry Picker - Surface Domain Number - Move - Point Attraction - Cellulate 3D Grid - Mesh
PROCESS 2 - ALTERATIONS - Volume - Construct Plane - Distance - Bounds - Construct Domain - Remap Number - Orient - Scale - Vector 2Pt - Multiplication - Rotate 3D
OUTPUT
- Brep (Cutters)
884322 - DD PORTFOLIO
TASK 2 DESIGN MATRIX (1 : 7.50) ORIGINALLY IN 1:5 SCALE
884322 - DD PORTFOLIO
TASK 2 ISOMETRIC (1 : 1.50) ORIGINALLY IN 1:1 SCALE
Distance-Scale Inverse Proportional Relation The closest centroid to the attractor point on this volumetric section. As the distance from the attractor point to the centroid decreases, the more enlarged the cutters would be.
Distance-Scale Inverse Proportional Relation The furthest centroid from the attractor point. As the distance from the attractor point to the centroid increases, the less enlarged the cutters would be.
Boundary 150mm x 150mm box.
Stepped vertical cut The base becomes thick, while the top becomes thin, making it structurally sound to stand vertically like so.
884322 - DD PORTFOLIO
TASK 2 MODEL PHOTO
PURE WHITE PLA
884322 - DD PORTFOLIO
TASK 2 MODEL PHOTO
DETAIL VIEW
DETAIL VIEW 884322 - DD PORTFOLIO
TASK 2 REFLECTION SOFTWARE UTILISED - Rhinoceros 5 = cutter unit input and reduction - Grasshopper = cutter units distribution - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout
WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering tips and issues of 3D printing (file preparation and tricks) - Producing matrix diagrams - Producing diagram in isometric view - Significance of altering lineweights - Utilising a single colour palette to achieve a desired chromatic tone - Physical model photography (composition, camera angles, temperature, and photograph post-processing). - Project time management
884322 - DD PORTFOLIO
M3 / LIGNUM PAVILION
M3 SITE PLAN (1 : 1200) @ QUEEN VICTORIA GARDEN Alex
and
ra A
venu
e
ilda
K St. d
Roa ilda
K St.
Roa d
20.000 * 20.000 SITE 5.000 * 5.000 PAVILION AREA
ilda St. K d
Roa
ilda
St. K d
Roa
National Gallery of Victoria (NGV-I)
ow
Lin
g lith
ue
en
Av
N
M3 GRASSHOPPER SCRIPT
INPUT
- Point (Reference Input Point) - Number Slider (Length of Pavilion) - Number Slider (Height of Pavilion) - Point (Attractor Point) - Number Slider (Intensity of Tilt) - Number Slider (TIlt of Top Area) - Number Slider (Tilt of Bottom Area) - Number (Surface Level from Ground) - Point (Reference Contour Point) - Number Slider (Waffle Studs Distance) - Number Slider (Waffle Studs Depth) - Number Slider (Waffle Thickness) - Number Slider (Glazing Thickness) - Number Slider (Seat Roundness) - Number Slider (Seat Depth)
PROCESS 1 & 2 - CURVE & SURFACE - Multiplication / Division - Subtraction - Interpolate - Divide Curve - XY Plane - Remap Numbers - Multiplication - Construct Domain - Distance - Deconstruct Plane - Bounds - Rotate 3D - Curve Closest Point - Sort List - Line SDL - Loft
PROCESS 3 SOLIDIFICATION - Construct Domain^2 - Isotrim - Contour - End Points - Move to Plane - Polyline - List Item - Flip Curve - Discontinuity - Plane 3Pt - Offset - Fillet - Boundary Surfaces - Extrude - Solid Union - Range - Graph Mapper
OUTPUT
- Curve (Input for “Surface”) - Surface (Input for “Solidification”) - Brep (Glazing Y1 and Y2) - Brep (Stage Bracing) - Brep (Stage) - Brep (Waffle Studs) - Brep (Smaller Seat) - Brep (Larger Seat)
884322 - DD PORTFOLIO
M3 ISOMETRIC DIAGRAM (1 : 50) ORIGINALLY IN 1:25 SCALE; NORTH-TO-EAST VIEW
The twist of the Birch plywood corresponds with the curvature of the sun path, providing constant shade from direct sunlight.
The corrugated glazing follows the shape of the waffle studs’ front faces. The undulating waffle studs are made out of white aluminium composite.
The ground is made out of unfinished, poured concrete.
PHYSICAL MODEL SECTION
The stage and bracing deliver equilibrium structural supports for the waffle studs. Entrance circulation pathway.
The seats are each 225mm in height (half the conventional height of normal seats). Audiences and visitors are expected to sit cross-legged.
884322 - DD PORTFOLIO
M3 ISOMETRIC ELEMENTS DIAGRAM (1 : 100) ORIGINALLY IN 1:50 SCALE
SEATS. STAGE, AND BRACING
PLYWOOD WALLS AND ROOF
Notches
GLAZING
Corrugated glazing Birch plywood
Notches
White concrete
884322 - DD PORTFOLIO
M3 CIRCULATION PLAN (1 : 1200) Alex
and
ra A
e
00)
1:3
( LAN
EP
AP
SC ND
A
L N+
IO
LAT
U IRC
NC
ILIO
V PA
venu
ENTRANCE (EAST)
ENTRANCE (EAST)
EXIT (WEST)
EXIT (WEST)
i St. K lda
ilda St. K
e
nu
Roa d
St. K
d
Roa
L
w
go
ith inl
e Av
ilda d
Roa
ilda
St. K
N
d Roa
M3 MODEL PHOTO SOUTH-TO-NORTH (BACK) VIEW
3MM CLEAR PERSPEX
PURE WHITE PLA+
6MM*3MM NEODYMIUM MAGNET 3MM MDF
M3 MODEL PHOTO ELEVATION VIEWS
FRONT VIEW
BACK VIEW
884322 - DD PORTFOLIO
M3 REFLECTION
LOCATION - Queen Victoria Gardens, St Kilda Road, Melbourne, VIC 3004 - Latitude -37.8218744 - Longitude 144.9704656 PROGRAMS - Lunchtime seminar with 15 guests and one presenter - Evening quartet concert for an audience of 30 people CONCEPTS - Pavilion accentuated by a single, twisted Birch plywood - Brise-soleil = curvature of the twisted timber surface follows the sun path of the site, eliminating chances of direct sunlight entry - Interior space defined by undulating waffle studs - Visitors and audiences are expected to remove footwear and sit cross-legged; idea of being one with the ground - Seat and stage sculpted in accordance to the traffic flow pattern SOFTWARE UTILISED - Grasshopper = pavilion modelling - Unreal Engine 4 = rendering and VR (virtual-reality) - Adobe Illustrator = graphic details - Adobe inDesign = pin-up sheet layout WHAT I LEARNED - Parametric design using Rhinoceros’ Grasshopper plugin - Considering design threshold - Considering design circulation - Producing diagram in isometric view - Significance of altering lineweights - Considering tips and issues of laser-cutting - Considering tips and issues of 3D printing - Considering tolerances between laser cuts and 3D prints - Making my own colour palette - Real-time rendering (colours, composition, materiality, and visuals post-processing) - Preparing and packaging files for VR (virtual-reality) - Producing 360 image and importing 360 images to mobile device - Physical model photography (composition, camera angles, temperature, and photograph post-processing) - Project time management
MORNING / AFTERNOON
NIGHT
884322 - DD PORTFOLIO
COURSE REFLECTION
MODEL FABRICATION PROCESS
I felt as if I excelled this subject extremely well, primarily because I applied the knowledge I gained a year ago from Foundations of Design: Representation (FoD:R) into this subject, which is FoD:R’s continuation. Referring back to my FoD:R portfolio reflection: Application to DD
Knowledge applied from FoD:R
Rhinoceros modelling @ M1, M2, and M3
“Basics of Rhinoceros” from M3 works “3D modelling complex structures on Rhinoceros” from M4 works.
Model panelling @ M2
“Rhinoceros’ Panelling Tool plugin” from M3 works. “What surfaces are and its main elements” from M3 lectures. “Concept of patterns” from M3 lectures. “What panelling is anfd examples of panelling in real-life” from M3 lectures. “Properties of developable surfaces” from M3 lectures.
Physical model crafting @ M2 and M3
“Ways to increase efficiency and neatness in cutting” from M3 works.
Representating information through visual diagram @ M1, M2, and M3
“What representation is” from M1 lectures. “The purpose of drawing/creating representations” from M1 lectures. “Basics of Adobe Illustrator” from M2 works. “Perception of depth” from M2 lectures.
Types of visual diagrams @ M1, M2, and M3
“What elevation is and different elevation views” from M1 works. “Properties and key difference between isometric and axonometric” from M2 lectures.
Annotating visual diagram @ M1, M2, and M3
“Use of annotations: scale bar. dash lines, textures in form of horizontal, vertical, or diagonal hatching” from M1 lectures.
Varying lineweights @ M1, M2, and M3
“Importance of line weight in architectural diagrams” from M2 works.
Applying colours @ M1, M2, and M3
“Use colour to present information” from M1 works. “How colours affect image tone” from M2 works.
Rendering and post-processing visuals @ M3
“Perception of depth” from M2 lectures. “Editing visuals using Burn, Dodge, and Brightness & Contrast functions on Adobe Photoshop” from M4 works.
Making documented, project journal @ M1, M2, and M3
“Basics of Adobe inDesign” from M2 works. “Difference between journals and portfolios” from M4 lectures.
MODULE 2 TASK 1
MODULE 2 TASK 2
The descriptions and visuals of each projects on this portfolio were purposely reduced to a minimum. To see the full version, visit my Wix page: geraldolewa.wixsite.com/unimelbportfolio, or my ISSUU page: https://issuu.com/geraldolewa MODULE 3
THANK YOU Paul Loh, Matthew Greenwood, Chelle (Xuyou) Yang and colleagues from Studio 2 for the greatly fruitful course!
884322 - DD PORTFOLIO
END
GERALDO LEWA (884322)