Foundations of Design : Representation, Sem 1, 2017 PORTFOLIO Jianan Zhang
889570 Studio 11 - Junhan Foong
CONTENTS M1 HOW TO DRAW A CROISSANT?
04
M2 FLATNESS VS. PROJECTION
12
Mario’s milk factory
M3 Pattern vs. Surface Human face
18
M4 Frame vs. Field
26
REFLECTION
An exhibition
35
FoD Foundation of Design : Representation Semester1, 2017
M1 HOW TO DRAW A CROISSANT?
Use the photography and sketch to represent a 3D croissant model.In the first module, we tried to use the fab lab to take photos and scan the croissant, then traced the images, added the hatching and shadow, using the photoshop to overlap pics and adjust them. Final work is a 3D model in axonometric projection
M1 - HOW TO DRAW A CROISSANT?
photos taken in the lab, scan the three sections, then trace the image on tracing paper, add the hatching and shadow to show the depth and details
6
M1 - HOW TO DRAW A CROISSANT?
Scale and outline
Hatching
Shadow TRACING Trace the hatching, shadow and outline separatedly, then overlap them in Photoshop.
7
M1 - HOW TO DRAW A CROISSANT?
FINAL LAYOUT Overlap three layers of each view, scale them to the true size, set up the layout
8
M1 - HOW TO DRAW A CROISSANT?
Sections Draw the three sections with 1cm*1cm grid
9
M1 - HOW TO DRAW A CROISSANT?
AXONOMETRIC DRAWING Use the 1cm*1cm grid the ensure the shape of sections Turn the grid into 45 degree, combine the sections with the plan
10
M1 - HOW TO DRAW A CROISSANT?
AXONOMETRIC DRAWING 2.0 set up the axonometric drawing along the border
11
M2 FLATNESS VS. PROJECTION MARIO’S MILK FACTORY From two flat views to build a projection of the Mario’s world. Everything is basically from what we see at the front and the back, and everything is more than that. At this time, the Mario’s world is not just a garden-like city, it becomes a milk factory. The factory is made up with the automated machines and sale offices, people not only can buy the milk, also have a fun trip in the factory.
12
13
M2 - FLATNESS VS. PROJECTION
AXONOMETRIC DRAWING OF MARIO’S MILK FACTORY Buildings on the ground, cows are breeding underground
14
THE MARIO’S MILK FACTORY
Front view. Block-like buildings turn into the milk boxes
Back view. At the background part, the buildings are designed like the officer
Final sketch. Show the linework of the Mario’s milk factory
15
M2 - FLATNESS VS. PROJECTION
Fig.1 Model of Bull
Fig.6 Clouds
Fig.4 Icon of Mario Milk Factory
Fig.8 Character
Fig.2 Model of Cow
MARIO MILK FACTORY Fig.5 Title on the Lawn
Fig.7 Coins and Blocks
Fig.3 Pipe
Elements in the factory
16
Fig.9 Bottle of milk
THE MARIO’S MILK FACTORY
Stage 1 Skeleton of draft
Stage 2 Add color to the ground Factory divided into parts
Stage 3 Add color to the architecture
Steps of the building a milk factory
17
Stage 4 Add the texture and more details
Stage 5 Add the upper level
18 1
M2 M3 - Pattern vs. Surface -Use two types of 3D pattern to build a “face”. The left part pattern is the combination of cube and rectangular pyramid, right one is the quadrangulars with different height and angle of top surface. Two parts with various patterns also tell the differnences between linework and plane. As for 2D pattern, I don’t want it be to complex, I choose the simple box pattern as a background of the face at the linework part.
19
M3 - Pattern vs. Surface
Plan of the landscape. Using two different types of pattern to tell the outline and surface of a face
Basic elements. Two different paneling patterns: box with slope and box with pyramid roof, set up on the landscape, then unroll the 3Dpattern
20
A HUMAN FACE
Pattern01: the box with pyramid roof
Pattern02: the box with slope roof
for outline of the face
for the surface
21
Combination of two and the landscape
M3 - Pattern vs. Surface
The unrolled surface of the 3D pattern This image can tell that the 2D and 3D patterns were unrolled separatedly As for reason, in the patterns I designed, there not only the Triangles, and the rectangles, withouut the triangulate the mesh, they could not be joined together perfectly.
22
A HUMAN FACE
UNROLL EXAMPLE 01 Join the 4 boxes together and unroll
UNROLL EXAMPLE 02 Join the 2 house-like pattern together and unroll
23
M3 - Pattern vs. Surface
Back of the model
Detail of 3D pattern 01
Plane and shadow
2D pattern
Detail of 3D pattern 02
24
A HUMAN FACE
Visual model VS paper model
25
M4 Frame vs. Field -The Octavia is a spider-web city, in my Old Quad, the web city I want to present is the net-like modern city. I use the simple idea of an exhibition held in the Old Quad to show the relationship between the buildings and layout of the modern city. Buildings are the components of a city, in some way they also determine the form of the city, the unbalance between them, may cause a broken “net”. The visit of Marco Polo in the exhibition, was not only a magical site visit, also it’s a time travel, comparing the other ancient cities he visited, the complexity and variety of the modern city ----- Melbourne made him feel confused and curious, thus, the tour was divided into the explotion and relaxation part.
26
27
M4 Frame vs. Field
28 Front view of the exhibition in the Old Quard
MODERN TRAFFIC NETWORK CITY
1 decorational frame 2 map of Melbourne 3 model of the building
3
2
1
Main idea Main idea of building the thin octavia is not purely about creating a fragile web
city, instead, it is an exhibition of the modern city. In some
way, the connection of the city map and the buiings within it, is like a changing web
29
Ilustration
Rotate the view to see the layer in vertical Obeservers in front of the structures are in the God’s view overlooking the whole web city
30
MODERN TRAFFIC NETWORK CITY
1 2
33
4
6 5
Views of Marco Polo The red nuber means that Marco Polo felt confused and nervous, the blue one means the relaxing and enjoyable feeling
31
M4 Frame vs. Field
Steps Building the Old Quad
Columns and base of the Old Quad
32
Finished Old Quad
Building the inside exhibition
MODERN TRAFFIC NETWORK CITY
Steps Holding the exhibition+ Marco Polo visiting
Capture the view of the Marco Polo
Make realistic
Map of the movement inside the Old Quad
33
Thin ciTies: 5 OcTavia
M4 Frame vs. Field
Key Narow View
0
1m
Perspective 1
2.5m
5m
Perspective 2
Isometric linework and view capture
34
With sunshine
Confused
Stair
Enlightented
Fast move
Short stay
Slow move
Medium stay
Long stay
REFLECTION WHAT I LEARNED? Basically, accroding to the subject name, I learned how to represent the objects in four different ways 1. set up the axonometric drawing by photos and sketch drawing 2. set up the projection by two different views at back and front 3. unroll the surface then rebuild the physical model 4. use people, archtecture and symbol to represent a store
LEARNED MUCH MORE THAN REPRESENTATION WAYS + learn toget along with the softwares + manage the time before deadline especially + push myself thing more creatively +show my work to others through presentation and journal and portfilio
WHAT TROUBLEs I MET - at first, with no laptop met the standard of design work -not experienced in software - can’t estimate the work time accurately - have too much to express without an efficient and clear way
WHAT CAN BE IMPROVED 1. the drawing of the croissant is not neat enoough 2. the module 3: paper landscaoe, with the basic technique problem: without using the trangulate mesh, gap between the pattens 3.module 4: Old Quad and Marco Polo, the story is not well presented 35
THANK YOU FOR TEACHING AND WATCHING
Jianan Zhang
889570 Studio 11 - Junhan Foong
36