09. architectural modeling & developing...

Design Computing

09. Architectural Modeling & Developing Ideas

10/28/2015CAD & Graphics II | HOM2027 | Fall 2014 | Every Wednesday 2:00 pm – 5:50 pm

Jin Kook Lee, PhD. 02-2220-2645 | designit@hanyang.ac.kr

Assistant Professor, Space & Design IT Lab.Department of Interior Architecture Design, Hanyang University

+

Where we are

- 3d Geometric Modeling- Architectural Modeling- Prep for the Final Project

What to do today

1. Lecture: Developing the final term project – To develop your idea!

2. Lab exercise 00-1 ~ 00-3: Vray in 3ds Max Design 2015 & An Easy Architectural Modeling

3. Lab exercise 01: Curtain Panel Surface Modeling by Editable Poly

1 max file that contains several non-uniform surface panels (capture 3ds Max screen shot 1)

4. Lab Exercise 02: Controlling Geometry: Stanford Dragon

Submit screenshots of three different LoD models (capture 3ds Max screens)

5. Lab exercise 03: Architectural Modeling: Import external geometry files (AutoCAD plan)

max file & render a scene (no need to elaborate too much or make higher LoD)

6. Requirements: All lab exercises outcome files should be submitted in “Shared Folder”

Appropriate images in JPG format & 3ds Max files. Try to get your best outcomes!

Final Term Project

A DA-like Digital Image for your final project

Final Project: DA-like competition image, for this course

DA2014 Competition: Finished. 제 14회 대한건축학회 디지털건축대전- DA2014 Competition Website: http://digital-architecture.or.kr/- Previous award winners can be seen at: http://digital-architecture.or.kr/new_da/html/

3d rendering technique- SketchUP & Vray / 3dsMax & Vray / 3dsMax & Mental Ray

3d modeling technique- 3ds Max basics (primitives, modifiers) + editable poly modeling

3d design presentation technique- SketchUP, 3ds Max + renderers + Photoshop + etc. Hybrid method- 기말과제 파이널 (예정):

- option 1: 본인의 스튜디오 과제 파이널 이미지- option 2: 본인의 DA제출용 디지털건축 이미지 (실제 DA제출은 차기 DA공모전)

DA2015 – 디지털건축 Presentation 부문 (Bi-annually base)

- 창의적 디지털 기법을 활용한 건축 이미지- 다양한 프로그램을 이용한 창의적 이미지 (사진합성 포함)- 사진의 경우 원본을 수정하여도 무방함. (창의적 기법 필수)- 3D 입체 기술을 이용한 정지화상(예: Anaglyph 및 편광방식 입체 이미지 등)- 세부적인 주제의 제한 없음

* 동일한 주제의 작품은 한 개의 응모 부문에만 출품할 수 있음

Typical award winners:

Design a building of the future

http://da2015.or.kr/

Typical Architectural Design Representation

부산과학체험관당선작, 아이엔지엔지니어링 건축사사무소

부산과학체험관당선작, 아이엔지엔지니어링 건축사사무소

부산과학체험관당선작, 아이엔지엔지니어링 건축사사무소

Students’ Work

Design Components for the Design Representation

Title / Headings / Texts

Diagrams

Renderings

Plans / Elevations / Typical Drawings, and so on

Think Different – Different Styles

Different approach: Infographics in architectural design

http://www.archdaily.com/category/architecture-infographics/

Try to draw a new type of (future) city/subway/building maphttp://visual.ly/grand-mosque-infographic

Under water – How about this?

Sea Scraper Architecture Infographic

“Hybrid method” strongly recommended:

Freehand Sketch + Photo-realistic rendering

Illustration graphic + Rendering

SketchUP styles + Photo-realistic rendering

Real pictures + Rendering

…

http://www.loveinfographics.com/categories/places-

architecture-infographics/burj-dubai-tower-infographic

Use Lines.

http://www.loveinfographics.c

om/categories/places-

architecture-infographics/burj-

dubai-tower-

infographic#!prettyPhoto-

23735/1/

Parody

IBM lab’s 2025 CPU design

Looks like a house?

Café library

Library Café (Starbucks)

Computer house

Housing unit computer

…

Extreme Photo-realistic Visualization

EXTERME Photo-realistic 3d Rendering

http://3dsmaxdesign.cgarchitect.com/

EXTERME Photo-realistic 3d Rendering

http://3dsmaxdesign.cgarchitect.com/

EXTERME Photo-realistic 3d Rendering

http://naldzgraphics.net/tutorials/30-autodesk-3ds-max-interior-design-tutorials/

EXTERME Photo-realistic 3d Rendering

http://naldzgraphics.net/tutorials/30-autodesk-3ds-max-interior-design-tutorials/

EXTERME Photo-realistic 3d Rendering

http://www.3dtotal.com/

EXTERME Photo-realistic 3d Rendering

http://www.3dtotal.com/

http://www.cgarchitect.com/2015/04/meeting-room-interior

http://www.cgarchitect.com/2015/04/manager-office2

http://www.3dtotal.com/index_gallery_detailed2.php?id=6240&cat=makingof#.VSqaE2flrAp

http://www.3dtotal.com/index_gallery_detailed2.php?id=6240&cat=makingof#.VSqaE2flrAp

Web Tutorial Link example:

http://www.3dtotal.com/index_tutorial_detailed.php?id=1966&search=patric#.VSqapmflrAq

Video-based Design Presentations

http://digital-architecture.or.kr/new_da/html/

What you need is -

Architectural Design References (good references)

From the recent architectural achievements

Public spaces, e.g. bus station

(from Details No.28)

From the recent architectural achievements

Public spaces, e.g. park

(from Details No.29)

From the recent architectural achievements

New material, new surface pattern, etc.

(from Details No.28)

From the recent architectural achievements

New material, new surface pattern, etc.

(from Details No.29)

From the recent architectural achievements

Transform the patterns from nature

(from Details No.28)

From the recent architectural achievements

Architectural sculpture

(from Details No.29)

From the recent architectural achievements

Pick a company you like, and then project its image to your concept design

(from Details No.29)

From the recent architectural achievements

Panelized Surface design

(from Details No.29)

Some ideas

Breaking semantic integrity

There is a matter of size

Hommage to Escher

Escher (1958) BelvedereMaurits Cornelis Escher (1898-1972)Ascending and Descending

Panoramic view

Typhoon, taken at Room#511, College of Human Ecology, HYU, by JKL

360 Panoramic view

Daelim museum

Inspired by others photos:

E.g. Pinterest.com / Instagram etc.

www.pinterest.com amount of inspirable pictures

http://pinterest.com/pin/58687601365179312/

http://pinterest.com/pin/250723904226160773/

http://pinterest.com/pin/247275835761528274/

http://pinterest.com/pin/46654546110876787/

http://pinterest.com/pin/18929260904244445/

http://pinterest.com/pin/83809243036549264/

Salvador Dali Museum by HOK

http://pinterest.com/pin/83809243035661503/

http://pinterest.com/pin/134967320053652255/

http://pinterest.com/pin/244461085994072014/

http://pinterest.com/pin/264868021805228644/

http://pinterest.com/pin/147070744051761348/

From Concept sketch to Actual design:

A case study done by Gensler NY, for Samsung

Hand-drawn concept sketch + Photoshop: Samsung Refrigerator

Hand-drawn concept sketch + Photoshop: Cool Washer

Render shot

The 2013 IFA International Consumer Electronics Show @ Berlin, 4-11 September, 2013

The 2013 IFA International Consumer Electronics ShowSamsung home appliance booth, design by JH Park, Gensler NY.

His another work – Harman Kardon NY Flagship Store (by Gensler)Selected Inside Scoop: 7 NYC Places to Eat, Shop, Play, or Sleep by Interior Design Mag.

Lab Exercise 00: 3ds Max basic render environment

- Basic render environment file for Mental Ray- Basic render environment file for Vray

Use them for your “precision” modeling & quick rendering preview

Environment_MentalRay.max

1,000mm

1,000mm

Environment_Vray.max

1,000mm

1,000mm

Lab Exercises 00:

3ds Max + V-Ray basics

Lab Exercise 00-2

Render a “Teapot on a plane” scene in 3ds Max using V-Ray

Create a new Max file (in 3ds Max 2009 for using Vray plugin)

- Change current renderer to “V-Ray”

- Create a plane

- Make a primitive object - teapot

- Assign Vray materials using Material Editor

- Add Vray light(s)

- Render a scene

Render your final scene Store under your named folder

Renderers in 3ds Max

Scanline Renderer (3ds legacy)

Mental Ray Renderer (default)

V-ray Renderer (installed vray plugin)

Others

Render Setup Menu

– Common tab

- Common Parameters: Output size

- Assign Renderer: Renderers

– V-Ray tab

- Various vray options

– Some different setup tabs by currently assigned renderers

V-Ray materials in 3ds Max

Type “M” for opening 3ds Max Material Editor

Click “Arch & Design” (current material) button

Choose “VRayMtl” for rendering by V-Ray

Vray parameters are shown

- Diffuse

- Reflection

- Refraction

- …

Assign Vray materials on a plane and teapot

Place Vray lights

Lab Exercise 00-3: Texture Mapping & Bump

in Vray & Mental Ray

Classic Bump Mapping vs. Displacement (Varies in 3d Tools)

Bump Map Displacement

Geometry of two spheres are

totally same – different maps

http://en.wikipedia.org/wiki/File:Bump_map_vs_isosurface2.png

Bump Mapping example using Vray

For better texture & material:

- Take pictures of your interest material

- Make bump map using Photoshop

- Assign your texture map & bump map

- Control number values

- Same to Mental Ray (Also Displacement)

How to make my own texture maps, for better visualizations

Taken by iPhonePhotoshop edited:

Correct distortion & etc.

Bump map

Level updated

Map

This is Vray map, but

same technology to

Mental Ray!

Just different User

Interfaces.

Adjust Size!

Turn on this: for

preview in the viewport

Vray bump mapping

Bump map intensity:

Effect of Bump

Vray bump mapping

I intentionally used this ugly map

to show you the impact of texture &

bump maps in real design

‘visualization’.

For better visualization:

- Fairly good geometric model

(no need to be heavy model)

- The best lights you can create

- The best texture maps & effects

Res_map folder

Lab Exercises 01:

Non-uniform Surface Modeling by 3ds Max

Lab Exercises 01

Render a scene of your own “non-uniform curtain wall panel structure”

1. Create a primitive object such as a box, cone, cylinder, etc.

2. Freely edit surface using FFD box, Edit Poly etc.

3. Subdivide or Tessellate your surface

4. Inset by polygon using Edit Poly

5. Delete except structure and Shell it for making 3d

6. Edit using TurboSmooth or MeshSmooth etc. for making organic shapes

7. All modification should be stacked on Modifier tab so that edit back and forth

8. Create your own non-uniform / organic shaped curtain panel structure

9. At least 4 different models

Render your final scene Store under your named folder

Also store your *.max file under your named folder

Lab Exercises 02: Controlling Poly Size

Affordable files for better quality & better speed

Lab Exercises 02: Controlling Poly Sizes

How to control the LOD (Level of Detail) in terms of its geometric size?

1. Open StanfordDragon.max file – Raw geometric data

2. Enhance its Poly size using MeshSmooth or TurboSmooth

3. Clear Modifiers Stack – Convert it to Editable Mesh (or Poly) for the final geometry

1. Open StandordDragon.max file – Raw geometric data

2. Reduce its Poly size (and file size) using ProOptimizer (10 percent or similar)

3. Clear Modifiers Stack – Convert it to Editable Mesh (or Poly) for the final geometry

(4. Reuse: Import into other project)

Save Enhanced LoD dragon model (finalized geometry model) and its quick render

Store under your named folder

Save Reduced LoD dragon model (finalized geometry model) and its quick render

Store under your named folder

Level of Detail (LoD) in terms of geometric size

Hit the key “7”

to display total polys

Given size is 100,000 polys

Is it appropriate in its detail level?

100,000 polys

How to enhance its LoD? – General smoothing algorithms

- TurboSmooth

(Iterations)

- MeshSmooth

(NURMS, Classic…)

2,400,000 polys

How to reduce its LoD?

- ProOptimizer

20,000 polys

How to reduce its LoD?

100 dragons

Affordable size in its LoD

10,000 polys

Lab Exercises 03:

Fundamental Architectural Modeling in 3ds Max

1. Using Editable Poly

2. Using AutoCAD drawing plans

3. Using AEC Extended Geometry in 3ds Max

Lab Exercises 03: Architectural Modeling in 3ds Max

Architectural Modeling in 3ds Max: Various ways!

1. Using conventional way: Editable Poly

2. Using another convention: Imported AutoCAD file – floor plans

3. Using AEC Extended and Door, Window, etc.

4. Hybrid way: Using imported AutoCAD file & AEC Extended & Editable Poly

Import “Level 1 Floor Plan.dwg”

Choose appropriate layers – WALL and others only

Model 3d walls and architectural components in 3ds Max using a hybrid way

Finalize Level 1’s 3d model

Store under your named folder

KEEP IN MIND!! “Scale” & “Precision” for the architectural modeling

- Use millimeters unit setup

- Use “numbers” to extrude, slice, etc.

- Use snap tool (e.g. Vertex snapping to draw splines)

Import CAD file

Import AutoCAD floor plan file

- Check Units

- Choose Layer

Using AEC Extended – Wall, Door, Window, Foliage, etc.

Progress image

- Import CAD floor plan file

- Draw splines on top of CAD file, and extrude for making 3d walls

- Model 3d walls using AEC Extended Wall object, Foliage, etc.

- Slice plane – bridge walls for door openings in Editable Poly mode

- Various editing methods

Using AEC Extended – Wall, Door, Window, Foliage, etc.

Next Class

Geometric Modeling & Modification Technique in 3ds Max

3ds Max Design + Mental Ray Technique