11. Advanced 3d Modeling & Rendering...

Design Computing

11. Advanced 3d Modeling & Rendering 1

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

- Architectural Modeling- Developing Arch Ideas- Prep for the Final Project

- Nov 18: Midterm Exam

- Nov 11: Your Final Plan

- Dec 2: Your Project Progress Report

- Dec 9: Final Project Dev.

- Dec 16: Final Project Presentation

What to do today

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

2. Lab exercise 01: MR Caustics & Multi-pass effect

Render a scene

3. Lab exercise 02: HD rendering in MR

Render a high resolution (Full HD: 1920 X 1080 pixel) image using “Room Interior”

4. Lab Exercise 03: Rendering given building model (from the last week)

Render a scene

5. Lab Exercise 04: Your Office Interior Design - Modeling & Rendering

Render a scene & your *.max file

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

What we have been walked through…

1.CAD & Graphics Fundamentals

2.3ds MAX Design 2015

3.Mental Ray (+ Vray)

4.Geometric Modeling + Architectural Modeling

5.… And what’s next?

- Elaborated/Skillful CAD & Graphics, using 3ds Max or etc.

- “Smart” CAD & Graphics BIM (Building Information Modeling)

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/

Design Idea & Concept Visualization

from IDEA Design book, A&C Publishing Co., Ltd.

IDEA Design

By A&C Publishing Co., Ltd.

THE SCOTTS TOWERArchitect_UNStudio, Location_singapore

ZOOMLION HEADQUARTERSINTERNATIONAL PLAZA-SINGLE TOWERArchitect_amphibianArc, Location_Changsha, China

ZOOMLION HEADQUARTERSINTERNATIONAL PLAZA-TWIN TOWERArchitect_amphibianArc, Location_Changsha, China

ROCKMAGNETENArchitect_MV RDV & COBE

Location_Roskide, Denmark

ATLANTIC CITY BOARDWALKHOLOCAUST MEMORIALArchitect_Kanjun Lee

Location_Atlantic City, USA

POP-UP HOTELArchitect_PinkCloud.DK

Location_New York, USA

INSTANT HOUSE<INSTANT LUNG>

Architect_Ryszard Rychlicki

Location_Milan, Italy

BLOCK A101

Architect_KLNB Keeyong LEE + Nened BASIC architects

Location_Russia

BUSAN OPERA HOUSEArchitect_Sunjin Engineering & Architecture Co. Ltd

Location_Busan, South Korea

BUSAN OPERA HOUSEArchitect_Sunjin Engineering & Architecture Co. Ltd

Location_Busan, South Korea

THE ICEBERG

Architect_CEBRA+JDS+SeRCH+Louis Pailard

Location_Aarhus, Denmark

UDBETALING DANMARK HOLSTEBROArchitect_CEBRA Location_Holstebro, Denmark

A MOSQUE FOR ALLArchitect_BIG Location_Tirana, Albania

3d Modeling & Design Representation

What’s this?

What’s this?

Front

Bottom

Top

Left Right

A chair design

A chair design: Hide & Perspective

From 2D drafting to 3D modeling

Plan: Top view

Plan: Front view Elevation

3D Axonometric (still 2D drawing)

3D Surface Model 3D Solid Model

2D Drafting 3D Modeling

Capturing some visualizations from the model:Rendering, Animation…

Review – CAD history

The design is a drawing of the product e.g. Geometric drafting in 2D

The design is a surface model of the product e.g. Geometric surface modeling in 3D

The design is a 3D model of the product e.g. Solid modeling

The design is an editable 3D model of the product e.g. Parametric modeling

The design is the integrated representation of

all the compositional, analytical and fabrication

representations of the product

(Geometry is just one part of the model) e.g. Product Data Modeling, Building Information Modeling

H

W

D

Parameters:H, W, D

+ Information

Information Modeling

Review: 3d graphics software interface

Famous 3ds MAX. Since MS-DOS. Officially announced 3ds MAX at Siggraph 1995

How to use computer software? – GUI (Graphical User Interface)

Menu

Icons / Toolbar

Tabbed (grouped) Icons / Toolbar (Ribbon Interface by Microsoft)

Typing,Clicking,Drag and drop,Key stroke …

How to interact with computer software? – User Interfaces, as of 2012

CLI Command Line Interfaces- Command prompt

GUI Graphical User Interfaces- Windows, Mac

NUI Natural User Interfaces- Touch, motion, voice..

General software we use today

General CG software: for Efficiency and Precisione.g. AutoCAD command line

Why 3d graphics software is very hard to learn?

Ideal interfaces for 3D modeling- 3d laser scanning… (from real world objects)- Image processing (from 2d pictures to 3d model)- Beyond keyboard & mouse:

Tangible devices for manipulating 3d objects in 3d way

Most 3d graphics tools)- Handling 3d objects on 2d screen!- Too complicated 3d modeling on 2d views- Too many icons! (limitation of GUI)- Too complex options, too many function

This gap makes you hard to get 3d graphics!

Example - Another 3d modeling method: Laser Scanning

Laser Scanner

Scanning

Point Cloud

Example - Another 3d modeling method: Image-based geometry reconstruction

Google image search

http://www.youtube.com/watch?v=sGNesS8vo4M&list=PL804CCE3AA34C3A40

Actual reason – why 3d graphics software is too hard to learn?

Quiz – do you know these?

Ray tracing, global illumination…

Bump mapping, Phong Shading…

Bezier curve, Spline, NURBS, control point, segments…

UV mapping, UVW

Polygon mesh

Sweeping, lathing

Knowing about camera and lenses – focal distance, aperture, exposure…

Without understanding what are these, learning 3ds MAX is equivalent to “memorizing the order of clicking

buttons among hundreds of icons, in a messy GUI interface”.

If you understand the logic, rather than the order of clicking buttons, you can learn any complicated modern 3d modeling

& rendering software such as Rhino, Maya, Blender, Digital Project, and so on, of course including 3ds MAX.

Review: 3d “Geometric” Modeling

Geometry for making 3d objects

Modeling 3d object:

Creating an object (hard to do, except making primitives)

And Modifying it (very hard to do – modify in 2d geometry)

Creating 3d objects

0 Primitives

A legendary Utah Teapot, developed by Martin Newell

Creating 3d objects

1 Extrusion: extruding a polygon

Creating 3d objects

2 Lathing: revolving a surface

Creating 3d objects

3 Sweeping: sweep a section profile onto a polygon path

Creating 3d objects

4 Others: Skinning, Boolean operation (CSG)…

Preview: Building Information Modeling tool

Autodesk Revit – Building Object-based modeling

Review – CAD history

The design is a drawing of the product e.g. Geometric drafting in 2D

The design is a surface model of the product e.g. Geometric surface modeling in 3D

The design is a 3D model of the product e.g. Solid modeling

The design is an editable 3D model of the product e.g. Parametric modeling

The design is the integrated representation of

all the compositional, analytical and fabrication

representations of the product

(Geometry is just one part of the model) e.g. Product Data Modeling, Building Information Modeling

H

W

D

Parameters:H, W, D

+ Information

Information Modeling

Autodesk Revit 2016, as of 2015

How to “model” a building in Autodesk Revit?

Modeling walls, columns, doors, spaces, floors – not points, lines, surfaces

- But it doesn’t mean Revit has no geometry editing tools. It still has powerful tools.

Designing a building object, based on several pre-defined object families

- System Family: pre-defined building objects in Revit

- User Family (Custom Objects): any kind of user-defined building objects

Each object’s geometry is parametrically editable

- A wall’s “width”, “height” and “thickness”, NOT “length” of the lines

All objects have related each other – Parametric “Constraints”

- E.g.: All walls in Level 1 have a “constraint” to the bottom of Level 2

We just implemented this on BIM tools, much smarter than OSNAP in AutoCAD

Revit interface basics1. Start a command

Clicking icons in Ribbon interface

2. Choose an option from the associated temporary tab

Editing, modifying in an additional Ribbon tab

3. Do something in the model view window

Add a new project – using Metric template

1 2

3

Wall object modeling on top of the given CAD drawing

Door Object: You can add more door objects from the Library

1

2

Add a double-flush door

Door Object in Revit – Floor Plan view & 3d view

Window Object in Revit – Floor Plan view & 3d view

Modeling a stair in Sketch Mode

Draw a stair run in Sketch mode

Finish it and exit Sketch mode

Component

In Component Properties: several available interior architectural items

More Components from internet – e.g. Herman Miller furniturehttp://www.hermanmiller.com/design-resources/3d-models-revit/revit-families-and-typicals/product-categories.html

Floor Object

Modeling a floor object: also in Sketch mode – draw

boundary lines of floor slab

Must finish it after modeling the floor boundary

lines

Floor slab

Next week: A bit detailed modeling & entire floors

- Interior Walls- Doors- Windows- Stairs- Components (furniture, etc.)- Spaces (Revit Room objects)

Smart Copy: copy & paste your objects in a smart way

Copy objects

Smart selection by Filter

Smart Selection of Objects by “Filter”

Smart selection by Filter

Smart Copy

Modeled and Rendered in Revit, using Mental Ray (Also compatible with 3ds MAX)http://oubaas.deviantart.com/art/Revit-render-test-84446464

http://www.revitcity.com/forum_files/26537_banking_hall_1.jpg

Modeled and Rendered in Revit, using Mental Ray (Also compatible with 3ds MAX)

Recommended: Use Revit & MAX for better photo-realistic rendering images

Revit:

MAX:

Rendered by Mental Ray on Revit – Photo-realistic rendering

http://grevity.blogspot.kr/2011/09/beam-me-up-scotty.html

Rendered by Mental Ray on Revit – Photo-realistic rendering

http://grevity.blogspot.kr/2011/09/beam-me-up-scotty.html

http://grevity.blogspot.kr/2011/09/beam-me-up-scotty.html

Back to Geometric Modeling:

Surface-based 3d Modeling by 3ds Max

mostly for Design Visualization

An Example 3ds MAX Modeling & Representation -

“Geometric Modeling” – no need to be a smart model

Scenario: Workspace design concept developmentusing 3d visualization (3ds MAX)

3ds MAX use scenario in interior architecture design

Define UoD

Retouching in 2d Graphics Tools

(Geometric) Modeling

Material mapping

Rendering

Lights Camera Rendering scenes

Modeling universe (environment) Modeling design elements

2d sketch 3d modeling

Import Modification…

Planes Walls

Sky, outside view Modification…

What’s in your mind? - Roughly sketch it freehand if needed - Plan hierarchy diagram and objects

Photoshop (or others) supports lots of complicated effects- Modify: Level, Color balance, Sharpness, Gaussian blur, etc.- Add: Remapping, Compose, Texts, etc.

An Example Concept & Development – “Media Wall Office” visualization

This is a small office for an IT-based design company, a part of a high-rise building

They design Web-based media such as Prezi, Flash, e-contents, etc.

They need to get feedback frequently from users, remotely

Non-structural columns for digital communication! Media Posts!

Columns are connected to the network

They have several built-in touch-pad devices

Designers “post” their design to the Media Posts, and get feedback

Windows are also another type of Media board: Transparent screens

Reference Images

Blurring Space, JK Lee et al, 2003

Reference Images

Stage 1: Modeling architectural environment

1 Create a box object: with enough segments in a proper size, e.g. 12m X 20m X 6m

2 Convert it into “Editable Poly”

3 Delete one side wall

4 Other 3 sides should be “Flip”

Stage 2: Photometric Lights

1 Create a Photometric light on the ceiling

2 Copy “instances” using Shift + Move icon

3 Adjust light options: Cylindrical emit, Intensity 50cd, set color, etc.

4 Test render inside for seeing inside brightness

Stage 3: Place a Camera

1 Place a target camera

2 Adjust its location properly

3 Adjust camera options: Focal distance (use wide), Multi-pass effect (depth of field), etc

4 Create a Camera view, test render inside for seeing via camera

Stage 4: Modeling Interior Elements

1 Create interior elements: create a box and copy instances (Columns)

2 Create interior elements: other elements dependent upon Level of Detail you want

3 Import elements: pre-defined furniture and/or cubicle system furniture, etc Copy instances

4 More lights and/or window modeling (still surface is okay in this LoD)

Stage 5: Material Mapping and Rendering

1 Assign one view port to the Camera, and toggle views using Alt + W

2 Assign colors into surface walls and interior elements: white

3 Assign preset materials to some of objects: Arch & Design solid glass to the window parts, floor..

4 Test render and adjust related setup: lights, material, camera lens & depth, etc Get your scene

Basic modeling, lighting, camera, and rendering by Mental RayNo texture mapping

Modeling – 1 side media windowNo texture mapping

Modeling – 3 sides media windowWindows: Arch & Design solid glass

Modeling – a little bit elaborated modelingWindows vertical rails: Arch & Design metal

Floor material (Arch & Design preset) & external lightsFloor: Arch & Design concrete

Floor material (Arch & Design preset) & external lights Concept rendering image: Need to retouch in Photoshop – Media images on the posts & screen

Floor material (Arch & Design preset) & external lights

Concept rendering image: Need to retouch in Photoshop – Media images on the posts & screen

Media screen mapping 1

Media screen mapping 2

Media screen mapping 3

A concept image of a workspace – this takes around 2 hours for modeling & rendering LINK

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

Lab Exercises 01:

Camera MR Multi-pass effect (+ Caustics)

Lab Exercise 01

Render a “Crystal Balls” scene in 3ds Max using MR, with Caustics + Multi-pass

Open “Crystal Ball.max” file

- Copy & Paste few more balls: 6-7 crystal balls

- Place a camera

- Turn on Caustics in Render Setup

- Turn on Generate Caustics in Object Property

- Adjust camera options: FOV, focal distance, view angle…

- Turn on MR Multi-pass effect

- Render a scene: Caustics & Multi-pass! Advanced camera effects

Render your final scenes Store under your named folder

How to enable MR Caustics:

1. Turn on Caustics in GI tab:

Render setup - Indirect Illumination – GI

2. Turn on target objects “Generate Caustics”:

Object right click – object property

3. Turn on lights’ “Generate Caustics”

Rendering Example

Lab Exercises 02: Rendering HD images & reducing time

- 3ds Max + Vray using Light cache & Irradiance map- 3ds Max + MR using FG map & GI map

very high resolution images rendering for: Studio finals, Competitions, Graduation work, etc.

Lab Exercises 02: High Resolution image rendering tip

How to save your time for rendering High Definition (high resolution) images?

1. Render a very low resolution image (e.g. 320 X 180 pixel)

2. Save your calculation files (Global illumination related, light cache…)

3. Load saved calculation files (“From file” option)

4. Render in HD (1920 X 1080 pixel or much bigger e.g. 6000 X 5000 pixel)

Render buckets directly generate the final images without calculation

- In Vray: Save Irradiance map file, light cache… (*.vrmap, *vrlmap, vrpmap…)

- In MR: Save Final Gather(FG) map file, GI map…

Besides, this enables you to render a clean image without color bleed

Render your Vray final scene in HD Store under your named folder

Render your MR final scene in HD Store under your named folder

Reducing rendering time

Rendering consists of 1) calculation, and 2) image generation

calculation can be saved as a file (map file), and reused by another rendering with high resolution

this only takes image generation time, without long calculation time

At this moment, swapping map file can be applicable for avoiding color bleed, etc.

Avoid too detailed mesh models,

Use good mapping sources,

Do not load unnecessary models behind the scene,

Fix geometric errors, etc.

…And?

1920 X 1080 pixel image rendering in a couple of minutes, using Mental Ray in 3ds Max

Low resolution image

Lab Ex 05 – 1: Rendering HD image using Vray & Cache/map files

High resolution image

Lab Ex 05 – 2: Rendering HD image using MR FG/GI map files

Low resolution image

High resolution image

Reducing “Color Bleeding” using saved map files

Sometimes Color Bleeding hinders rendering good images

It can be controlled by replacing with different map files

Reducing “Color Bleeding” using saved map files

If needed, use different mapping colors for both:

1) making map file (with non-color bleeding colors), and

2) HD rendering (with any wanted colors)

Low resolution image

for making non-color bleeding map files (white background)

Lab Exercises 03: Rendering your building model

(Review from the last week Lab Exercises)

MR Daylight system or Photometric lights

Architectural rendering (no need to be photo-realistic)

Architectural rendering (no need to be photo-realistic)

Submission: render scene

like these

Lab Exercises 04:

- Make your Office: (Pseudo) 3D Building Model

- Refer to the slides today (media wall office case)

Stage 1: Modeling architectural environment

1 Create a box object: with enough segments in a proper size, e.g. 12m X 20m X 6m

2 Convert it into “Editable Poly”

3 Delete one side wall

4 Other 3 sides should be “Flip”

Stage 2: Photometric Lights

1 Create a Photometric light on the ceiling

2 Copy “instances” using Shift + Move icon

3 Adjust light options: Cylindrical emit, Intensity 50cd, set color, etc.

4 Test render inside for seeing inside brightness

Stage 3: Place a Camera

1 Place a target camera

2 Adjust its location properly

3 Adjust camera options: Focal distance (use wide), Multi-pass effect (depth of field), etc

4 Create a Camera view, test render inside for seeing via camera

Stage 4: Modeling Interior Elements

1 Create interior elements: create a box and copy instances (Columns)

2 Create interior elements: other elements dependent upon Level of Detail you want

3 Import elements: pre-defined furniture and/or cubicle system furniture, etc Copy instances

4 More lights and/or window modeling (still surface is okay in this LoD)

Stage 5: Material Mapping and Rendering

1 Assign one view port to the Camera, and toggle views using Alt + W

2 Assign colors into surface walls and interior elements: white

3 Assign preset materials to some of objects: Arch & Design solid glass to the window parts, floor..

4 Test render and adjust related setup: lights, material, camera lens & depth, etc Get your scene

Media screen mapping 3

Next Class

Geometric Modeling & Modification Technique in 3ds Max

3ds Max Design + Mental Ray Technique

Architectural Modeling by AutoCAD dwg files