3D Modeling - Weekly Journal

Jump Link:

• Week 1 - Shortcuts and Basic Tools
• Week 2 - Modifier and Edit Mode
• Week 3 - Rendering and Edit Mode
• Week 4 - School Trip to RexKL
• Week 5 - Building Structure
• Week 6 - Spatial.io
• Week 7 - Presentation for Spatial Design Assignment 2
• Week 8 - Independent Learning Week
• Week 9 - Lighting Tutorial
• Week 10 - Adobe Illustrator to Blender
• Week 11 - Logo Design
• Week 12 - Bake in Advanced Method
• Week 13 - Short Online Lecture

Lectures

Week 1 (29.09.2023)

In our first class, we were introduced to 3D Modeling. We used Blender, a free, versatile 3D Modeling software as our primary learning tool. In this lecture, we were taught the basis of Blender, such as shortcuts and the use of primitive shapes. By the end of this session, we equipped ourselves with a foundational understanding of 3D modeling and the tools needed to navigate the Blender software efficiently, and lastly came out with some models by using basic shapes.

Lecture Notes

Shortcuts:

• t - hide/show tool box
• n - hide/show item box
• s - scale
• shift + a - add mesh
• shift + d - duplicate
• g - grab
• alt + ctrl + Q - four view
• middle mouse - orbit camera
• shift + middle mouse button - drag camera
• ctrl + drag middle mouse button - dolly camera
• g + x/y/z + (press “5” and LMB) - to move in certain axis
• z - select properties of the shape
• n, go to “tool”, affect only “origin” - change gizmo point
• select the child, select the parent, ctrl + p - make parents and children

Task

With the guides from lecturer, we followed the procedure and came up with a table by using basic shortcuts and rectangles. I had also built some simple models using primitive shapes as practice.

Figure 1.1 Table

Figure 1.2 Pine, Clown and Table

< back

Week 2 (06.10.2023)

In this lecture, we had a quick review on shortcuts from previous lesson. We learned some advance functions, such as modifier and edit mode, which can further enhance our skills in 3D Modeling.

Lecture Notes

• Add array modifier - duplicate object in sequence
• tap key - swap between "object mode" and "edit mode" 
• beside "edit mode", 1st box - vertex, 2nd - edge, 3rd - face
• "edit mode", "loop cut" - split object into half
• ctrl + f - extrude face

Task 

Following the guides from our lecturer, we built a staircase and bench.

Figure 2.1 Staircase

Figure 2.2 Bench

Learning from the lecturer's instructions on building these models, I now better understand how to use edit mode and modifiers in Blender. It's been fun, and I'm eager to explore more about 3D modeling!

< back

Week 3 (13.10.2023)

Today's lecture, we emphasize on learning some advance skills, such as rendering, colouring and some useful tips to touch up our final product of Exercise 1. 

Lecture Notes

• click "show overlays", tick "wireframe" - show wireframe on solid
• go to "modifier", choose "wireframe" - make wireframe
• select object, select "material", add new material
• z, "material preview" - to view colour and material
• add a plane to show shadow
• g + x/y/z + hold ctrl - turn on magnet
• go to "edit mode", select "material", click "assign" - colour selected face
• camera icon - camera render output
• n, go to "view", tick "camera to view" - dolly and adjust camera
• go to "output properties" - change resolution 
• go to "modifier", go to "multiresolution" - smoothen face
• ctrl + e, select "loop cut and slide", click at the edge, use middle mouse button to scroll - loop cut
• hold alt and select edge - select whole edge

Figure 3.1 Treasure Box

Figure 3.2 Spiky Thingy

I've created a new post where I'll be monitoring and regularly updating my assignment progress. You can access the post through the link provided below: 

https://szeching0119.blogspot.com/2023/10/3d-modeling-exercise-1.html

< back

Week 4 (20.10.2023)

Today, our class is embarking on an exciting field trip to Rex KL, all thanks to the generous sponsorship from Mr. Yusri. Rex KL is a distinctive center for art and culture, and the highlight of our visit is the 3D spatial visual art gallery. Our main objective for this trip is to explore and understand the workings of this extraordinary spatial art gallery. We're looking forward to witnessing the mesmerizing displays and gaining insights into how it operates. The exhibition featured three themes: "Foreign Nature," "Annihilation," and "Yume." The show lasted for an hour, and it was absolutely captivating, leaving me in a state of awe and wonder.

Foreign Nature

by Julius Horsthuis & Ben Lukas Boysen

Foreign Nature is an enchanting journey into the realm of mathematical landscapes that reveal nature's intricate beauty through captivating fractals. Utilising computer-generated fractals, which are the visual representation of mathematical formulas, Julius Horsthus crafts immersive encounters where self-similar shapes and patterns emerge regardless of zooming in or out. This exhibition blends digital art, mathematics, and exploration, inviting visitors to discover the hidden geometries of the universe. As you traverse these surreal dimensions where mathematical wonders and artistic expression harmonise, be prepared to be fully immersed beyond your senses. Ben Lukas Boysen's specially composed soundtrack heightens this sensory journey that's said to evoke altered states of consciousness, akin to psychonautic experiences. 

Figure 4.1 Foreign Nature

Figure 4.2 Foreign Nature

Figure 4.3 Foreign Nature

Yume

by Fahmi Hosnan & Ashish Khilnani

More than just an exhibition, Yume transforms Japanese history's most cherished masterpieces into an immersive art experience. Through projection and motion, this digital art evolution envelopes you in a breathtaking tapestry of caretully chosen artworks sourced from the public domain. From Kawase Hasui's delicate "Ikegami Honmonji no to" to the iconic "The Great Wave off Kanagawa" by Katsushika Hokusai, the delightiul symphony of treasures takes you through fleeting moments and cultural wonders. Yume also meticulously weaves snow-covered landscapes, like "Heian Jingu no Yuki," and ventures into historical vignettes with SHUNSEN's "Hanayagi Jusuke." The exhibition's devotion to detail uncovers a fresh perspective on timeless creations, seamlessly uniting technology and artistry.

Figure 4.4 Yume

Figure 4.5 Yume

Figure 4.6 Yume

Annihilation

by Colas Fiszman & Jonas Margraf

Experience an enthralling dance performance within a dystopian realm as Annihilation seamlessly blends dance, video, lasers, and electronic music to explore the intricate connections between humanity, technological advancement, and nature. The dancer's captivating movements are projected in real-time using cutting-edge motion capture technology. Meanwhile, intricate 3D laser scans from Belgian and Malaysian places compose mesmerising digital landscapes. Enhanced by Jonas Margrat's 360 spatial soundtrack for a multidimensional auditory adventure, this amalgamation of human expressions and vibrant visuals weaves a digital art narrative, illuminating the dire repercussions of technology's ceaseless advancement.

Figure 4.7 Annihilation

Figure 4.8 Annihilation

Figure 4.9 Annihilation

Following the captivating presentation, we had the chance to engage in a conversation with Mr. Sebastian, who is in charge of the entire exhibition. This allowed us to gain a deeper understanding of various aspects, including the tools and software utilized, the duration of the design process, the team size involved, and the challenges encountered in bringing the exhibition to life. Through our conversation, I've gathered valuable insights and information, and these notes represent what I've learned during our discussion.

Notes

Main Software: Adobe Illustrator, Adobe Photoshop, Maya, Touchdesigner

1. Adobe Illustrator: vector graphics software used for creating and editing illustrations, logos, and other graphics. It's popular among graphic designers for its precision and scalability.

2. Adobe Photoshop: powerful image editing and manipulation software widely used for tasks such as photo retouching, graphic design, and digital art creation.

3. Maya: 3D animation and modeling software often used in the film and gaming industries. It allows artists to create 3D models, animations, and visual effects.

4. TouchDesigner: node-based visual programming language and interactive media software. It's favored by artists and developers for creating real-time interactive installations, immersive experiences, and generative art.

Figure 4.10 Maya

Figure 4.11 Touchdesigner

Device used: Laser projector, PC, Sensor, Audio, Motion Capture Suit

Figure 4.12 Motion Capture Suit

The wearable motion capture suit records the wearer's body movements and operates via a WiFi connection. Its price is set at RM 90,000.

Figure 4.13 Video Rack

Figure 4.14 Audio Rack

The audio rack is network-connected and designed to deliver specialized audio that envelops the entire hall and immerses the listener's ears in a unique sound experience. Each cable connects to one projector. A laser projector has a continuous operational lifespan of 3.5 years and is priced equivalent to that of a Myvi car.

Figure 4.15 PC

A single high-performance PC, equipped with at least an RTX 4090 Graphic Card, has the capability to manage and control up to six projectors simultaneously. In the event of a PC failure, the show will not be interrupted; it will simply require a PC restart, after which the show can seamlessly continue.

Challenge:

The task at hand involves the integration of multiple projectors within a system to ensure that the frames they produce are perfectly synchronized. This requires the implementation of software that can monitor and predict frame changes, and the synchronization of frames must be so precise that a one-frame delay is imperceptible to the human eye. Additionally, both the engineering and content creation aspects of this endeavor play a crucial role. The engineering aspect pertains to the design of how the entire show operates, and content creation demands a six-month effort involving two individuals. Lastly, the operation incurs an electricity cost of 20,000 ringgit for every month!

Figure 4.16 Discussion

In conclusion, I'm delighted because I've gained a wealth of new knowledge related to spatial design, and this has boosted my confidence and deepened my interest as I look forward to my future endeavors. It's been a truly memorable and enriching experience for me! 😀

Figure 4.17 Group Photo

< back

Week 5 (27.10.2023)

In our class, we acquired the skills to create structures, such as building and its interior, that can be applied within our metaverse environment. We were taught how to effectively utilize edit mode and modifiers in Blender. While I initially struggled with building, I eventually managed to produce a satisfactory result.

Lecture Notes

• ctrl + R - loop cut and slide
• hover the loop cut and scroll down by middle mouse button to increase the cut
• hold ctrl to unselect
• select all edge - hold shift + alt
• make a bridge - "edge", "bridge edge loops"
• click "/" - focus on one object
• click "n", under "tool", tick "origin" - change pivot point

Figure 5.1 Room and Stairs

Even though the construction process was challenging, the satisfaction and happiness I felt after completing my own building were immense. This lecture has also provided me with valuable experience in creating floor plans for our metaverse project.

< back

Week 6 (replaced on 26.10.2023)

Today, we received an assignment brief for our project, which involves integrating 3D modeling into spatial design. The ultimate goal is to create a metaverse dedicated to a study space. Our initial task is to gather information and come out with a project proposal. I'm planning to construct an art studio as part of this project. In our class, we explored advanced features of Blender, such as creating rotating stairs. Additionally, we learned to use Spatial.io, a platform that allows us to build our own virtual world and incorporate our 3D models into it.

Lecture Notes

How to make rotating stairs:

1. Build a rectangular stair, apply "array" modifier on it
2. Cursor at the origin, go to "add", click "empty", click "plain axes"
3. Go to "array" modifier, tick "object offset", choose the object
4. Rotate the plain axes

Figure 6.1 Spiral Stairs Tutorial

Figure 6.2 Spiral Stairs

Figure 6.3 Spatial.io

< back

Week 7 (10.11.2023)

There is no class scheduled for today as we are dedicated to presenting our assignment 2 on concept development. Our presentation went well, and we received valuable feedback from our lecturer. Kindly visit this page for further information on our progress in this assignment. ^_^

https://szeching0119.blogspot.com/2023/10/spatial-design-assignment.html

Feedback

1. Famous European Artist, Interactive Space and 3D Painting were chosen as our art gallery theme
2. The floor plan can be more creative

< back

Week 9 (24.11.2023)

In class today, we learned how to add lighting to spatial.io to make the space more interesting. Since Spatial.io doesn't directly support light sources, we learned the technique of baking the lighting in Blender and then exporting it into Spatial.io. We also learned to add image texture onto the object.

How to add image onto object

1. go to "material"
2. click the button beside the colour
3. choose "image texture"
4. open another panel
5. choose "UV editor"
6. adjust the image texture

How to add lighting into metaverse

1. adjust the "specular" and "roughness" in material
2. go to "shading"
3. copy and paste "brown" 
4. go to "add", click "vector", choose "bump"
5. link "colour" to "height" and "normal"
6. at "uv editor", click and add a new image
7. go to "add", click "texture", go to "image texture"
8. change render engine to "cycles"
9. go to "render" at the right panel
10. go to "bake"
11. export into glb

Figure 9.1 Shading

Figure 9.2 Bake

Yet, I'm facing difficulties importing the baked image texture from Blender to our metaverse, indicating potential issues during the baking process. I plan to reach out to friends and the lecturer for assistance in resolving this problem.

< back

Week 10 (1.12.2023)

In class today, we learned how to take stuff from Adobe Illustrator to Blender. This helps us bring our signs and logo into the metaverse. Also, we were reminded that we still have 19 days left to finish and present our project.

How to export image into SVG

1. insert image
2. go to "object", click "image trace"
3. select the object
4. go to "object", click "expand"
5. make sure "fill" and "stroke" is ticked
6. click "ok"
7. delete unwanted things

How to export from Adobe Illustrator to Blender, 2D to 3D

1. insert image as SVG
2. go to "data" (green line) at the right panel
3. go to "geometry"
4. adjust the "extrude"

Besides Adobe Illustrator, we find Canva very convenient for exporting SVG and creating signage. Therefore, we decided to use Canva instead of Adobe Illustrator to export SVG to create our signage for our metaverse.

< back

Week 11 (8.12.2023)

Today, we showed our metaverse project to our lecturer for feedback. They suggested improving our logo because the positive and negative spaces weren't organized, and the logo name wasn't clear. Our lecturer then guided us step by step in creating a better logo using Adobe Illustrator. We also fixed the issue of the greyish wall by making it brighter.

How to create wordmark

1. type out the name of the logo
2. select the word 
3. go to "type" in the top menu
4. select "create outlines"
5. go to "object"
6. choose "ungroup" to separate the letters
7. use white mouse to adjust the letter
8. go to "window" in the top menu
9. select "pathfinder" to unite, minus, intersect objects

Figure 11.1 Example of negative space 1

Figure 11.2 Example of negative space 2

Figure 11.3 Wordmark design using positive and negative space

How to brighten the greyish wall

1. go to "shading" at the top panel
2. select the object
3. add "new"
4. increase the "emission"

Thanks to our lecturer's help, we've made improvements and solved issues in our metaverse. Everything looks better now, and we also created a nicer logo.

< back

Week 12 (15.12.2023)

Today is our last class before the final presentation. We got feedback from the lecturer, and everything is going well except for one problem – we're struggling with baking in Blender. We've asked the lecturer for help with this issue.

How to bake (advance)

1. go to "shading"
2. choose an object to shade
   
3. add image texture
4. rename 
5. change render engine to "cycles"
6. go to bake
7. connect to base colour - colour > base colour
8. flip
9. light power
10. material - everything must have different material
11. if the feet sunk in, flip the top surface

Even though the lecture was clear, we're still facing challenges with the baking process. We'll make our best effort to resolve this issue.

< back

Week 13 (22.12.2023)

Today's online class is brief, as some of our classmates have returned to their hometowns to celebrate Christmas. The lecture primarily focuses on addressing common feedback and providing solutions to problems.

How to brighten the material

1. go to "shading"
2. add image texture
3. link "colour" to "emission"
4. increase the emission

Figure 13.1 Step to brighten material 

We've chosen to create a new, more imaginative floor plan for our art gallery metaverse, aiming to earn higher marks for our final project.

< back