12. Advanced 3d Modeling & Rendering 2 + Animation

Transcription

1 Design + Computing 12. Advanced 3d Modeling & Rendering 2 + Animation 11/18/2015 CAD & Graphics II HOM2027 Fall 2015 Every Wednesday 2:00 pm 5:50 pm Jin Kook Lee, PhD designit@hanyang.ac.kr Assistant Professor, Space & Design IT Lab. Department of Interior Architecture Design, Hanyang University

2 Where we are - Architectural Modeling - Developing Arch Ideas - Prep for the Final Project - Nov 18: Midterm Exam - Dec 2: Your Project Progress Report - Dec 9: Final Project Dev. - Dec 16: Final Project Presentation

3 What to do today 1. Lecture: Review - Theoretical background of CAD & Graphics + Animation-making basics 2. Lab exercise 00-1 ~ 00-3: Vray in 3ds Max Design 2015 & An Easy Architectural Modeling 3. Lab exercise 01: Autodesk Homestyler.com Design your room Submit screen capture scene (2D), rendering image, 3d CAD (dwg) file Test mobile version of Homestyler.com: Take a picture & decorate it 4. Lab exercise 02: 3ds Max Freeform design & render Submit your freeform design based on given environment file 5. Lab Exercise 03: 3ds Max Mental Ray render tip Cutouts max file & render a scene 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 & All missing Lab Exercises until November Midterm Examination

4

5 High Level vs. Low Level High LoD vs. Low LoD

6 High Level - Low Level 총론總論 Introduction, Outline, General Theory Coarse Detail, High Level 각론各論 Detail, Particulars, Specific Theory Fine Detail, Low Level What s the LoD we pursued in the class? - Developing the capability of Design Computing - Enhancing Digital Communication skills - Practicing Digital Design Presentation - Learning Interoperable operations between heterogeneous applications - Exercising Adobe Photoshop & related 2d visualization tools - Exercising SketchUP & related 3d visualization tools - Training precision drawing tools such as AutoCAD - Training skillful techniques on each tool: e.g. AutoCAD detail commands High level Low level

7 High LoD - Low LoD High Low

8 Review: 3d Modeling & Design Representation

9 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

10 Surface Model Surface modeling is good to visualize any type of 3d objects, not only in the real world but also in the cyber spaces such as games. However, we are dealing with real world objects they are all solid 3d objects. In terms of Semantic Integrity, what should we model?

11 What is a (3D) Solid Model A solid model is an unambiguous computer representation of a physical solid object. Requicha & Rossignac (1992) Klein s Bottle Non-solid 3D Model:

12 Why we need Solid Modeling? - Invalid and ambiguous 3D Representation invalid Devil s Fork ambiguous

13

14 Geometric Modeling vs. Information Modeling Information Modeling for Building BIM Information Modeling geometric modeling

15 From 2D drafting to 3D modeling and what s NEXT? 2D Drafting 3D Modeling Plan: Top view Plan: Front view Elevation 3D Surface Model 3D Solid Model 3D Axonometric (still 2D drawing) Capturing some visualizations from the model: Rendering, Animation

16 Autodesk HomeStyler

17 Autodesk HomeStyler

18 Homestyler is a BIM tool, not a conventional CAD tool

19 Homestyler Mobile version: object-based design/decoration & camera-based edit

20 File Save As: JPG, DWG, RVT HomeStyler Model is not a simple CAD but a simple BIM This is a Door object Not a rectangle geometry

21 AutoCAD DWG file Object: Polylines block Properties: Color, Layer, Linetype, Position X, Y, Z Revit RVT file Object: Double-Panel Door Properties: Sill height, Frame Type, Material, Finish, Head height

22 Traditional Communication in AEC-FM industry Programming: Bubble Diagram ABSTRACT 추상화 ( 抽象化 ) Sketch Your Design & idea Drafting by hand (1893) Architectural Symbols: Floor Plan, etc.

23 Let computers do this abstract, visualization, symbolization, etc. AutoCAD - This is a geometric line object - Only geometric properties - Computer does NOT know this is a Door - Only drawing & visualization - Any CAD tools can draw this wall, using Rhino, 3ds Max, SketchUP, even by this PowerPoint

24 Let computers do what we have done for new buildings Revit (BIM) - This is a door object - Door related properties - Computer does KNOW this is a Door - drawing & visualization are one of uses of this model - Only BIM authoring tools can draw this door. Not by general CAD tools for Jewelry, Textile, Machine, etc.

25 Conventional Design Computing Drafting Modeling Rendering Focusing on geometric shapes Let computers do what we have drawn Animation Visualizations

26 New direction of Design Computing: Information Modeling Focusing on information Let computers do what we have done

27 Difference between geometric drawing and information modeling Two representations are very close. Computationally, very different.

28 So, what we need to know? Geometric Modeling e.g. 3ds Max Design Design Geometry-centered, some parametrics For editing: update vertex, edge, polygon Vertex (Point) Edge (Line) Face (Surface) Shell (Space) Parametric Modeling e.g. Revit Topology (Geometry) Part (Component, Family, Object) Design (could be a part of bigger design) Object-oriented modeling & design For editing: update information

29

30 How to represent your design?

31 Architectural Design, Construction, and Representation 2000 years ago Marcus Vitruvius Pollio (born c BC, died after c. 15 BC) - the author of De architectura, (The Ten Books on Architecture) discussed the value inherent in using plans, elevations, and perspectives to convey design intent. Renaissance Leon Battista Alberti (February 14, 1404 April 20, 1472) - the author of De Re Aedificatoria (1452, On the Art of Building) distinguished architectural design from construction by proposing that the essence of design lay in the thought processes associated with conveying lines on paper. His goal was to differentiate the intellectual task of design from the craft of construction. Modern Architecture Form follows function - coined by Louis Sullivan, in his article The Tall Office Building Artistically Considered in referring to Vitruvius. Contemporary 2D CAD (AKA CAAD, CADD ), 3D Graphics Cutting-edge BIM the most advanced CAD system so far

32 Geometry-oriented approach to the design Conventionally CAD systems only deal with geometry Because people believed that geometric shape is all about design, at that time. Geometry is important, but it is a subset of a design.

33 Building object-oriented approach to the design; building design Site 1 1..* Building 1..* 1 1..* Floor 1..* 1 1..* Space 1..* 0..* 0..* SpaceGroup 1 Interior Facilities Conceptual modeling of a building for both human and computer Information is important. Geometry is one part of information.

34 Building Data Model: a bit more elaborated model Other Structural Element Foundation Slab Ceiling 0..* 0..* 0..* 0..* 1 Geometry Surface Material Structure Site 1 1..* Building 1 1..* Floor 1..* 1..* Any group or classification of spaces Roof Beam 0..* 0..* 1 1..* Space 1 1..* 0..* 0..* SpaceGroup Column 0..* Wall 0..* 1 0..* Opening Window Door Geometry Surface Material Interior Facilities 1 1..* 0..* One One or more Zero or more A B B contains A / A is super class of B A B B is made up of A (composition) Major building elements for interior design Dynamically Instantiatable Objects

35 Traditional Communication in Design Programming: Bubble Diagram ABSTRACT 추상화 ( 抽象化 ) Sketch Your Design & idea Drafting by hand (1893) Architectural Symbols: Floor Plan, etc.

36 Design Modes

37 Why CAD & Graphics? Especially, why 3D Computer Graphics? - For enhancing your design visualization skills - For moving forward to advanced design computing issues such as BIM

38 Modeling: Geometric shape is just one part of the computational model Shareable Your Design & idea Computational Model + More Information BIM Digital Design Presentation - Plan, exported by model - 3D, exported by model - Sketch, exported by model - Pictures from model - Animation from model - Anything from model One source, multi use

39 Example: Hotel Expo

40 Example: Jewish Museum

41 Example: Sleepbox

42

43

44 What you have to learn are: Fundamentals of Computer Science & Engineering Theory Computer Hardware Network & Internet Computer Software OS: Windows Fundamentals of Design Computing theories Computer Software Specific Applications: CAD & Graphics tool: 3ds Max Design for this semester + Mental Ray, Vray, Photoshop, etc. Even more things about Design Computing!

45

46 3d Visualization of Design - Still Image

47 (Digital) Design Media Design by hand. Design by computing. Design by pencil to computing (computer hardware + software) The pencil is one of the most basic media of design (graphic design tool). Proliferation of IT What s new media for design? Digital Design Media

48 Photo-realistic visualizations using current/common CG tools SketchUP + Vray (download a model from Google 3d warehouse and edit lights, in 5 min)

49 Photo-realistic visualizations using current/common CG tools SketchUP + Vray

50 Photo-realistic visualizations using current/common CG tools

51 Photo-realistic visualizations using current/common CG tools

52

53

54

55

56

57

58

59

60 3d Visualization of Design - Image Sequence

61 Video-based Design Presentation

62

63 Video-based Design Presentation (so-called Multi-Media) Easy to follow. As a picture is worth a thousand words so even if a certain idea is unclear orally; it can be clearly stated via pictures and diagrams. Video is a sequence of images. Background music, clear texts, title, description text, voice recording, and so on will help your design representation.

64 Example Videos: Final Presentation Videos

65 Example Videos Intro, Title text Concept description Your (3D) Design Representation (animation clip) Ending credit

66 Example Videos: Animation Clips (today s subject) using 3d Graphics Tools: JPG sequence

67 Daum Pot Encoder e.g. Encoding & simple editing

68 Camtasia Studio e.g. Capturing screen movie clips

69 Adobe After Effects e.g. Making movie clip using JPG sequence

70 Adobe Premiere e.g. Making movie clip slower (more frames)

71 Flash e.g. Web-supported movies & exe files

72 Power Director e.g. Making your final video project Import your libraries e.g. Movie clips, Sound, Music, Images, Text call outs Place your components on the TimeLine Editing final video Adding Transition, Text call outs, music, control music volume, etc. Saving your final project file: *.PDS file Exporting a final video file: e.g. MP4, AVI

73 Story Board: Content is Matter

74 A simple assignment: Making your Final Video Story Board To draw your own Story Board for your final project

75

76 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

77 Environment_MentalRay.max 1,000mm 1,000mm

78 Environment_Vray.max 1,000mm 1,000mm

79 Lab Exercises 00: 3ds Max + V-Ray basics

80 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

81 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

82 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

83 Lab Exercise 00-3: Texture Mapping & Bump in Vray & Mental Ray

84 Classic Bump Mapping vs. Displacement (Varies in 3d Tools) Bump Map Displacement Geometry of two spheres are totally same different maps

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

86 How to make my own texture maps, for better visualizations Taken by iphone Photoshop edited: Correct distortion & etc. Bump map Level updated

87 Map Turn on this: for preview in the viewport Adjust Size! This is Vray map, but same technology to Mental Ray! Just different User Interfaces.

88 Vray bump mapping Bump map intensity: Effect of Bump

89 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

90 Res_map folder

91 Lab Exercise 01: Autodesk HomeStyler.com - A web-based parametric modeling tool (& Mobile-based) - Login using Google Account, and design your room

92 Autodesk HomeStyler

93 Autodesk HomeStyler

94 Lab Exercise 03: Freeform Tools in 3ds Max - Primitive Editable Poly Freeform - Edit Poly Inset Shell MeshSmooth, TurboSmooth, etc.

95 Box primitive Or any others - Turn on Edged Faces - Use real scale: e.g. 6mX6mX5m - Turn on Total Polys (hit 7)

96 Freeform: similar to FFD, Editable Poly, Noise, etc. Editing Polys in Edit Poly mode Editing Polys in Edit Poly mode

97 Box to a freeform object - Edit Poly (or Convert Editable Poly) - Select Polygons & Freeform - Inset Polys - Delete Polys

98 Shell to create 3d object

99 Turbosmooth or Meshsmooth Iteration & other options

100 Quick Render using Environment_MentalRay.max

101 A Plane object + MR Cutout map A Plane object + MR Cutout map Lab Exercise 04: MR Mapping in 3ds Max - Pattern and curve using MR mapping & Shaders, without geometry

102 Main Maps - Diffuse - Reflection, Refraction Special Purpose Maps - Bump - Displacement - Cutout

103 Turn on the view Diffuse map (bitmap) No Reflection: black 100% Reflection: white You can drag & drop to copy exactly same size and angle you adjusted for the diffuse Adjust Size Rotate, if needed Update image

104 Diffuse Mapping (Checker)

105 + Displacement (10)

106 + Cutout (black color)

107 Copper plate + Cutouts Copper plate (Autodesk Metal)

108 Text on a Plane (inverted B/W)

109 Visualize your pattern or design only by MR maps - Diffuse map - Diffuse map - Displacement - Displacement - Cutout - Diffuse color - Reflection - Displacement - Cutout

110 Midterm Exam

111 Next Class Animation Final Project Development