Foundations of Design : Representation, Sem 1, 2017 “PORTFOLIO” Geraldo Lewa
(884322) Anneke + Studio Class 10
MODULE 1 - “CROISSANT” SKETCHING PROCESS: 1) Purchased croissant and drawing equipment 2) Took elevation photos of the croissant. 3) Placed the croissant unto a scanner and scanned its bottom. 4) Sliced the croissant into four pieces and scanned each cross-sectional face. 5) Printed a collage of the elevation photos and scanned images in 1:1 scale to the actual croissant. 6) Made OUTLINE, SIMPLE HATCH, COMPLEX HATCH, SHADE, and SECTION drawings by tracing the printed collage using either fineline pens or graphite pencils on a tracing pad. 7) Scanned the sketches and cleaned it on Adobe Photoshop. WHAT I LEARNED: I learned what elevation is, different elevation views, different manual rendering techniques, and how to clean and edit images using Adobe Photoshop.
A3 print-out of the collaged photos.
2
3
4
5
6
7
8
MODULE 2 - “MARIO” EXPLANATION OF THE WORLD: I turned the given Mario world into an amusement park. People would enter from the entrance door located at the base of the cube (right below the question mark), then they would go up to the top where the park is situated using the cylindrical lift on the left. The doors of the lift would open to a yellow entrance gate. DESIGN OF THE WORLD: I tried to achieve a sense of uniformity in complexion through this Mario world. Uniformity is illustrated through the design of all the buildings in the Mario world. None of the buildings are circle-based, they are all square-based. The buildings are also consistent in terms of its thickness, they are all ten millimetres thick. Complexion is achieved by making the whole area filled, leaving little to no empty spaces. The tall, orange cylinder on the left was inspired from the lifts at National Gallery of Victoria. It “dives” in halfway into the world, similar to the lifts at the National Gallery of Victoria. The colour palette was slightly modified (saturation was lowered) to portray a sense of happiness, which suits the whole amusement park vibe. WHAT I LEARNED: I learned axonometric sketching, the importance of line weight in architectural diagrams, how colours affect image tone, and the basics of Adobe Illustrator.
Coloured Mario world traced in Adobe Illustrator.
9
BOUNDARY LINES. I laid out the first Mario world print-out and made two 100x100 milimeters boxes on tracing paper.
PENCIL SKETCH. Sketched buildings unto the blank areas of the Mario world using 4H pencil. I used the same width (one centimeter) for all the buildings on purpose: it is part of the design.
FINELINE TRACE. Finedlined the vertical lines using a 600 milimeters t-square.
EDITS. I added blocks and a cylindrical lift (inspired by the lifts at National Gallery of Victoria) on the left side of the world on the first fineline draft using 4H pencil. They are circled in red on the photo. These were added (along with both Red and White Panda Marios) after Paul and Matthew’s feedback from the Workshop Session on Friday, 24th of March.
Fineline of the Mario World
10
MODULE 3 - “2D AND 3D PANELS” DESIGN OF THE MODEL: This model is composed of three pattern-wise non-identical 3D models (refer to Page 13). The pattern of the 2D panel is the top view of the 3D model. The patterns used were mainly inspired from the exterior screen of ABODE318 in Russell Street. All three models initially have the same height, which then were altered to suit the topography of the given area by using curve attractor on Rhino. Placement of patterns were also organised using Rhino’s curve attractor distribution method. The allocation of 2D and 3D panels were based of the bombs location on a ten-by-ten Minesweeper game. CONSTRUCTION OF THE MODEL: Not a single object in this model were laser-printed. All the cuts and perforations are hand-made. They are sticked together using double-sided tape to minimise slopiness in presentation. WHAT I LEARNED: I learned how to use Rhino, Rhino’s Panelling Tool plug-in, and ways to increase my efficiency and neatness in cutting.
Top/plan view of the final model.
11
12
Detailed shot on the 3D object/cuboid-like model.
BRAINSTORMING AND CONCEPT DEVELOPMENT. Testing out different patterns given as presets on Rhino.
3D MODELS. Three 3D models used to make the custom 3D panels shown below.
Top view of the model.
3D PANELLING. Full 3D panel made using curve attractor distribution method on Rhino.
Annotate your drawing
2D AND 3D PANELS. Some of the 3D objects from the 3D panels were discarded to make space for 2D panels.
Detailed shot on the fold perforations on the 2D panel.
13
MODULE 4 - “OLD QUAD INTERIOR� DESIGN OF THE CITY: Marco Polo, the narrator of the story, described himself as a tourist when he first arrived at Phyllis. This led me to design the first perspective to resemble a museum; museums are commonly visited by tourists. The central idea of being situated in a new city was stripped as Marco became used to living there. The city that was once elegant, crowded, and joyful turned into a city that is dark, empty, and gloomy. The dissimilar moods on both perspectives were presented through the usage of materials (marble-sandstone, smooth slabs-uneven pebbles) and placement of objects (number of people and windows in the scenes). WHAT I LEARNED: I learned how to 3D model complex structures on Rhino, application of perspective projections, revamping image dimensions using Free Transform functions on Adobe Photoshop, and editing the visuals of the perspectives using Burn, Dodge, and Brightness & Contrast functions on Adobe Photoshop.
0
1m
2.5m
5m
Isometric view of the Old Quad with notations.
14
First perspective.
15
Second perspective.
16
“REFLECTION” MODULE NUMBER AND NAME.
SKILLS AND KNOWLEDGE ACQUIRED FROM MAKING THE MODULE PROJECTS.
KNOWLEDGE GAINED FROM LECTURES IN RELATION TO THE MODULES.
1 - How to draw a Croissant?
- What elevation is and different elevation views.
- What representation is.
- A range of manual rendering techniques.
- The purpose of drawing/creating representations.
- Cleaning and editing images using Adobe Photoshop.
- What plan and section views are. - Use of colour to present information. - Use of annotations: scale bar, dash lines, textures in the form of horizontal, vertical, or diagonal hatching.
2 - Flatness v.s. Projections
3 - Pattern v.s. Surface
- Axonometric sketching.
- Properties of flatness.
- Importance of line weight in architectural diagrams.
- Perception of depth.
- How colours affect image tone.
- Different types of projections: cabinet and cavalier.
- Basics of Adobe Illustrator. - Basics of Adobe InDesign.
- Properties and key difference between isometric and axonometric.
- Basics of Rhino.
- What surfaces are and its main elements.
- Rhino’s Panelling Tool plug-in.
- Concept of patterns.
- Ways to increase efficiency and neatness in cutting.
- What panelling is and examples of panelling in real life. - Properties of develop-able surfaces.
4 - Frame v.s. Field
- 3D model complex structures on Rhino.
- What perspective and frame is.
- Applying perspective projections.
- What motion mapping is and examples of motion mapping.
- Revamping image dimensions using Free Transform functions on Adobe Photoshop.
- Different type of perceptions.
- Editing the visuals using Burn, Dodge, and Brightness & Contrast functions on Adobe Photoshop.
- Difference between journals and portfolios.
- What portfolios are and its function.
I felt really confident on this subject as almost all my scores are H1 (except for Module 2, in which I got H2A), mainly because anything that has to do with visuals is a hobby of mine since I was in elementary school. The only module in which I did not perform well was Module 2. Back then, I did not understand the importance of line weight and I did not know the appropriate approach on how to properly answer the questions attached on the module journal. These two problems were respectively solved after doing Module 4 and Module 3. I did not majorly edit any of the completed module works. The minor edits I did were: removed titles and heavy texts on the A3 print-out (refer to Page 2) for Module 1, and attached a better picture (refer to Page 12) for Module 4. The description (text-wise and photos) of each projects on this portfolio is purposely reduced to a minimum. To see the full version, go to my Wix page: geraldolewa.wix.com/unimelbportfolio
17