12. Design Presentation & Video

Transcription

1 Design + Computing 12. Design Presentation & Video 5/21/2015 Digital Design I HOM3034 Spring 2015 Every Thursday 2:00 p.m. 5:50 pm Jin Kook Lee, Ph.D designit@hanyang.ac.kr Assistant Professor, Space & Design IT Lab. Department of Interior Architecture Design, Hanyang University

2 Scheduled Classes Midterm Exam Digital Design & Fabrication Video making technique LEs Prep for the Final Project Final Project

3 Planned rest of the semester: Midterm Exam, Final Project, etc. Lab Exercises in each class - Mostly pass/fail based evaluation - Additional score will be given, if your work is beyond expectation : Qualitative evaluation in Course participation Midterm Exam - A brief examination from the course material, fundamental theories - Not only BIM and parametric modeling issues but also 3d graphics - Scheduled in May 21. Final Project: a video-based design presentation, uploaded on YouTube.com - You are encouraged to use your design studio work - If not your design studio work, it s okay. Contents up to you (e.g. lessons in this course, etc.) - Uploaded and shared by YouTube - Due date: end of the class (June 11) Other Mandatory Participation - Show up in the special Guest Lecture Series (End of May ~ Early June)

4 Final Project: Making your Design Presentation Video Common Requirements: 3ds Max Video Clip(s) + Your material + Audio at least 1.5 min 1. Final video should contain at least one 3ds Max-generated architectural video clip 2. AND/OR some photo-realistic rendering images of your design (2d image-based movie) 3. Final video should contain at least one or more audio 4. Final video should contain your materials 5. Video running time should be longer than 1 minute, in 720p (HD, if possible) 6. Ending credit required Your name, your contact , course title, year, etc. 7. Final video should be uploaded on your YouTube account & shared on FB etc. 8. This is an individual project, even if you use your team project work What to do? Choose one of following options for your final subject 1. Presenting Your Design Studio Work - for your studio class final AND/OR the competition, if you involved 2. Your Design Portfolio Video - making a video portfolio to show what you have done OR simply about you & design 3. A preview of video submission for other design competition - for participating in other general design competitions, a bit different target or design can be applied

5 How to submit Final Project Posting on Google YouTube Embed your video on the Course Web (Google site) Due Date: 6/11/2015, 12:00 p.m. (Exactly before the week 15th class) 1. Finish your Final Project: Video File for a Design Presentation 2. Upload it on Google YouTube: Logon to Google (or new account) and upload it 3. Copy your YouTube URL OR embed your video on the Course Web (Final Project folder) 4. Your Google Site would be used for presenting your video and linked to Course Web 5. Your final project materials (movie, max, clip, etc.) subject to be submitted later

6 What to do today Lecture: 0) Review for the exam & advances in Digital Design, 1) Digital Design BIM Applications using Vasari & Revit, 2) Design Presentation using Video 1. LE 01: MR Shaders Water & Mist best render shots 2. LE 02: MR Shaders Beam & Glare best render shots 3. LE 03: MR Shaders Matte Shadow Reflection best render shots using your image 4. LE 04: Making Animation Clips 1) Animation Clips by SketchUP: SketchUP and Vray 2) Animation Clips by 3ds Max: Camera move, Moving objects Animation Clip JPG Sequence files (at least 30 files) 5. LE 05: Demo BIM Applications using Vasari

7

8 Digital Design I class Advances in Digital Design Review: Basics

9 Design Computing Means: Computing Technology Human Creativity Goal: Design Computational Processing Creation Design Cognition, AI, Machine Learning Design Authoring Development Visualization Analysis

10 Modeling: To make a computational model which is good one source 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

11 What s this?

12 What s this?: Plan views Top Left Front Right Bottom

13 A chair design: Wireframe view

14 A chair design: Hidden line removal & Perspective view

15 From 2D drafting to 3D modeling 3d modeling at first stage? 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 Review a brief 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 H W D Parameters: H, W, D 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, BIM (Building Information Modeling) + Information Information Modeling

17 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, BIM (Building Information Modeling) In a nutshell General 3d modelers in varied modeling types 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

18

19 Basic Theory in Digital Design

20 Geometry for making 3d objects Modeling 3d object: controlling 2d/3d components Creating an object (hard to do, except making primitives) And Modifying it (very hard to do modify in 2d geometry)

21 Creating 3d objects 0 Primitives To make primitive objects, and modify them

22 Creating 3d objects 1 Extrusion: extruding a polygon

23 Creating 3d objects 2 Lathing: revolving a surface

24 Creating 3d objects 3 Sweeping: sweep a section profile onto a polygon path

25 Creating 3d objects 4 Others: Skinning, Boolean operation (CSG)

26 From 2d geometry to 3d model: Lathe 2d drawing 2d modifying Lathe (revolving) to 3d

27 Boolean Operation in 2D Geometry A B A B A B B A (A B) + (B A)

28 Boolean Operation in 3D Geometry A B How to make this?? A B A B

29 (A B) (C (D E)) A B C (D E) D E A B C D E

30

31 SketchUP a surface 3d modeling tool (3ds Max as well)

32 SketchUP models are surface-based models SketchUP model is Surface 3d, NOT Solid 3d From the book SketchUP for dummies

33 Edge & Face made a sketchup model Edge (Line) & Face (Surface) Surface-based 3d model From the book SketchUP for dummies

34 All lines are actually straight A curve is a collection of straight lines. Any organic-shaped curves are still straight lines. From the book SketchUP for dummies

35 All surfaces are actually flat A surface (face) is a collection of edges (lines), at least three edges. Any organic-shaped surfaces are still a collection of flat surfaces. From the book SketchUP for dummies

36 Rendered by V-Ray plugin, on SketchUP

37 3d Warehouse: download/upload your SketchUP models!

38

39 Vray renderer Same to MR, but different interface

40 Rendering basics all about lights Lighting Source - Direct Illumination (e.g. Sunlight) - Indirect Illumination - Environment Target Objects - Diffuse - Intensity - Texture Map - Shadow casting - Ambient Occlusion - Reflection - Refraction - Caustics Camera - Source, Target - Field of View

41 Rendering Overview

42 Diffuse For Transparent Bitmap BG Color Texture Map Transparency: White Transparent, Black Opaque BRDF: bidirectional reflectance distribution function

43 Reflection Reflection color: White Transparent, Black Opaque Reflection Glossiness

44 Refraction IOR: Index of Refraction

45 Emissive

46 Photo-realistic Rendering: Global illumination, Ray tracing To compute the interactions between light rays and all target objects in the given environment Rendering usually refers to the control such interactions with amount of options

47

48 Advances in Digital Design Next week: Digital Design & Fabrication (3d Printing)

49 Example Design your building & skin - building mass could be a simple shape - building skin design alternatives (3 or more) - use various patterns and your curtain families

50 Building Information modeling

51

52

53

54 Vasari & Design Analysis: Wind rose & wind tunnel

55

56 Wind rose shows you the average of yearly wind speed of your site location (weather data)

57 Wind tunnel analysis for both building exterior and interior

58 Revit (Vasari) can import SketchUP files Any geometric model can be loaded into Vasari (Revit) for further use - the F-22 raptor flight model downloaded from Google 3d warehouse (SketchUP *.skp file)

59

60

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

68 Video File Formats

69 How to make an animation clip for design representation? Theoretical Background for movie-making SketchUP, Vray (3ds Max Design, Mental Ray, etc.) SketchUP Scene-based animation: Movie file & JPG sequence SketchUP + Vray render JPG sequence Adobe Photoshop, After Effects, Daum PotEncoder, etc. JPG Sequence a movie clip file (.mov) Encoding them and converting into various movie formats (e.g..mp4) Power Director (Adobe Premiere, etc.) Planning Your Movie-based Design Presentation Edit your movie and export (encoding)

70 File formats and Codec for audio/video From Edison s Phonograph To digital files such as MP3, MP4, AVI - Nowadays all audio/video formats are digital Uncompressed files are too big to handle: e.g. WAV, BMP, AVI (uncompressed) Most digital file formats are compressed formats, in different ways/standards Compressed files: e.g. MP3, JPG, MP4, AVI (compressed), MPG Compressor / Decompressor Codec (for digital audio/video) Codec plays an important role to store your audio/video/pictures etc. files into the computers, and to play those files from the computers. Internet (Web) Streaming file formats streaming lets you to play audio/video while downloading: ra, wmv, wma, flv, swf

71 Compression: Audio file example

72 Video File basics Video Screen size: pixels - DVD (720X480pixel), HD (1280X720), Full HD (1920X1080) FPS: frame per second - 25fps, 30fps, 10fps Bit rate: bit per second - (K)BPS Codec (file type) Compression rate - AVI, WMV, MP4, FLV, SWF Audio Channel: 2Ch (Stereo), 5.1Ch (Dolby surround..) Bit rate: 128kbps Codec (file type): MP3, WAV, OGG Others Caption, video effect, water mark

73 Authoring a Video

74 Converting video file formats Convert Audio file format using Pot Encoder: 1. Open a given mp3 file (3.3MB) OR open your any MP3 file 2. Convert it to smaller than 1MB 3. Save it as another MP3 file Convert Video file format using Pot Encoder: 1. Open an mp4 video file (9.25MB) OR open your any movie file (short) (Search YouTube video and download it using voobys.com, etc.) 2. Convert it to a smaller size file 3. Save it as *.AVI or *.WMV, or other file format (not original MP4) 4. Extract the audio from the video file Save it as *.MP3 file (128kbps) Save total 3 files: 1 movie file and 2 MP3 files under your named folder

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

76 Camtasia Studio e.g. Capturing screen movie clips

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

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

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

80 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

81 Movie making basics Component Library window Movie Clips Audio, Sound, BGM Time Line window Time slider: X axis: time in seconds, Controlling Key Frames Video slot: Series of video movie clips Transition / Effect (e.g. Fade in/out) Audio slot: Series of audio clips audio transition (e.g. Fade in/out) Editing window Insert and edit text, image, etc. (Call outs) Preview window, other utility windows Export Exporting desired video file format considering Video Technical Specification

82 Movie making Component Library window Movie Clips Audio, Sound, BGM Prep your own content (library)! - ** Story Board! - Render images - Movie clips by 3ds Max etc. - Audio, video clips - Text script - Put them into your folder & library - Place on your time line according to your story board Time Line window Time slider: X axis: time in seconds, Controlling Key Frames Video slot: Series of video movie clips Transition / Effect (e.g. Fade in/out) Audio slot: Series of audio clips audio transition (e.g. Fade in/out) Editing window Insert and edit text, image, etc. (Call outs) Preview window, other utility windows - Edit your movie - Text flow, transition... - Export your video file Export Exporting desired video file format considering Video Technical Specification

83 Story Board: Content is Matter

84 Making your Final Video Story Board To draw your own Story Board for your final project

85 Your content on the timeline your actual story board

86

87 Next Class Track 2 & 4 Movie-making and your design presentation by video Digital Design & Fabrication (3d Printing)