Design Visualisation: Digital Techniques - Portfolio

PORTFOLIO

ZIYANG YUAN - 1025198 SEMESTER 2 2020

DESIGN VISUALIZATION: DIGITAL TECHNIQUES

CONTENTS PROFILE Resume

02

MODULE 1 Digital Still Life

03

MODULE 2 Lived-in Room

09

MODULE 3 Building the World

17

PROFILE Resume

Email: ziyyuan@student.unimelb.edu.au Wix Page Link: ziyyuan.wixsite.com/fodr Issuu Page Link: issuu.com/ziyyuan/docs

Education: 2018 - current 2017 - 2018 2015 - 2017

Bachelor of Design ‘The University of Melbourne’ Trinity College Foundation Study No.1 High School Affiliated to East China Normal University

Awards / Exhibition: 2018 MSDx Exhibition ‘Graphic Design: Image and Text’ 2018 MSDx Exhibition ‘Foundation of Design: Representation’ 2019 MSDx Exhibition ‘Design Studio Alpha and Beta’

Software Skills: Rhino Grasshopper Unreal Engine Twinmotion Enscape (Rhino)

Indesign 3ds Max Premiere Pro Photoshop Illustrator

02

MODULE 1 Digital Still Life

TASK Obtain three types of everyday food-related objects to compose the still life: an ‘un-rollable’ cardboard packaged food or drink item, a cylindrical container/vessel and a solid food item. Digitally model, texture, and compose a “still life” image.

FOCUS Considering the composition of the scene, I looked at several precedent still life paintings to kind of get the idea of how to efficiently compose the scene by only focusing on one or two objects. This consideration is also related to the workflow of our modeling process, I can spend more time on the object with the most focus and slightly reduce the details of the objects on the background. In addition, the lighting is also very important in composing the scene, a proper lighting can efficiently light up the atmosphere of the whole image, and help focus on the star object in my scene.

03

CORNER

Module 01 | A Digital Still Life

MODULE 1 Digital Still Life

MODELING The modeling process start from tracing the front or back view photo of the object that I took before when I selected them. Or changed the shape of the basic geometry in the software to achieve the outcome of our objects.

TEXTURING After the modeling, I then applied the textures onto the model by editing the UV maps of them to make sure their textures are matching with the surface of the model. Along with the UV maps, I also worked on the physical materiality of the object and usually they are combined together to achieve the outcome.

05

+

Put into the box

At last, use shell to create some thickness of the object.

As the modifier I shown, I created a plane at the start.

This is the modeling process for the snap seal bag inside the box. Due to the position of the bags, only the top of the bag can be seen from outside, so I only focus on the top part’s texture and the whole bag was just roughly modeled.

Then bend it to make it completely become a round shape.

06

Here is the texture image source I took by my phone.

In the UV editor, by normal the map, it only shows the top and bottom side of the bag, it become much easier to applied the texture onto the object.

07

In Photoshop, I applied the texture onto the plastic bag on the right position.

In the material editor, I applied a transparent plastic material as the base and coat the texture onto the object with a blend bitmap. This will make the label sit perfectly on the plastic bag.

MODULE 1 Digital Still Life

POST-PROCESSING For the final image, I adjust the brightness and applied a warm purple filter to balance the left and right lighting color. And increase the saturation of the image to bright up the Campbell’s logo a little bit to become the focus of the image.

REFLECTION In this project, we explored the process of modeling the basic objects in 3ds max and applying different types of textures onto the objects, and meanwhile think carefully about the composition of our model elements.

From modeling to applying texture, from considering the composition of the scene to setting up the lighting and the camera, we start have a basic but comprehensive learning of these digital techniques that will have great help in the future projects.

08

MODULE 2 Lived-in Room

TASK The client I selected is a modest young family. After selecting my client, I will create a narrative or background for my client. I will then construct the scene. I will then go on to construct four images - a primary render that show the entire interior scene from a human perspective, and three vignettes showing detail that re-reinforce my narrative for the story.

FOCUS Story happened right here in Melbourne, during the Lockdown. This young family, they 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. 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.

09

02

11

Rendered vignette 01

Rendered vignette 02

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.

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.

Rendered vignette 03 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.

12

MODULE 2 Lived-in Room

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

13

A view of the room without ceiling

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.

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

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.

14

MODULE 2 Lived-in Room

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

15

After Effects part

MODULE 2 Lived-in Room

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

Before

After

16

MODULE 3

Building the World

TASK For this task, I will animate a camera as well as objects in your scene to create an animation that expands upon the narrative developed in the last module. This animation should include the exterior and interior of the scenes. I will make a storyboard and then translate my storyboard into a digital model, and using the skills taught in the workshops to develop the animation.

NARRATIVE My story happened during the lockdown in Melbourne caused by the virus, everything seems normal and peaceful but actually they are not. The truth is that everything we see in our life is the illusion, the people we love, the place we live have already gone for a long time. However this is not the only ending, the audience can have their space of imagination.

17

Landscape “Movie” Banner

18

19

20

MODULE 3

Building the World

This is the exterior scene that build the city content, the background of the story. Telling the audience when and where did this happen.

21

The exterior of the building did not appear in the animation, I showed only part of the building to give the audience a scene of scale and surrounding environment.

The broken textures of the peeled wall and the rusted steel frame of the window.

This is the camera angle in 3ds max. It was a slightly look up view, I tried to avoid showing the horizon line to limit the objects in the scene to limit the render time.

This is the result of the rendered frame. The background was a HDRI map of the dome light to match the dead tree environment.

22

MODULE 3

Building the World

The broken textures used in Photoshop.

The flashing part at the start gives the audience a hit of the illusion scenes. This achieved by adding the glitchy visual effect and the glitchy sound.

23

The broken scene at the start was not rendered in 3ds max but edited in Photoshop. Use the still image to create the flashing parts with the sound of the tram announcement to start the animation.

This is the final part of the animation with the big contrast of two scene, the wonderful world and the dead surroundings. It achieved by a similar way as the start flashing part. With the background music, it push the whole animation to the climax.

Two scene are both rendered in 3ds max with different texture but the same camera movement to achieve two same angle captures. Then edited them to match the timeline of the flashing.

24

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 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 Flaggsv. (2016). X-1 class tram No. 466. Retrieved from https://www.turbosquid.com/3d-models/3d-class-tram-466-x-1/1036337 DianMozacov. (2016). Graceview Mansion. Retrieved from https://www.turbosquid.com/3d-models/max-graceview-mansion-house/1075542

25

MODULE 3

Building the World

REFLECTION From Module 1, the first time using 3ds max to build a model, to the last Module that we build the whole world. I learned a lot from detailed customized texture to the camera movements.

A good animation comes out with the right texture making, the right lighting configuration, the proper camera movement and the nice editing techniques etc. I need to make sure all the textures are working well together to compose a good scene, and these scenes will then build the animation.

The rendering time is also an important part of the animation, sometimes the rendering time will be way longer than you imagine, it’s better to do it early and do a test render to make sure the movement of the objects are in the right position. Besides this, the post editing process in the video editor is also a huge part, you need to make a proper background music to match the overall atmosphere of your animation. The music is usually the element that brings the most feeling to the audience.

In conclusion, a good animation not only needs a good techniques in modeling and texturing, but also needs to work with the editing and composing skills. This Module really helps to give us a coherent understanding of those techniques.

26

ZIYANG YUAN - 1025198 SEMESTER 2 2020

DESIGN VISUALIZATION: DIGITAL TECHNIQUES