Design Visualisation_Module2_Journal

Page 1

#stayhome #staysafe Module 02 | The Lived-in Room

Ziyang ‘Vincent’ Yuan 1025198

1


TABLE OF CONTENTS - Project Description

04

- Narrative Description

05

- Images and Narrative

09

- Modeling and Texturing

16

- Framing and Composition

24

- Post-processing Outcome

36

- Reflection

38

- Bibliography of Assets

40

2


3


PROJECT DESCRIPTION From the Start to the End

In this project, different from the still life task in the first module, we focusing more on the storytelling techniques through the design of the scene rather than the modeling techniques and customized textures on very detailed single object. Everything start from choosing the client among a modest young family, an affluent business person or an arrogant artist for our scene. These three clients are all very characteristic and I chose the first one which is a modest young family. After that, I started to think about the background information for my clients and started to set up this lived-in room. For the narrative, it can be expressed by a storyboard or communicated in comic strip format. And later the rendered images and rendered vignettes are designed to contribute the narrative to make it into a vivid and strong story. For this module, due to the focusing of the storytelling, composition and lighting elements, we are allowed to use the assets from Online but with the correct references in the Bibliography of Assets. The primary rendered image is chose to show a composed interior scene of our room from a human perspective. And the three vignettes are closeups detail shot of interior, or exterior images. They are chose to focus on constructing the narrative. So for my clients, I chose to assign each of the vignette to each of my client: mom, dad and their little child. The these vignettes are captured in their perspectives to contribute the narrative. In conclusion, from choosing the clients to setting up the scene, from creating the narrative and background to finding the right angle for our camera, we started to learn a way of expressing the story by several images, to use the details in the image to contribute the narrative and to use the lighting, composition and atmosphere to build the environment.

4


NARRATIVE DESCRIPTION Background Information for the Clients

Location

Time

Client

Scene

Melbourne Suburb

2020 October

A modest young Family

Family Living room

Story happened right here in Melbourne, during the Lockdown situation. This young family, three of them all stayed at home, mom and dad forced to transfer their works from outside into a temporary home office. They both worked and played with their little kid at home.

Stronger Together

Although this situation brought lots of troubles and inconveniences in their works, they found that it’s also a good chance to have more time spend with their kid. They definitely talk more and play more, the afternoon sunshine outside smoothly illuminates the living room. Seems bring the lockdown life a ray of hope and also create a really warm atmosphere inside the room. Mom is a fashion designer and she temporarily changed the coffee table into a office desk, spread her working staff on the table. Their five years old kid played in the living area with mom as the coffee table is just in a perfect height for him. The toys and his staffs were every in the living room. And dad, an architect, has his own small desk at the corner of the room next to a small terrace. They enjoyed this warm afternoon, even forgot the hard situation of the Lockdown. Family makes them feel strongly together and it can fight for anything and always bring happiness to their room. Architect: Render Production Structural Drawing Concept Sketch

5

Five years old

Fashion designer: Dress Design Shoe Design Accessory Design


NARRATIVE DESCRIPTION Storyboard - Main plot development

1

2

4

3

5

6

6


NARRATIVE DESCRIPTION How does the Scene Set Up for the Narrative

The scene was set up in the main living area and facing west. The afternoon sun will come through the trees outside and gently illuminate the room. This room is designed in the first floor so we can see top of the trees from the terrace. The camera is set at the corner of the room to capture the most of area to form this primary image of the scene.

Greens and Trees Terrace Openings Non-Captured Area North Point

7


8


IMAGES AND NARRATIVE Primary Rendered 4k Image Description

For the primary rendered image, it was captured from a human perspective and showed the entire room layout. As it was facing west, the afternoon sun softly illuminates the light color timber floor to give the room a really warm and sweet atmosphere. This feeling is also achieved by the color scheme of the scene objects such as the colorful puzzle carpet in the foreground and the light color leather sofa. And this camera angle was capture almost all the floor area of the living room to show mom and dad’s working space and their kid’s play area. This kind of mixed working and living space successfully reflects the situation of the lockdown and shows audience how this family works.

9


10


IMAGES AND NARRATIVE Rendered Vignettes1 - Mom’s Working Space

For this rendered vignette, it shows the temporary working space for mom which is the big coffee table in the living room. Her working staff spread all over the table includes the sketches of her dresses and high heels design for the fashion show company, her inspiration from some of the fashion books and also the folder that received from the company about the important task that need to be signed etc. Below the glass coffee table, you can see this entire mixed space with her kid. The kid play around her but sometimes make troubles.

11


12


IMAGES AND NARRATIVE Rendered Vignettes2 - Dad’s Working Space

For this rendered vignette, it shows the working space for dad which set at the corner of the room next to a small terrace with direct sunlight. His sketches and drawings are spread on the desk with two screens in front of him showing some structural drawing documents. Dad is very busy and don’t have too much time play with the kid. As you can see the toy put on the seat, the kid is trying to attract some attention from dad. The artificial petals were dropped all around the desk.

13


14


IMAGES AND NARRATIVE

Rendered Vignettes3 - Kid’s Play Area

For this rendered vignette, it shows the play area for the kid which located right in front of mom’s working space. The colorful puzzle carpet was spread on the floor and as well as his toy. The kid was also seen mom’s designing high heels as a toy and sort of place it together with his toys. The artificial flower was destroyed since he removed the petals from the stem and spread them all around the room.

15


MODELING AND TEXTURING The Main Steps of modeling and texturing

Image above shows how the main scene is set up and how the windows and the wall frame is placed at the right position.

The initial positions of these main objects. A rendered image to test the overall feeling of the scene and start placing the first camera.

16

The sofa was a downloaded model as well as the curtain. And the coffee table and the window frame are modeled in 3ds.


MODELING AND TEXTURING The Main Steps of modeling and texturing

The sofa was originally put this way facing the terrace. Although is can receive a great amount of sunlight, it’s hard to choose the camera angle to capture the entire room includes dad’s working desk in the corner.

This is a test render for the scene but without the ceiling structure so it’s very bright.

17

This is the model for the terrace balustrade using FFD box to generate the shape from the original cylinder.


MODELING AND TEXTURING The Main Steps of modeling and texturing

Image above shows how the main scene is set up and how the windows and the wall frame is placed at the right position.

The initial positions of these main objects. A rendered image to test the overall feeling of the scene and start placing the first camera.

18

The sofa was a downloaded model as well as the curtain. And the coffee table and the window frame are modeled in 3ds.


MODELING AND TEXTURING The Main Steps of modeling and texturing

This computer monitor was modeled from Model1 Still life task as an object for the bag of carrot to lean on.

This is how the brand logo’s texture was applied. It was actually a plane object stick on the monitor surface.

19


MODELING AND TEXTURING The Main Steps of modeling and texturing

The leaves of the tree were applied the opacity map to create the blanks of the surrounding area.

For the soil in the plant, I found a proper bitmap from Texture Haven.

20

The leaves of the plant was used the same way as the trees. And the diffuse map for the stem was also from Texture Haven.


MODELING AND TEXTURING The Main Steps of modeling and texturing

The model of this iPod was downloaded from website, and added the song playing screen for it.

The brand logo for the printer was applied same way as the logo for the monitor, using a invert map color correction.

21

The Logo was applied on the side of the Lego car toy and used the correction map to reduce the saturation.


MODELING AND TEXTURING The Main Steps of modeling and texturing

The texture for the sketch drawing was applied on a paper material first then changed the diffuse map for it.

The texture for the puzzle carpet was applied by a multi-object material which will help organize them better. I adjusted the bump map to the max to make the surface looks more rough from the distance.

22


MODELING AND TEXTURING The Main Steps of modeling and texturing

The tabs stick on the box were actually the plane objects that applied with the diffuse maps.

The material for the light bubbles were set with one of the turn-off material and another of the turn-on material. When it was on, another lighting source placed beside it will also be turned on to increase the lighting.

23

The keyboard was designed with back lighting because I firstly planned to have a night rendered scene with only the screen and the keyboard lights on.


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

The Location of the Sun was set differently in different vignette to suit the best results. And also the sunlight target position is changing depending on the purpose as well.

Another opening was left here and also another one at the back of the room which allow some sunlight come though from the opposite direction of the house. This was the night scene sun (moon), as you can see it located in a very low angle and it has the same target location as the daylight sun.

24


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

A view of the room without ceiling

Here is the small corner for Dad’s working space. And there is a small terrace separated from the main big terrace.

Due to the camera angle, this area of the terrace was left unfinished and it will not be captured by any camera. It’s a good things to decide the camera angle in advance because it can save you a lot of time.

The trees are placed a little bit lower than the room because this room was located in the first floor or the second floor. We can only see the top of the trees from inside.

25


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

The actual set up scene in 3ds

The quick sketch of the scene

26


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

There are four extra lighting sources light up the entire room because I found lots of the sunlight was blocked by the sofa.

These small objects for the kids were actually very hard to place in the right spot, I need to find a way to make them looks naturally spread. Another angle showing the room

27


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

Wind gently blow into the room

This was the main perspective camera angle which captured all the objects in the scene includes dad’s working space at the corner of the room. And also part of the terrace to show the actual height of the room with one door open to allow some fresh air come into the space. The moving curtain also increase the movement of the image and make it more vivid and warm.

28


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

Moon Light coming direction

This was the first night scene render test, the moon light was perfectly reflect on the timber floor but I feel the right side of the room is too dark so I added two invisible light in the next test. Night scene of the room

29


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

This is the final night scene rendered image, as you can see the overall brightness was very balanced in the whole room with two additional lightings on the right hand side. And the left side was light up only by that two actual light bubbles. After Effects part

After Effects part

30


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

I found this angle of the camera can captured the beautiful blue sky which give the room a chill atmosphere.

Testing of different shades of blue

This is a view set at the kid eye level to create feeling as a kid playing on the floor watching mom and dad working from this very low angle. Kid perspective view of the entire room

31


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

The position of the sun

The lighting render element result

For this vignette, I tried to adjust the height of the sun to create the best result that I want which used the lighting to kind of divided the image.

32


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

3

2 1

This was how the primary rendered image was divided. The foreground, background and the outside view. The composition of the main 4k render

33


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

Kid’s Place

For this composition, I tried to divided the image evenly by the coffee table, and focusing on the objects on the desk with the mixture of the toys under it. The composition of vignette1 - Mom’s Working Space

34


FRAMING AND COMPOSITION Camera Setting, Lighting and Object Placing

This vignette of the kid play area was mainly composed by the spreading of the puzzle carpet which give the image a sense of movement and engagement. The composition of the Kid’s Play area

35


POST-PROCESSING OUTCOME Adjust brightness, warmth etc. to create the atmosphere

For the post-processing of the primary render, the main thing is the overall atmosphere, the reflection and refraction are not very obvious. So I mainly adjust the warmth and the brightness of the image to make the sunlight warm up the entire room. And for the coffee table, I photoshoped some dirt on the surface because I found its hard to see when I applied the texture in 3ds.

36


POST-PROCESSING OUTCOME Adjust brightness, warmth etc. to create the atmosphere

The adjustment for the vignettes were similar to the primary render. I basically adjust the brightness and the temperature of the image to create this warm and sweet atmosphere.

37


REFLECTION What do we Learn and Reflect

1

Create the Narrative for them.

2

4:

Choose the Client.

Find some inspiration

3:

- Finding the characteristics of them - What things might be related to - How these things work together

- Have a look at some good interior photo - Visit the render company website - Finding the layout of the furniture

Draw a sketch of the setup room

5

Have some test renders

6

- Finding a camera angle first (Time saver) - Start thinking the position of each object - Start finding objects Online

Set up the scene in 3ds Max

- Start importing objects into the scene - Set up the lighting - Checkin the material and texture (Downloaded object sometimes damaged or you want to change the material of them to suit your story)

- Test the camera angle (Slight change) - Test different Lighting Conditions - Test the different position of some Objects - Is there any missing of texture or material - Does it tell the story

Post-processing the images

- Does the atmosphere right - Is the reflection right - Do you have anything to highlight

FINAL OUTCOME:

38


The most important thing we had learned in this module is the way of expressing the narrative through the images or vignettes. The details in the vignettes can successfully tell the whole story and background information and the lighting can create an overall atmosphere for the scene like the main theme for a movie or a show. All the objects have its reason to be there and potentially tell a story behind it. Nothing was placed there without any reasons, if it has, then it can be deleted because it does not help contribute the story. There’s no limit of how many objects we need to compose our scene, we just need enough objects to tell the narrative. Lighting and Composition are always two most important elements that we need to carefully set up. The color, position, target of the lighting will effect a lot of things such as the shadow, atmosphere, brightness etc. Sometimes we need some extra lighting sources inside the house to highlight some objects but we must keep only one sun, otherwise it will be really strange. In conclusion, a good image should has a clear atmosphere and has all the details to tell the narrative. All the objects in the scene will work together to contribute the story and be placed in a comfortable way of composition.

39


BIBLIOGRAPHY OF ASSETS Trokachevsky. (2014). Saba Livingston Sofa and armchair. Retrieved from http://www.turbosquid.com/3d-models/free-max-model-saba-livingston-sofas-armchair/822544 2in1studio. (2011). Vitra EA 108 Aluminium Chair. Retrieved from https://www.turbosquid.com/3d-models/free-max-model-ea-108-aluminium-chair/620426 ABViz. (2017). Surya Cosmopolitan COS-9127. Retrieved from https://www.turbosquid.com/3d-models/surya-cosmopolitan-cos-9127-max-free/1122481 Designconnected. (2017). 3D Sibis max. Retrieved from https://www.turbosquid.com/3d-models/3d-sibis-n-1185787 mArt_CG. (2017). Wooden_Toy_Train 3D model. Retrieved from https://www.turbosquid.com/3d-models/wooden-toy-train-3d-model-1188819 Legolizer. (2016). Lego 6692 Tractor Trailer. Retrieved from https://www.turbosquid.com/3d-models/free-obj-mode-classic-lego-tractor-trailer/1035471 desmonster. (2013). Lotus Hot Wheels Concept. Retrieved from https://www.turbosquid.com/3d-models/free-3ds-mode-hot-wheels-concept/743058 Murkemur. (2020). 3D Modern Book model. Retrieved from https://www.turbosquid.com/3d-models/3d-modern-book-model-1545900 met_out. (2013). Pen-Light. Retrieved from https://www.turbosquid.com/3d-models/3dsmax-pen-light/721470 3d_addict. (2009). bic.max. Retrieved from https://www.turbosquid.com/3d-models/3ds-pen/459781 DHK_krm. (2016). pen paper. Retrieved from https://www.turbosquid.com/3d-models/pen-paper-3ds-free/1059347 Peter Iliev. (2011). Book. Retrieved from https://www.turbosquid.com/3d-models/book-max-free/585144 john052. (2013). Paperclip. Retrieved from https://www.turbosquid.com/3d-models/paperclip-obj-free/783644 Sheepstick. (2018). Business Card 3D model. Retrieved from https://www.turbosquid.com/3d-models/business-card-display-3d-model-1249110 hazex. (2019). CANON Printer 3D model. Retrieved from https://www.turbosquid.com/3d-models/printer-3d-model-1430864 amberspice. (2010). creative kit. Retrieved from https://www.turbosquid.com/3d-models/free-3ds-model-creative-kit-amberspice/570978 Giimann. (2019). 3D 3D Generic Tree 02 model. Retrieved from https://www.turbosquid.com/3d-models/3d-generic-trees-model-1379117

40


BIBLIOGRAPHY OF ASSETS BlueDolphinAnimation. (2014). newtons cradle. Retrieved from https://www.turbosquid.com/3d-models/free-newtons-cradle-3d-model/844906 My3DGuy. (2008). Model Planes. Retrieved from https://www.turbosquid.com/3d-models/obj-toy-plane/400980 FaceTheEdge. (2020). Paper Boxes 3D model. Retrieved from https://www.turbosquid.com/3d-models/paper-film-pbr-3d-model-1543456 Ruslan76. (2017). Cardboard Package Box. Retrieved from https://www.turbosquid.com/3d-models/cardboard-package-box-max-free/1138736 SkilHardRU. (2019). Container Free 3D model. Retrieved from https://www.turbosquid.com/3d-models/container-props-3d-model-1428630 Designconnected. (2019). 3D Balancer Floor Lamp. Retrieved from https://www.turbosquid.com/3d-models/3d-balancer-floor-lamp-1388506 Designconnected. (2018). Victor Desk 3D model. Retrieved from https://www.turbosquid.com/3d-models/victor-desk-3d-model-1308514 Nyanko556. (2012). A compact keyboard (US-layout). Retrieved from https://www.turbosquid.com/3d-models/us-layout-keyboards-obj-free/713305 iokio. (2018). Highlighter Pen 3D model. Retrieved from https://www.turbosquid.com/3d-models/highlighter-pen-3d-model-1257095 ZERO MOD. (2018). Note A4 3D model. Retrieved from https://www.turbosquid.com/3d-models/note-a4-3d-model-1245425 visualdestination. (2011). Rulers. Retrieved from https://www.turbosquid.com/3d-models/ruler-rule-max-free/606768 emoeven. (2008). paper.max. Retrieved from https://www.turbosquid.com/3d-models/3d-sheet-paper/408063 Stoat. (2005). sliderule.sit. Retrieved from https://www.turbosquid.com/3d-models/3d-sliderule/265135 木偶人.(2020). Retrieved from https://pan.baidu.com/s/1I7Fd5J73xQdj7vL3b9DFaQ 高跟女鞋.(2020). Retrieved from https://pan.baidu.com/s/1EpnKVoJRfcL-lXv1xeqqEw 各种耳机.(2020). Retrieved from https://pan.baidu.com/s/18sTf7sg601ng19_BZbCJHg 15种手姿.(2020). Retrieved from https://pan.baidu.com/s/1y-X50H9ynmJ-k_3lEV-gdg Graviton. (2020). 3D Interior Scene - Livingroom. Retrieved from https://www.patreon.com/posts/3d-interior-37843865

41


#stronger #together Module 02 | The Lived-in Room

Ziyang ‘Vincent’ Yuan 1025198

42


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.