09. architectural modeling & developing...

Design Computing

09. Architectural Modeling & Developing Ideas

10/31/2014CAD & Graphics II | HOM2027 | Fall 2014 | Every Friday 2:00 pm – 6:00 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. 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

4. Lab exercise 02: Import external geometry files (AutoCAD plan)

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

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

Appropriate *.max files &/or images in JPG format. Try to get your best!

Submit this week’s LE today

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공모전)

DA2014 – 디지털건축 이미지 부문 (Bi-annually base)

창의적 디지털 기법을 활용한 건축 이미지

다양한 프로그램을 이용한 창의적 이미지 (사진합성 포함)

사진의 경우 원본을 수정하여도 무방함. (창의적 기법 허용)

디자인에 대한 작품 의도 및 제작 소프트웨어에 대한 설명

3D 입체기술을 이용한 정지화상(예:Anaglyph 및 편광방식 입체 이미지 등)

세부적인 주제의 제한 없음

이미지 부문의 본 심사는 웹 상에서 열린 평가를 병행한다.

참여 팀 구성은 작품당 2인 이하

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

반드시 참가자 본인 또는 참가 팀의 창작품 또는 신개발 제품이어야 함

학생작품의 경우 지도교수 별도 표기

언어는 한글, 한자, 영문 중 선택/병용 가능

본인의 신분증명과 팀원 사진, 해당공모부분을 입증할 수 있는 자료 별도 제출하며 시간엄수

작품 제출은 공모 분야별로 Webhard에 upload하며 접수 후 수정불가 (Webhard주소와 Password는 개별통보)

최종심사 대상자는 제작 원본 파일을 요청할 수 있음 (300dpi 이상의 TIFF형식으로 제출)

출품작의 출판 저작권을 주최 측에 허용해야 함

모든 수상작은 향후 전시회 개최 시 주최측의 요청에 따라 패널을 제작 제출해야 함

Typical award winners:

Design a building of the future

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 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

…

And More Representations

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/

Video-based Design Presentations

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

What you need is -

Architectural Design 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

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:

Curtain Panel Surface Modeling by 3ds Max

Lab Exercises 02: Architectural Modeling in 3ds Max

1. Using Editable Poly2. Using AutoCAD drawing plans3. Using AEC Extended Geometry in 3ds Max

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

Architectural Modeling by AutoCAD dwg files